Merge remote-tracking branch 'upstream/main' into rx-asset-v2

.github/workflows/check_node_latest.yml

@@ -14,7 +14,7 @@ env:
 
 jobs:
     check_latest_node:
-        runs-on: ubuntu-latest
+        runs-on: ubuntu-22.04
         strategy:
             matrix:
                 python-version: ['3.12']

.github/workflows/check_outdated_dependencies.yml

@@ -74,7 +74,7 @@ jobs:
         echo "$outdated"
 
         # Ignore 3rd party dependencies that are not updated.
-        filtered_outdated=$(echo "$outdated" | grep -vE 'Package|@chakra-ui|lucide-react|@splinetool/runtime|ag-grid-react|framer-motion' || true)
+        filtered_outdated=$(echo "$outdated" | grep -vE 'Package|@chakra-ui|lucide-react|@splinetool/runtime|ag-grid-react|framer-motion|react-markdown|remark-math|remark-gfm|rehype-katex|rehype-raw|remark-unwrap-images' || true)
         no_extra=$(echo "$filtered_outdated" | grep -vE '\|\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-' || true)
 
 

.github/workflows/integration_app_harness.yml

@@ -24,7 +24,7 @@ jobs:
       matrix:
         state_manager: ['redis', 'memory']
         python-version: ['3.11.5', '3.12.0']
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     services:
       # Label used to access the service container
       redis:
@@ -51,6 +51,7 @@ jobs:
           SCREENSHOT_DIR: /tmp/screenshots
           REDIS_URL: ${{ matrix.state_manager == 'redis' && 'redis://localhost:6379' || '' }}
         run: |
+          poetry run playwright install --with-deps
           poetry run pytest tests/integration
       - uses: actions/upload-artifact@v4
         name: Upload failed test screenshots

.github/workflows/integration_tests.yml

@@ -42,7 +42,7 @@ jobs:
       fail-fast: false
       matrix:
         # Show OS combos first in GUI
-        os: [ubuntu-latest, windows-latest, macos-12]
+        os: [ubuntu-latest, windows-latest]
         python-version: ['3.9.18', '3.10.13', '3.11.5', '3.12.0']
         exclude:
           - os: windows-latest
@@ -122,7 +122,7 @@ jobs:
       fail-fast: false
       matrix:
         # Show OS combos first in GUI
-        os: [ubuntu-latest, windows-latest, macos-12]
+        os: [ubuntu-latest]
         python-version: ['3.10.11', '3.11.4']
 
     env:
@@ -161,4 +161,45 @@ jobs:
           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
+          --app-name "reflex-web" --path ./reflex-web/.web
+  
+  reflex-web-macos:
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+    strategy:
+      fail-fast: false
+      matrix:
+        python-version: ['3.11.5', '3.12.0']
+    runs-on: macos-12
+    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: Clone Reflex Website Repo
+        uses: actions/checkout@v4
+        with:
+          repository: reflex-dev/reflex-web
+          ref: main
+          path: reflex-web
+      - name: Install Requirements for reflex-web
+        working-directory: ./reflex-web
+        run: poetry run uv pip install -r requirements.txt
+      - name: Install additional dependencies for DB access
+        run: poetry run uv pip install psycopg2-binary
+      - name: Init Website for reflex-web
+        working-directory: ./reflex-web
+        run: poetry run reflex init
+      - name: Run Website and Check for errors
+        run: |
+          # 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
+  

.github/workflows/unit_tests.yml

@@ -27,7 +27,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-latest, windows-latest, macos-12]
+        os: [ubuntu-latest, windows-latest]
         python-version: ['3.9.18', '3.10.13', '3.11.5', '3.12.0']
         # Windows is a bit behind on Python version availability in Github
         exclude:
@@ -41,6 +41,7 @@ jobs:
           - os: windows-latest
             python-version: '3.9.13'
     runs-on: ${{ matrix.os }}
+
     # Service containers to run with `runner-job`
     services:
       # Label used to access the service container
@@ -78,4 +79,30 @@ jobs:
           export PYTHONUNBUFFERED=1
           poetry run uv pip install "pydantic~=1.10"
           poetry run pytest tests/units --cov --no-cov-on-fail --cov-report=
-      - run: poetry run coverage html
+      - name: Generate coverage report
+        run: poetry run coverage html
+
+  unit-tests-macos:
+    timeout-minutes: 30
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+    strategy:
+      fail-fast: false
+      matrix:
+        python-version: ['3.9.18', '3.10.13', '3.11.5', '3.12.0']
+    runs-on: macos-12
+    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 unit tests
+        run: |
+          export PYTHONUNBUFFERED=1
+          poetry run pytest tests/units --cov --no-cov-on-fail --cov-report=
+      - name: Run unit tests w/ pydantic v1
+        run: |
+          export PYTHONUNBUFFERED=1
+          poetry run uv pip install "pydantic~=1.10"
+          poetry run pytest tests/units --cov --no-cov-on-fail --cov-report=

.pre-commit-config.yaml

@@ -3,7 +3,7 @@ fail_fast: true
 repos:
 
   - repo: https://github.com/charliermarsh/ruff-pre-commit
-    rev: v0.6.9
+    rev: v0.7.1
     hooks:
       - id: ruff-format
         args: [reflex, tests]

README.md

@@ -17,7 +17,7 @@
 
 ---
 
-[English](https://github.com/reflex-dev/reflex/blob/main/README.md) | [简体中文](https://github.com/reflex-dev/reflex/blob/main/docs/zh/zh_cn/README.md) | [繁體中文](https://github.com/reflex-dev/reflex/blob/main/docs/zh/zh_tw/README.md) | [Türkçe](https://github.com/reflex-dev/reflex/blob/main/docs/tr/README.md) | [हिंदी](https://github.com/reflex-dev/reflex/blob/main/docs/in/README.md) | [Português (Brasil)](https://github.com/reflex-dev/reflex/blob/main/docs/pt/pt_br/README.md) | [Italiano](https://github.com/reflex-dev/reflex/blob/main/docs/it/README.md) | [Español](https://github.com/reflex-dev/reflex/blob/main/docs/es/README.md) | [한국어](https://github.com/reflex-dev/reflex/blob/main/docs/kr/README.md) | [日本語](https://github.com/reflex-dev/reflex/blob/main/docs/ja/README.md) | [Deutsch](https://github.com/reflex-dev/reflex/blob/main/docs/de/README.md) | [Persian (پارسی)](https://github.com/reflex-dev/reflex/blob/main/docs/pe/README.md)
+[English](https://github.com/reflex-dev/reflex/blob/main/README.md) | [简体中文](https://github.com/reflex-dev/reflex/blob/main/docs/zh/zh_cn/README.md) | [繁體中文](https://github.com/reflex-dev/reflex/blob/main/docs/zh/zh_tw/README.md) | [Türkçe](https://github.com/reflex-dev/reflex/blob/main/docs/tr/README.md) | [हिंदी](https://github.com/reflex-dev/reflex/blob/main/docs/in/README.md) | [Português (Brasil)](https://github.com/reflex-dev/reflex/blob/main/docs/pt/pt_br/README.md) | [Italiano](https://github.com/reflex-dev/reflex/blob/main/docs/it/README.md) | [Español](https://github.com/reflex-dev/reflex/blob/main/docs/es/README.md) | [한국어](https://github.com/reflex-dev/reflex/blob/main/docs/kr/README.md) | [日本語](https://github.com/reflex-dev/reflex/blob/main/docs/ja/README.md) | [Deutsch](https://github.com/reflex-dev/reflex/blob/main/docs/de/README.md) | [Persian (پارسی)](https://github.com/reflex-dev/reflex/blob/main/docs/pe/README.md) | [Tiếng Việt](https://github.com/reflex-dev/reflex/blob/main/docs/vi/README.md)
 
 ---
 

docs/vi/README.md

@@ -0,0 +1,267 @@
+```diff
++ Bạn đang tìm kiếm Pynecone? Bạn đã tìm đúng. Pynecone đã được đổi tên thành Reflex. +
+```
+
+<div align="center">
+<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex_dark.svg#gh-light-mode-only" alt="Reflex Logo" width="300px">
+<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex_light.svg#gh-dark-mode-only" alt="Reflex Logo" width="300px">
+
+<hr>
+
+### **✨ Ứng dụng web hiệu suất cao, tùy chỉnh bằng Python thuần. Deploy trong vài giây. ✨**
+[![PyPI version](https://badge.fury.io/py/reflex.svg)](https://badge.fury.io/py/reflex)
+![versions](https://img.shields.io/pypi/pyversions/reflex.svg)
+[![Documentation](https://img.shields.io/badge/Documentation%20-Introduction%20-%20%23007ec6)](https://reflex.dev/docs/getting-started/introduction)
+[![Discord](https://img.shields.io/discord/1029853095527727165?color=%237289da&label=Discord)](https://discord.gg/T5WSbC2YtQ)
+</div>
+
+---
+
+[English](https://github.com/reflex-dev/reflex/blob/main/README.md) | [简体中文](https://github.com/reflex-dev/reflex/blob/main/docs/zh/zh_cn/README.md) | [繁體中文](https://github.com/reflex-dev/reflex/blob/main/docs/zh/zh_tw/README.md) | [Türkçe](https://github.com/reflex-dev/reflex/blob/main/docs/tr/README.md) | [हिंदी](https://github.com/reflex-dev/reflex/blob/main/docs/in/README.md) | [Português (Brasil)](https://github.com/reflex-dev/reflex/blob/main/docs/pt/pt_br/README.md) | [Italiano](https://github.com/reflex-dev/reflex/blob/main/docs/it/README.md) | [Español](https://github.com/reflex-dev/reflex/blob/main/docs/es/README.md) | [한국어](https://github.com/reflex-dev/reflex/blob/main/docs/kr/README.md) | [日本語](https://github.com/reflex-dev/reflex/blob/main/docs/ja/README.md) | [Deutsch](https://github.com/reflex-dev/reflex/blob/main/docs/de/README.md) | [Persian (پارسی)](https://github.com/reflex-dev/reflex/blob/main/docs/pe/README.md) | [Tiếng Việt](https://github.com/reflex-dev/reflex/blob/main/docs/vi/README.md)
+
+---
+
+# Reflex
+
+Reflex là một thư viện để xây dựng ứng dụng web toàn bộ bằng Python thuần.
+
+Các tính năng chính:
+* **Python thuần tuý** - Viết toàn bộ ứng dụng cả backend và frontend hoàn toàn bằng Python, không cần học JavaScript.
+* **Full Flexibility** - Reflex dễ dàng để bắt đầu, nhưng cũng có thể mở rộng lên các ứng dụng phức tạp.
+* **Deploy Instantly** - Sau khi xây dựng ứng dụng, bạn có thể triển khai bằng [một dòng lệnh](https://reflex.dev/docs/hosting/deploy-quick-start/) hoặc triển khai trên server của riêng bạn.
+
+Đọc [bài viết về kiến trúc hệ thống](https://reflex.dev/blog/2024-03-21-reflex-architecture/#the-reflex-architecture) để hiểu rõ các hoạt động của Reflex.
+
+## ⚙️ Cài đặt
+
+Mở cửa sổ lệnh và chạy (Yêu cầu Python phiên bản 3.9+):
+
+```bash
+pip install reflex
+```
+
+## 🥳 Tạo ứng dụng đầu tiên
+
+Cài đặt `reflex` cũng như cài đặt công cụ dòng lệnh `reflex`.
+
+Kiểm tra việc cài đặt đã thành công hay chưa bằng cách tạo mới một ứng dụng. (Thay `my_app_name` bằng tên ứng dụng của bạn):
+
+```bash
+mkdir my_app_name
+cd my_app_name
+reflex init
+```
+
+Lệnh này tạo ra một ứng dụng mẫu trong một thư mục mới. 
+
+Bạn có thể chạy ứng dụng ở chế độ phát triển.
+
+```bash
+reflex run
+```
+
+Bạn có thể xem ứng dụng của bạn ở địa chỉ http://localhost:3000.
+
+Bạn có thể thay đổi mã nguồn ở `my_app_name/my_app_name.py`. Reflex nhanh chóng làm mới và bạn có thể thấy thay đổi trên ứng dụng của bạn ngay lập tức khi bạn lưu file.
+
+
+## 🫧 Ứng dụng ví dụ
+
+Bắt đầu với ví dụ: tạo một ứng dụng tạo ảnh bằng [DALL·E](https://platform.openai.com/docs/guides/images/image-generation?context=node). Để cho đơn giản, chúng  ta sẽ sử dụng [OpenAI API](https://platform.openai.com/docs/api-reference/authentication), nhưng bạn có thể sử dụng model của chính bạn được triển khai trên local.
+
+&nbsp;
+
+<div align="center">
+<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/dalle.gif" alt="A frontend wrapper for DALL·E, shown in the process of generating an image." width="550" />
+</div>
+
+&nbsp;
+
+Đây là toàn bộ đoạn mã để xây dựng ứng dụng trên. Nó được viết hoàn toàn trong một file Python!
+
+
+  
+```python
+import reflex as rx
+import openai
+
+openai_client = openai.OpenAI()
+
+
+class State(rx.State):
+    """The app state."""
+
+    prompt = ""
+    image_url = ""
+    processing = False
+    complete = False
+
+    def get_image(self):
+        """Get the image from the prompt."""
+        if self.prompt == "":
+            return rx.window_alert("Prompt Empty")
+
+        self.processing, self.complete = True, False
+        yield
+        response = openai_client.images.generate(
+            prompt=self.prompt, n=1, size="1024x1024"
+        )
+        self.image_url = response.data[0].url
+        self.processing, self.complete = False, True
+
+
+def index():
+    return rx.center(
+        rx.vstack(
+            rx.heading("DALL-E", font_size="1.5em"),
+            rx.input(
+                placeholder="Enter a prompt..",
+                on_blur=State.set_prompt,
+                width="25em",
+            ),
+            rx.button(
+                "Generate Image", 
+                on_click=State.get_image,
+                width="25em",
+                loading=State.processing
+            ),
+            rx.cond(
+                State.complete,
+                rx.image(src=State.image_url, width="20em"),
+            ),
+            align="center",
+        ),
+        width="100%",
+        height="100vh",
+    )
+
+# Add state and page to the app.
+app = rx.App()
+app.add_page(index, title="Reflex:DALL-E")
+```
+
+
+
+
+
+## Hãy phân tích chi tiết.
+
+<div align="center">
+<img src="../images/dalle_colored_code_example.png" alt="Explaining the differences between backend and frontend parts of the DALL-E app." width="900" />
+</div>
+
+
+### **Reflex UI**
+
+Bắt đầu với giao diện chính.
+
+```python
+def index():
+    return rx.center(
+        ...
+    )
+```
+
+Hàm `index` định nghĩa phần giao diện chính của ứng dụng.
+
+Chúng tôi sử dụng các component (thành phần) khác nhau như `center`, `vstack`, `input` và `button` để xây dựng giao diện phía trước.
+Các component có thể được lồng vào nhau để tạo ra các bố cục phức tạp. Và bạn cũng có thể sử dụng từ khoá `args` để tận dụng đầy đủ sức mạnh của CSS.
+
+Reflex có đến hơn [60 component được xây dựng sẵn](https://reflex.dev/docs/library) để giúp bạn bắt đầu. Chúng ta có thể tạo ra một component mới khá dễ dàng, thao khảo: [xây dựng component của riêng bạn](https://reflex.dev/docs/wrapping-react/overview/).
+
+### **State**
+
+Reflex biểu diễn giao diện bằng các hàm của state (trạng thái).
+
+```python
+class State(rx.State):
+    """The app state."""
+    prompt = ""
+    image_url = ""
+    processing = False
+    complete = False
+
+```
+
+Một state định nghĩa các biến (được gọi là vars) có thể thay đổi trong một ứng dụng và cho phép các hàm có thể thay đổi chúng.
+
+Tại đây state được cấu thành từ một `prompt` và `image_url`.
+Có cũng những biến boolean `processing` và `complete`
+để chỉ ra khi nào tắt nút (trong quá trình tạo hình ảnh)
+và khi nào hiển thị hình ảnh kết quả.
+
+### **Event Handlers**
+
+```python
+def get_image(self):
+    """Get the image from the prompt."""
+    if self.prompt == "":
+        return rx.window_alert("Prompt Empty")
+
+    self.processing, self.complete = True, False
+    yield
+    response = openai_client.images.generate(
+        prompt=self.prompt, n=1, size="1024x1024"
+    )
+    self.image_url = response.data[0].url
+    self.processing, self.complete = False, True
+```
+
+Với các state, chúng ta định nghĩa các hàm có thể thay đổi state vars được gọi là event handlers. Event handler là cách chúng ta có thể thay đổi state trong Reflex. Chúng có thể là phản hồi khi người dùng thao tác, chằng hạn khi nhấn vào nút hoặc khi đang nhập trong text box. Các hành động này được gọi là event.
+
+Ứng dụng DALL·E. của chúng ta có một event handler, `get_image` để lấy hình ảnh từ OpenAI API. Sử dụng từ khoá `yield` in ở giữa event handler để cập nhật giao diện. Hoặc giao diện có thể cập nhật ở cuối event handler.
+
+### **Routing**
+
+Cuối cùng, chúng ta định nghĩa một ứng dụng.
+
+```python
+app = rx.App()
+```
+
+Chúng ta thêm một trang ở đầu ứng dụng bằng index component. Chúng ta cũng thêm tiêu đề của ứng dụng để hiển thị lên trình duyệt.
+
+
+```python
+app.add_page(index, title="DALL-E")
+```
+
+Bạn có thể tạo một ứng dụng nhiều trang bằng cách thêm trang.
+
+## 📑 Tài liệu
+
+<div align="center">
+
+📑 [Docs](https://reflex.dev/docs/getting-started/introduction) &nbsp; |  &nbsp; 🗞️ [Blog](https://reflex.dev/blog) &nbsp; |  &nbsp; 📱 [Component Library](https://reflex.dev/docs/library) &nbsp; |  &nbsp; 🖼️ [Gallery](https://reflex.dev/docs/gallery) &nbsp; |  &nbsp; 🛸 [Deployment](https://reflex.dev/docs/hosting/deploy-quick-start)  &nbsp;   
+
+</div>
+
+
+## ✅ Status
+
+Reflex phát hành vào tháng 12/2022 với tên là Pynecone.
+
+Đến tháng 02/2024, chúng tôi tạo ra dịch vụ dưới phiên bản alpha! Trong thời gian này mọi người có thể triển khai ứng dụng hoàn toàn miễn phí. Xem [roadmap](https://github.com/reflex-dev/reflex/issues/2727) để biết thêm chi tiết.
+
+Reflex ra phiên bản mới với các tính năng mới hàng tuần! Hãy :star: star và :eyes: watch repo này để thấy các cập nhật mới nhất.
+
+## Contributing
+
+Chúng tôi chào đón mọi đóng góp dù lớn hay nhỏ. Dưới đây là các cách để bắt đầu với cộng đồng Reflex.
+
+-   **Discord**: [Discord](https://discord.gg/T5WSbC2YtQ) của chúng tôi là nơi tốt nhất để nhờ sự giúp đỡ và thảo luận các bạn có thể đóng góp.
+-   **GitHub Discussions**: Là cách tốt nhất để thảo luận về các tính năng mà bạn có thể đóng góp hoặc những điều bạn chưa rõ.
+-   **GitHub Issues**: [Issues](https://github.com/reflex-dev/reflex/issues) là nơi tốt nhất để thông báo. Ngoài ra bạn có thể sửa chữa các vấn đề bằng cách tạo PR.
+
+Chúng tôi luôn sẵn sàng tìm kiếm các contributor, bất kể kinh nghiệm. Để tham gia đóng góp, xin mời xem 
+[CONTIBUTING.md](https://github.com/reflex-dev/reflex/blob/main/CONTRIBUTING.md)
+
+
+## Xin cảm ơn các Contributors:
+<a href="https://github.com/reflex-dev/reflex/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=reflex-dev/reflex" />
+</a>
+
+## License
+
+Reflex là mã nguồn mở và sử dụng giấy phép [Apache License 2.0](LICENSE).

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "reflex"
-version = "0.6.3dev1"
+version = "0.6.5dev1"
 description = "Web apps in pure Python."
 license = "Apache-2.0"
 authors = [
@@ -65,12 +65,13 @@ pytest = ">=7.1.2,<9.0"
 pytest-mock = ">=3.10.0,<4.0"
 pyright = ">=1.1.229,<1.1.335"
 darglint = ">=1.8.1,<2.0"
+dill = ">=0.3.8"
 toml = ">=0.10.2,<1.0"
 pytest-asyncio = ">=0.24.0"
 pytest-cov = ">=4.0.0,<6.0"
-ruff = "^0.6.9"
+ruff = "0.7.1"
 pandas = ">=2.1.1,<3.0"
-pillow = ">=10.0.0,<11.0"
+pillow = ">=10.0.0,<12.0"
 plotly = ">=5.13.0,<6.0"
 asynctest = ">=0.13.0,<1.0"
 pre-commit = ">=3.2.1"
@@ -91,7 +92,7 @@ build-backend = "poetry.core.masonry.api"
 [tool.ruff]
 target-version = "py39"
 lint.select = ["B", "D", "E", "F", "I", "SIM", "W"]
-lint.ignore = ["B008", "D203", "D205", "D213", "D401", "D406", "D407", "E501", "F403", "F405", "F541"]
+lint.ignore = ["B008", "D203", "D205", "D213", "D401", "D406", "D407", "E501", "F403", "F405", "F541", "SIM115"]
 lint.pydocstyle.convention = "google"
 
 [tool.ruff.lint.per-file-ignores]
@@ -103,4 +104,4 @@ lint.pydocstyle.convention = "google"
 
 [tool.pytest.ini_options]
 asyncio_default_fixture_loop_scope = "function"
-asyncio_mode = "auto"
+asyncio_mode = "auto"

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

@@ -1,11 +1,11 @@
 {% extends "web/pages/base_page.js.jinja2" %}
 
 {% block early_imports %}
-import '/styles/styles.css'
+import '$/styles/styles.css'
 {% endblock %}
 
 {% block declaration %}
-import { EventLoopProvider, StateProvider, defaultColorMode } from "/utils/context.js";
+import { EventLoopProvider, StateProvider, defaultColorMode } from "$/utils/context.js";
 import { ThemeProvider } from 'next-themes'
 {% for library_alias, library_path in  window_libraries %}
 import * as {{library_alias}} from "{{library_path}}";

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

@@ -1,5 +1,5 @@
 import { createContext, useContext, useMemo, useReducer, useState } from "react"
-import { applyDelta, Event, hydrateClientStorage, useEventLoop, refs } from "/utils/state.js"
+import { applyDelta, Event, hydrateClientStorage, useEventLoop, refs } from "$/utils/state.js"
 
 {% if initial_state %}
 export const initialState = {{ initial_state|json_dumps }}
@@ -59,6 +59,8 @@ export const initialEvents = () => [
 {% else %}
 export const state_name = undefined
 
+export const exception_state_name = undefined
+
 export const onLoadInternalEvent = () => []
 
 export const initialEvents = () => []

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

@@ -4,8 +4,8 @@ import {
   ColorModeContext,
   defaultColorMode,
   isDevMode,
-  lastCompiledTimeStamp
+  lastCompiledTimeStamp,
-} from "/utils/context.js";
+} from "$/utils/context.js";
 
 export default function RadixThemesColorModeProvider({ children }) {
   const { theme, resolvedTheme, setTheme } = useTheme();
@@ -37,7 +37,7 @@ 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;
     }

reflex/.templates/web/components/shiki/code.js

@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react"
+import { codeToHtml} from "shiki"
+
+export function Code ({code, theme, language, transformers, ...divProps}) {
+    const [codeResult, setCodeResult] = useState("")
+    useEffect(() => {
+        async function fetchCode() {
+          let final_code;
+
+          if (Array.isArray(code)) {
+            final_code = code[0];
+          } else {
+            final_code = code;
+          }
+          const result = await codeToHtml(final_code, {
+            lang: language,
+            theme,
+            transformers
+          });
+          setCodeResult(result);
+        }
+        fetchCode();
+      }, [code, language, theme, transformers]
+
+    )
+    return (
+        <div dangerouslySetInnerHTML={{__html: codeResult}} {...divProps}  ></div>
+    )
+}

reflex/.templates/web/jsconfig.json

@@ -2,7 +2,8 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
+      "$/*": ["*"],
       "@/*": ["public/*"]
     }
   }
-}
+}

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

@@ -2,7 +2,7 @@
 import axios from "axios";
 import io from "socket.io-client";
 import JSON5 from "json5";
-import env from "/env.json";
+import env from "$/env.json";
 import Cookies from "universal-cookie";
 import { useEffect, useRef, useState } from "react";
 import Router, { useRouter } from "next/router";
@@ -12,9 +12,9 @@ import {
   onLoadInternalEvent,
   state_name,
   exception_state_name,
-} from "utils/context.js";
+} from "$/utils/context.js";
-import debounce from "/utils/helpers/debounce";
+import debounce from "$/utils/helpers/debounce";
-import throttle from "/utils/helpers/throttle";
+import throttle from "$/utils/helpers/throttle";
 import * as Babel from "@babel/standalone";
 
 // Endpoint URLs.
@@ -743,6 +743,7 @@ export const useEventLoop = (
       addEvents([
         Event(`${exception_state_name}.handle_frontend_exception`, {
           stack: error.stack,
+          component_stack: "",
         }),
       ]);
       return false;
@@ -754,6 +755,7 @@ export const useEventLoop = (
       addEvents([
         Event(`${exception_state_name}.handle_frontend_exception`, {
           stack: event.reason.stack,
+          component_stack: "",
         }),
       ]);
       return false;

reflex/__init__.py

@@ -89,6 +89,8 @@ from reflex.utils import (
     lazy_loader,
 )
 
+from .event import event as event
+
 # import this here explicitly to avoid returning the page module since page attr has the
 # same name as page module(page.py)
 from .page import page as page
@@ -318,15 +320,18 @@ _MAPPING: dict = {
         "upload_files",
         "window_alert",
     ],
+    "istate.storage": [
+        "Cookie",
+        "LocalStorage",
+        "SessionStorage",
+    ],
     "middleware": ["middleware", "Middleware"],
     "model": ["session", "Model"],
     "state": [
         "var",
-        "Cookie",
-        "LocalStorage",
-        "SessionStorage",
         "ComponentState",
         "State",
+        "dynamic",
     ],
     "style": ["Style", "toggle_color_mode"],
     "utils.imports": ["ImportVar"],
@@ -336,7 +341,6 @@ _MAPPING: dict = {
 
 _SUBMODULES: set[str] = {
     "components",
-    "event",
     "app",
     "style",
     "admin",

reflex/__init__.pyi

@@ -11,7 +11,6 @@ from . import base as base
 from . import compiler as compiler
 from . import components as components
 from . import config as config
-from . import event as event
 from . import model as model
 from . import style as style
 from . import testing as testing
@@ -161,6 +160,7 @@ from .event import clear_local_storage as clear_local_storage
 from .event import clear_session_storage as clear_session_storage
 from .event import console_log as console_log
 from .event import download as download
+from .event import event as event
 from .event import prevent_default as prevent_default
 from .event import redirect as redirect
 from .event import remove_cookie as remove_cookie
@@ -174,16 +174,17 @@ from .event import stop_propagation as stop_propagation
 from .event import upload_files as upload_files
 from .event import window_alert as window_alert
 from .experimental import _x as _x
+from .istate.storage import Cookie as Cookie
+from .istate.storage import LocalStorage as LocalStorage
+from .istate.storage import SessionStorage as SessionStorage
 from .middleware import Middleware as Middleware
 from .middleware import middleware as middleware
 from .model import Model as Model
 from .model import session as session
 from .page import page as page
 from .state import ComponentState as ComponentState
-from .state import Cookie as Cookie
-from .state import LocalStorage as LocalStorage
-from .state import SessionStorage as SessionStorage
 from .state import State as State
+from .state import dynamic as dynamic
 from .state import var as var
 from .style import Style as Style
 from .style import toggle_color_mode as toggle_color_mode

reflex/app.py

@@ -6,6 +6,7 @@ import asyncio
 import concurrent.futures
 import contextlib
 import copy
+import dataclasses
 import functools
 import inspect
 import io
@@ -18,6 +19,7 @@ import traceback
 from datetime import datetime
 from pathlib import Path
 from typing import (
+    TYPE_CHECKING,
     Any,
     AsyncIterator,
     Callable,
@@ -47,7 +49,10 @@ from reflex.app_mixins import AppMixin, LifespanMixin, MiddlewareMixin
 from reflex.base import Base
 from reflex.compiler import compiler
 from reflex.compiler import utils as compiler_utils
-from reflex.compiler.compiler import ExecutorSafeFunctions
+from reflex.compiler.compiler import (
+    ExecutorSafeFunctions,
+    compile_theme,
+)
 from reflex.components.base.app_wrap import AppWrap
 from reflex.components.base.error_boundary import ErrorBoundary
 from reflex.components.base.fragment import Fragment
@@ -64,7 +69,7 @@ from reflex.components.core.client_side_routing import (
 )
 from reflex.components.core.upload import Upload, get_upload_dir
 from reflex.components.radix import themes
-from reflex.config import get_config
+from reflex.config import environment, get_config
 from reflex.event import Event, EventHandler, EventSpec, window_alert
 from reflex.model import Model, get_db_status
 from reflex.page import (
@@ -88,6 +93,9 @@ from reflex.utils import codespaces, console, exceptions, format, prerequisites,
 from reflex.utils.exec import is_prod_mode, is_testing_env, should_skip_compile
 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]]
@@ -170,6 +178,21 @@ class OverlayFragment(Fragment):
     pass
 
 
+@dataclasses.dataclass(
+    frozen=True,
+)
+class UnevaluatedPage:
+    """An uncompiled page."""
+
+    component: Union[Component, ComponentCallable]
+    route: str
+    title: Union[Var, str, None]
+    description: Union[Var, str, None]
+    image: str
+    on_load: Union[EventHandler, EventSpec, List[Union[EventHandler, EventSpec]], None]
+    meta: List[Dict[str, str]]
+
+
 class App(MiddlewareMixin, LifespanMixin, Base):
     """The main Reflex app that encapsulates the backend and frontend.
 
@@ -220,6 +243,9 @@ class App(MiddlewareMixin, LifespanMixin, Base):
     # Attributes to add to the html root tag of every page.
     html_custom_attrs: Optional[Dict[str, str]] = None
 
+    # A map from a route to an unevaluated page. PRIVATE.
+    unevaluated_pages: Dict[str, UnevaluatedPage] = {}
+
     # A map from a page route to the component to render. Users should use `add_page`. PRIVATE.
     pages: Dict[str, Component] = {}
 
@@ -381,8 +407,8 @@ class App(MiddlewareMixin, LifespanMixin, Base):
 
     def _add_optional_endpoints(self):
         """Add optional api endpoints (_upload)."""
-        # To upload files.
         if Upload.is_used:
+            # To upload files.
             self.api.post(str(constants.Endpoint.UPLOAD))(upload(self))
 
             # To access uploaded files.
@@ -442,8 +468,8 @@ class App(MiddlewareMixin, LifespanMixin, Base):
         self,
         component: Component | ComponentCallable,
         route: str | None = None,
-        title: str | None = None,
+        title: str | Var | None = None,
-        description: str | None = None,
+        description: str | Var | None = None,
         image: str = constants.DefaultPage.IMAGE,
         on_load: (
             EventHandler | EventSpec | list[EventHandler | EventSpec] | None
@@ -479,13 +505,13 @@ class App(MiddlewareMixin, LifespanMixin, Base):
         # Check if the route given is valid
         verify_route_validity(route)
 
-        if route in self.pages and os.getenv(constants.RELOAD_CONFIG):
+        if route in self.unevaluated_pages and os.getenv(constants.RELOAD_CONFIG):
             # when the app is reloaded(typically for app harness tests), we should maintain
             # the latest render function of a route.This applies typically to decorated pages
             # since they are only added when app._compile is called.
-            self.pages.pop(route)
+            self.unevaluated_pages.pop(route)
 
-        if route in self.pages:
+        if route in self.unevaluated_pages:
             route_name = (
                 f"`{route}` or `/`"
                 if route == constants.PageNames.INDEX_ROUTE
@@ -501,58 +527,38 @@ class App(MiddlewareMixin, LifespanMixin, Base):
         state = self.state if self.state else State
         state.setup_dynamic_args(get_route_args(route))
 
-        # Generate the component if it is a callable.
+        if on_load:
-        component = self._generate_component(component)
+            self.load_events[route] = (
+                on_load if isinstance(on_load, list) else [on_load]
+            )
 
-        # unpack components that return tuples in an rx.fragment.
+        self.unevaluated_pages[route] = UnevaluatedPage(
-        if isinstance(component, tuple):
+            component=component,
-            component = Fragment.create(*component)
+            route=route,
-
+            title=title,
-        # Ensure state is enabled if this page uses state.
+            description=description,
-        if self.state is None:
+            image=image,
-            if on_load or component._has_stateful_event_triggers():
+            on_load=on_load,
-                self._enable_state()
+            meta=meta,
-            else:
-                for var in component._get_vars(include_children=True):
-                    var_data = var._get_all_var_data()
-                    if not var_data:
-                        continue
-                    if not var_data.state:
-                        continue
-                    self._enable_state()
-                    break
-
-        component = OverlayFragment.create(component)
-
-        meta_args = {
-            "title": (
-                title
-                if title is not None
-                else format.make_default_page_title(get_config().app_name, route)
-            ),
-            "image": image,
-            "meta": meta,
-        }
-
-        if description is not None:
-            meta_args["description"] = description
-
-        # Add meta information to the component.
-        compiler_utils.add_meta(
-            component,
-            **meta_args,
         )
 
+    def _compile_page(self, route: str):
+        """Compile a page.
+
+        Args:
+            route: The route of the page to compile.
+        """
+        component, enable_state = compiler.compile_unevaluated_page(
+            route, self.unevaluated_pages[route], self.state
+        )
+
+        if enable_state:
+            self._enable_state()
+
         # Add the page.
         self._check_routes_conflict(route)
         self.pages[route] = component
 
-        # Add the load events.
-        if on_load:
-            if not isinstance(on_load, list):
-                on_load = [on_load]
-            self.load_events[route] = on_load
-
     def get_load_events(self, route: str) -> list[EventHandler | EventSpec]:
         """Get the load events for a route.
 
@@ -679,7 +685,7 @@ class App(MiddlewareMixin, LifespanMixin, Base):
             for i, tags in imports.items()
             if i not in constants.PackageJson.DEPENDENCIES
             and i not in constants.PackageJson.DEV_DEPENDENCIES
-            and not any(i.startswith(prefix) for prefix in ["/", ".", "next/"])
+            and not any(i.startswith(prefix) for prefix in ["/", "$/", ".", "next/"])
             and i != ""
             and any(tag.install for tag in tags)
         }
@@ -827,13 +833,18 @@ class App(MiddlewareMixin, LifespanMixin, Base):
         """
         from reflex.utils.exceptions import ReflexRuntimeError
 
+        self.pages = {}
+
         def get_compilation_time() -> str:
             return str(datetime.now().time()).split(".")[0]
 
         # Render a default 404 page if the user didn't supply one
-        if constants.Page404.SLUG not in self.pages:
+        if constants.Page404.SLUG not in self.unevaluated_pages:
             self.add_custom_404_page()
 
+        for route in self.unevaluated_pages:
+            self._compile_page(route)
+
         # Add the optional endpoints (_upload)
         self._add_optional_endpoints()
 
@@ -857,7 +868,7 @@ class App(MiddlewareMixin, LifespanMixin, Base):
         progress.start()
         task = progress.add_task(
             f"[{get_compilation_time()}] Compiling:",
-            total=len(self.pages)
+            total=len(self.unevaluated_pages)
             + fixed_pages_within_executor
             + adhoc_steps_without_executor,
         )
@@ -886,10 +897,114 @@ class App(MiddlewareMixin, LifespanMixin, Base):
         all_imports = {}
         custom_components = set()
 
-        for _route, component in self.pages.items():
+        progress.advance(task)
-            # Merge the component style with the app style.
+
+        # Compile the root document before fork.
+        compile_results.append(
+            compiler.compile_document_root(
+                self.head_components,
+                html_lang=self.html_lang,
+                html_custom_attrs=self.html_custom_attrs,  # type: ignore
+            )
+        )
+
+        # Fix #2992 by removing the top-level appearance prop
+        if self.theme is not None:
+            self.theme.appearance = None
+
+        progress.advance(task)
+
+        # 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)
+            is not None
+        ):
+            executor = concurrent.futures.ProcessPoolExecutor(
+                max_workers=number_of_processes,
+                mp_context=multiprocessing.get_context("fork"),
+            )
+        else:
+            executor = concurrent.futures.ThreadPoolExecutor(
+                max_workers=environment.REFLEX_COMPILE_THREADS
+            )
+
+        for route, component in self.pages.items():
             component._add_style_recursive(self.style, self.theme)
 
+            ExecutorSafeFunctions.COMPONENTS[route] = component
+
+        for route, page in self.unevaluated_pages.items():
+            if route in self.pages:
+                continue
+
+            ExecutorSafeFunctions.UNCOMPILED_PAGES[route] = page
+
+        ExecutorSafeFunctions.STATE = self.state
+
+        pages_results = []
+
+        with executor:
+            result_futures = []
+            pages_futures = []
+
+            def _submit_work(fn, *args, **kwargs):
+                f = executor.submit(fn, *args, **kwargs)
+                # f = executor.apipe(fn, *args, **kwargs)
+                result_futures.append(f)
+
+            # Compile all page components.
+            for route in self.unevaluated_pages:
+                if route in self.pages:
+                    continue
+
+                f = executor.submit(
+                    ExecutorSafeFunctions.compile_unevaluated_page,
+                    route,
+                    self.style,
+                    self.theme,
+                )
+                pages_futures.append(f)
+
+            # Compile the pre-compiled pages.
+            for route in self.pages:
+                _submit_work(
+                    ExecutorSafeFunctions.compile_page,
+                    route,
+                )
+
+            # Compile the root stylesheet with base styles.
+            _submit_work(compiler.compile_root_stylesheet, self.stylesheets)
+
+            # Compile the theme.
+            _submit_work(compile_theme, self.style)
+
+            # Compile the Tailwind config.
+            if config.tailwind is not None:
+                config.tailwind["content"] = config.tailwind.get(
+                    "content", constants.Tailwind.CONTENT
+                )
+                _submit_work(compiler.compile_tailwind, config.tailwind)
+            else:
+                _submit_work(compiler.remove_tailwind_from_postcss)
+
+            # Wait for all compilation tasks to complete.
+            for future in concurrent.futures.as_completed(result_futures):
+                compile_results.append(future.result())
+                progress.advance(task)
+
+            for future in concurrent.futures.as_completed(pages_futures):
+                pages_results.append(future.result())
+                progress.advance(task)
+
+        for route, component, compiled_page in pages_results:
+            self._check_routes_conflict(route)
+            self.pages[route] = component
+            compile_results.append(compiled_page)
+
+        for _, component in self.pages.items():
             # Add component._get_all_imports() to all_imports.
             all_imports.update(component._get_all_imports())
 
@@ -899,8 +1014,6 @@ class App(MiddlewareMixin, LifespanMixin, Base):
             # Add the custom components from the page to the set.
             custom_components |= component._get_all_custom_components()
 
-        progress.advance(task)
-
         # Perform auto-memoization of stateful components.
         (
             stateful_components_path,
@@ -918,114 +1031,32 @@ class App(MiddlewareMixin, LifespanMixin, Base):
             )
         compile_results.append((stateful_components_path, stateful_components_code))
 
-        # Compile the root document before fork.
-        compile_results.append(
-            compiler.compile_document_root(
-                self.head_components,
-                html_lang=self.html_lang,
-                html_custom_attrs=self.html_custom_attrs,  # type: ignore
-            )
-        )
-
-        # Compile the contexts before fork.
-        compile_results.append(
-            compiler.compile_contexts(self.state, self.theme),
-        )
-        # Fix #2992 by removing the top-level appearance prop
-        if self.theme is not None:
-            self.theme.appearance = None
-
         app_root = self._app_root(app_wrappers=app_wrappers)
 
-        progress.advance(task)
-
-        # Prepopulate the global ExecutorSafeFunctions class with input data required by the compile functions.
-        # This is required for multiprocessing to work, in presence of non-picklable inputs.
-        for route, component in zip(self.pages, page_components):
-            ExecutorSafeFunctions.COMPILE_PAGE_ARGS_BY_ROUTE[route] = (
-                route,
-                component,
-                self.state,
-            )
-
-        ExecutorSafeFunctions.COMPILE_APP_APP_ROOT = app_root
-        ExecutorSafeFunctions.CUSTOM_COMPONENTS = custom_components
-        ExecutorSafeFunctions.STYLE = self.style
-
-        # 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 os.environ.get("REFLEX_COMPILE_PROCESSES") is not None
-        ):
-            executor = concurrent.futures.ProcessPoolExecutor(
-                max_workers=int(os.environ.get("REFLEX_COMPILE_PROCESSES", 0)) or None,
-                mp_context=multiprocessing.get_context("fork"),
-            )
-        else:
-            executor = concurrent.futures.ThreadPoolExecutor(
-                max_workers=int(os.environ.get("REFLEX_COMPILE_THREADS", 0)) or None,
-            )
-
-        with executor:
-            result_futures = []
-            custom_components_future = None
-
-            def _mark_complete(_=None):
-                progress.advance(task)
-
-            def _submit_work(fn, *args, **kwargs):
-                f = executor.submit(fn, *args, **kwargs)
-                f.add_done_callback(_mark_complete)
-                result_futures.append(f)
-
-            # Compile all page components.
-            for route in self.pages:
-                _submit_work(ExecutorSafeFunctions.compile_page, route)
-
-            # Compile the app wrapper.
-            _submit_work(ExecutorSafeFunctions.compile_app)
-
-            # Compile the custom components.
-            custom_components_future = executor.submit(
-                ExecutorSafeFunctions.compile_custom_components,
-            )
-            custom_components_future.add_done_callback(_mark_complete)
-
-            # Compile the root stylesheet with base styles.
-            _submit_work(compiler.compile_root_stylesheet, self.stylesheets)
-
-            # Compile the theme.
-            _submit_work(ExecutorSafeFunctions.compile_theme)
-
-            # Compile the Tailwind config.
-            if config.tailwind is not None:
-                config.tailwind["content"] = config.tailwind.get(
-                    "content", constants.Tailwind.CONTENT
-                )
-                _submit_work(compiler.compile_tailwind, config.tailwind)
-            else:
-                _submit_work(compiler.remove_tailwind_from_postcss)
-
-            # Wait for all compilation tasks to complete.
-            for future in concurrent.futures.as_completed(result_futures):
-                compile_results.append(future.result())
-
-            # Special case for custom_components, since we need the compiled imports
-            # to install proper frontend packages.
-            (
-                *custom_components_result,
-                custom_components_imports,
-            ) = custom_components_future.result()
-            compile_results.append(custom_components_result)
-            all_imports.update(custom_components_imports)
-
         # Get imports from AppWrap components.
         all_imports.update(app_root._get_all_imports())
 
         progress.advance(task)
 
+        # Compile the contexts.
+        compile_results.append(
+            compiler.compile_contexts(self.state, self.theme),
+        )
+        progress.advance(task)
+
+        # Compile the app root.
+        compile_results.append(
+            compiler.compile_app(app_root),
+        )
+        progress.advance(task)
+
+        # Compile custom components.
+        *custom_components_result, custom_components_imports = (
+            compiler.compile_components(custom_components)
+        )
+        compile_results.append(custom_components_result)
+        all_imports.update(custom_components_imports)
+
         progress.advance(task)
         progress.stop()
 

reflex/compiler/compiler.py

@@ -2,13 +2,13 @@
 
 from __future__ import annotations
 
-import os
 from datetime import datetime
 from pathlib import Path
-from typing import Dict, Iterable, Optional, Type, Union
+from typing import TYPE_CHECKING, Dict, Iterable, Optional, Tuple, Type, Union
 
 from reflex import constants
 from reflex.compiler import templates, utils
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import (
     BaseComponent,
     Component,
@@ -16,7 +16,7 @@ from reflex.components.component import (
     CustomComponent,
     StatefulComponent,
 )
-from reflex.config import get_config
+from reflex.config import environment, get_config
 from reflex.state import BaseState
 from reflex.style import SYSTEM_COLOR_MODE
 from reflex.utils.exec import is_prod_mode
@@ -68,8 +68,8 @@ def _compile_app(app_root: Component) -> str:
     window_libraries = [
         (_normalize_library_name(name), name) for name in bundled_libraries
     ] + [
-        ("utils_context", f"/{constants.Dirs.UTILS}/context"),
+        ("utils_context", f"$/{constants.Dirs.UTILS}/context"),
-        ("utils_state", f"/{constants.Dirs.UTILS}/state"),
+        ("utils_state", f"$/{constants.Dirs.UTILS}/state"),
     ]
 
     return templates.APP_ROOT.render(
@@ -128,7 +128,7 @@ def _compile_contexts(state: Optional[Type[BaseState]], theme: Component | None)
 
 def _compile_page(
     component: Component,
-    state: Type[BaseState],
+    state: Type[BaseState] | None,
 ) -> str:
     """Compile the component given the app state.
 
@@ -143,7 +143,7 @@ def _compile_page(
     imports = utils.compile_imports(imports)
 
     # Compile the code to render the component.
-    kwargs = {"state_name": state.get_name()} if state else {}
+    kwargs = {"state_name": state.get_name()} if state is not None else {}
 
     return templates.PAGE.render(
         imports=imports,
@@ -229,7 +229,7 @@ def _compile_components(
     """
     imports = {
         "react": [ImportVar(tag="memo")],
-        f"/{constants.Dirs.STATE_PATH}": [ImportVar(tag="E"), ImportVar(tag="isTrue")],
+        f"$/{constants.Dirs.STATE_PATH}": [ImportVar(tag="E"), ImportVar(tag="isTrue")],
     }
     component_renders = []
 
@@ -316,7 +316,7 @@ def _compile_stateful_components(
     # Don't import from the file that we're about to create.
     all_imports = utils.merge_imports(*all_import_dicts)
     all_imports.pop(
-        f"/{constants.Dirs.UTILS}/{constants.PageNames.STATEFUL_COMPONENTS}", None
+        f"$/{constants.Dirs.UTILS}/{constants.PageNames.STATEFUL_COMPONENTS}", None
     )
 
     return templates.STATEFUL_COMPONENTS.render(
@@ -425,7 +425,7 @@ def compile_contexts(
 
 
 def compile_page(
-    path: str, component: Component, state: Type[BaseState]
+    path: str, component: Component, state: Type[BaseState] | None
 ) -> tuple[str, str]:
     """Compile a single page.
 
@@ -527,7 +527,7 @@ def remove_tailwind_from_postcss() -> tuple[str, str]:
 
 def purge_web_pages_dir():
     """Empty out .web/pages directory."""
-    if not is_prod_mode() and os.environ.get("REFLEX_PERSIST_WEB_DIR"):
+    if not is_prod_mode() and environment.REFLEX_PERSIST_WEB_DIR:
         # Skip purging the web directory in dev mode if REFLEX_PERSIST_WEB_DIR is set.
         return
 
@@ -535,6 +535,73 @@ def purge_web_pages_dir():
     utils.empty_dir(get_web_dir() / constants.Dirs.PAGES, keep_files=["_app.js"])
 
 
+if TYPE_CHECKING:
+    from reflex.app import UnevaluatedPage
+
+
+def compile_unevaluated_page(
+    route: str, page: UnevaluatedPage, state: Type[BaseState] | None = None
+) -> Tuple[Component, bool]:
+    """Compiles an uncompiled page into a component and adds meta information.
+
+    Args:
+        route: The route of the page.
+        page: The uncompiled page object.
+        state: The state of the app.
+
+    Returns:
+        The compiled component and whether state should be enabled.
+    """
+    # Generate the component if it is a callable.
+    component = page.component
+    component = component if isinstance(component, Component) else component()
+
+    # unpack components that return tuples in an rx.fragment.
+    if isinstance(component, tuple):
+        component = Fragment.create(*component)
+
+    enable_state = False
+    # Ensure state is enabled if this page uses state.
+    if state is None:
+        if page.on_load or component._has_stateful_event_triggers():
+            enable_state = True
+        else:
+            for var in component._get_vars(include_children=True):
+                var_data = var._get_all_var_data()
+                if not var_data:
+                    continue
+                if not var_data.state:
+                    continue
+                enable_state = True
+                break
+
+    from reflex.app import OverlayFragment
+    from reflex.utils.format import make_default_page_title
+
+    component = OverlayFragment.create(component)
+
+    meta_args = {
+        "title": (
+            page.title
+            if page.title is not None
+            else make_default_page_title(get_config().app_name, route)
+        ),
+        "image": page.image,
+        "meta": page.meta,
+    }
+
+    if page.description is not None:
+        meta_args["description"] = page.description
+
+    # Add meta information to the component.
+    utils.add_meta(
+        component,
+        **meta_args,
+    )
+
+    return component, enable_state
+
+
 class ExecutorSafeFunctions:
     """Helper class to allow parallelisation of parts of the compilation process.
 
@@ -560,13 +627,12 @@ class ExecutorSafeFunctions:
 
     """
 
-    COMPILE_PAGE_ARGS_BY_ROUTE = {}
+    COMPONENTS: Dict[str, Component] = {}
-    COMPILE_APP_APP_ROOT: Component | None = None
+    UNCOMPILED_PAGES: Dict[str, UnevaluatedPage] = {}
-    CUSTOM_COMPONENTS: set[CustomComponent] | None = None
+    STATE: Optional[Type[BaseState]] = None
-    STYLE: ComponentStyle | None = None
 
     @classmethod
-    def compile_page(cls, route: str):
+    def compile_page(cls, route: str) -> tuple[str, str]:
         """Compile a page.
 
         Args:
@@ -575,46 +641,45 @@ class ExecutorSafeFunctions:
         Returns:
             The path and code of the compiled page.
         """
-        return compile_page(*cls.COMPILE_PAGE_ARGS_BY_ROUTE[route])
+        return compile_page(route, cls.COMPONENTS[route], cls.STATE)
 
     @classmethod
-    def compile_app(cls):
+    def compile_unevaluated_page(
-        """Compile the app.
+        cls,
+        route: str,
+        style: ComponentStyle,
+        theme: Component | None,
+    ) -> tuple[str, Component, tuple[str, str]]:
+        """Compile an unevaluated page.
+
+        Args:
+            route: The route of the page to compile.
+            style: The style of the page.
+            theme: The theme of the page.
 
         Returns:
-            The path and code of the compiled app.
+            The route, compiled component, and compiled page.
-
-        Raises:
-            ValueError: If the app root is not set.
         """
-        if cls.COMPILE_APP_APP_ROOT is None:
+        component, enable_state = compile_unevaluated_page(
-            raise ValueError("COMPILE_APP_APP_ROOT should be set")
+            route, cls.UNCOMPILED_PAGES[route]
-        return compile_app(cls.COMPILE_APP_APP_ROOT)
+        )
+        component = component if isinstance(component, Component) else component()
+        component._add_style_recursive(style, theme)
+        return route, component, compile_page(route, component, cls.STATE)
 
     @classmethod
-    def compile_custom_components(cls):
+    def compile_theme(cls, style: ComponentStyle | None) -> tuple[str, str]:
-        """Compile the custom components.
-
-        Returns:
-            The path and code of the compiled custom components.
-
-        Raises:
-            ValueError: If the custom components are not set.
-        """
-        if cls.CUSTOM_COMPONENTS is None:
-            raise ValueError("CUSTOM_COMPONENTS should be set")
-        return compile_components(cls.CUSTOM_COMPONENTS)
-
-    @classmethod
-    def compile_theme(cls):
         """Compile the theme.
 
+        Args:
+            style: The style to compile.
+
         Returns:
             The path and code of the compiled theme.
 
         Raises:
             ValueError: If the style is not set.
         """
-        if cls.STYLE is None:
+        if style is None:
             raise ValueError("STYLE should be set")
-        return compile_theme(cls.STYLE)
+        return compile_theme(style)

reflex/compiler/utils.py

@@ -28,7 +28,8 @@ from reflex.components.base import (
     Title,
 )
 from reflex.components.component import Component, ComponentStyle, CustomComponent
-from reflex.state import BaseState, Cookie, LocalStorage, SessionStorage
+from reflex.istate.storage import Cookie, LocalStorage, SessionStorage
+from reflex.state import BaseState
 from reflex.style import Style
 from reflex.utils import console, format, imports, path_ops
 from reflex.utils.imports import ImportVar, ParsedImportDict
@@ -82,6 +83,12 @@ def validate_imports(import_dict: ParsedImportDict):
                 f"{_import.tag}/{_import.alias}" if _import.alias else _import.tag
             )
             if import_name in used_tags:
+                already_imported = used_tags[import_name]
+                if (already_imported[0] == "$" and already_imported[1:] == lib) or (
+                    lib[0] == "$" and lib[1:] == already_imported
+                ):
+                    used_tags[import_name] = lib if lib[0] == "$" else already_imported
+                    continue
                 raise ValueError(
                     f"Can not compile, the tag {import_name} is used multiple time from {lib} and {used_tags[import_name]}"
                 )

reflex/components/base/app_wrap.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.base.fragment import Fragment
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class AppWrap(Fragment):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AppWrap":
         """Create a new AppWrap component.

reflex/components/base/body.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class Body(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Body":
         """Create the component.

reflex/components/base/document.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class NextDocumentLib(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "NextDocumentLib":
         """Create the component.
@@ -89,41 +69,21 @@ class Html(NextDocumentLib):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Html":
         """Create the component.
@@ -155,41 +115,21 @@ class DocumentHead(NextDocumentLib):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DocumentHead":
         """Create the component.
@@ -221,41 +161,21 @@ class Main(NextDocumentLib):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Main":
         """Create the component.
@@ -287,41 +207,21 @@ class NextScript(NextDocumentLib):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "NextScript":
         """Create the component.

reflex/components/base/error_boundary.py

@@ -2,16 +2,32 @@
 
 from __future__ import annotations
 
-from typing import List
+from typing import Dict, List, Tuple
 
 from reflex.compiler.compiler import _compile_component
 from reflex.components.component import Component
 from reflex.components.el import div, p
-from reflex.constants import Hooks, Imports
+from reflex.event import EventHandler
-from reflex.event import EventChain, EventHandler
+from reflex.state import FrontendEventExceptionState
-from reflex.utils.imports import ImportVar
 from reflex.vars.base import Var
-from reflex.vars.function import FunctionVar
+
+
+def on_error_spec(
+    error: Var[Dict[str, str]], info: Var[Dict[str, str]]
+) -> Tuple[Var[str], Var[str]]:
+    """The spec for the on_error event handler.
+
+    Args:
+        error: The error message.
+        info: Additional information about the error.
+
+    Returns:
+        The arguments for the event handler.
+    """
+    return (
+        error.stack,
+        info.componentStack,
+    )
 
 
 class ErrorBoundary(Component):
@@ -21,31 +37,13 @@ class ErrorBoundary(Component):
     tag = "ErrorBoundary"
 
     # Fired when the boundary catches an error.
-    on_error: EventHandler[lambda error, info: [error, info]] = Var(  # type: ignore
+    on_error: EventHandler[on_error_spec]
-        "logFrontendError"
-    ).to(FunctionVar, EventChain)
 
     # Rendered instead of the children when an error is caught.
     Fallback_component: Var[Component] = Var(_js_expr="Fallback")._replace(
         _var_type=Component
     )
 
-    def add_imports(self) -> dict[str, list[ImportVar]]:
-        """Add imports for the component.
-
-        Returns:
-            The imports to add.
-        """
-        return Imports.EVENTS
-
-    def add_hooks(self) -> List[str | Var]:
-        """Add hooks for the component.
-
-        Returns:
-            The hooks to add.
-        """
-        return [Hooks.EVENTS, Hooks.FRONTEND_ERRORS]
-
     def add_custom_code(self) -> List[str]:
         """Add custom Javascript code into the page that contains this component.
 
@@ -75,5 +73,20 @@ class ErrorBoundary(Component):
             """
         ]
 
+    @classmethod
+    def create(cls, *children, **props):
+        """Create an ErrorBoundary component.
+
+        Args:
+            *children: The children of the component.
+            **props: The props of the component.
+
+        Returns:
+            The ErrorBoundary component.
+        """
+        if "on_error" not in props:
+            props["on_error"] = FrontendEventExceptionState.handle_frontend_exception
+        return super().create(*children, **props)
+
 
 error_boundary = ErrorBoundary.create

reflex/components/base/error_boundary.pyi

@@ -3,17 +3,18 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, List, Optional, Union, overload
+from typing import Any, Dict, List, Optional, Tuple, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
-from reflex.utils.imports import ImportVar
 from reflex.vars.base import Var
 
+def on_error_spec(
+    error: Var[Dict[str, str]], info: Var[Dict[str, str]]
+) -> Tuple[Var[str], Var[str]]: ...
+
 class ErrorBoundary(Component):
-    def add_imports(self) -> dict[str, list[ImportVar]]: ...
-    def add_hooks(self) -> List[str | Var]: ...
     def add_custom_code(self) -> List[str]: ...
     @overload
     @classmethod
@@ -27,45 +28,25 @@ class ErrorBoundary(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_error: Optional[EventType[str, str]] = None,
-        on_double_click: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_error: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ErrorBoundary":
-        """Create the component.
+        """Create an ErrorBoundary component.
 
         Args:
             *children: The children of the component.
@@ -79,7 +60,7 @@ class ErrorBoundary(Component):
             **props: The props of the component.
 
         Returns:
-            The component.
+            The ErrorBoundary component.
         """
         ...
 

reflex/components/base/fragment.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class Fragment(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Fragment":
         """Create the component.

reflex/components/base/head.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component, MemoizationLeaf
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class NextHeadLib(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "NextHeadLib":
         """Create the component.
@@ -88,41 +68,21 @@ class Head(NextHeadLib, MemoizationLeaf):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Head":
         """Create a new memoization leaf component.

reflex/components/base/link.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -24,41 +24,21 @@ class RawLink(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RawLink":
         """Create the component.
@@ -99,41 +79,21 @@ class ScriptTag(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ScriptTag":
         """Create the component.

reflex/components/base/meta.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -23,41 +23,21 @@ class Title(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Title":
         """Create the component.
@@ -94,41 +74,21 @@ class Meta(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Meta":
         """Create the component.
@@ -170,41 +130,21 @@ class Description(Meta):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Description":
         """Create the component.
@@ -246,41 +186,21 @@ class Image(Meta):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Image":
         """Create the component.

reflex/components/base/script.py

@@ -8,7 +8,7 @@ from __future__ import annotations
 from typing import Literal
 
 from reflex.components.component import Component
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event
 from reflex.vars.base import LiteralVar, Var
 
 
@@ -35,13 +35,13 @@ class Script(Component):
     )
 
     # Triggered when the script is loading
-    on_load: EventHandler[lambda: []]
+    on_load: EventHandler[empty_event]
 
     # Triggered when the script has loaded
-    on_ready: EventHandler[lambda: []]
+    on_ready: EventHandler[empty_event]
 
     # Triggered when the script has errored
-    on_error: EventHandler[lambda: []]
+    on_error: EventHandler[empty_event]
 
     @classmethod
     def create(cls, *children, **props) -> Component:

reflex/components/base/script.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -29,44 +29,24 @@ class Script(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_error: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_load: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mount: Optional[EventType[[]]] = None,
-        on_error: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_load: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_ready: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_ready: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Script":
         """Create an inline or user-defined script.

reflex/components/component.py

@@ -36,7 +36,9 @@ from reflex.constants import (
     MemoizationMode,
     PageNames,
 )
+from reflex.constants.compiler import SpecialAttributes
 from reflex.event import (
+    EventCallback,
     EventChain,
     EventChainVar,
     EventHandler,
@@ -44,6 +46,7 @@ from reflex.event import (
     EventVar,
     call_event_fn,
     call_event_handler,
+    empty_event,
     get_handler_args,
 )
 from reflex.style import Style, format_as_emotion
@@ -474,6 +477,17 @@ class Component(BaseComponent, ABC):
         for key in kwargs["event_triggers"]:
             del kwargs[key]
 
+        # Place data_ and aria_ attributes into custom_attrs
+        special_attributes = tuple(
+            key
+            for key in kwargs
+            if key not in fields and SpecialAttributes.is_special(key)
+        )
+        if special_attributes:
+            custom_attrs = kwargs.setdefault("custom_attrs", {})
+            for key in special_attributes:
+                custom_attrs[format.to_kebab_case(key)] = kwargs.pop(key)
+
         # Add style props to the component.
         style = kwargs.get("style", {})
         if isinstance(style, List):
@@ -493,8 +507,6 @@ class Component(BaseComponent, ABC):
                 **{attr: value for attr, value in kwargs.items() if attr not in fields},
             }
         )
-        if "custom_attrs" not in kwargs:
-            kwargs["custom_attrs"] = {}
 
         # Convert class_name to str if it's list
         class_name = kwargs.get("class_name", "")
@@ -613,21 +625,21 @@ class Component(BaseComponent, ABC):
 
         """
         default_triggers = {
-            EventTriggers.ON_FOCUS: lambda: [],
+            EventTriggers.ON_FOCUS: empty_event,
-            EventTriggers.ON_BLUR: lambda: [],
+            EventTriggers.ON_BLUR: empty_event,
-            EventTriggers.ON_CLICK: lambda: [],
+            EventTriggers.ON_CLICK: empty_event,
-            EventTriggers.ON_CONTEXT_MENU: lambda: [],
+            EventTriggers.ON_CONTEXT_MENU: empty_event,
-            EventTriggers.ON_DOUBLE_CLICK: lambda: [],
+            EventTriggers.ON_DOUBLE_CLICK: empty_event,
-            EventTriggers.ON_MOUSE_DOWN: lambda: [],
+            EventTriggers.ON_MOUSE_DOWN: empty_event,
-            EventTriggers.ON_MOUSE_ENTER: lambda: [],
+            EventTriggers.ON_MOUSE_ENTER: empty_event,
-            EventTriggers.ON_MOUSE_LEAVE: lambda: [],
+            EventTriggers.ON_MOUSE_LEAVE: empty_event,
-            EventTriggers.ON_MOUSE_MOVE: lambda: [],
+            EventTriggers.ON_MOUSE_MOVE: empty_event,
-            EventTriggers.ON_MOUSE_OUT: lambda: [],
+            EventTriggers.ON_MOUSE_OUT: empty_event,
-            EventTriggers.ON_MOUSE_OVER: lambda: [],
+            EventTriggers.ON_MOUSE_OVER: empty_event,
-            EventTriggers.ON_MOUSE_UP: lambda: [],
+            EventTriggers.ON_MOUSE_UP: empty_event,
-            EventTriggers.ON_SCROLL: lambda: [],
+            EventTriggers.ON_SCROLL: empty_event,
-            EventTriggers.ON_MOUNT: lambda: [],
+            EventTriggers.ON_MOUNT: empty_event,
-            EventTriggers.ON_UNMOUNT: lambda: [],
+            EventTriggers.ON_UNMOUNT: empty_event,
         }
 
         # Look for component specific triggers,
@@ -638,7 +650,7 @@ class Component(BaseComponent, ABC):
                 annotation = field.annotation
                 if (metadata := getattr(annotation, "__metadata__", None)) is not None:
                     args_spec = metadata[0]
-                default_triggers[field.name] = args_spec or (lambda: [])
+                default_triggers[field.name] = args_spec or (empty_event)  # type: ignore
         return default_triggers
 
     def __repr__(self) -> str:
@@ -1115,6 +1127,8 @@ class Component(BaseComponent, ABC):
         for trigger in self.event_triggers.values():
             if isinstance(trigger, EventChain):
                 for event in trigger.events:
+                    if isinstance(event, EventCallback):
+                        continue
                     if isinstance(event, EventSpec):
                         if event.handler.state_full_name:
                             return True
@@ -1294,7 +1308,9 @@ class Component(BaseComponent, ABC):
         if self._get_ref_hook():
             # Handle hooks needed for attaching react refs to DOM nodes.
             _imports.setdefault("react", set()).add(ImportVar(tag="useRef"))
-            _imports.setdefault(f"/{Dirs.STATE_PATH}", set()).add(ImportVar(tag="refs"))
+            _imports.setdefault(f"$/{Dirs.STATE_PATH}", set()).add(
+                ImportVar(tag="refs")
+            )
 
         if self._get_mount_lifecycle_hook():
             # Handle hooks for `on_mount` / `on_unmount`.
@@ -1651,7 +1667,7 @@ class CustomComponent(Component):
     """A custom user-defined component."""
 
     # Use the components library.
-    library = f"/{Dirs.COMPONENTS_PATH}"
+    library = f"$/{Dirs.COMPONENTS_PATH}"
 
     # The function that creates the component.
     component_fn: Callable[..., Component] = Component.create
@@ -1695,7 +1711,7 @@ class CustomComponent(Component):
                 value = self._create_event_chain(
                     value=value,
                     args_spec=event_triggers_in_component_declaration.get(
-                        key, lambda: []
+                        key, empty_event
                     ),
                 )
                 self.props[format.to_camel_case(key)] = value
@@ -2219,7 +2235,7 @@ class StatefulComponent(BaseComponent):
         """
         if self.rendered_as_shared:
             return {
-                f"/{Dirs.UTILS}/{PageNames.STATEFUL_COMPONENTS}": [
+                f"$/{Dirs.UTILS}/{PageNames.STATEFUL_COMPONENTS}": [
                     ImportVar(tag=self.tag)
                 ]
             }

reflex/components/core/banner.py

@@ -66,8 +66,8 @@ class WebsocketTargetURL(Var):
             _js_expr="getBackendURL(env.EVENT).href",
             _var_data=VarData(
                 imports={
-                    "/env.json": [ImportVar(tag="env", is_default=True)],
+                    "$/env.json": [ImportVar(tag="env", is_default=True)],
-                    f"/{Dirs.STATE_PATH}": [ImportVar(tag="getBackendURL")],
+                    f"$/{Dirs.STATE_PATH}": [ImportVar(tag="getBackendURL")],
                 },
             ),
             _var_type=WebsocketTargetURL,

reflex/components/core/banner.pyi

@@ -3,14 +3,14 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 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 EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
@@ -89,41 +89,21 @@ class ConnectionToaster(Toaster):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ConnectionToaster":
         """Create a connection toaster component.
@@ -169,41 +149,21 @@ class ConnectionBanner(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ConnectionBanner":
         """Create a connection banner component.
@@ -228,41 +188,21 @@ class ConnectionModal(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ConnectionModal":
         """Create a connection banner component.
@@ -288,41 +228,21 @@ class WifiOffPulse(Icon):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "WifiOffPulse":
         """Create a wifi_off icon with an animated opacity pulse.
@@ -381,41 +301,21 @@ class ConnectionPulser(Div):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ConnectionPulser":
         """Create a connection pulser component.

reflex/components/core/client_side_routing.py

@@ -21,7 +21,7 @@ route_not_found: Var = Var(_js_expr=constants.ROUTE_NOT_FOUND)
 class ClientSideRouting(Component):
     """The client-side routing component."""
 
-    library = "/utils/client_side_routing"
+    library = "$/utils/client_side_routing"
     tag = "useClientSideRouting"
 
     def add_hooks(self) -> list[str]:

reflex/components/core/client_side_routing.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -26,41 +26,21 @@ class ClientSideRouting(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ClientSideRouting":
         """Create the component.
@@ -95,41 +75,21 @@ class Default404Page(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Default404Page":
         """Create the component.

reflex/components/core/clipboard.py

@@ -2,11 +2,11 @@
 
 from __future__ import annotations
 
-from typing import Dict, List, Union
+from typing import Dict, List, Tuple, Union
 
 from reflex.components.base.fragment import Fragment
 from reflex.components.tags.tag import Tag
-from reflex.event import EventChain, EventHandler
+from reflex.event import EventChain, EventHandler, identity_event
 from reflex.utils.format import format_prop, wrap
 from reflex.utils.imports import ImportVar
 from reflex.vars import get_unique_variable_name
@@ -20,7 +20,7 @@ class Clipboard(Fragment):
     targets: Var[List[str]]
 
     # Called when the user pastes data into the document. Data is a list of tuples of (mime_type, data). Binary types will be base64 encoded as a data uri.
-    on_paste: EventHandler[lambda data: [data]]
+    on_paste: EventHandler[identity_event(List[Tuple[str, str]])]
 
     # Save the original event actions for the on_paste event.
     on_paste_event_actions: Var[Dict[str, Union[bool, int]]]
@@ -67,7 +67,7 @@ class Clipboard(Fragment):
             The import dict for the component.
         """
         return {
-            "/utils/helpers/paste.js": ImportVar(
+            "$/utils/helpers/paste.js": ImportVar(
                 tag="usePasteHandler", is_default=True
             ),
         }

reflex/components/core/clipboard.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, List, Optional, Union, overload
+from typing import Any, Dict, List, Optional, Union, overload
 
 from reflex.components.base.fragment import Fragment
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars.base import Var
@@ -27,42 +27,22 @@ class Clipboard(Fragment):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_paste: Optional[EventType[list[tuple[str, str]]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_paste: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Clipboard":
         """Create a Clipboard component.

reflex/components/core/cond.py

@@ -15,7 +15,7 @@ from reflex.vars.base import LiteralVar, Var
 from reflex.vars.number import ternary_operation
 
 _IS_TRUE_IMPORT: ImportDict = {
-    f"/{Dirs.STATE_PATH}": [ImportVar(tag="isTrue")],
+    f"$/{Dirs.STATE_PATH}": [ImportVar(tag="isTrue")],
 }
 
 

reflex/components/core/debounce.py

@@ -6,7 +6,7 @@ from typing import Any, Type, Union
 
 from reflex.components.component import Component
 from reflex.constants import EventTriggers
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event
 from reflex.vars import VarData
 from reflex.vars.base import Var
 
@@ -46,7 +46,7 @@ class DebounceInput(Component):
     element: Var[Type[Component]]
 
     # Fired when the input value changes
-    on_change: EventHandler[lambda e0: [e0.value]]
+    on_change: EventHandler[empty_event]
 
     @classmethod
     def create(cls, *children: Component, **props: Any) -> Component:
@@ -118,7 +118,7 @@ class DebounceInput(Component):
                 _var_type=Type[Component],
                 _var_data=VarData(
                     imports=child._get_imports(),
-                    hooks=child._get_hooks_internal(),
+                    hooks=child._get_all_hooks(),
                 ),
             ),
         )
@@ -128,6 +128,10 @@ class DebounceInput(Component):
         component.event_triggers.update(child.event_triggers)
         component.children = child.children
         component._rename_props = child._rename_props
+        outer_get_all_custom_code = component._get_all_custom_code
+        component._get_all_custom_code = lambda: outer_get_all_custom_code().union(
+            child._get_all_custom_code()
+        )
         return component
 
     def _render(self):

reflex/components/core/debounce.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Type, Union, overload
+from typing import Any, Dict, Optional, Type, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -31,42 +31,22 @@ class DebounceInput(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DebounceInput":
         """Create a DebounceInput component.

reflex/components/core/html.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.el.elements.typography import Div
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -49,41 +49,21 @@ class Html(Div):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Html":
         """Create a html component.

reflex/components/core/upload.py

@@ -2,13 +2,13 @@
 
 from __future__ import annotations
 
-import os
 from pathlib import Path
-from typing import Callable, ClassVar, Dict, List, Optional
+from typing import Any, Callable, ClassVar, Dict, List, Optional, Tuple
 
 from reflex.components.component import Component, ComponentNamespace, MemoizationLeaf
 from reflex.components.el.elements.forms import Input
 from reflex.components.radix.themes.layout.box import Box
+from reflex.config import environment
 from reflex.constants import Dirs
 from reflex.event import (
     CallableEventSpec,
@@ -29,7 +29,7 @@ DEFAULT_UPLOAD_ID: str = "default"
 upload_files_context_var_data: VarData = VarData(
     imports={
         "react": "useContext",
-        f"/{Dirs.CONTEXTS_PATH}": "UploadFilesContext",
+        f"$/{Dirs.CONTEXTS_PATH}": "UploadFilesContext",
     },
     hooks={
         "const [filesById, setFilesById] = useContext(UploadFilesContext);": None,
@@ -125,9 +125,7 @@ def get_upload_dir() -> Path:
     """
     Upload.is_used = True
 
-    uploaded_files_dir = Path(
+    uploaded_files_dir = environment.REFLEX_UPLOADED_FILES_DIR
-        os.environ.get("REFLEX_UPLOADED_FILES_DIR", "./uploaded_files")
-    )
     uploaded_files_dir.mkdir(parents=True, exist_ok=True)
     return uploaded_files_dir
 
@@ -136,8 +134,8 @@ uploaded_files_url_prefix = Var(
     _js_expr="getBackendURL(env.UPLOAD)",
     _var_data=VarData(
         imports={
-            f"/{Dirs.STATE_PATH}": "getBackendURL",
+            f"$/{Dirs.STATE_PATH}": "getBackendURL",
-            "/env.json": ImportVar(tag="env", is_default=True),
+            "$/env.json": ImportVar(tag="env", is_default=True),
         }
     ),
 ).to(str)
@@ -157,7 +155,7 @@ def get_upload_url(file_path: str) -> Var[str]:
     return uploaded_files_url_prefix + "/" + file_path
 
 
-def _on_drop_spec(files: Var):
+def _on_drop_spec(files: Var) -> Tuple[Var[Any]]:
     """Args spec for the on_drop event trigger.
 
     Args:
@@ -166,20 +164,20 @@ def _on_drop_spec(files: Var):
     Returns:
         Signature for on_drop handler including the files to upload.
     """
-    return [files]
+    return (files,)
 
 
 class UploadFilesProvider(Component):
     """AppWrap component that provides a dict of selected files by ID via useContext."""
 
-    library = f"/{Dirs.CONTEXTS_PATH}"
+    library = f"$/{Dirs.CONTEXTS_PATH}"
     tag = "UploadFilesProvider"
 
 
 class Upload(MemoizationLeaf):
     """A file upload component."""
 
-    library = "react-dropzone@14.2.9"
+    library = "react-dropzone@14.2.10"
 
     tag = "ReactDropzone"
 

reflex/components/core/upload.pyi

@@ -4,14 +4,14 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from pathlib import Path
-from typing import Any, Callable, ClassVar, Dict, List, Optional, Union, overload
+from typing import Any, ClassVar, Dict, List, Optional, Union, overload
 
 from reflex.components.component import Component, ComponentNamespace, MemoizationLeaf
 from reflex.constants import Dirs
 from reflex.event import (
     CallableEventSpec,
-    EventHandler,
     EventSpec,
+    EventType,
 )
 from reflex.style import Style
 from reflex.utils.imports import ImportVar
@@ -34,8 +34,8 @@ uploaded_files_url_prefix = Var(
     _js_expr="getBackendURL(env.UPLOAD)",
     _var_data=VarData(
         imports={
-            f"/{Dirs.STATE_PATH}": "getBackendURL",
+            f"$/{Dirs.STATE_PATH}": "getBackendURL",
-            "/env.json": ImportVar(tag="env", is_default=True),
+            "$/env.json": ImportVar(tag="env", is_default=True),
         }
     ),
 ).to(str)
@@ -54,41 +54,21 @@ class UploadFilesProvider(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "UploadFilesProvider":
         """Create the component.
@@ -131,42 +111,22 @@ class Upload(MemoizationLeaf):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_drop: Optional[EventType[Any]] = None,
-        on_double_click: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_drop: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Upload":
         """Create an upload component.
@@ -216,42 +176,22 @@ class StyledUpload(Upload):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_drop: Optional[EventType[Any]] = None,
-        on_double_click: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_drop: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "StyledUpload":
         """Create the styled upload component.
@@ -301,42 +241,22 @@ class UploadNamespace(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_drop: Optional[EventType[Any]] = None,
-        on_double_click: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_drop: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "StyledUpload":
         """Create the styled upload component.

reflex/components/datadisplay/code.py

@@ -381,7 +381,7 @@ for theme_name in dir(Theme):
 class CodeBlock(Component):
     """A code block."""
 
-    library = "react-syntax-highlighter@15.5.0"
+    library = "react-syntax-highlighter@15.6.1"
 
     tag = "PrismAsyncLight"
 

reflex/components/datadisplay/code.pyi

@@ -4,11 +4,11 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 import dataclasses
-from typing import Any, Callable, ClassVar, Dict, Literal, Optional, Union, overload
+from typing import Any, ClassVar, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.constants.colors import Color
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
@@ -939,41 +939,21 @@ class CodeBlock(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CodeBlock":
         """Create a text component.
@@ -1594,41 +1574,21 @@ class CodeblockNamespace(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CodeBlock":
         """Create a text component.

reflex/components/datadisplay/dataeditor.py

@@ -3,12 +3,14 @@
 from __future__ import annotations
 
 from enum import Enum
-from typing import Any, Dict, List, Literal, Optional, Union
+from typing import Any, Dict, List, Literal, Optional, Tuple, Union
+
+from typing_extensions import TypedDict
 
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
 from reflex.components.literals import LiteralRowMarker
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event, identity_event
 from reflex.utils import console, format, types
 from reflex.utils.imports import ImportDict, ImportVar
 from reflex.utils.serializers import serializer
@@ -107,17 +109,76 @@ class DataEditorTheme(Base):
     text_medium: Optional[str] = None
 
 
-def on_edit_spec(pos, data: dict[str, Any]):
+class Bounds(TypedDict):
-    """The on edit spec function.
+    """The bounds of the group header."""
 
-    Args:
+    x: int
-        pos: The position of the edit event.
+    y: int
-        data: The data of the edit event.
+    width: int
+    height: int
 
-    Returns:
+
-        The position and data.
+class CompatSelection(TypedDict):
-    """
+    """The selection."""
-    return [pos, data]
+
+    items: list
+
+
+class Rectangle(TypedDict):
+    """The bounds of the group header."""
+
+    x: int
+    y: int
+    width: int
+    height: int
+
+
+class GridSelectionCurrent(TypedDict):
+    """The current selection."""
+
+    cell: tuple[int, int]
+    range: Rectangle
+    rangeStack: list[Rectangle]
+
+
+class GridSelection(TypedDict):
+    """The grid selection."""
+
+    current: Optional[GridSelectionCurrent]
+    columns: CompatSelection
+    rows: CompatSelection
+
+
+class GroupHeaderClickedEventArgs(TypedDict):
+    """The arguments for the group header clicked event."""
+
+    kind: str
+    group: str
+    location: tuple[int, int]
+    bounds: Bounds
+    isEdge: bool
+    shiftKey: bool
+    ctrlKey: bool
+    metaKey: bool
+    isTouch: bool
+    localEventX: int
+    localEventY: int
+    button: int
+    buttons: int
+    scrollEdge: tuple[int, int]
+
+
+class GridCell(TypedDict):
+    """The grid cell."""
+
+    span: Optional[List[int]]
+
+
+class GridColumn(TypedDict):
+    """The grid column."""
+
+    title: str
+    group: Optional[str]
 
 
 class DataEditor(NoSSRComponent):
@@ -223,52 +284,56 @@ class DataEditor(NoSSRComponent):
     theme: Var[Union[DataEditorTheme, Dict]]
 
     # Fired when a cell is activated.
-    on_cell_activated: EventHandler[lambda pos: [pos]]
+    on_cell_activated: EventHandler[identity_event(Tuple[int, int])]
 
     # Fired when a cell is clicked.
-    on_cell_clicked: EventHandler[lambda pos: [pos]]
+    on_cell_clicked: EventHandler[identity_event(Tuple[int, int])]
 
     # Fired when a cell is right-clicked.
-    on_cell_context_menu: EventHandler[lambda pos: [pos]]
+    on_cell_context_menu: EventHandler[identity_event(Tuple[int, int])]
 
     # Fired when a cell is edited.
-    on_cell_edited: EventHandler[on_edit_spec]
+    on_cell_edited: EventHandler[identity_event(Tuple[int, int], GridCell)]
 
     # Fired when a group header is clicked.
-    on_group_header_clicked: EventHandler[on_edit_spec]
+    on_group_header_clicked: EventHandler[identity_event(Tuple[int, int], GridCell)]
 
     # Fired when a group header is right-clicked.
-    on_group_header_context_menu: EventHandler[lambda grp_idx, data: [grp_idx, data]]
+    on_group_header_context_menu: EventHandler[
+        identity_event(int, GroupHeaderClickedEventArgs)
+    ]
 
     # Fired when a group header is renamed.
-    on_group_header_renamed: EventHandler[lambda idx, val: [idx, val]]
+    on_group_header_renamed: EventHandler[identity_event(str, str)]
 
     # Fired when a header is clicked.
-    on_header_clicked: EventHandler[lambda pos: [pos]]
+    on_header_clicked: EventHandler[identity_event(Tuple[int, int])]
 
     # Fired when a header is right-clicked.
-    on_header_context_menu: EventHandler[lambda pos: [pos]]
+    on_header_context_menu: EventHandler[identity_event(Tuple[int, int])]
 
     # Fired when a header menu item is clicked.
-    on_header_menu_click: EventHandler[lambda col, pos: [col, pos]]
+    on_header_menu_click: EventHandler[identity_event(int, Rectangle)]
 
     # Fired when an item is hovered.
-    on_item_hovered: EventHandler[lambda pos: [pos]]
+    on_item_hovered: EventHandler[identity_event(Tuple[int, int])]
 
     # Fired when a selection is deleted.
-    on_delete: EventHandler[lambda selection: [selection]]
+    on_delete: EventHandler[identity_event(GridSelection)]
 
     # Fired when editing is finished.
-    on_finished_editing: EventHandler[lambda new_value, movement: [new_value, movement]]
+    on_finished_editing: EventHandler[
+        identity_event(Union[GridCell, None], tuple[int, int])
+    ]
 
     # Fired when a row is appended.
-    on_row_appended: EventHandler[lambda: []]
+    on_row_appended: EventHandler[empty_event]
 
     # Fired when the selection is cleared.
-    on_selection_cleared: EventHandler[lambda: []]
+    on_selection_cleared: EventHandler[empty_event]
 
     # Fired when a column is resized.
-    on_column_resize: EventHandler[lambda col, width: [col, width]]
+    on_column_resize: EventHandler[identity_event(GridColumn, int)]
 
     def add_imports(self) -> ImportDict:
         """Add imports for the component.
@@ -279,7 +344,7 @@ class DataEditor(NoSSRComponent):
         return {
             "": f"{format.format_library_name(self.library)}/dist/index.css",
             self.library: "GridCellKind",
-            "/utils/helpers/dataeditor.js": ImportVar(
+            "$/utils/helpers/dataeditor.js": ImportVar(
                 tag="formatDataEditorCells", is_default=False, install=False
             ),
         }

reflex/components/datadisplay/dataeditor.pyi

@@ -4,11 +4,13 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from enum import Enum
-from typing import Any, Callable, Dict, List, Literal, Optional, Union, overload
+from typing import Any, Dict, List, Literal, Optional, Union, overload
+
+from typing_extensions import TypedDict
 
 from reflex.base import Base
 from reflex.components.component import NoSSRComponent
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.utils.serializers import serializer
@@ -76,7 +78,53 @@ class DataEditorTheme(Base):
     text_light: Optional[str]
     text_medium: Optional[str]
 
-def on_edit_spec(pos, data: dict[str, Any]): ...
+class Bounds(TypedDict):
+    x: int
+    y: int
+    width: int
+    height: int
+
+class CompatSelection(TypedDict):
+    items: list
+
+class Rectangle(TypedDict):
+    x: int
+    y: int
+    width: int
+    height: int
+
+class GridSelectionCurrent(TypedDict):
+    cell: tuple[int, int]
+    range: Rectangle
+    rangeStack: list[Rectangle]
+
+class GridSelection(TypedDict):
+    current: Optional[GridSelectionCurrent]
+    columns: CompatSelection
+    rows: CompatSelection
+
+class GroupHeaderClickedEventArgs(TypedDict):
+    kind: str
+    group: str
+    location: tuple[int, int]
+    bounds: Bounds
+    isEdge: bool
+    shiftKey: bool
+    ctrlKey: bool
+    metaKey: bool
+    isTouch: bool
+    localEventX: int
+    localEventY: int
+    button: int
+    buttons: int
+    scrollEdge: tuple[int, int]
+
+class GridCell(TypedDict):
+    span: Optional[List[int]]
+
+class GridColumn(TypedDict):
+    title: str
+    group: Optional[str]
 
 class DataEditor(NoSSRComponent):
     def add_imports(self) -> ImportDict: ...
@@ -135,87 +183,41 @@ class DataEditor(NoSSRComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_cell_activated: Optional[
+        on_cell_activated: Optional[EventType[tuple[int, int]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_cell_clicked: Optional[EventType[tuple[int, int]]] = None,
-        ] = None,
+        on_cell_context_menu: Optional[EventType[tuple[int, int]]] = None,
-        on_cell_clicked: Optional[
+        on_cell_edited: Optional[EventType[tuple[int, int], GridCell]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_column_resize: Optional[EventType[GridColumn, int]] = None,
-        on_cell_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_delete: Optional[EventType[GridSelection]] = None,
-        ] = None,
+        on_double_click: Optional[EventType[[]]] = None,
-        on_cell_edited: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_column_resize: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_delete: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         on_finished_editing: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
+            EventType[Union[GridCell, None], tuple[int, int]]
-        ] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_group_header_clicked: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
         ] = None,
+        on_focus: Optional[EventType[[]]] = None,
+        on_group_header_clicked: Optional[EventType[tuple[int, int], GridCell]] = None,
         on_group_header_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
+            EventType[int, GroupHeaderClickedEventArgs]
-        ] = None,
-        on_group_header_renamed: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_header_clicked: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_header_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_header_menu_click: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_item_hovered: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_row_appended: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_selection_cleared: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
         ] = None,
+        on_group_header_renamed: Optional[EventType[str, str]] = None,
+        on_header_clicked: Optional[EventType[tuple[int, int]]] = None,
+        on_header_context_menu: Optional[EventType[tuple[int, int]]] = None,
+        on_header_menu_click: Optional[EventType[int, Rectangle]] = None,
+        on_item_hovered: Optional[EventType[tuple[int, int]]] = 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_row_appended: Optional[EventType[[]]] = None,
+        on_scroll: Optional[EventType[[]]] = None,
+        on_selection_cleared: Optional[EventType[[]]] = None,
+        on_unmount: Optional[EventType[[]]] = None,
         **props,
     ) -> "DataEditor":
         """Create the DataEditor component.

reflex/components/datadisplay/shiki_code_block.py

@@ -0,0 +1,813 @@
+"""Shiki syntax hghlighter component."""
+
+from __future__ import annotations
+
+import re
+from collections import defaultdict
+from typing import Any, Literal, Optional, Union
+
+from reflex.base import Base
+from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.colors import color
+from reflex.components.core.cond import color_mode_cond
+from reflex.components.el.elements.forms import Button
+from reflex.components.lucide.icon import Icon
+from reflex.components.radix.themes.layout.box import Box
+from reflex.event import call_script, set_clipboard
+from reflex.style import Style
+from reflex.utils.exceptions import VarTypeError
+from reflex.utils.imports import ImportVar
+from reflex.vars.base import LiteralVar, Var
+from reflex.vars.function import FunctionStringVar
+from reflex.vars.sequence import StringVar, string_replace_operation
+
+
+def copy_script() -> Any:
+    """Copy script for the code block and modify the child SVG element.
+
+
+    Returns:
+        Any: The result of calling the script.
+    """
+    return call_script(
+        f"""
+// Event listener for the parent click
+document.addEventListener('click', function(event) {{
+    // Find the closest div (parent element)
+    const parent = event.target.closest('div');
+    // If the parent is found
+    if (parent) {{
+        // Find the SVG element within the parent
+        const svgIcon = parent.querySelector('svg');
+        // If the SVG exists, proceed with the script
+        if (svgIcon) {{
+            const originalPath = svgIcon.innerHTML;
+            const checkmarkPath = '<polyline points="20 6 9 17 4 12"></polyline>';  // Checkmark SVG path
+            function transition(element, scale, opacity) {{
+                element.style.transform = `scale(${{scale}})`;
+                element.style.opacity = opacity;
+            }}
+            // Animate the SVG
+            transition(svgIcon, 0, '0');
+            setTimeout(() => {{
+                svgIcon.innerHTML = checkmarkPath;  // Replace content with checkmark
+                svgIcon.setAttribute('viewBox', '0 0 24 24');  // Adjust viewBox if necessary
+                transition(svgIcon, 1, '1');
+                setTimeout(() => {{
+                    transition(svgIcon, 0, '0');
+                    setTimeout(() => {{
+                        svgIcon.innerHTML = originalPath;  // Restore original SVG content
+                        transition(svgIcon, 1, '1');
+                    }}, 125);
+                }}, 600);
+            }}, 125);
+        }} else {{
+            // console.error('SVG element not found within the parent.');
+        }}
+    }} else {{
+        // console.error('Parent element not found.');
+    }}
+}});
+"""
+    )
+
+
+SHIKIJS_TRANSFORMER_FNS = {
+    "transformerNotationDiff",
+    "transformerNotationHighlight",
+    "transformerNotationWordHighlight",
+    "transformerNotationFocus",
+    "transformerNotationErrorLevel",
+    "transformerRenderWhitespace",
+    "transformerMetaHighlight",
+    "transformerMetaWordHighlight",
+    "transformerCompactLineOptions",
+    # TODO: this transformer when included adds a weird behavior which removes other code lines. Need to figure out why.
+    # "transformerRemoveLineBreak",
+    "transformerRemoveNotationEscape",
+}
+LINE_NUMBER_STYLING = {
+    "code": {
+        "counter-reset": "step",
+        "counter-increment": "step 0",
+        "display": "grid",
+        "line-height": "1.7",
+        "font-size": "0.875em",
+    },
+    "code .line::before": {
+        "content": "counter(step)",
+        "counter-increment": "step",
+        "width": "1rem",
+        "margin-right": "1.5rem",
+        "display": "inline-block",
+        "text-align": "right",
+        "color": "rgba(115,138,148,.4)",
+    },
+}
+BOX_PARENT_STYLING = {
+    "pre": {
+        "margin": "0",
+        "padding": "24px",
+        "background": "transparent",
+        "overflow-x": "auto",
+        "border-radius": "6px",
+    },
+}
+
+THEME_MAPPING = {
+    "light": "one-light",
+    "dark": "one-dark-pro",
+    "a11y-dark": "github-dark",
+}
+LANGUAGE_MAPPING = {"bash": "shellscript"}
+LiteralCodeLanguage = Literal[
+    "abap",
+    "actionscript-3",
+    "ada",
+    "angular-html",
+    "angular-ts",
+    "apache",
+    "apex",
+    "apl",
+    "applescript",
+    "ara",
+    "asciidoc",
+    "asm",
+    "astro",
+    "awk",
+    "ballerina",
+    "bat",
+    "beancount",
+    "berry",
+    "bibtex",
+    "bicep",
+    "blade",
+    "c",
+    "cadence",
+    "clarity",
+    "clojure",
+    "cmake",
+    "cobol",
+    "codeowners",
+    "codeql",
+    "coffee",
+    "common-lisp",
+    "coq",
+    "cpp",
+    "crystal",
+    "csharp",
+    "css",
+    "csv",
+    "cue",
+    "cypher",
+    "d",
+    "dart",
+    "dax",
+    "desktop",
+    "diff",
+    "docker",
+    "dotenv",
+    "dream-maker",
+    "edge",
+    "elixir",
+    "elm",
+    "emacs-lisp",
+    "erb",
+    "erlang",
+    "fennel",
+    "fish",
+    "fluent",
+    "fortran-fixed-form",
+    "fortran-free-form",
+    "fsharp",
+    "gdresource",
+    "gdscript",
+    "gdshader",
+    "genie",
+    "gherkin",
+    "git-commit",
+    "git-rebase",
+    "gleam",
+    "glimmer-js",
+    "glimmer-ts",
+    "glsl",
+    "gnuplot",
+    "go",
+    "graphql",
+    "groovy",
+    "hack",
+    "haml",
+    "handlebars",
+    "haskell",
+    "haxe",
+    "hcl",
+    "hjson",
+    "hlsl",
+    "html",
+    "html-derivative",
+    "http",
+    "hxml",
+    "hy",
+    "imba",
+    "ini",
+    "java",
+    "javascript",
+    "jinja",
+    "jison",
+    "json",
+    "json5",
+    "jsonc",
+    "jsonl",
+    "jsonnet",
+    "jssm",
+    "jsx",
+    "julia",
+    "kotlin",
+    "kusto",
+    "latex",
+    "lean",
+    "less",
+    "liquid",
+    "log",
+    "logo",
+    "lua",
+    "luau",
+    "make",
+    "markdown",
+    "marko",
+    "matlab",
+    "mdc",
+    "mdx",
+    "mermaid",
+    "mojo",
+    "move",
+    "narrat",
+    "nextflow",
+    "nginx",
+    "nim",
+    "nix",
+    "nushell",
+    "objective-c",
+    "objective-cpp",
+    "ocaml",
+    "pascal",
+    "perl",
+    "php",
+    "plsql",
+    "po",
+    "postcss",
+    "powerquery",
+    "powershell",
+    "prisma",
+    "prolog",
+    "proto",
+    "pug",
+    "puppet",
+    "purescript",
+    "python",
+    "qml",
+    "qmldir",
+    "qss",
+    "r",
+    "racket",
+    "raku",
+    "razor",
+    "reg",
+    "regexp",
+    "rel",
+    "riscv",
+    "rst",
+    "ruby",
+    "rust",
+    "sas",
+    "sass",
+    "scala",
+    "scheme",
+    "scss",
+    "shaderlab",
+    "shellscript",
+    "shellsession",
+    "smalltalk",
+    "solidity",
+    "soy",
+    "sparql",
+    "splunk",
+    "sql",
+    "ssh-config",
+    "stata",
+    "stylus",
+    "svelte",
+    "swift",
+    "system-verilog",
+    "systemd",
+    "tasl",
+    "tcl",
+    "templ",
+    "terraform",
+    "tex",
+    "toml",
+    "ts-tags",
+    "tsv",
+    "tsx",
+    "turtle",
+    "twig",
+    "typescript",
+    "typespec",
+    "typst",
+    "v",
+    "vala",
+    "vb",
+    "verilog",
+    "vhdl",
+    "viml",
+    "vue",
+    "vue-html",
+    "vyper",
+    "wasm",
+    "wenyan",
+    "wgsl",
+    "wikitext",
+    "wolfram",
+    "xml",
+    "xsl",
+    "yaml",
+    "zenscript",
+    "zig",
+]
+LiteralCodeTheme = Literal[
+    "andromeeda",
+    "aurora-x",
+    "ayu-dark",
+    "catppuccin-frappe",
+    "catppuccin-latte",
+    "catppuccin-macchiato",
+    "catppuccin-mocha",
+    "dark-plus",
+    "dracula",
+    "dracula-soft",
+    "everforest-dark",
+    "everforest-light",
+    "github-dark",
+    "github-dark-default",
+    "github-dark-dimmed",
+    "github-dark-high-contrast",
+    "github-light",
+    "github-light-default",
+    "github-light-high-contrast",
+    "houston",
+    "laserwave",
+    "light-plus",
+    "material-theme",
+    "material-theme-darker",
+    "material-theme-lighter",
+    "material-theme-ocean",
+    "material-theme-palenight",
+    "min-dark",
+    "min-light",
+    "monokai",
+    "night-owl",
+    "nord",
+    "one-dark-pro",
+    "one-light",
+    "plain",
+    "plastic",
+    "poimandres",
+    "red",
+    "rose-pine",
+    "rose-pine-dawn",
+    "rose-pine-moon",
+    "slack-dark",
+    "slack-ochin",
+    "snazzy-light",
+    "solarized-dark",
+    "solarized-light",
+    "synthwave-84",
+    "tokyo-night",
+    "vesper",
+    "vitesse-black",
+    "vitesse-dark",
+    "vitesse-light",
+]
+
+
+class ShikiBaseTransformers(Base):
+    """Base for creating transformers."""
+
+    library: str
+    fns: list[FunctionStringVar]
+    style: Optional[Style]
+
+
+class ShikiJsTransformer(ShikiBaseTransformers):
+    """A Wrapped shikijs transformer."""
+
+    library: str = "@shikijs/transformers"
+    fns: list[FunctionStringVar] = [
+        FunctionStringVar.create(fn) for fn in SHIKIJS_TRANSFORMER_FNS
+    ]
+    style: Optional[Style] = Style(
+        {
+            "code": {"line-height": "1.7", "font-size": "0.875em", "display": "grid"},
+            # Diffs
+            ".diff": {
+                "margin": "0 -24px",
+                "padding": "0 24px",
+                "width": "calc(100% + 48px)",
+                "display": "inline-block",
+            },
+            ".diff.add": {
+                "background-color": "rgba(16, 185, 129, .14)",
+                "position": "relative",
+            },
+            ".diff.remove": {
+                "background-color": "rgba(244, 63, 94, .14)",
+                "opacity": "0.7",
+                "position": "relative",
+            },
+            ".diff.remove:after": {
+                "position": "absolute",
+                "left": "10px",
+                "content": "'-'",
+                "color": "#b34e52",
+            },
+            ".diff.add:after": {
+                "position": "absolute",
+                "left": "10px",
+                "content": "'+'",
+                "color": "#18794e",
+            },
+            # Highlight
+            ".highlighted": {
+                "background-color": "rgba(142, 150, 170, .14)",
+                "margin": "0 -24px",
+                "padding": "0 24px",
+                "width": "calc(100% + 48px)",
+                "display": "inline-block",
+            },
+            ".highlighted.error": {
+                "background-color": "rgba(244, 63, 94, .14)",
+            },
+            ".highlighted.warning": {
+                "background-color": "rgba(234, 179, 8, .14)",
+            },
+            # Highlighted Word
+            ".highlighted-word": {
+                "background-color": color("gray", 2),
+                "border": f"1px solid {color('gray', 5)}",
+                "padding": "1px 3px",
+                "margin": "-1px -3px",
+                "border-radius": "4px",
+            },
+            # Focused Lines
+            ".has-focused .line:not(.focused)": {
+                "opacity": "0.7",
+                "filter": "blur(0.095rem)",
+                "transition": "filter .35s, opacity .35s",
+            },
+            ".has-focused:hover .line:not(.focused)": {
+                "opacity": "1",
+                "filter": "none",
+            },
+            # White Space
+            # ".tab, .space": {
+            #     "position": "relative",
+            # },
+            # ".tab::before": {
+            #     "content": "'⇥'",
+            #     "position": "absolute",
+            #     "opacity": "0.3",
+            # },
+            # ".space::before": {
+            #     "content": "'·'",
+            #     "position": "absolute",
+            #     "opacity": "0.3",
+            # },
+        }
+    )
+
+    def __init__(self, **kwargs):
+        """Initialize the transformer.
+
+        Args:
+            kwargs: Kwargs to initialize the props.
+
+        """
+        fns = kwargs.pop("fns", None)
+        style = kwargs.pop("style", None)
+        if fns:
+            kwargs["fns"] = [
+                (
+                    FunctionStringVar.create(x)
+                    if not isinstance(x, FunctionStringVar)
+                    else x
+                )
+                for x in fns
+            ]
+
+        if style:
+            kwargs["style"] = Style(style)
+        super().__init__(**kwargs)
+
+
+class ShikiCodeBlock(Component):
+    """A Code block."""
+
+    library = "/components/shiki/code"
+
+    tag = "Code"
+
+    alias = "ShikiCode"
+
+    lib_dependencies: list[str] = ["shiki"]
+
+    # The language to use.
+    language: Var[LiteralCodeLanguage] = Var.create("python")
+
+    # The theme to use ("light" or "dark").
+    theme: Var[LiteralCodeTheme] = Var.create("one-light")
+
+    # The set of themes to use for different modes.
+    themes: Var[Union[list[dict[str, Any]], dict[str, str]]]
+
+    # The code to display.
+    code: Var[str]
+
+    # The transformers to use for the syntax highlighter.
+    transformers: Var[list[Union[ShikiBaseTransformers, dict[str, Any]]]] = Var.create(
+        []
+    )
+
+    @classmethod
+    def create(
+        cls,
+        *children,
+        **props,
+    ) -> Component:
+        """Create a code block component using [shiki syntax highlighter](https://shiki.matsu.io/).
+
+        Args:
+            *children: The children of the component.
+            **props: The props to pass to the component.
+
+        Returns:
+            The code block component.
+        """
+        # Separate props for the code block and the wrapper
+        code_block_props = {}
+        code_wrapper_props = {}
+
+        class_props = cls.get_props()
+
+        # Distribute props between the code block and wrapper
+        for key, value in props.items():
+            (code_block_props if key in class_props else code_wrapper_props)[key] = (
+                value
+            )
+
+        code_block_props["code"] = children[0]
+        code_block = super().create(**code_block_props)
+
+        transformer_styles = {}
+        # Collect styles from transformers and wrapper
+        for transformer in code_block.transformers._var_value:  # type: ignore
+            if isinstance(transformer, ShikiBaseTransformers) and transformer.style:
+                transformer_styles.update(transformer.style)
+        transformer_styles.update(code_wrapper_props.pop("style", {}))
+
+        return Box.create(
+            code_block,
+            *children[1:],
+            style=Style({**transformer_styles, **BOX_PARENT_STYLING}),
+            **code_wrapper_props,
+        )
+
+    def add_imports(self) -> dict[str, list[str]]:
+        """Add the necessary imports.
+        We add all referenced transformer functions as imports from their corresponding
+        libraries.
+
+        Returns:
+            Imports for the component.
+        """
+        imports = defaultdict(list)
+        for transformer in self.transformers._var_value:
+            if isinstance(transformer, ShikiBaseTransformers):
+                imports[transformer.library].extend(
+                    [ImportVar(tag=str(fn)) for fn in transformer.fns]
+                )
+                (
+                    self.lib_dependencies.append(transformer.library)
+                    if transformer.library not in self.lib_dependencies
+                    else None
+                )
+        return imports
+
+    @classmethod
+    def create_transformer(cls, library: str, fns: list[str]) -> ShikiBaseTransformers:
+        """Create a transformer from a third party library.
+
+        Args:
+            library: The name of the library.
+            fns: The str names of the functions/callables to invoke from the library.
+
+        Returns:
+            A transformer for the specified library.
+
+        Raises:
+            ValueError: If a supplied function name is not valid str.
+        """
+        if any(not isinstance(fn_name, str) for fn_name in fns):
+            raise ValueError(
+                f"the function names should be str names of functions in the specified transformer: {library!r}"
+            )
+        return ShikiBaseTransformers(  # type: ignore
+            library=library, fns=[FunctionStringVar.create(fn) for fn in fns]
+        )
+
+    def _render(self, props: dict[str, Any] | None = None):
+        """Renders the component with the given properties, processing transformers if present.
+
+        Args:
+            props: Optional properties to pass to the render function.
+
+        Returns:
+            Rendered component output.
+        """
+        # Ensure props is initialized from class attributes if not provided
+        props = props or {
+            attr.rstrip("_"): getattr(self, attr) for attr in self.get_props()
+        }
+
+        # Extract transformers and apply transformations
+        transformers = props.get("transformers")
+        if transformers is not None:
+            transformed_values = self._process_transformers(transformers._var_value)
+            props["transformers"] = LiteralVar.create(transformed_values)
+
+        return super()._render(props)
+
+    def _process_transformers(self, transformer_list: list) -> list:
+        """Processes a list of transformers, applying transformations where necessary.
+
+        Args:
+            transformer_list: List of transformer objects or values.
+
+        Returns:
+            list: A list of transformed values.
+        """
+        processed = []
+
+        for transformer in transformer_list:
+            if isinstance(transformer, ShikiBaseTransformers):
+                processed.extend(fn.call() for fn in transformer.fns)
+            else:
+                processed.append(transformer)
+
+        return processed
+
+
+class ShikiHighLevelCodeBlock(ShikiCodeBlock):
+    """High level component for the shiki syntax highlighter."""
+
+    # If this is enabled, the default transformers(shikijs transformer) will be used.
+    use_transformers: Var[bool]
+
+    # If this is enabled line numbers will be shown next to the code block.
+    show_line_numbers: Var[bool]
+
+    # Whether a copy button should appear.
+    can_copy: Var[bool] = Var.create(False)
+
+    # copy_button: A custom copy button to override the default one.
+    copy_button: Var[Optional[Union[Component, bool]]] = Var.create(None)
+
+    @classmethod
+    def create(
+        cls,
+        *children,
+        **props,
+    ) -> Component:
+        """Create a code block component using [shiki syntax highlighter](https://shiki.matsu.io/).
+
+        Args:
+            *children: The children of the component.
+            **props: The props to pass to the component.
+
+        Returns:
+            The code block component.
+        """
+        use_transformers = props.pop("use_transformers", False)
+        show_line_numbers = props.pop("show_line_numbers", False)
+        language = props.pop("language", None)
+        can_copy = props.pop("can_copy", False)
+        copy_button = props.pop("copy_button", None)
+
+        if use_transformers:
+            props["transformers"] = [ShikiJsTransformer()]
+
+        if language is not None:
+            props["language"] = cls._map_languages(language)
+
+        # line numbers are generated via css
+        if show_line_numbers:
+            props["style"] = {**LINE_NUMBER_STYLING, **props.get("style", {})}
+
+        theme = props.pop("theme", None)
+        props["theme"] = props["theme"] = (
+            cls._map_themes(theme)
+            if theme is not None
+            else color_mode_cond(  # Default color scheme responds to global color mode.
+                light="one-light",
+                dark="one-dark-pro",
+            )
+        )
+
+        if can_copy:
+            code = children[0]
+            copy_button = (  # type: ignore
+                copy_button
+                if copy_button is not None
+                else Button.create(
+                    Icon.create(tag="copy", size=16, color=color("gray", 11)),
+                    on_click=[
+                        set_clipboard(cls._strip_transformer_triggers(code)),  # type: ignore
+                        copy_script(),
+                    ],
+                    style=Style(
+                        {
+                            "position": "absolute",
+                            "top": "4px",
+                            "right": "4px",
+                            "background": color("gray", 3),
+                            "border": "1px solid",
+                            "border-color": color("gray", 5),
+                            "border-radius": "6px",
+                            "padding": "5px",
+                            "opacity": "1",
+                            "cursor": "pointer",
+                            "_hover": {
+                                "background": color("gray", 4),
+                            },
+                            "transition": "background 0.250s ease-out",
+                            "&>svg": {
+                                "transition": "transform 0.250s ease-out, opacity 0.250s ease-out",
+                            },
+                            "_active": {
+                                "background": color("gray", 5),
+                            },
+                        }
+                    ),
+                )
+            )
+
+        if copy_button:
+            return ShikiCodeBlock.create(
+                children[0], copy_button, position="relative", **props
+            )
+        else:
+            return ShikiCodeBlock.create(children[0], **props)
+
+    @staticmethod
+    def _map_themes(theme: str) -> str:
+        if isinstance(theme, str) and theme in THEME_MAPPING:
+            return THEME_MAPPING[theme]
+        return theme
+
+    @staticmethod
+    def _map_languages(language: str) -> str:
+        if isinstance(language, str) and language in LANGUAGE_MAPPING:
+            return LANGUAGE_MAPPING[language]
+        return language
+
+    @staticmethod
+    def _strip_transformer_triggers(code: str | StringVar) -> StringVar | str:
+        if not isinstance(code, (StringVar, str)):
+            raise VarTypeError(
+                f"code should be string literal or a StringVar type. Got {type(code)} instead."
+            )
+        regex_pattern = r"[\/#]+ *\[!code.*?\]"
+
+        if isinstance(code, Var):
+            return string_replace_operation(
+                code, StringVar(_js_expr=f"/{regex_pattern}/g", _var_type=str), ""
+            )
+        if isinstance(code, str):
+            return re.sub(regex_pattern, "", code)
+
+
+class TransformerNamespace(ComponentNamespace):
+    """Namespace for the Transformers."""
+
+    shikijs = ShikiJsTransformer
+
+
+class CodeblockNamespace(ComponentNamespace):
+    """Namespace for the CodeBlock component."""
+
+    root = staticmethod(ShikiCodeBlock.create)
+    create_transformer = staticmethod(ShikiCodeBlock.create_transformer)
+    transformers = TransformerNamespace()
+    __call__ = staticmethod(ShikiHighLevelCodeBlock.create)
+
+
+code_block = CodeblockNamespace()

reflex/components/dynamic.py

@@ -90,7 +90,7 @@ def load_dynamic_serializer():
         for lib, names in component._get_all_imports().items():
             formatted_lib_name = format_library_name(lib)
             if (
-                not lib.startswith((".", "/"))
+                not lib.startswith((".", "/", "$/"))
                 and not lib.startswith("http")
                 and formatted_lib_name not in libs_in_window
             ):
@@ -106,7 +106,7 @@ def load_dynamic_serializer():
         # Rewrite imports from `/` to destructure from window
         for ix, line in enumerate(module_code_lines[:]):
             if line.startswith("import "):
-                if 'from "/' in line:
+                if 'from "$/' in line or 'from "/' in line:
                     module_code_lines[ix] = (
                         line.replace("import ", "const ", 1).replace(
                             " from ", " = window['__reflex'][", 1
@@ -157,7 +157,7 @@ def load_dynamic_serializer():
             merge_var_data=VarData.merge(
                 VarData(
                     imports={
-                        f"/{constants.Dirs.STATE_PATH}": [
+                        f"$/{constants.Dirs.STATE_PATH}": [
                             imports.ImportVar(tag="evalReactComponent"),
                         ],
                         "react": [

reflex/components/el/element.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class Element(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Element":
         """Create the component.

reflex/components/el/elements/base.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.el.element import Element
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -46,41 +46,21 @@ class BaseHTML(Element):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "BaseHTML":
         """Create the component.

reflex/components/el/elements/forms.py

@@ -3,14 +3,20 @@
 from __future__ import annotations
 
 from hashlib import md5
-from typing import Any, Dict, Iterator, Set, Union
+from typing import Any, Dict, Iterator, Set, Tuple, Union
 
 from jinja2 import Environment
 
 from reflex.components.el.element import Element
 from reflex.components.tags.tag import Tag
 from reflex.constants import Dirs, EventTriggers
-from reflex.event import EventChain, EventHandler, prevent_default
+from reflex.event import (
+    EventChain,
+    EventHandler,
+    input_event,
+    key_event,
+    prevent_default,
+)
 from reflex.utils.imports import ImportDict
 from reflex.vars import VarData
 from reflex.vars.base import LiteralVar, Var
@@ -96,6 +102,15 @@ class Fieldset(Element):
     name: Var[Union[str, int, bool]]
 
 
+def on_submit_event_spec() -> Tuple[Var[Dict[str, Any]]]:
+    """Event handler spec for the on_submit event.
+
+    Returns:
+        The event handler spec.
+    """
+    return (FORM_DATA,)
+
+
 class Form(BaseHTML):
     """Display the form element."""
 
@@ -135,7 +150,7 @@ class Form(BaseHTML):
     handle_submit_unique_name: Var[str]
 
     # Fired when the form is submitted
-    on_submit: EventHandler[lambda e0: [FORM_DATA]]
+    on_submit: EventHandler[on_submit_event_spec]
 
     @classmethod
     def create(cls, *children, **props):
@@ -172,7 +187,7 @@ class Form(BaseHTML):
         """
         return {
             "react": "useCallback",
-            f"/{Dirs.STATE_PATH}": ["getRefValue", "getRefValues"],
+            f"$/{Dirs.STATE_PATH}": ["getRefValue", "getRefValues"],
         }
 
     def add_hooks(self) -> list[str]:
@@ -345,19 +360,19 @@ class Input(BaseHTML):
     value: Var[Union[str, int, float]]
 
     # Fired when the input value changes
-    on_change: EventHandler[lambda e0: [e0.target.value]]
+    on_change: EventHandler[input_event]
 
     # Fired when the input gains focus
-    on_focus: EventHandler[lambda e0: [e0.target.value]]
+    on_focus: EventHandler[input_event]
 
     # Fired when the input loses focus
-    on_blur: EventHandler[lambda e0: [e0.target.value]]
+    on_blur: EventHandler[input_event]
 
     # Fired when a key is pressed down
-    on_key_down: EventHandler[lambda e0: [e0.key]]
+    on_key_down: EventHandler[key_event]
 
     # Fired when a key is released
-    on_key_up: EventHandler[lambda e0: [e0.key]]
+    on_key_up: EventHandler[key_event]
 
 
 class Label(BaseHTML):
@@ -496,7 +511,7 @@ class Select(BaseHTML):
     size: Var[Union[str, int, bool]]
 
     # Fired when the select value changes
-    on_change: EventHandler[lambda e0: [e0.target.value]]
+    on_change: EventHandler[input_event]
 
 
 AUTO_HEIGHT_JS = """
@@ -586,19 +601,55 @@ class Textarea(BaseHTML):
     wrap: Var[Union[str, int, bool]]
 
     # Fired when the input value changes
-    on_change: EventHandler[lambda e0: [e0.target.value]]
+    on_change: EventHandler[input_event]
 
     # Fired when the input gains focus
-    on_focus: EventHandler[lambda e0: [e0.target.value]]
+    on_focus: EventHandler[input_event]
 
     # Fired when the input loses focus
-    on_blur: EventHandler[lambda e0: [e0.target.value]]
+    on_blur: EventHandler[input_event]
 
     # Fired when a key is pressed down
-    on_key_down: EventHandler[lambda e0: [e0.key]]
+    on_key_down: EventHandler[key_event]
 
     # Fired when a key is released
-    on_key_up: EventHandler[lambda e0: [e0.key]]
+    on_key_up: EventHandler[key_event]
+
+    @classmethod
+    def create(cls, *children, **props):
+        """Create a textarea component.
+
+        Args:
+            *children: The children of the textarea.
+            **props: The properties of the textarea.
+
+        Returns:
+            The textarea component.
+
+        Raises:
+            ValueError: when `enter_key_submit` is combined with `on_key_down`.
+        """
+        enter_key_submit = props.get("enter_key_submit")
+        auto_height = props.get("auto_height")
+        custom_attrs = props.setdefault("custom_attrs", {})
+
+        if enter_key_submit is not None:
+            enter_key_submit = Var.create(enter_key_submit)
+            if "on_key_down" in props:
+                raise ValueError(
+                    "Cannot combine `enter_key_submit` with `on_key_down`.",
+                )
+            custom_attrs["on_key_down"] = Var(
+                _js_expr=f"(e) => enterKeySubmitOnKeyDown(e, {str(enter_key_submit)})",
+                _var_data=VarData.merge(enter_key_submit._get_all_var_data()),
+            )
+        if auto_height is not None:
+            auto_height = Var.create(auto_height)
+            custom_attrs["on_input"] = Var(
+                _js_expr=f"(e) => autoHeightOnInput(e, {str(auto_height)})",
+                _var_data=VarData.merge(auto_height._get_all_var_data()),
+            )
+        return super().create(*children, **props)
 
     def _exclude_props(self) -> list[str]:
         return super()._exclude_props() + [
@@ -619,28 +670,6 @@ class Textarea(BaseHTML):
             custom_code.add(ENTER_KEY_SUBMIT_JS)
         return custom_code
 
-    def _render(self) -> Tag:
-        tag = super()._render()
-        if self.enter_key_submit is not None:
-            if "on_key_down" in self.event_triggers:
-                raise ValueError(
-                    "Cannot combine `enter_key_submit` with `on_key_down`.",
-                )
-            tag.add_props(
-                on_key_down=Var(
-                    _js_expr=f"(e) => enterKeySubmitOnKeyDown(e, {str(self.enter_key_submit)})",
-                    _var_data=VarData.merge(self.enter_key_submit._get_all_var_data()),
-                )
-            )
-        if self.auto_height is not None:
-            tag.add_props(
-                on_input=Var(
-                    _js_expr=f"(e) => autoHeightOnInput(e, {str(self.auto_height)})",
-                    _var_data=VarData.merge(self.auto_height._get_all_var_data()),
-                )
-            )
-        return tag
-
 
 button = Button.create
 fieldset = Fieldset.create

reflex/components/el/elements/forms.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Tuple, Union, overload
 
 from jinja2 import Environment
 
 from reflex.components.el.element import Element
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
@@ -71,41 +71,21 @@ class Button(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Button":
         """Create the component.
@@ -188,41 +168,21 @@ class Datalist(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Datalist":
         """Create the component.
@@ -273,41 +233,21 @@ class Fieldset(Element):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Fieldset":
         """Create the component.
@@ -330,6 +270,8 @@ class Fieldset(Element):
         """
         ...
 
+def on_submit_event_spec() -> Tuple[Var[Dict[str, Any]]]: ...
+
 class Form(BaseHTML):
     @overload
     @classmethod
@@ -381,42 +323,22 @@ class Form(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_submit: Optional[EventType[Dict[str, Any]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_submit: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Form":
         """Create a form component.
@@ -541,46 +463,24 @@ class Input(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[str]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[str]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[str]] = None,
-        on_double_click: Optional[
+        on_key_down: Optional[EventType[str]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_key_up: Optional[EventType[str]] = None,
-        ] = None,
+        on_mount: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_key_down: Optional[
+        on_mouse_enter: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_key_up: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_out: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_up: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Input":
         """Create the component.
@@ -687,41 +587,21 @@ class Label(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Label":
         """Create the component.
@@ -795,41 +675,21 @@ class Legend(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Legend":
         """Create the component.
@@ -908,41 +768,21 @@ class Meter(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Meter":
         """Create the component.
@@ -1023,41 +863,21 @@ class Optgroup(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Optgroup":
         """Create the component.
@@ -1135,41 +955,21 @@ class Option(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Option":
         """Create the component.
@@ -1248,41 +1048,21 @@ class Output(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Output":
         """Create the component.
@@ -1360,41 +1140,21 @@ class Progress(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Progress":
         """Create the component.
@@ -1479,42 +1239,22 @@ class Select(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[str]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Select":
         """Create the component.
@@ -1616,52 +1356,30 @@ class Textarea(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[str]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[str]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[str]] = None,
-        on_double_click: Optional[
+        on_key_down: Optional[EventType[str]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_key_up: Optional[EventType[str]] = None,
-        ] = None,
+        on_mount: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_key_down: Optional[
+        on_mouse_enter: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_key_up: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_out: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_up: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Textarea":
-        """Create the component.
+        """Create a textarea component.
 
         Args:
-            *children: The children of the component.
+            *children: The children of the textarea.
             auto_complete: Whether the form control should have autocomplete enabled
             auto_focus: Automatically focuses the textarea when the page loads
             auto_height: Automatically fit the content height to the text (use min-height with this prop)
@@ -1701,10 +1419,13 @@ class Textarea(BaseHTML):
             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.
+            **props: The properties of the textarea.
 
         Returns:
-            The component.
+            The textarea component.
+
+        Raises:
+            ValueError: when `enter_key_submit` is combined with `on_key_down`.
         """
         ...
 

reflex/components/el/elements/metadata.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.el.element import Element
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -50,41 +50,21 @@ class Base(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Base":
         """Create the component.
@@ -156,41 +136,21 @@ class Head(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Head":
         """Create the component.
@@ -275,41 +235,21 @@ class Link(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Link":
         """Create the component.
@@ -394,41 +334,21 @@ class Meta(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Meta":
         """Create the component.
@@ -480,41 +400,21 @@ class Title(Element):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Title":
         """Create the component.
@@ -547,41 +447,21 @@ class StyleEl(Element):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "StyleEl":
         """Create the component.

reflex/components/el/elements/other.pyi

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -48,41 +48,21 @@ class Details(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Details":
         """Create the component.
@@ -156,41 +136,21 @@ class Dialog(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Dialog":
         """Create the component.
@@ -263,41 +223,21 @@ class Summary(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Summary":
         """Create the component.
@@ -369,41 +309,21 @@ class Slot(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Slot":
         """Create the component.
@@ -475,41 +395,21 @@ class Template(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Template":
         """Create the component.
@@ -581,41 +481,21 @@ class Math(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Math":
         """Create the component.
@@ -688,41 +568,21 @@ class Html(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Html":
         """Create the component.

reflex/components/el/elements/scripts.pyi

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -47,41 +47,21 @@ class Canvas(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Canvas":
         """Create the component.
@@ -153,41 +133,21 @@ class Noscript(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Noscript":
         """Create the component.
@@ -272,41 +232,21 @@ class Script(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Script":
         """Create the component.

reflex/components/el/elements/sectioning.pyi

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -47,41 +47,21 @@ class Body(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Body":
         """Create the component.
@@ -153,41 +133,21 @@ class Address(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Address":
         """Create the component.
@@ -259,41 +219,21 @@ class Article(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Article":
         """Create the component.
@@ -365,41 +305,21 @@ class Aside(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Aside":
         """Create the component.
@@ -471,41 +391,21 @@ class Footer(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Footer":
         """Create the component.
@@ -577,41 +477,21 @@ class Header(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Header":
         """Create the component.
@@ -683,41 +563,21 @@ class H1(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "H1":
         """Create the component.
@@ -789,41 +649,21 @@ class H2(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "H2":
         """Create the component.
@@ -895,41 +735,21 @@ class H3(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "H3":
         """Create the component.
@@ -1001,41 +821,21 @@ class H4(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "H4":
         """Create the component.
@@ -1107,41 +907,21 @@ class H5(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "H5":
         """Create the component.
@@ -1213,41 +993,21 @@ class H6(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "H6":
         """Create the component.
@@ -1319,41 +1079,21 @@ class Main(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Main":
         """Create the component.
@@ -1425,41 +1165,21 @@ class Nav(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Nav":
         """Create the component.
@@ -1531,41 +1251,21 @@ class Section(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Section":
         """Create the component.

reflex/components/el/elements/tables.pyi

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -48,41 +48,21 @@ class Caption(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Caption":
         """Create the component.
@@ -157,41 +137,21 @@ class Col(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Col":
         """Create the component.
@@ -267,41 +227,21 @@ class Colgroup(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Colgroup":
         """Create the component.
@@ -377,41 +317,21 @@ class Table(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Table":
         """Create the component.
@@ -486,41 +406,21 @@ class Tbody(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Tbody":
         """Create the component.
@@ -597,41 +497,21 @@ class Td(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Td":
         """Create the component.
@@ -708,41 +588,21 @@ class Tfoot(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Tfoot":
         """Create the component.
@@ -820,41 +680,21 @@ class Th(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Th":
         """Create the component.
@@ -932,41 +772,21 @@ class Thead(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Thead":
         """Create the component.
@@ -1040,41 +860,21 @@ class Tr(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Tr":
         """Create the component.

reflex/components/el/elements/typography.pyi

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -48,41 +48,21 @@ class Blockquote(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Blockquote":
         """Create the component.
@@ -155,41 +135,21 @@ class Dd(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Dd":
         """Create the component.
@@ -261,41 +221,21 @@ class Div(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Div":
         """Create the component.
@@ -367,41 +307,21 @@ class Dl(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Dl":
         """Create the component.
@@ -473,41 +393,21 @@ class Dt(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Dt":
         """Create the component.
@@ -579,41 +479,21 @@ class Figcaption(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Figcaption":
         """Create the component.
@@ -686,41 +566,21 @@ class Hr(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Hr":
         """Create the component.
@@ -793,41 +653,21 @@ class Li(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Li":
         """Create the component.
@@ -900,41 +740,21 @@ class Menu(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Menu":
         """Create the component.
@@ -1010,41 +830,21 @@ class Ol(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Ol":
         """Create the component.
@@ -1119,41 +919,21 @@ class P(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "P":
         """Create the component.
@@ -1225,41 +1005,21 @@ class Pre(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Pre":
         """Create the component.
@@ -1331,41 +1091,21 @@ class Ul(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Ul":
         """Create the component.
@@ -1439,41 +1179,21 @@ class Ins(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Ins":
         """Create the component.
@@ -1549,41 +1269,21 @@ class Del(BaseHTML):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Del":
         """Create the component.

reflex/components/gridjs/datatable.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, List, Optional, Union, overload
+from typing import Any, Dict, List, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
@@ -23,41 +23,21 @@ class Gridjs(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Gridjs":
         """Create the component.
@@ -95,41 +75,21 @@ class DataTable(Gridjs):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DataTable":
         """Create a datatable component.

reflex/components/lucide/icon.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -22,41 +22,21 @@ class LucideIconComponent(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "LucideIconComponent":
         """Create the component.
@@ -89,41 +69,21 @@ class Icon(LucideIconComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Icon":
         """Initialize the Icon component.

reflex/components/markdown/markdown.py

@@ -20,6 +20,8 @@ from reflex.components.tags.tag import Tag
 from reflex.utils import types
 from reflex.utils.imports import ImportDict, ImportVar
 from reflex.vars.base import LiteralVar, Var
+from reflex.vars.function import ARRAY_ISARRAY
+from reflex.vars.number import ternary_operation
 
 # Special vars used in the component map.
 _CHILDREN = Var(_js_expr="children", _var_type=str)
@@ -75,7 +77,7 @@ def get_base_component_map() -> dict[str, Callable]:
 class Markdown(Component):
     """A markdown component."""
 
-    library = "react-markdown@9.0.1"
+    library = "react-markdown@8.0.7"
 
     tag = "ReactMarkdown"
 
@@ -157,19 +159,19 @@ class Markdown(Component):
         return [
             {
                 "": "katex/dist/katex.min.css",
-                "remark-math@6.0.0": ImportVar(
+                "remark-math@5.1.1": ImportVar(
                     tag=_REMARK_MATH._js_expr, is_default=True
                 ),
-                "remark-gfm@4.0.0": ImportVar(
+                "remark-gfm@3.0.1": ImportVar(
                     tag=_REMARK_GFM._js_expr, is_default=True
                 ),
                 "remark-unwrap-images@4.0.0": ImportVar(
                     tag=_REMARK_UNWRAP_IMAGES._js_expr, is_default=True
                 ),
-                "rehype-katex@7.0.1": ImportVar(
+                "rehype-katex@6.0.3": ImportVar(
                     tag=_REHYPE_KATEX._js_expr, is_default=True
                 ),
-                "rehype-raw@7.0.0": ImportVar(
+                "rehype-raw@6.1.1": ImportVar(
                     tag=_REHYPE_RAW._js_expr, is_default=True
                 ),
             },
@@ -199,7 +201,16 @@ class Markdown(Component):
             raise ValueError(f"No markdown component found for tag: {tag}.")
 
         special_props = [_PROPS_IN_TAG]
-        children = [_CHILDREN]
+        children = [
+            _CHILDREN
+            if tag != "codeblock"
+            # For codeblock, the mapping for some cases returns an array of elements. Let's join them into a string.
+            else ternary_operation(
+                ARRAY_ISARRAY.call(_CHILDREN),  # type: ignore
+                _CHILDREN.to(list).join("\n"),
+                _CHILDREN,
+            ).to(str)
+        ]
 
         # For certain tags, the props from the markdown renderer are not actually valid for the component.
         if tag in NO_PROPS_TAGS:

reflex/components/markdown/markdown.pyi

@@ -7,7 +7,7 @@ from functools import lru_cache
 from typing import Any, Callable, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import LiteralVar, Var
@@ -42,41 +42,21 @@ class Markdown(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Markdown":
         """Create a markdown component.

reflex/components/moment/moment.py

@@ -3,10 +3,10 @@
 import dataclasses
 from typing import List, Optional
 
-from reflex.components.component import Component, NoSSRComponent
+from reflex.components.component import NoSSRComponent
-from reflex.event import EventHandler
+from reflex.event import EventHandler, identity_event
 from reflex.utils.imports import ImportDict
-from reflex.vars.base import Var
+from reflex.vars.base import LiteralVar, Var
 
 
 @dataclasses.dataclass(frozen=True)
@@ -92,8 +92,11 @@ class Moment(NoSSRComponent):
     # Display the date in the given timezone.
     tz: Var[str]
 
+    # The locale to use when rendering.
+    locale: Var[str]
+
     # Fires when the date changes.
-    on_change: EventHandler[lambda date: [date]]
+    on_change: EventHandler[identity_event(str)]
 
     def add_imports(self) -> ImportDict:
         """Add the imports for the Moment component.
@@ -101,22 +104,15 @@ class Moment(NoSSRComponent):
         Returns:
             The import dict for the component.
         """
+        imports = {}
+
+        if isinstance(self.locale, LiteralVar):
+            imports[""] = f"moment/locale/{self.locale._var_value}"
+        elif self.locale is not None:
+            # If the user is using a variable for the locale, we can't know the
+            # value at compile time so import all locales available.
+            imports[""] = "moment/min/locales"
         if self.tz is not None:
-            return {"moment-timezone": ""}
+            imports["moment-timezone"] = ""
-        return {}
 
-    @classmethod
+        return imports
-    def create(cls, *children, **props) -> Component:
-        """Create a Moment component.
-
-        Args:
-            *children: The children of the component.
-            **props: The properties of the component.
-
-        Returns:
-            The Moment Component.
-        """
-        comp = super().create(*children, **props)
-        if "tz" in props:
-            comp.lib_dependencies.append("moment-timezone")
-        return comp

reflex/components/moment/moment.pyi

@@ -4,10 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 import dataclasses
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import NoSSRComponent
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
@@ -51,51 +51,32 @@ class Moment(NoSSRComponent):
         unix: Optional[Union[Var[bool], bool]] = None,
         local: Optional[Union[Var[bool], bool]] = None,
         tz: Optional[Union[Var[str], str]] = None,
+        locale: 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, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[str]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Moment":
-        """Create a Moment component.
+        """Create the component.
 
         Args:
             *children: The children of the component.
@@ -119,15 +100,16 @@ class Moment(NoSSRComponent):
             unix: Tells Moment to parse the given date value as a unix timestamp.
             local: Outputs the result in local time.
             tz: Display the date in the given timezone.
+            locale: The locale to use when rendering.
             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 properties of the component.
+            **props: The props of the component.
 
         Returns:
-            The Moment Component.
+            The component.
         """
         ...

reflex/components/next/base.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -24,41 +24,21 @@ class NextComponent(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "NextComponent":
         """Create the component.

reflex/components/next/image.py

@@ -2,7 +2,7 @@
 
 from typing import Any, Literal, Optional, Union
 
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event
 from reflex.utils import types
 from reflex.vars.base import Var
 
@@ -56,10 +56,10 @@ class Image(NextComponent):
     blurDataURL: Var[str]
 
     # Fires when the image has loaded.
-    on_load: EventHandler[lambda: []]
+    on_load: EventHandler[empty_event]
 
     # Fires when the image has an error.
-    on_error: EventHandler[lambda: []]
+    on_error: EventHandler[empty_event]
 
     @classmethod
     def create(

reflex/components/next/image.pyi

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -37,43 +37,23 @@ class Image(NextComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_error: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_load: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mount: Optional[EventType[[]]] = None,
-        on_error: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_load: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Image":
         """Create an Image component from next/image.

reflex/components/next/link.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -24,41 +24,21 @@ class NextLink(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "NextLink":
         """Create the component.

reflex/components/next/video.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -26,41 +26,21 @@ class Video(NextComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Video":
         """Create a Video component.

reflex/components/plotly/plotly.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.base import Base
 from reflex.components.component import NoSSRComponent
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils import console
 from reflex.vars.base import Var
@@ -45,91 +45,39 @@ class Plotly(NoSSRComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_after_plot: Optional[
+        on_after_plot: Optional[EventType] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_animated: Optional[EventType] = None,
-        ] = None,
+        on_animating_frame: Optional[EventType] = None,
-        on_animated: Optional[
+        on_animation_interrupted: Optional[EventType] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_autosize: Optional[EventType] = None,
-        ] = None,
+        on_before_hover: Optional[EventType] = None,
-        on_animating_frame: Optional[
+        on_blur: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_button_clicked: Optional[EventType] = None,
-        ] = None,
+        on_click: Optional[EventType] = None,
-        on_animation_interrupted: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_deselect: Optional[EventType] = None,
-        ] = None,
+        on_double_click: Optional[EventType] = None,
-        on_autosize: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_hover: Optional[EventType] = None,
-        ] = None,
+        on_mount: Optional[EventType[[]]] = None,
-        on_before_hover: Optional[
+        on_mouse_down: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_button_clicked: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_redraw: Optional[EventType] = None,
-        on_context_menu: Optional[
+        on_relayout: Optional[EventType] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_relayouting: Optional[EventType] = None,
-        ] = None,
+        on_restyle: Optional[EventType] = None,
-        on_deselect: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_selected: Optional[EventType] = None,
-        ] = None,
+        on_selecting: Optional[EventType] = None,
-        on_double_click: Optional[
+        on_transition_interrupted: Optional[EventType] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_transitioning: Optional[EventType] = None,
-        ] = None,
+        on_unhover: Optional[EventType] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_hover: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_redraw: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_relayout: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_relayouting: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_restyle: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_selected: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_selecting: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_transition_interrupted: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_transitioning: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_unhover: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Plotly":
         """Create the Plotly component.

reflex/components/radix/primitives/accordion.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from typing import Any, List, Literal, Optional, Union
+from typing import Any, List, Literal, Optional, Tuple, Union
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.colors import color
@@ -71,6 +71,18 @@ class AccordionComponent(RadixPrimitiveComponent):
         return ["color_scheme", "variant"]
 
 
+def on_value_change(value: Var[str | List[str]]) -> Tuple[Var[str | List[str]]]:
+    """Handle the on_value_change event.
+
+    Args:
+        value: The value of the event.
+
+    Returns:
+        The value of the event.
+    """
+    return (value,)
+
+
 class AccordionRoot(AccordionComponent):
     """An accordion component."""
 
@@ -114,7 +126,7 @@ class AccordionRoot(AccordionComponent):
     _valid_children: List[str] = ["AccordionItem"]
 
     # Fired when the opened the accordions changes.
-    on_value_change: EventHandler[lambda e0: [e0]]
+    on_value_change: EventHandler[on_value_change]
 
     def _exclude_props(self) -> list[str]:
         return super()._exclude_props() + [

reflex/components/radix/primitives/accordion.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, List, Literal, Optional, Union, overload
+from typing import Any, Dict, List, Literal, Optional, Tuple, Union, overload
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -101,41 +101,21 @@ class AccordionComponent(RadixPrimitiveComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionComponent":
         """Create the component.
@@ -158,6 +138,8 @@ class AccordionComponent(RadixPrimitiveComponent):
         """
         ...
 
+def on_value_change(value: Var[str | List[str]]) -> Tuple[Var[str | List[str]]]: ...
+
 class AccordionRoot(AccordionComponent):
     def add_style(self): ...
     @overload
@@ -265,44 +247,22 @@ class AccordionRoot(AccordionComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_value_change: Optional[EventType[str | List[str]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_value_change: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionRoot":
         """Create the component.
@@ -421,41 +381,21 @@ class AccordionItem(AccordionComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionItem":
         """Create an accordion item.
@@ -565,41 +505,21 @@ class AccordionHeader(AccordionComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionHeader":
         """Create the Accordion header component.
@@ -705,41 +625,21 @@ class AccordionTrigger(AccordionComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionTrigger":
         """Create the Accordion trigger component.
@@ -777,41 +677,21 @@ class AccordionIcon(Icon):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionIcon":
         """Create the Accordion icon component.
@@ -914,41 +794,21 @@ class AccordionContent(AccordionComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AccordionContent":
         """Create the Accordion content component.

reflex/components/radix/primitives/base.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.component import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -23,41 +23,21 @@ class RadixPrimitiveComponent(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RadixPrimitiveComponent":
         """Create the component.
@@ -91,41 +71,21 @@ class RadixPrimitiveComponentWithClassName(RadixPrimitiveComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RadixPrimitiveComponentWithClassName":
         """Create the component.

reflex/components/radix/primitives/drawer.py

@@ -10,7 +10,8 @@ from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.components.radix.themes.base import Theme
 from reflex.components.radix.themes.layout.flex import Flex
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event, identity_event
+from reflex.utils import console
 from reflex.vars.base import Var
 
 
@@ -60,7 +61,7 @@ class DrawerRoot(DrawerComponent):
     preventScrollRestoration: Var[bool]
 
     # Fires when the drawer is opened.
-    on_open_change: EventHandler[lambda e0: [e0]]
+    on_open_change: EventHandler[identity_event(bool)]
 
 
 class DrawerTrigger(DrawerComponent):
@@ -127,20 +128,20 @@ class DrawerContent(DrawerComponent):
         base_style.update(style)
         return {"css": base_style}
 
-    # Fired when the drawer content is opened.
+    # Fired when the drawer content is opened. Deprecated.
-    on_open_auto_focus: EventHandler[lambda e0: [e0.target.value]]
+    on_open_auto_focus: EventHandler[empty_event]
 
-    # Fired when the drawer content is closed.
+    # Fired when the drawer content is closed. Deprecated.
-    on_close_auto_focus: EventHandler[lambda e0: [e0.target.value]]
+    on_close_auto_focus: EventHandler[empty_event]
 
-    # Fired when the escape key is pressed.
+    # Fired when the escape key is pressed. Deprecated.
-    on_escape_key_down: EventHandler[lambda e0: [e0.target.value]]
+    on_escape_key_down: EventHandler[empty_event]
 
-    # Fired when the pointer is down outside the drawer content.
+    # Fired when the pointer is down outside the drawer content. Deprecated.
-    on_pointer_down_outside: EventHandler[lambda e0: [e0.target.value]]
+    on_pointer_down_outside: EventHandler[empty_event]
 
-    # Fired when interacting outside the drawer content.
+    # Fired when interacting outside the drawer content. Deprecated.
-    on_interact_outside: EventHandler[lambda e0: [e0.target.value]]
+    on_interact_outside: EventHandler[empty_event]
 
     @classmethod
     def create(cls, *children, **props):
@@ -157,6 +158,23 @@ class DrawerContent(DrawerComponent):
         Returns:
                  The drawer content.
         """
+        deprecated_properties = [
+            "on_open_auto_focus",
+            "on_close_auto_focus",
+            "on_escape_key_down",
+            "on_pointer_down_outside",
+            "on_interact_outside",
+        ]
+
+        for prop in deprecated_properties:
+            if prop in props:
+                console.deprecate(
+                    feature_name="drawer content events",
+                    reason=f"The `{prop}` event is deprecated and will be removed in 0.7.0.",
+                    deprecation_version="0.6.3",
+                    removal_version="0.7.0",
+                )
+
         comp = super().create(*children, **props)
 
         return Theme.create(comp)

reflex/components/radix/primitives/drawer.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, List, Literal, Optional, Union, overload
+from typing import Any, Dict, List, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -24,41 +24,21 @@ class DrawerComponent(RadixPrimitiveComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerComponent":
         """Create the component.
@@ -108,44 +88,22 @@ class DrawerRoot(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_open_change: Optional[EventType[bool]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_open_change: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerRoot":
         """Create the component.
@@ -188,41 +146,21 @@ class DrawerTrigger(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerTrigger":
         """Create a new DrawerTrigger instance.
@@ -249,41 +187,21 @@ class DrawerPortal(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerPortal":
         """Create the component.
@@ -317,56 +235,26 @@ class DrawerContent(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_close_auto_focus: Optional[
+        on_close_auto_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_context_menu: Optional[EventType[[]]] = None,
-        ] = None,
+        on_double_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_escape_key_down: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_focus: Optional[EventType[[]]] = None,
-        ] = None,
+        on_interact_outside: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_escape_key_down: Optional[
+        on_mouse_leave: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_move: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_out: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_interact_outside: Optional[
+        on_mouse_up: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_open_auto_focus: Optional[EventType[[]]] = None,
-        ] = None,
+        on_pointer_down_outside: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_scroll: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_unmount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_open_auto_focus: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_pointer_down_outside: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerContent":
         """Create a Drawer Content.
@@ -404,41 +292,21 @@ class DrawerOverlay(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerOverlay":
         """Create the component.
@@ -472,41 +340,21 @@ class DrawerClose(DrawerTrigger):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerClose":
         """Create a new DrawerTrigger instance.
@@ -533,41 +381,21 @@ class DrawerTitle(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerTitle":
         """Create the component.
@@ -601,41 +429,21 @@ class DrawerDescription(DrawerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerDescription":
         """Create the component.
@@ -690,44 +498,22 @@ class Drawer(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_open_change: Optional[EventType[bool]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_open_change: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "DrawerRoot":
         """Create the component.

reflex/components/radix/primitives/form.py

@@ -8,7 +8,7 @@ from reflex.components.component import ComponentNamespace
 from reflex.components.core.debounce import DebounceInput
 from reflex.components.el.elements.forms import Form as HTMLForm
 from reflex.components.radix.themes.components.text_field import TextFieldRoot
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event
 from reflex.vars.base import Var
 
 from .base import RadixPrimitiveComponentWithClassName
@@ -28,7 +28,7 @@ class FormRoot(FormComponent, HTMLForm):
     alias = "RadixFormRoot"
 
     # Fired when the errors are cleared.
-    on_clear_server_errors: EventHandler[lambda: []]
+    on_clear_server_errors: EventHandler[empty_event]
 
     def add_style(self) -> dict[str, Any] | None:
         """Add style to the component.

reflex/components/radix/primitives/form.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.el.elements.forms import Form as HTMLForm
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -26,41 +26,21 @@ class FormComponent(RadixPrimitiveComponentWithClassName):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormComponent":
         """Create the component.
@@ -134,45 +114,23 @@ class FormRoot(FormComponent, HTMLForm):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_clear_server_errors: Optional[
+        on_clear_server_errors: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_context_menu: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_double_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mouse_enter: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_out: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_up: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_submit: Optional[EventType[Dict[str, Any]]] = None,
-        on_mouse_enter: Optional[
+        on_unmount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_submit: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormRoot":
         """Create a form component.
@@ -236,41 +194,21 @@ class FormField(FormComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormField":
         """Create the component.
@@ -307,41 +245,21 @@ class FormLabel(FormComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormLabel":
         """Create the component.
@@ -375,41 +293,21 @@ class FormControl(FormComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormControl":
         """Create a Form Control component.
@@ -493,41 +391,21 @@ class FormMessage(FormComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormMessage":
         """Create the component.
@@ -564,41 +442,21 @@ class FormValidityState(FormComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormValidityState":
         """Create the component.
@@ -632,41 +490,21 @@ class FormSubmit(FormComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "FormSubmit":
         """Create the component.
@@ -741,45 +579,23 @@ class Form(FormRoot):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_clear_server_errors: Optional[
+        on_clear_server_errors: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_context_menu: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_double_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mouse_enter: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_out: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_up: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_submit: Optional[EventType[Dict[str, Any]]] = None,
-        on_mouse_enter: Optional[
+        on_unmount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_submit: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Form":
         """Create a form component.
@@ -885,45 +701,23 @@ class FormNamespace(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_clear_server_errors: Optional[
+        on_clear_server_errors: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_context_menu: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_double_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_down: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mouse_enter: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_out: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_up: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_submit: Optional[EventType[Dict[str, Any]]] = None,
-        on_mouse_enter: Optional[
+        on_unmount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_submit: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Form":
         """Create a form component.

reflex/components/radix/primitives/progress.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -24,41 +24,21 @@ class ProgressComponent(RadixPrimitiveComponentWithClassName):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ProgressComponent":
         """Create the component.
@@ -99,41 +79,21 @@ class ProgressRoot(ProgressComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ProgressRoot":
         """Create the component.
@@ -233,41 +193,21 @@ class ProgressIndicator(ProgressComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ProgressIndicator":
         """Create the component.
@@ -374,41 +314,21 @@ class Progress(ProgressRoot):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Progress":
         """High-level API for progress bar.
@@ -516,41 +436,21 @@ class ProgressNamespace(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Progress":
         """High-level API for progress bar.

reflex/components/radix/primitives/slider.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from typing import Any, List, Literal
+from typing import Any, List, Literal, Tuple
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
@@ -19,6 +19,20 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
     library = "@radix-ui/react-slider@^1.1.2"
 
 
+def on_value_event_spec(
+    value: Var[List[int]],
+) -> Tuple[Var[List[int]]]:
+    """Event handler spec for the value event.
+
+    Args:
+        value: The value of the event.
+
+    Returns:
+        The event handler spec.
+    """
+    return (value,)  # type: ignore
+
+
 class SliderRoot(SliderComponent):
     """The Slider component comtaining all slider parts."""
 
@@ -48,10 +62,10 @@ class SliderRoot(SliderComponent):
     min_steps_between_thumbs: Var[int]
 
     # Fired when the value of a thumb changes.
-    on_value_change: EventHandler[lambda e0: [e0]]
+    on_value_change: EventHandler[on_value_event_spec]
 
     # Fired when a thumb is released.
-    on_value_commit: EventHandler[lambda e0: [e0]]
+    on_value_commit: EventHandler[on_value_event_spec]
 
     def add_style(self) -> dict[str, Any] | None:
         """Add style to the component.

reflex/components/radix/primitives/slider.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, List, Literal, Optional, Union, overload
+from typing import Any, Dict, List, Literal, Optional, Tuple, Union, overload
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -27,41 +27,21 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "SliderComponent":
         """Create the component.
@@ -82,6 +62,8 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
         """
         ...
 
+def on_value_event_spec(value: Var[List[int]]) -> Tuple[Var[List[int]]]: ...
+
 class SliderRoot(SliderComponent):
     def add_style(self) -> dict[str, Any] | None: ...
     @overload
@@ -112,47 +94,23 @@ class SliderRoot(SliderComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
+        on_value_change: Optional[EventType[List[int]]] = None,
-        on_mouse_leave: Optional[
+        on_value_commit: Optional[EventType[List[int]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_value_change: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_value_commit: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "SliderRoot":
         """Create the component.
@@ -187,41 +145,21 @@ class SliderTrack(SliderComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "SliderTrack":
         """Create the component.
@@ -256,41 +194,21 @@ class SliderRange(SliderComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "SliderRange":
         """Create the component.
@@ -325,41 +243,21 @@ class SliderThumb(SliderComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "SliderThumb":
         """Create the component.

reflex/components/radix/themes/base.py

@@ -221,7 +221,7 @@ class Theme(RadixThemesComponent):
             The import dict.
         """
         _imports: ImportDict = {
-            "/utils/theme.js": [ImportVar(tag="theme", is_default=True)],
+            "$/utils/theme.js": [ImportVar(tag="theme", is_default=True)],
         }
         if get_config().tailwind is None:
             # When tailwind is disabled, import the radix-ui styles directly because they will
@@ -265,7 +265,7 @@ class ThemePanel(RadixThemesComponent):
 class RadixThemesColorModeProvider(Component):
     """Next-themes integration for radix themes components."""
 
-    library = "/components/reflex/radix_themes_color_mode_provider.js"
+    library = "$/components/reflex/radix_themes_color_mode_provider.js"
     tag = "RadixThemesColorModeProvider"
     is_default = True
 

reflex/components/radix/themes/base.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components import Component
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
@@ -103,41 +103,21 @@ class CommonMarginProps(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CommonMarginProps":
         """Create the component.
@@ -177,41 +157,21 @@ class RadixLoadingProp(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RadixLoadingProp":
         """Create the component.
@@ -244,41 +204,21 @@ class RadixThemesComponent(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RadixThemesComponent":
         """Create a new component instance.
@@ -313,41 +253,21 @@ class RadixThemesTriggerComponent(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RadixThemesTriggerComponent":
         """Create a new RadixThemesTriggerComponent instance.
@@ -465,41 +385,21 @@ class Theme(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Theme":
         """Create a new Radix Theme specification.
@@ -544,41 +444,21 @@ class ThemePanel(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ThemePanel":
         """Create a new component instance.
@@ -614,41 +494,21 @@ class RadixThemesColorModeProvider(Component):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "RadixThemesColorModeProvider":
         """Create the component.

reflex/components/radix/themes/color_mode.pyi

@@ -3,23 +3,14 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import (
+from typing import Any, Dict, List, Literal, Optional, Union, overload
-    Any,
-    Callable,
-    Dict,
-    List,
-    Literal,
-    Optional,
-    Union,
-    overload,
-)
 
 from reflex.components.component import BaseComponent
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.core.cond import Cond
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.themes.components.switch import Switch
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import (
     Style,
     color_mode,
@@ -46,41 +37,21 @@ class ColorModeIcon(Cond):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ColorModeIcon":
         """Create an icon component based on color_mode.
@@ -238,41 +209,21 @@ class ColorModeIconButton(IconButton):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ColorModeIconButton":
         """Create a icon button component that calls toggle_color_mode on click.
@@ -431,42 +382,22 @@ class ColorModeSwitch(Switch):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[bool]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "ColorModeSwitch":
         """Create a switch component bound to color_mode.

reflex/components/radix/themes/components/alert_dialog.py

@@ -5,7 +5,7 @@ from typing import Literal
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Responsive
 from reflex.components.el import elements
-from reflex.event import EventHandler
+from reflex.event import EventHandler, empty_event, identity_event
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -22,7 +22,7 @@ class AlertDialogRoot(RadixThemesComponent):
     open: Var[bool]
 
     # Fired when the open state changes.
-    on_open_change: EventHandler[lambda e0: [e0]]
+    on_open_change: EventHandler[identity_event(bool)]
 
 
 class AlertDialogTrigger(RadixThemesTriggerComponent):
@@ -43,13 +43,13 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
     force_mount: Var[bool]
 
     # Fired when the dialog is opened.
-    on_open_auto_focus: EventHandler[lambda e0: [e0]]
+    on_open_auto_focus: EventHandler[empty_event]
 
     # Fired when the dialog is closed.
-    on_close_auto_focus: EventHandler[lambda e0: [e0]]
+    on_close_auto_focus: EventHandler[empty_event]
 
     # Fired when the escape key is pressed.
-    on_escape_key_down: EventHandler[lambda e0: [e0]]
+    on_escape_key_down: EventHandler[empty_event]
 
 
 class AlertDialogTitle(RadixThemesComponent):

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

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -29,44 +29,22 @@ class AlertDialogRoot(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_open_change: Optional[EventType[bool]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_scroll: Optional[EventType[[]]] = None,
-        ] = None,
+        on_unmount: Optional[EventType[[]]] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_open_change: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogRoot":
         """Create a new component instance.
@@ -102,41 +80,21 @@ class AlertDialogTrigger(RadixThemesTriggerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogTrigger":
         """Create a new RadixThemesTriggerComponent instance.
@@ -199,50 +157,24 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_close_auto_focus: Optional[
+        on_close_auto_focus: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_context_menu: Optional[EventType[[]]] = None,
-        ] = None,
+        on_double_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_escape_key_down: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_focus: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mount: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mouse_down: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_escape_key_down: Optional[
+        on_mouse_move: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_out: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_over: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_open_auto_focus: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_open_auto_focus: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogContent":
         """Create a new component instance.
@@ -295,41 +227,21 @@ class AlertDialogTitle(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogTitle":
         """Create a new component instance.
@@ -364,41 +276,21 @@ class AlertDialogDescription(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogDescription":
         """Create a new component instance.
@@ -433,41 +325,21 @@ class AlertDialogAction(RadixThemesTriggerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogAction":
         """Create a new RadixThemesTriggerComponent instance.
@@ -493,41 +365,21 @@ class AlertDialogCancel(RadixThemesTriggerComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AlertDialogCancel":
         """Create a new RadixThemesTriggerComponent instance.

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

@@ -3,9 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -24,41 +24,21 @@ class AspectRatio(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "AspectRatio":
         """Create a new component instance.

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

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -114,41 +114,21 @@ class Avatar(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Avatar":
         """Create a new component instance.

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

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -135,41 +135,21 @@ class Badge(elements.Span, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Badge":
         """Create a new component instance.

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

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -158,41 +158,21 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Button":
         """Create a new component instance.

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

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -133,41 +133,21 @@ class CalloutRoot(elements.Div, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CalloutRoot":
         """Create a new component instance.
@@ -247,41 +227,21 @@ class CalloutIcon(elements.Div, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CalloutIcon":
         """Create a new component instance.
@@ -356,41 +316,21 @@ class CalloutText(elements.P, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CalloutText":
         """Create a new component instance.
@@ -548,41 +488,21 @@ class Callout(CalloutRoot):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Callout":
         """Create a callout component.
@@ -746,41 +666,21 @@ class CalloutNamespace(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Callout":
         """Create a callout component.

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

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -68,41 +68,21 @@ class Card(elements.Div, RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Card":
         """Create a new component instance.

reflex/components/radix/themes/components/checkbox.py

@@ -6,7 +6,7 @@ from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.breakpoints import Responsive
 from reflex.components.radix.themes.layout.flex import Flex
 from reflex.components.radix.themes.typography.text import Text
-from reflex.event import EventHandler
+from reflex.event import EventHandler, identity_event
 from reflex.vars.base import LiteralVar, Var
 
 from ..base import (
@@ -61,7 +61,7 @@ class Checkbox(RadixThemesComponent):
     _rename_props = {"onChange": "onCheckedChange"}
 
     # Fired when the checkbox is checked or unchecked.
-    on_change: EventHandler[lambda e0: [e0]]
+    on_change: EventHandler[identity_event(bool)]
 
 
 class HighLevelCheckbox(RadixThemesComponent):
@@ -112,7 +112,7 @@ class HighLevelCheckbox(RadixThemesComponent):
     _rename_props = {"onChange": "onCheckedChange"}
 
     # Fired when the checkbox is checked or unchecked.
-    on_change: EventHandler[lambda e0: [e0]]
+    on_change: EventHandler[identity_event(bool)]
 
     @classmethod
     def create(cls, text: Var[str] = LiteralVar.create(""), **props) -> Component:

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

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -115,42 +115,22 @@ class Checkbox(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[bool]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "Checkbox":
         """Create a new component instance.
@@ -282,42 +262,22 @@ class HighLevelCheckbox(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[bool]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "HighLevelCheckbox":
         """Create a checkbox with a label.
@@ -446,42 +406,22 @@ class CheckboxNamespace(ComponentNamespace):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_change: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_change: Optional[EventType[bool]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "HighLevelCheckbox":
         """Create a checkbox with a label.

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

@@ -4,10 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from types import SimpleNamespace
-from typing import Any, Callable, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventHandler, EventSpec
+from reflex.event import EventType
 from reflex.style import Style
 from reflex.vars.base import Var
 
@@ -148,41 +148,21 @@ class CheckboxCardsRoot(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CheckboxCardsRoot":
         """Create a new component instance.
@@ -223,41 +203,21 @@ class CheckboxCardsItem(RadixThemesComponent):
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_blur: Optional[EventType[[]]] = None,
-        on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_click: Optional[EventType[[]]] = None,
-        on_context_menu: Optional[
+        on_context_menu: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_double_click: Optional[EventType[[]]] = None,
-        ] = None,
+        on_focus: Optional[EventType[[]]] = None,
-        on_double_click: Optional[
+        on_mount: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_down: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_enter: Optional[EventType[[]]] = None,
-        on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_leave: Optional[EventType[[]]] = None,
-        on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
+        on_mouse_move: Optional[EventType[[]]] = None,
-        on_mouse_down: Optional[
+        on_mouse_out: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_mouse_over: Optional[EventType[[]]] = None,
-        ] = None,
+        on_mouse_up: Optional[EventType[[]]] = None,
-        on_mouse_enter: Optional[
+        on_scroll: Optional[EventType[[]]] = None,
-            Union[EventHandler, EventSpec, list, Callable, Var]
+        on_unmount: Optional[EventType[[]]] = None,
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
-        on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, Callable, Var]
-        ] = None,
         **props,
     ) -> "CheckboxCardsItem":
         """Create a new component instance.