diff --git a/addons/van_cone/examples/hello-world/package-lock.json b/addons/van_cone/examples/hello-world/package-lock.json
index 5faf8ae0..546e6522 100644
--- a/addons/van_cone/examples/hello-world/package-lock.json
+++ b/addons/van_cone/examples/hello-world/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.1",
       "dependencies": {
         "van-cone": "^0.0.2",
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       },
       "devDependencies": {
         "vite": "^4.3.9",
@@ -738,9 +738,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vite": {
       "version": "4.5.1",
diff --git a/addons/van_cone/examples/hello-world/package.json b/addons/van_cone/examples/hello-world/package.json
index c078d28a..8cd5b31f 100644
--- a/addons/van_cone/examples/hello-world/package.json
+++ b/addons/van_cone/examples/hello-world/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "van-cone": "^0.0.2",
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   },
   "devDependencies": {
     "vite": "^4.3.9",
diff --git a/addons/van_cone/examples/spa-app/package-lock.json b/addons/van_cone/examples/spa-app/package-lock.json
index 4b1f253d..c993e3fb 100644
--- a/addons/van_cone/examples/spa-app/package-lock.json
+++ b/addons/van_cone/examples/spa-app/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.1",
       "dependencies": {
         "van-cone": "^0.0.2",
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       },
       "devDependencies": {
         "vite": "^4.3.9",
@@ -738,9 +738,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vite": {
       "version": "4.5.1",
diff --git a/addons/van_cone/examples/spa-app/package.json b/addons/van_cone/examples/spa-app/package.json
index 22d182de..a86928fb 100644
--- a/addons/van_cone/examples/spa-app/package.json
+++ b/addons/van_cone/examples/spa-app/package.json
@@ -14,6 +14,6 @@
   },
   "dependencies": {
     "van-cone": "^0.0.2",
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   }
 }
diff --git a/bun-examples/hydration/README.md b/bun-examples/hydration/README.md
index b36de2ef..24014c59 100644
--- a/bun-examples/hydration/README.md
+++ b/bun-examples/hydration/README.md
@@ -8,7 +8,7 @@ This is a [Bun 1.0](https://bun.sh/blog/bun-v1.0)-based variation of the fullsta
 ```json
   "dependencies": {
     "mini-van-plate": "^0.5.3",
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   },
   "devDependencies": {
     "bun": "^1.0.0",
diff --git a/bun-examples/hydration/package-lock.json b/bun-examples/hydration/package-lock.json
index e9ca4d59..49aa44e6 100644
--- a/bun-examples/hydration/package-lock.json
+++ b/bun-examples/hydration/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "mini-van-plate": "^0.5.3",
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       },
       "devDependencies": {
         "bun": "^1.0.0",
@@ -133,9 +133,9 @@
       "integrity": "sha512-l6iAE38kJZoLA7J4RecTU7g0g9hmepKaR2gAHqkSRrl8kRF+un+FQmsKDF/DboSGE1vi85msKGGEpNpCz+17uA=="
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     }
   }
 }
diff --git a/bun-examples/hydration/package.json b/bun-examples/hydration/package.json
index 3dac0176..b9dd50da 100644
--- a/bun-examples/hydration/package.json
+++ b/bun-examples/hydration/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "mini-van-plate": "^0.5.3",
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   },
   "devDependencies": {
     "bun": "^1.0.0",
diff --git a/components/examples/await/package-lock.json b/components/examples/await/package-lock.json
index 94cd7e2c..877e2f4e 100644
--- a/components/examples/await/package-lock.json
+++ b/components/examples/await/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-await",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/await/package.json b/components/examples/await/package.json
index 84498a13..bfcacdc3 100644
--- a/components/examples/await/package.json
+++ b/components/examples/await/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/banner/package-lock.json b/components/examples/banner/package-lock.json
index 148c4fd5..29340162 100644
--- a/components/examples/banner/package-lock.json
+++ b/components/examples/banner/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-banner",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/banner/package.json b/components/examples/banner/package.json
index 9b317f09..1f7fbcc8 100644
--- a/components/examples/banner/package.json
+++ b/components/examples/banner/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/message/package-lock.json b/components/examples/message/package-lock.json
index 8b7af8df..efda59e6 100644
--- a/components/examples/message/package-lock.json
+++ b/components/examples/message/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-message",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/message/package.json b/components/examples/message/package.json
index 942f04c4..c9ccb3f3 100644
--- a/components/examples/message/package.json
+++ b/components/examples/message/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/modal/package-lock.json b/components/examples/modal/package-lock.json
index 78524b15..64dafca7 100644
--- a/components/examples/modal/package-lock.json
+++ b/components/examples/modal/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-modal",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/modal/package.json b/components/examples/modal/package.json
index ba6541a7..d5f89d7f 100644
--- a/components/examples/modal/package.json
+++ b/components/examples/modal/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/option-group/package-lock.json b/components/examples/option-group/package-lock.json
index 477cfd9b..7d2c9d9e 100644
--- a/components/examples/option-group/package-lock.json
+++ b/components/examples/option-group/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-option-group",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/option-group/package.json b/components/examples/option-group/package.json
index 60df25fc..d5b4d95e 100644
--- a/components/examples/option-group/package.json
+++ b/components/examples/option-group/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/tabs/package-lock.json b/components/examples/tabs/package-lock.json
index a2f86067..ddd190b2 100644
--- a/components/examples/tabs/package-lock.json
+++ b/components/examples/tabs/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-tabs",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/tabs/package.json b/components/examples/tabs/package.json
index 7e5ee36f..1826156b 100644
--- a/components/examples/tabs/package.json
+++ b/components/examples/tabs/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/toggle/package-lock.json b/components/examples/toggle/package-lock.json
index 1550af47..43051b95 100644
--- a/components/examples/toggle/package-lock.json
+++ b/components/examples/toggle/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-toggle",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/toggle/package.json b/components/examples/toggle/package.json
index ba50a65d..369f4226 100644
--- a/components/examples/toggle/package.json
+++ b/components/examples/toggle/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/tooltip/package-lock.json b/components/examples/tooltip/package-lock.json
index a4dc7571..d35904a8 100644
--- a/components/examples/tooltip/package-lock.json
+++ b/components/examples/tooltip/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-tooltip",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/tooltip/package.json b/components/examples/tooltip/package.json
index 0e1641b2..882097cf 100644
--- a/components/examples/tooltip/package.json
+++ b/components/examples/tooltip/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/examples/window/package-lock.json b/components/examples/window/package-lock.json
index cd160079..68ba28c0 100644
--- a/components/examples/window/package-lock.json
+++ b/components/examples/window/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-ui-example-window",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ui": "^0.10.0"
       },
       "devDependencies": {
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ui": {
       "version": "0.10.0",
@@ -1030,9 +1030,9 @@
       "dev": true
     },
     "vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "vanjs-ui": {
       "version": "0.10.0",
diff --git a/components/examples/window/package.json b/components/examples/window/package.json
index b72845a5..bd31b5af 100644
--- a/components/examples/window/package.json
+++ b/components/examples/window/package.json
@@ -14,7 +14,7 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ui": "^0.10.0"
   }
 }
diff --git a/components/package-lock.json b/components/package-lock.json
index 8473aaf4..fdd1fd0f 100644
--- a/components/package-lock.json
+++ b/components/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.10.0",
       "license": "MIT",
       "dependencies": {
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       },
       "devDependencies": {
         "node-jq": "^4.0.1",
@@ -1443,9 +1443,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/which": {
       "version": "1.3.1",
diff --git a/components/package.json b/components/package.json
index ccff420b..74cbfe8f 100644
--- a/components/package.json
+++ b/components/package.json
@@ -35,7 +35,7 @@
   },
   "homepage": "https://vanjs.org/x",
   "dependencies": {
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   },
   "devDependencies": {
     "node-jq": "^4.0.1",
diff --git a/demo/terminal/README.md b/demo/terminal/README.md
index 3a4f2956..7cdc1bf2 100644
--- a/demo/terminal/README.md
+++ b/demo/terminal/README.md
@@ -19,7 +19,7 @@ Compare to the ordinary Unix terminal that you're familiar with, this web-based
 
 * [`server.ts`](https://github.com/vanjs-org/van/blob/main/demo/terminal/server.ts): A Deno-based server-side script which connects to the shell of your local computer.
 * [`client.html`](https://github.com/vanjs-org/van/blob/main/demo/terminal/client.html): An HTML file served by `server.ts` with client-side implementation for the GUI of the terminal.
-* [`van-1.2.8.min.js`](https://github.com/vanjs-org/van/blob/main/demo/terminal/van-1.2.8.min.js): Minified **VanJS** code, used by `client.html`.
+* [`van-1.3.0.min.js`](https://github.com/vanjs-org/van/blob/main/demo/terminal/van-1.3.0.min.js): Minified **VanJS** code, used by `client.html`.
 
 ## Run the Terminal App in Your Local Computer
 
diff --git a/demo/terminal/client.html b/demo/terminal/client.html
index 5b08095c..e73e3e27 100644
--- a/demo/terminal/client.html
+++ b/demo/terminal/client.html
@@ -47,7 +47,7 @@
   </head>
   <body>
     <script type="module">
-      import van from "./van-1.2.8.min.js"
+      import van from "./van-1.3.0.min.js"
 
       const {a, div, i, input, pre, table, tbody, td, textarea, th, thead, tr} = van.tags
 
diff --git a/demo/terminal/package-lock.json b/demo/terminal/package-lock.json
index 7655f664..6efe9c1d 100644
--- a/demo/terminal/package-lock.json
+++ b/demo/terminal/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "devDependencies": {
         "deno-bin": "^1.36.0",
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       }
     },
     "node_modules/adm-zip": {
@@ -57,9 +57,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew==",
       "dev": true
     }
   }
diff --git a/demo/terminal/package.json b/demo/terminal/package.json
index 3d040443..995d5d58 100644
--- a/demo/terminal/package.json
+++ b/demo/terminal/package.json
@@ -8,6 +8,6 @@
   },
   "devDependencies": {
     "deno-bin": "^1.36.0",
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   }
 }
diff --git a/demo/terminal/van-1.2.8.min.js b/demo/terminal/van-1.2.8.min.js
deleted file mode 100644
index 644b2dbf..00000000
--- a/demo/terminal/van-1.2.8.min.js
+++ /dev/null
@@ -1 +0,0 @@
-let e,t,l,o,r,n=Object,f=n.getPrototypeOf,s=document,a={isConnected:1},i={},d=f(a),u=f(f),_=(e,t,l,o)=>(e??(setTimeout(l,o),new Set)).add(t),h=(e,t,o)=>{let r=l;l=t;try{return e(o)}catch(e){return console.error(e),o}finally{l=r}},c=e=>e.filter(e=>e.t?.isConnected),g=t=>r=_(r,t,()=>{for(let e of r)e.l=c(e.l),e.o=c(e.o);r=e},1e3),w={get val(){return l?.add(this),this.i},get oldVal(){return l?.add(this),this.u},set val(l){let o=this;if(l!==o.i){o.i=l;let r=[...o.o=c(o.o)];for(let t of r)x(t.f,t.s,t.t),t.t=e;o.l.length?t=_(t,o,p):o.u=l}}},v=e=>({__proto__:w,i:e,u:e,l:[],o:[]}),S=e=>f(e??0)===w,y=(e,t)=>{let l=new Set,r={f:e},n=o;o=[];let f=h(e,l,t);f=(f??s).nodeType?f:new Text(f);for(let e of l)g(e),e.l.push(r);for(let e of o)e.t=f;return o=n,r.t=f},x=(e,t=v(),l)=>{let r=new Set,n={f:e,s:t};n.t=l??o?.push(n)??a,t.val=h(e,r,t.i);for(let e of r)g(e),e.o.push(n);return t},V=(t,...l)=>{for(let o of l.flat(1/0)){let l=f(o??0),r=l===w?y(()=>o.val):l===u?y(o):o;r!=e&&t.append(r)}return t},b=t=>new Proxy((l,...o)=>{let[r,...a]=f(o[0]??0)===d?o:[{},...o],_=t?s.createElementNS(t,l):s.createElement(l);for(let[t,o]of n.entries(r)){let r=l=>l?n.getOwnPropertyDescriptor(l,t)??r(f(l)):e,s=l+","+t,a=i[s]??(i[s]=r(f(_))?.set??0),d=t.startsWith("on")?(e,l)=>{let o=t.slice(2);_.removeEventListener(o,l),_.addEventListener(o,e)}:a?a.bind(_):_.setAttribute.bind(_,t),h=f(o??0);h===u&&(!t.startsWith("on")||o.h)&&(o=x(o),h=w),h===w?y(()=>(d(o.val,o.u),_)):d(o)}return V(_,...a)},{get:(t,l)=>t.bind(e,l)}),m=(e,t)=>t?t!==e&&e.replaceWith(t):e.remove(),p=()=>{let l=[...t].filter(e=>e.i!==e.u);t=e;for(let t of new Set(l.flatMap(e=>e.l=c(e.l))))m(t.t,y(t.f,t.t)),t.t=e;for(let e of l)e.u=e.i};export default{add:V,_:e=>(e.h=1,e),tags:b(),tagsNS:b,state:v,val:e=>S(e)?e.val:e,oldVal:e=>S(e)?e.oldVal:e,derive:x,hydrate:(e,t)=>m(e,y(t,e))};
\ No newline at end of file
diff --git a/demo/terminal/van-1.3.0.min.js b/demo/terminal/van-1.3.0.min.js
new file mode 100644
index 00000000..96d7d43b
--- /dev/null
+++ b/demo/terminal/van-1.3.0.min.js
@@ -0,0 +1 @@
+let t,e,r,l,o,s=Object,n=s.getPrototypeOf,f=document,i={isConnected:1},a={},h=n(i),_=n(n),d=(t,e,r,l)=>(t??(setTimeout(r,l),new Set)).add(e),u=(t,e,l)=>{let o=r;r=e;try{return t(l)}catch(t){return console.error(t),l}finally{r=o}},g=t=>t.filter(t=>t.t?.isConnected),w=e=>o=d(o,e,()=>{for(let t of o)t.l=g(t.l),t.o=g(t.o);o=t},1e3),S={get val(){return r?.i?.add(this),this.h},get oldVal(){return r?.i?.add(this),this.u},set val(l){if(r?.S?.add(this),l!==this.h){this.h=l;let r=[...this.o=g(this.o)];for(let e of r)x(e.f,e.s,e.t),e.t=t;this.l.length?e=d(e,this,p):this.u=l}}},c=t=>({__proto__:S,h:t,u:t,l:[],o:[]}),v=t=>n(t??0)===S,y=(t,e)=>{let r={i:new Set,S:new Set},o={f:t},s=l;l=[];let n=u(t,r,e);n=(n??f).nodeType?n:new Text(n);for(let t of r.i)r.S.has(t)||(w(t),t.l.push(o));for(let t of l)t.t=n;return l=s,o.t=n},x=(t,e=c(),r)=>{let o={i:new Set,S:new Set},s={f:t,s:e};s.t=r??l?.push(s)??i,e.val=u(t,o,e.h);for(let t of o.i)o.S.has(t)||(w(t),t.o.push(s));return e},V=(e,...r)=>{for(let l of r.flat(1/0)){let r=n(l??0),o=r===S?y(()=>l.val):r===_?y(l):l;o!=t&&e.append(o)}return e},b=e=>new Proxy((r,...l)=>{let[o,...i]=n(l[0]??0)===h?l:[{},...l],d=e?f.createElementNS(e,r):f.createElement(r);for(let[e,l]of s.entries(o)){let o=r=>r?s.getOwnPropertyDescriptor(r,e)??o(n(r)):t,f=r+","+e,i=a[f]??(a[f]=o(n(d))?.set??0),h=e.startsWith("on")?(t,r)=>{let l=e.slice(2);d.removeEventListener(l,r),d.addEventListener(l,t)}:i?i.bind(d):d.setAttribute.bind(d,e),u=n(l??0);u===_&&(!e.startsWith("on")||l.v)&&(l=x(l),u=S),u===S?y(()=>(h(l.val,l.u),d)):h(l)}return V(d,...i)},{get:(e,r)=>e.bind(t,r)}),m=(t,e)=>e?e!==t&&t.replaceWith(e):t.remove(),p=()=>{let r=[...e].filter(t=>t.h!==t.u);e=t;for(let e of new Set(r.flatMap(t=>t.l=g(t.l))))m(e.t,y(e.f,e.t)),e.t=t;for(let t of r)t.u=t.h};export default{add:V,_:t=>(t.v=1,t),tags:b(),tagsNS:b,state:c,val:t=>v(t)?t.val:t,oldVal:t=>v(t)?t.oldVal:t,derive:x,hydrate:(t,e)=>m(t,y(e,t))};
\ No newline at end of file
diff --git a/doc/size_comp.png b/doc/size_comp.png
index e1be526d..76abcac4 100644
Binary files a/doc/size_comp.png and b/doc/size_comp.png differ
diff --git a/npm-examples/hello/package-lock.json b/npm-examples/hello/package-lock.json
index 5cd8b327..25c21d50 100644
--- a/npm-examples/hello/package-lock.json
+++ b/npm-examples/hello/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vanjs-example-hello",
       "version": "0.1.0",
       "dependencies": {
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -635,9 +635,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vite": {
       "version": "4.4.8",
diff --git a/npm-examples/hello/package.json b/npm-examples/hello/package.json
index c4bb0489..840e9178 100644
--- a/npm-examples/hello/package.json
+++ b/npm-examples/hello/package.json
@@ -14,6 +14,6 @@
     "vite": "^4.3.9"
   },
   "dependencies": {
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   }
 }
diff --git a/package-lock.json b/package-lock.json
index 51bb5f20..58908c46 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vanjs-core",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vanjs-core",
-      "version": "1.2.8",
+      "version": "1.3.0",
       "license": "MIT",
       "devDependencies": {
         "all-contributors-cli": "^6.26.1",
diff --git a/package.json b/package.json
index 2d04b2b8..f8fa8169 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vanjs-core",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "VanJS. A minimalist React-like UI library based on vanilla JavaScript and DOM.",
   "files": [
     "src/van.js",
diff --git a/public/van-1.3.0.d.ts b/public/van-1.3.0.d.ts
new file mode 100644
index 00000000..97f5f71b
--- /dev/null
+++ b/public/van-1.3.0.d.ts
@@ -0,0 +1,48 @@
+export interface State<T> {
+  val: T
+  readonly oldVal: T
+}
+
+// Defining readonly view of State<T> for covariance.
+// Basically we want StateView<string> to implement StateView<string | number>
+export type StateView<T> = Readonly<State<T>>
+
+export type Val<T> = State<T> | T
+
+export type Primitive = string | number | boolean | bigint
+
+export type PropValue = Primitive | ((e: any) => void) | null
+
+export type PropValueOrDerived = PropValue | StateView<PropValue> | (() => PropValue)
+
+export type Props = Record<string, PropValueOrDerived> & { class?: PropValueOrDerived }
+
+export type PropsWithKnownKeys<ElementType> = Partial<{[K in keyof ElementType]: PropValueOrDerived}>
+
+export type ValidChildDomValue = Primitive | Node | null | undefined
+
+export type BindingFunc = ((dom?: Node) => ValidChildDomValue) | ((dom?: Element) => Element)
+
+export type ChildDom = ValidChildDomValue | StateView<Primitive | null | undefined> | BindingFunc | readonly ChildDom[]
+
+export type TagFunc<Result> = (first?: Props & PropsWithKnownKeys<Result> | ChildDom, ...rest: readonly ChildDom[]) => Result
+
+type Tags = Readonly<Record<string, TagFunc<Element>>> & {
+  [K in keyof HTMLElementTagNameMap]: TagFunc<HTMLElementTagNameMap[K]>
+}
+
+export interface Van {
+  readonly state: <T>(initVal: T) => State<T>
+  readonly val: <T>(s: Val<T>) => T
+  readonly oldVal: <T>(s: Val<T>) => T
+  readonly derive: <T>(f: () => T) => State<T>
+  readonly add: (dom: Element, ...children: readonly ChildDom[]) => Element
+  readonly _: (f: () => PropValue) => () => PropValue
+  readonly tags: Tags
+  readonly tagsNS: (namespaceURI: string) => Readonly<Record<string, TagFunc<Element>>>
+  readonly hydrate: <T extends Node>(dom: T, f: (dom: T) => T | null | undefined) => T
+}
+
+declare const van: Van
+
+export default van
diff --git a/public/van-1.3.0.debug.d.ts b/public/van-1.3.0.debug.d.ts
new file mode 100644
index 00000000..97f5f71b
--- /dev/null
+++ b/public/van-1.3.0.debug.d.ts
@@ -0,0 +1,48 @@
+export interface State<T> {
+  val: T
+  readonly oldVal: T
+}
+
+// Defining readonly view of State<T> for covariance.
+// Basically we want StateView<string> to implement StateView<string | number>
+export type StateView<T> = Readonly<State<T>>
+
+export type Val<T> = State<T> | T
+
+export type Primitive = string | number | boolean | bigint
+
+export type PropValue = Primitive | ((e: any) => void) | null
+
+export type PropValueOrDerived = PropValue | StateView<PropValue> | (() => PropValue)
+
+export type Props = Record<string, PropValueOrDerived> & { class?: PropValueOrDerived }
+
+export type PropsWithKnownKeys<ElementType> = Partial<{[K in keyof ElementType]: PropValueOrDerived}>
+
+export type ValidChildDomValue = Primitive | Node | null | undefined
+
+export type BindingFunc = ((dom?: Node) => ValidChildDomValue) | ((dom?: Element) => Element)
+
+export type ChildDom = ValidChildDomValue | StateView<Primitive | null | undefined> | BindingFunc | readonly ChildDom[]
+
+export type TagFunc<Result> = (first?: Props & PropsWithKnownKeys<Result> | ChildDom, ...rest: readonly ChildDom[]) => Result
+
+type Tags = Readonly<Record<string, TagFunc<Element>>> & {
+  [K in keyof HTMLElementTagNameMap]: TagFunc<HTMLElementTagNameMap[K]>
+}
+
+export interface Van {
+  readonly state: <T>(initVal: T) => State<T>
+  readonly val: <T>(s: Val<T>) => T
+  readonly oldVal: <T>(s: Val<T>) => T
+  readonly derive: <T>(f: () => T) => State<T>
+  readonly add: (dom: Element, ...children: readonly ChildDom[]) => Element
+  readonly _: (f: () => PropValue) => () => PropValue
+  readonly tags: Tags
+  readonly tagsNS: (namespaceURI: string) => Readonly<Record<string, TagFunc<Element>>>
+  readonly hydrate: <T extends Node>(dom: T, f: (dom: T) => T | null | undefined) => T
+}
+
+declare const van: Van
+
+export default van
diff --git a/public/van-1.3.0.debug.js b/public/van-1.3.0.debug.js
new file mode 100644
index 00000000..b8a9975c
--- /dev/null
+++ b/public/van-1.3.0.debug.js
@@ -0,0 +1,127 @@
+import van from "./van-1.3.0.js"
+
+// If this variable is set to an Array, we will push the error message into the array instead of
+// throwing an error. This is useful in testing, to capture the error occurred asynchronous to the initiating
+// callstack. e.g.: a state change can trigger a dom update processing when idle (i.e.: dom update
+// processing is set via setTimeout function, which is asynchronous to the initiating callstack).
+let capturedErrors
+
+const startCapturingErrors = () => capturedErrors = []
+
+const stopCapturingErrors = () => capturedErrors = null
+
+const expect = (cond, msg) => {
+  if (!cond) {
+    if (capturedErrors) capturedErrors.push(msg); else throw new Error(msg)
+    return false
+  }
+  return true
+}
+
+const protoOf = Object.getPrototypeOf
+const stateProto = protoOf(van.state())
+const isState = s => protoOf(s ?? 0) === stateProto
+
+const checkStateValValid = v => {
+  expect(!isState(v), "State couldn't have value to other state")
+  expect(!(v instanceof Node), "DOM Node is not valid value for state")
+  return v
+}
+
+const state = initVal => {
+  const proxy = new Proxy(van.state(checkStateValValid(initVal)), {
+    set: (s, prop, val) => {
+      prop === "val" && checkStateValValid(val)
+      return Reflect.set(s, prop, val, proxy)
+    },
+  })
+  return proxy
+}
+
+const derive = f => {
+  expect(typeof(f) === "function", "Must pass-in a function to `van.derive`")
+  return van.derive(f)
+}
+
+const isValidPrimitive = v =>
+  typeof(v) === "string" ||
+  typeof(v) === "number" ||
+  typeof(v) === "boolean" ||
+  typeof(v) === "bigint"
+
+const isDomOrPrimitive = v => v instanceof Node || isValidPrimitive(v)
+
+const validateChild = child => {
+  expect(
+    isDomOrPrimitive(child) || child === null || child === undefined,
+    "Only DOM Node, string, number, boolean, bigint, null, undefined are valid child of a DOM Element",
+  )
+  return child
+}
+
+const withResultValidation = f => dom => {
+  const r = validateChild(f(dom))
+  if (r !== dom && r instanceof Node)
+    expect(!r.isConnected,
+      "If the result of complex binding function is not the same as previous one, it shouldn't be already connected to document")
+  return r
+}
+
+const checkChildren = children => children.flat(Infinity).map(c => {
+  if (isState(c)) return withResultValidation(() => c.val)
+  if (typeof c === "function") return withResultValidation(c)
+  expect(!c?.isConnected, "You can't add a DOM Node that is already connected to document")
+  return validateChild(c)
+})
+
+const add = (dom, ...children) => {
+  expect(dom instanceof Element, "1st argument of `van.add` function must be a DOM Element object")
+  return van.add(dom, ...checkChildren(children))
+}
+
+const _ = f => {
+  expect(typeof(f) === "function", "Must pass-in a function to `van._`")
+  return van._(f)
+}
+
+const _tagsNS = ns => new Proxy(van.tagsNS(ns), {
+  get: (vanTags, name) => {
+    const vanTag = vanTags[name]
+    return (...args) => {
+      const [props, ...children] = protoOf(args[0] ?? 0) === Object.prototype ? args : [{}, ...args]
+      const debugProps =  {}
+      for (const [k, v] of Object.entries(props)) {
+        const validatePropValue = k.startsWith("on") ?
+          (k.toLowerCase() === k ?
+            v => (expect(typeof v === "function" || v === null,
+              `Invalid property value for ${k}: Only functions and null are allowed for ${k} property`), v) :
+            v => (expect(typeof v === "string",
+              `Invalid property value for ${k}: Only strings are allowed for ${k} attribute`), v)
+          ) :
+          v => (expect(isValidPrimitive(v) || v === null,
+            `Invalid property value for ${k}: Only string, number, boolean, bigint and null are valid prop value types`), v)
+
+        if (isState(v))
+          debugProps[k] = van._(() => validatePropValue(v.val))
+        else if (typeof v === "function" && (!k.startsWith("on") || v._isBindingFunc))
+          debugProps[k] = van._(() => validatePropValue(v()))
+        else
+          debugProps[k] = validatePropValue(v)
+      }
+      return vanTag(debugProps, ...checkChildren(children))
+    }
+  },
+})
+
+const tagsNS = ns => {
+  expect(typeof ns === "string", "Must provide a string for parameter `ns` in `van.tagsNS`")
+  return _tagsNS(ns)
+}
+
+const hydrate = (dom, f) => {
+  expect(dom instanceof Node, "1st argument of `van.hydrate` function must be a DOM Node object")
+  expect(typeof(f) === "function", "2nd argument of `van.hydrate` function must be a function")
+  return van.hydrate(dom, withResultValidation(f))
+}
+
+export default {add, _, tags: _tagsNS(), tagsNS, state, val: van.val, oldVal: van.oldVal, derive, hydrate, startCapturingErrors, stopCapturingErrors, get capturedErrors() { return capturedErrors }}
diff --git a/public/van-1.3.0.js b/public/van-1.3.0.js
new file mode 100644
index 00000000..575a08ce
--- /dev/null
+++ b/public/van-1.3.0.js
@@ -0,0 +1,140 @@
+// This file consistently uses `let` keyword instead of `const` for reducing the bundle size.
+
+// Global variables - aliasing some builtin symbols to reduce the bundle size.
+let Obj = Object, _undefined, protoOf = Obj.getPrototypeOf, doc = document
+let changedStates, curDeps, curNewDerives, alwaysConnectedDom = {isConnected: 1}, gcCycleInMs = 1000, statesToGc, propSetterCache = {}
+let objProto = protoOf(alwaysConnectedDom), funcProto = protoOf(protoOf)
+
+let addAndScheduleOnFirst = (set, s, f, waitMs) =>
+  (set ?? (setTimeout(f, waitMs), new Set)).add(s)
+
+let runAndCaptureDeps = (f, deps, arg) => {
+  let prevDeps = curDeps
+  curDeps = deps
+  try {
+    return f(arg)
+  } catch (e) {
+    console.error(e)
+    return arg
+  } finally {
+    curDeps = prevDeps
+  }
+}
+
+let keepConnected = l => l.filter(b => b._dom?.isConnected)
+
+let addStatesToGc = d => statesToGc = addAndScheduleOnFirst(statesToGc, d, () => {
+  for (let s of statesToGc)
+    s._bindings = keepConnected(s._bindings),
+    s._listeners = keepConnected(s._listeners)
+  statesToGc = _undefined
+}, gcCycleInMs)
+
+let stateProto = {
+  get val() {
+    curDeps?._getters?.add(this)
+    return this._val
+  },
+
+  get oldVal() {
+    curDeps?._getters?.add(this)
+    return this._oldVal
+  },
+
+  set val(v) {
+    curDeps?._setters?.add(this)
+    if (v !== this._val) {
+      this._val = v
+      let listeners = [...this._listeners = keepConnected(this._listeners)]
+      for (let l of listeners) derive(l.f, l.s, l._dom), l._dom = _undefined
+      this._bindings.length ?
+        changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) :
+        this._oldVal = v
+    }
+  },
+}
+
+let state = initVal => ({
+  __proto__: stateProto,
+  _val: initVal,
+  _oldVal: initVal,
+  _bindings: [],
+  _listeners: [],
+})
+
+let isState = s => protoOf(s ?? 0) === stateProto
+
+let val = s => isState(s) ? s.val : s
+let oldVal = s => isState(s) ? s.oldVal : s
+
+let bind = (f, dom) => {
+  let deps = {_getters: new Set, _setters: new Set}, binding = {f}, prevNewDerives = curNewDerives
+  curNewDerives = []
+  let newDom = runAndCaptureDeps(f, deps, dom)
+  newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom)
+  for (let d of deps._getters)
+    deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding))
+  for (let l of curNewDerives) l._dom = newDom
+  curNewDerives = prevNewDerives
+  return binding._dom = newDom
+}
+
+let derive = (f, s = state(), dom) => {
+  let deps = {_getters: new Set, _setters: new Set}, listener = {f, s}
+  listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom
+  s.val = runAndCaptureDeps(f, deps, s._val)
+  for (let d of deps._getters)
+    deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener))
+  return s
+}
+
+let add = (dom, ...children) => {
+  for (let c of children.flat(Infinity)) {
+    let protoOfC = protoOf(c ?? 0)
+    let child = protoOfC === stateProto ? bind(() => c.val) :
+      protoOfC === funcProto ? bind(c) : c
+    child != _undefined && dom.append(child)
+  }
+  return dom
+}
+
+let _ = f => (f._isBindingFunc = 1, f)
+
+let tagsNS = ns => new Proxy((name, ...args) => {
+  let [props, ...children] = protoOf(args[0] ?? 0) === objProto ? args : [{}, ...args]
+  let dom = ns ? doc.createElementNS(ns, name) : doc.createElement(name)
+  for (let [k, v] of Obj.entries(props)) {
+    let getPropDescriptor = proto => proto ?
+      Obj.getOwnPropertyDescriptor(proto, k) ?? getPropDescriptor(protoOf(proto)) :
+      _undefined
+    let cacheKey = name + "," + k
+    let propSetter = propSetterCache[cacheKey] ??
+      (propSetterCache[cacheKey] = getPropDescriptor(protoOf(dom))?.set ?? 0)
+    let setter = k.startsWith("on") ?
+      (v, oldV) => {
+        let event = k.slice(2)
+        dom.removeEventListener(event, oldV)
+        dom.addEventListener(event, v)
+      } :
+      propSetter ? propSetter.bind(dom) : dom.setAttribute.bind(dom, k)
+    let protoOfV = protoOf(v ?? 0)
+    protoOfV === funcProto && (!k.startsWith("on") || v._isBindingFunc) &&
+      (v = derive(v), protoOfV = stateProto)
+    protoOfV === stateProto ? bind(() => (setter(v.val, v._oldVal), dom)) : setter(v)
+  }
+  return add(dom, ...children)
+}, {get: (tag, name) => tag.bind(_undefined, name)})
+
+let update = (dom, newDom) => newDom ? newDom !== dom && dom.replaceWith(newDom) : dom.remove()
+
+let updateDoms = () => {
+  let changedStatesArray = [...changedStates].filter(s => s._val !== s._oldVal)
+  changedStates = _undefined
+  for (let b of new Set(changedStatesArray.flatMap(s => s._bindings = keepConnected(s._bindings))))
+    update(b._dom, bind(b.f, b._dom)), b._dom = _undefined
+  for (let s of changedStatesArray) s._oldVal = s._val
+}
+
+let hydrate = (dom, f) => update(dom, bind(f, dom))
+
+export default {add, _, tags: tagsNS(), tagsNS, state, val, oldVal, derive, hydrate}
diff --git a/public/van-1.3.0.min.d.ts b/public/van-1.3.0.min.d.ts
new file mode 100644
index 00000000..97f5f71b
--- /dev/null
+++ b/public/van-1.3.0.min.d.ts
@@ -0,0 +1,48 @@
+export interface State<T> {
+  val: T
+  readonly oldVal: T
+}
+
+// Defining readonly view of State<T> for covariance.
+// Basically we want StateView<string> to implement StateView<string | number>
+export type StateView<T> = Readonly<State<T>>
+
+export type Val<T> = State<T> | T
+
+export type Primitive = string | number | boolean | bigint
+
+export type PropValue = Primitive | ((e: any) => void) | null
+
+export type PropValueOrDerived = PropValue | StateView<PropValue> | (() => PropValue)
+
+export type Props = Record<string, PropValueOrDerived> & { class?: PropValueOrDerived }
+
+export type PropsWithKnownKeys<ElementType> = Partial<{[K in keyof ElementType]: PropValueOrDerived}>
+
+export type ValidChildDomValue = Primitive | Node | null | undefined
+
+export type BindingFunc = ((dom?: Node) => ValidChildDomValue) | ((dom?: Element) => Element)
+
+export type ChildDom = ValidChildDomValue | StateView<Primitive | null | undefined> | BindingFunc | readonly ChildDom[]
+
+export type TagFunc<Result> = (first?: Props & PropsWithKnownKeys<Result> | ChildDom, ...rest: readonly ChildDom[]) => Result
+
+type Tags = Readonly<Record<string, TagFunc<Element>>> & {
+  [K in keyof HTMLElementTagNameMap]: TagFunc<HTMLElementTagNameMap[K]>
+}
+
+export interface Van {
+  readonly state: <T>(initVal: T) => State<T>
+  readonly val: <T>(s: Val<T>) => T
+  readonly oldVal: <T>(s: Val<T>) => T
+  readonly derive: <T>(f: () => T) => State<T>
+  readonly add: (dom: Element, ...children: readonly ChildDom[]) => Element
+  readonly _: (f: () => PropValue) => () => PropValue
+  readonly tags: Tags
+  readonly tagsNS: (namespaceURI: string) => Readonly<Record<string, TagFunc<Element>>>
+  readonly hydrate: <T extends Node>(dom: T, f: (dom: T) => T | null | undefined) => T
+}
+
+declare const van: Van
+
+export default van
diff --git a/public/van-1.3.0.min.js b/public/van-1.3.0.min.js
new file mode 100644
index 00000000..96d7d43b
--- /dev/null
+++ b/public/van-1.3.0.min.js
@@ -0,0 +1 @@
+let t,e,r,l,o,s=Object,n=s.getPrototypeOf,f=document,i={isConnected:1},a={},h=n(i),_=n(n),d=(t,e,r,l)=>(t??(setTimeout(r,l),new Set)).add(e),u=(t,e,l)=>{let o=r;r=e;try{return t(l)}catch(t){return console.error(t),l}finally{r=o}},g=t=>t.filter(t=>t.t?.isConnected),w=e=>o=d(o,e,()=>{for(let t of o)t.l=g(t.l),t.o=g(t.o);o=t},1e3),S={get val(){return r?.i?.add(this),this.h},get oldVal(){return r?.i?.add(this),this.u},set val(l){if(r?.S?.add(this),l!==this.h){this.h=l;let r=[...this.o=g(this.o)];for(let e of r)x(e.f,e.s,e.t),e.t=t;this.l.length?e=d(e,this,p):this.u=l}}},c=t=>({__proto__:S,h:t,u:t,l:[],o:[]}),v=t=>n(t??0)===S,y=(t,e)=>{let r={i:new Set,S:new Set},o={f:t},s=l;l=[];let n=u(t,r,e);n=(n??f).nodeType?n:new Text(n);for(let t of r.i)r.S.has(t)||(w(t),t.l.push(o));for(let t of l)t.t=n;return l=s,o.t=n},x=(t,e=c(),r)=>{let o={i:new Set,S:new Set},s={f:t,s:e};s.t=r??l?.push(s)??i,e.val=u(t,o,e.h);for(let t of o.i)o.S.has(t)||(w(t),t.o.push(s));return e},V=(e,...r)=>{for(let l of r.flat(1/0)){let r=n(l??0),o=r===S?y(()=>l.val):r===_?y(l):l;o!=t&&e.append(o)}return e},b=e=>new Proxy((r,...l)=>{let[o,...i]=n(l[0]??0)===h?l:[{},...l],d=e?f.createElementNS(e,r):f.createElement(r);for(let[e,l]of s.entries(o)){let o=r=>r?s.getOwnPropertyDescriptor(r,e)??o(n(r)):t,f=r+","+e,i=a[f]??(a[f]=o(n(d))?.set??0),h=e.startsWith("on")?(t,r)=>{let l=e.slice(2);d.removeEventListener(l,r),d.addEventListener(l,t)}:i?i.bind(d):d.setAttribute.bind(d,e),u=n(l??0);u===_&&(!e.startsWith("on")||l.v)&&(l=x(l),u=S),u===S?y(()=>(h(l.val,l.u),d)):h(l)}return V(d,...i)},{get:(e,r)=>e.bind(t,r)}),m=(t,e)=>e?e!==t&&t.replaceWith(e):t.remove(),p=()=>{let r=[...e].filter(t=>t.h!==t.u);e=t;for(let e of new Set(r.flatMap(t=>t.l=g(t.l))))m(e.t,y(e.f,e.t)),e.t=t;for(let t of r)t.u=t.h};export default{add:V,_:t=>(t.v=1,t),tags:b(),tagsNS:b,state:c,val:t=>v(t)?t.val:t,oldVal:t=>v(t)?t.oldVal:t,derive:x,hydrate:(t,e)=>m(t,y(e,t))};
\ No newline at end of file
diff --git a/public/van-1.3.0.nomodule.debug.js b/public/van-1.3.0.nomodule.debug.js
new file mode 100644
index 00000000..7a64a729
--- /dev/null
+++ b/public/van-1.3.0.nomodule.debug.js
@@ -0,0 +1,236 @@
+(() => {
+  // van.js
+  var Obj = Object;
+  var _undefined;
+  var protoOf = Obj.getPrototypeOf;
+  var doc = document;
+  var changedStates;
+  var curDeps;
+  var curNewDerives;
+  var alwaysConnectedDom = { isConnected: 1 };
+  var gcCycleInMs = 1e3;
+  var statesToGc;
+  var propSetterCache = {};
+  var objProto = protoOf(alwaysConnectedDom);
+  var funcProto = protoOf(protoOf);
+  var addAndScheduleOnFirst = (set, s, f, waitMs) => (set ?? (setTimeout(f, waitMs), /* @__PURE__ */ new Set())).add(s);
+  var runAndCaptureDeps = (f, deps, arg) => {
+    let prevDeps = curDeps;
+    curDeps = deps;
+    try {
+      return f(arg);
+    } catch (e) {
+      console.error(e);
+      return arg;
+    } finally {
+      curDeps = prevDeps;
+    }
+  };
+  var keepConnected = (l) => l.filter((b) => b._dom?.isConnected);
+  var addStatesToGc = (d) => statesToGc = addAndScheduleOnFirst(statesToGc, d, () => {
+    for (let s of statesToGc)
+      s._bindings = keepConnected(s._bindings), s._listeners = keepConnected(s._listeners);
+    statesToGc = _undefined;
+  }, gcCycleInMs);
+  var stateProto = {
+    get val() {
+      curDeps?._getters?.add(this);
+      return this._val;
+    },
+    get oldVal() {
+      curDeps?._getters?.add(this);
+      return this._oldVal;
+    },
+    set val(v) {
+      curDeps?._setters?.add(this);
+      if (v !== this._val) {
+        this._val = v;
+        let listeners = [...this._listeners = keepConnected(this._listeners)];
+        for (let l of listeners)
+          derive(l.f, l.s, l._dom), l._dom = _undefined;
+        this._bindings.length ? changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) : this._oldVal = v;
+      }
+    }
+  };
+  var state = (initVal) => ({
+    __proto__: stateProto,
+    _val: initVal,
+    _oldVal: initVal,
+    _bindings: [],
+    _listeners: []
+  });
+  var isState = (s) => protoOf(s ?? 0) === stateProto;
+  var val = (s) => isState(s) ? s.val : s;
+  var oldVal = (s) => isState(s) ? s.oldVal : s;
+  var bind = (f, dom) => {
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, binding = { f }, prevNewDerives = curNewDerives;
+    curNewDerives = [];
+    let newDom = runAndCaptureDeps(f, deps, dom);
+    newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding));
+    for (let l of curNewDerives)
+      l._dom = newDom;
+    curNewDerives = prevNewDerives;
+    return binding._dom = newDom;
+  };
+  var derive = (f, s = state(), dom) => {
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, listener = { f, s };
+    listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom;
+    s.val = runAndCaptureDeps(f, deps, s._val);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener));
+    return s;
+  };
+  var add = (dom, ...children) => {
+    for (let c of children.flat(Infinity)) {
+      let protoOfC = protoOf(c ?? 0);
+      let child = protoOfC === stateProto ? bind(() => c.val) : protoOfC === funcProto ? bind(c) : c;
+      child != _undefined && dom.append(child);
+    }
+    return dom;
+  };
+  var _ = (f) => (f._isBindingFunc = 1, f);
+  var tagsNS = (ns) => new Proxy((name, ...args) => {
+    let [props, ...children] = protoOf(args[0] ?? 0) === objProto ? args : [{}, ...args];
+    let dom = ns ? doc.createElementNS(ns, name) : doc.createElement(name);
+    for (let [k, v] of Obj.entries(props)) {
+      let getPropDescriptor = (proto) => proto ? Obj.getOwnPropertyDescriptor(proto, k) ?? getPropDescriptor(protoOf(proto)) : _undefined;
+      let cacheKey = name + "," + k;
+      let propSetter = propSetterCache[cacheKey] ?? (propSetterCache[cacheKey] = getPropDescriptor(protoOf(dom))?.set ?? 0);
+      let setter = k.startsWith("on") ? (v2, oldV) => {
+        let event = k.slice(2);
+        dom.removeEventListener(event, oldV);
+        dom.addEventListener(event, v2);
+      } : propSetter ? propSetter.bind(dom) : dom.setAttribute.bind(dom, k);
+      let protoOfV = protoOf(v ?? 0);
+      protoOfV === funcProto && (!k.startsWith("on") || v._isBindingFunc) && (v = derive(v), protoOfV = stateProto);
+      protoOfV === stateProto ? bind(() => (setter(v.val, v._oldVal), dom)) : setter(v);
+    }
+    return add(dom, ...children);
+  }, { get: (tag, name) => tag.bind(_undefined, name) });
+  var update = (dom, newDom) => newDom ? newDom !== dom && dom.replaceWith(newDom) : dom.remove();
+  var updateDoms = () => {
+    let changedStatesArray = [...changedStates].filter((s) => s._val !== s._oldVal);
+    changedStates = _undefined;
+    for (let b of new Set(changedStatesArray.flatMap((s) => s._bindings = keepConnected(s._bindings))))
+      update(b._dom, bind(b.f, b._dom)), b._dom = _undefined;
+    for (let s of changedStatesArray)
+      s._oldVal = s._val;
+  };
+  var hydrate = (dom, f) => update(dom, bind(f, dom));
+  var van_default = { add, _, tags: tagsNS(), tagsNS, state, val, oldVal, derive, hydrate };
+
+  // van.debug.js
+  var capturedErrors;
+  var startCapturingErrors = () => capturedErrors = [];
+  var stopCapturingErrors = () => capturedErrors = null;
+  var expect = (cond, msg) => {
+    if (!cond) {
+      if (capturedErrors)
+        capturedErrors.push(msg);
+      else
+        throw new Error(msg);
+      return false;
+    }
+    return true;
+  };
+  var protoOf2 = Object.getPrototypeOf;
+  var stateProto2 = protoOf2(van_default.state());
+  var isState2 = (s) => protoOf2(s ?? 0) === stateProto2;
+  var checkStateValValid = (v) => {
+    expect(!isState2(v), "State couldn't have value to other state");
+    expect(!(v instanceof Node), "DOM Node is not valid value for state");
+    return v;
+  };
+  var state2 = (initVal) => {
+    const proxy = new Proxy(van_default.state(checkStateValValid(initVal)), {
+      set: (s, prop, val2) => {
+        prop === "val" && checkStateValValid(val2);
+        return Reflect.set(s, prop, val2, proxy);
+      }
+    });
+    return proxy;
+  };
+  var derive2 = (f) => {
+    expect(typeof f === "function", "Must pass-in a function to `van.derive`");
+    return van_default.derive(f);
+  };
+  var isValidPrimitive = (v) => typeof v === "string" || typeof v === "number" || typeof v === "boolean" || typeof v === "bigint";
+  var isDomOrPrimitive = (v) => v instanceof Node || isValidPrimitive(v);
+  var validateChild = (child) => {
+    expect(
+      isDomOrPrimitive(child) || child === null || child === void 0,
+      "Only DOM Node, string, number, boolean, bigint, null, undefined are valid child of a DOM Element"
+    );
+    return child;
+  };
+  var withResultValidation = (f) => (dom) => {
+    const r = validateChild(f(dom));
+    if (r !== dom && r instanceof Node)
+      expect(
+        !r.isConnected,
+        "If the result of complex binding function is not the same as previous one, it shouldn't be already connected to document"
+      );
+    return r;
+  };
+  var checkChildren = (children) => children.flat(Infinity).map((c) => {
+    if (isState2(c))
+      return withResultValidation(() => c.val);
+    if (typeof c === "function")
+      return withResultValidation(c);
+    expect(!c?.isConnected, "You can't add a DOM Node that is already connected to document");
+    return validateChild(c);
+  });
+  var add2 = (dom, ...children) => {
+    expect(dom instanceof Element, "1st argument of `van.add` function must be a DOM Element object");
+    return van_default.add(dom, ...checkChildren(children));
+  };
+  var _2 = (f) => {
+    expect(typeof f === "function", "Must pass-in a function to `van._`");
+    return van_default._(f);
+  };
+  var _tagsNS = (ns) => new Proxy(van_default.tagsNS(ns), {
+    get: (vanTags, name) => {
+      const vanTag = vanTags[name];
+      return (...args) => {
+        const [props, ...children] = protoOf2(args[0] ?? 0) === Object.prototype ? args : [{}, ...args];
+        const debugProps = {};
+        for (const [k, v] of Object.entries(props)) {
+          const validatePropValue = k.startsWith("on") ? k.toLowerCase() === k ? (v2) => (expect(
+            typeof v2 === "function" || v2 === null,
+            `Invalid property value for ${k}: Only functions and null are allowed for ${k} property`
+          ), v2) : (v2) => (expect(
+            typeof v2 === "string",
+            `Invalid property value for ${k}: Only strings are allowed for ${k} attribute`
+          ), v2) : (v2) => (expect(
+            isValidPrimitive(v2) || v2 === null,
+            `Invalid property value for ${k}: Only string, number, boolean, bigint and null are valid prop value types`
+          ), v2);
+          if (isState2(v))
+            debugProps[k] = van_default._(() => validatePropValue(v.val));
+          else if (typeof v === "function" && (!k.startsWith("on") || v._isBindingFunc))
+            debugProps[k] = van_default._(() => validatePropValue(v()));
+          else
+            debugProps[k] = validatePropValue(v);
+        }
+        return vanTag(debugProps, ...checkChildren(children));
+      };
+    }
+  });
+  var tagsNS2 = (ns) => {
+    expect(typeof ns === "string", "Must provide a string for parameter `ns` in `van.tagsNS`");
+    return _tagsNS(ns);
+  };
+  var hydrate2 = (dom, f) => {
+    expect(dom instanceof Node, "1st argument of `van.hydrate` function must be a DOM Node object");
+    expect(typeof f === "function", "2nd argument of `van.hydrate` function must be a function");
+    return van_default.hydrate(dom, withResultValidation(f));
+  };
+  var van_debug_default = { add: add2, _: _2, tags: _tagsNS(), tagsNS: tagsNS2, state: state2, val: van_default.val, oldVal: van_default.oldVal, derive: derive2, hydrate: hydrate2, startCapturingErrors, stopCapturingErrors, get capturedErrors() {
+    return capturedErrors;
+  } };
+
+  // van.forbundle.debug.js
+  window.van = van_debug_default;
+})();
diff --git a/public/van-1.3.0.nomodule.js b/public/van-1.3.0.nomodule.js
new file mode 100644
index 00000000..1331f9fa
--- /dev/null
+++ b/public/van-1.3.0.nomodule.js
@@ -0,0 +1,126 @@
+(() => {
+  // van.js
+  var Obj = Object;
+  var _undefined;
+  var protoOf = Obj.getPrototypeOf;
+  var doc = document;
+  var changedStates;
+  var curDeps;
+  var curNewDerives;
+  var alwaysConnectedDom = { isConnected: 1 };
+  var gcCycleInMs = 1e3;
+  var statesToGc;
+  var propSetterCache = {};
+  var objProto = protoOf(alwaysConnectedDom);
+  var funcProto = protoOf(protoOf);
+  var addAndScheduleOnFirst = (set, s, f, waitMs) => (set ?? (setTimeout(f, waitMs), /* @__PURE__ */ new Set())).add(s);
+  var runAndCaptureDeps = (f, deps, arg) => {
+    let prevDeps = curDeps;
+    curDeps = deps;
+    try {
+      return f(arg);
+    } catch (e) {
+      console.error(e);
+      return arg;
+    } finally {
+      curDeps = prevDeps;
+    }
+  };
+  var keepConnected = (l) => l.filter((b) => b._dom?.isConnected);
+  var addStatesToGc = (d) => statesToGc = addAndScheduleOnFirst(statesToGc, d, () => {
+    for (let s of statesToGc)
+      s._bindings = keepConnected(s._bindings), s._listeners = keepConnected(s._listeners);
+    statesToGc = _undefined;
+  }, gcCycleInMs);
+  var stateProto = {
+    get val() {
+      curDeps?._getters?.add(this);
+      return this._val;
+    },
+    get oldVal() {
+      curDeps?._getters?.add(this);
+      return this._oldVal;
+    },
+    set val(v) {
+      curDeps?._setters?.add(this);
+      if (v !== this._val) {
+        this._val = v;
+        let listeners = [...this._listeners = keepConnected(this._listeners)];
+        for (let l of listeners)
+          derive(l.f, l.s, l._dom), l._dom = _undefined;
+        this._bindings.length ? changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) : this._oldVal = v;
+      }
+    }
+  };
+  var state = (initVal) => ({
+    __proto__: stateProto,
+    _val: initVal,
+    _oldVal: initVal,
+    _bindings: [],
+    _listeners: []
+  });
+  var isState = (s) => protoOf(s ?? 0) === stateProto;
+  var val = (s) => isState(s) ? s.val : s;
+  var oldVal = (s) => isState(s) ? s.oldVal : s;
+  var bind = (f, dom) => {
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, binding = { f }, prevNewDerives = curNewDerives;
+    curNewDerives = [];
+    let newDom = runAndCaptureDeps(f, deps, dom);
+    newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding));
+    for (let l of curNewDerives)
+      l._dom = newDom;
+    curNewDerives = prevNewDerives;
+    return binding._dom = newDom;
+  };
+  var derive = (f, s = state(), dom) => {
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, listener = { f, s };
+    listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom;
+    s.val = runAndCaptureDeps(f, deps, s._val);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener));
+    return s;
+  };
+  var add = (dom, ...children) => {
+    for (let c of children.flat(Infinity)) {
+      let protoOfC = protoOf(c ?? 0);
+      let child = protoOfC === stateProto ? bind(() => c.val) : protoOfC === funcProto ? bind(c) : c;
+      child != _undefined && dom.append(child);
+    }
+    return dom;
+  };
+  var _ = (f) => (f._isBindingFunc = 1, f);
+  var tagsNS = (ns) => new Proxy((name, ...args) => {
+    let [props, ...children] = protoOf(args[0] ?? 0) === objProto ? args : [{}, ...args];
+    let dom = ns ? doc.createElementNS(ns, name) : doc.createElement(name);
+    for (let [k, v] of Obj.entries(props)) {
+      let getPropDescriptor = (proto) => proto ? Obj.getOwnPropertyDescriptor(proto, k) ?? getPropDescriptor(protoOf(proto)) : _undefined;
+      let cacheKey = name + "," + k;
+      let propSetter = propSetterCache[cacheKey] ?? (propSetterCache[cacheKey] = getPropDescriptor(protoOf(dom))?.set ?? 0);
+      let setter = k.startsWith("on") ? (v2, oldV) => {
+        let event = k.slice(2);
+        dom.removeEventListener(event, oldV);
+        dom.addEventListener(event, v2);
+      } : propSetter ? propSetter.bind(dom) : dom.setAttribute.bind(dom, k);
+      let protoOfV = protoOf(v ?? 0);
+      protoOfV === funcProto && (!k.startsWith("on") || v._isBindingFunc) && (v = derive(v), protoOfV = stateProto);
+      protoOfV === stateProto ? bind(() => (setter(v.val, v._oldVal), dom)) : setter(v);
+    }
+    return add(dom, ...children);
+  }, { get: (tag, name) => tag.bind(_undefined, name) });
+  var update = (dom, newDom) => newDom ? newDom !== dom && dom.replaceWith(newDom) : dom.remove();
+  var updateDoms = () => {
+    let changedStatesArray = [...changedStates].filter((s) => s._val !== s._oldVal);
+    changedStates = _undefined;
+    for (let b of new Set(changedStatesArray.flatMap((s) => s._bindings = keepConnected(s._bindings))))
+      update(b._dom, bind(b.f, b._dom)), b._dom = _undefined;
+    for (let s of changedStatesArray)
+      s._oldVal = s._val;
+  };
+  var hydrate = (dom, f) => update(dom, bind(f, dom));
+  var van_default = { add, _, tags: tagsNS(), tagsNS, state, val, oldVal, derive, hydrate };
+
+  // van.forbundle.js
+  window.van = van_default;
+})();
diff --git a/public/van-1.3.0.nomodule.min.js b/public/van-1.3.0.nomodule.min.js
new file mode 100644
index 00000000..49217a91
--- /dev/null
+++ b/public/van-1.3.0.nomodule.min.js
@@ -0,0 +1 @@
+{let t,e,r,l,o,s,n,f,i,a,h,_,d,u,w,g,S,c,v,y,V,b,m,x,T,j;n=(s=Object).getPrototypeOf,f=document,a={},h=n(i={isConnected:1}),_=n(n),d=(t,e,r,l)=>(t??(setTimeout(r,l),new Set)).add(e),u=(t,e,l)=>{let o=r;r=e;try{return t(l)}catch(t){return console.error(t),l}finally{r=o}},w=t=>t.filter(t=>t.t?.isConnected),g=e=>o=d(o,e,()=>{for(let t of o)t.l=w(t.l),t.o=w(t.o);o=t},1e3),S={get val(){return r?.i?.add(this),this.h},get oldVal(){return r?.i?.add(this),this.u},set val(l){if(r?.S?.add(this),l!==this.h){this.h=l;let r=[...this.o=w(this.o)];for(let e of r)V(e.f,e.s,e.t),e.t=t;this.l.length?e=d(e,this,T):this.u=l}}},c=t=>({__proto__:S,h:t,u:t,l:[],o:[]}),v=t=>n(t??0)===S,y=(t,e)=>{let r={i:new Set,S:new Set},o={f:t},s=l;l=[];let n=u(t,r,e);n=(n??f).nodeType?n:new Text(n);for(let t of r.i)r.S.has(t)||(g(t),t.l.push(o));for(let t of l)t.t=n;return l=s,o.t=n},V=(t,e=c(),r)=>{let o={i:new Set,S:new Set},s={f:t,s:e};s.t=r??l?.push(s)??i,e.val=u(t,o,e.h);for(let t of o.i)o.S.has(t)||(g(t),t.o.push(s));return e},m=e=>new Proxy((r,...l)=>{let[o,...i]=n(l[0]??0)===h?l:[{},...l],d=e?f.createElementNS(e,r):f.createElement(r);for(let[e,l]of s.entries(o)){let o=r=>r?s.getOwnPropertyDescriptor(r,e)??o(n(r)):t,f=r+","+e,i=a[f]??(a[f]=o(n(d))?.set??0),h=e.startsWith("on")?(t,r)=>{let l=e.slice(2);d.removeEventListener(l,r),d.addEventListener(l,t)}:i?i.bind(d):d.setAttribute.bind(d,e),u=n(l??0);u===_&&(!e.startsWith("on")||l.v)&&(l=V(l),u=S),u===S?y(()=>(h(l.val,l.u),d)):h(l)}return b(d,...i)},{get:(e,r)=>e.bind(t,r)}),x=(t,e)=>e?e!==t&&t.replaceWith(e):t.remove(),T=()=>{let r=[...e].filter(t=>t.h!==t.u);e=t;for(let e of new Set(r.flatMap(t=>t.l=w(t.l))))x(e.t,y(e.f,e.t)),e.t=t;for(let t of r)t.u=t.h},j={add:b=(e,...r)=>{for(let l of r.flat(1/0)){let r=n(l??0),o=r===S?y(()=>l.val):r===_?y(l):l;o!=t&&e.append(o)}return e},_:t=>(t.v=1,t),tags:m(),tagsNS:m,state:c,val:t=>v(t)?t.val:t,oldVal:t=>v(t)?t.oldVal:t,derive:V,hydrate:(t,e)=>x(t,y(e,t))},window.van=j;}
\ No newline at end of file
diff --git a/public/van-latest.debug.js b/public/van-latest.debug.js
index e30cba88..5abdfa46 100644
--- a/public/van-latest.debug.js
+++ b/public/van-latest.debug.js
@@ -28,9 +28,15 @@ const checkStateValValid = v => {
   return v
 }
 
-const state = initVal => new Proxy(van.state(checkStateValValid(initVal)), {
-  set: (s, prop, val) => (prop === "val" && checkStateValValid(val), Reflect.set(s, prop, val)),
-})
+const state = initVal => {
+  const proxy = new Proxy(van.state(checkStateValValid(initVal)), {
+    set: (s, prop, val) => {
+      prop === "val" && checkStateValValid(val)
+      return Reflect.set(s, prop, val, proxy)
+    },
+  })
+  return proxy
+}
 
 const derive = f => {
   expect(typeof(f) === "function", "Must pass-in a function to `van.derive`")
diff --git a/public/van-latest.js b/public/van-latest.js
index 74ef5267..575a08ce 100644
--- a/public/van-latest.js
+++ b/public/van-latest.js
@@ -32,25 +32,24 @@ let addStatesToGc = d => statesToGc = addAndScheduleOnFirst(statesToGc, d, () =>
 
 let stateProto = {
   get val() {
-    curDeps?.add(this)
+    curDeps?._getters?.add(this)
     return this._val
   },
 
   get oldVal() {
-    curDeps?.add(this)
+    curDeps?._getters?.add(this)
     return this._oldVal
   },
 
   set val(v) {
-    // Aliasing `this` to reduce the bundle size.
-    let s = this
-    if (v !== s._val) {
-      s._val = v
-      let listeners = [...s._listeners = keepConnected(s._listeners)]
+    curDeps?._setters?.add(this)
+    if (v !== this._val) {
+      this._val = v
+      let listeners = [...this._listeners = keepConnected(this._listeners)]
       for (let l of listeners) derive(l.f, l.s, l._dom), l._dom = _undefined
-      s._bindings.length ?
-        changedStates = addAndScheduleOnFirst(changedStates, s, updateDoms) :
-        s._oldVal = v
+      this._bindings.length ?
+        changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) :
+        this._oldVal = v
     }
   },
 }
@@ -69,21 +68,23 @@ let val = s => isState(s) ? s.val : s
 let oldVal = s => isState(s) ? s.oldVal : s
 
 let bind = (f, dom) => {
-  let deps = new Set, binding = {f}, prevNewDerives = curNewDerives
+  let deps = {_getters: new Set, _setters: new Set}, binding = {f}, prevNewDerives = curNewDerives
   curNewDerives = []
   let newDom = runAndCaptureDeps(f, deps, dom)
   newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom)
-  for (let d of deps) addStatesToGc(d), d._bindings.push(binding)
+  for (let d of deps._getters)
+    deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding))
   for (let l of curNewDerives) l._dom = newDom
   curNewDerives = prevNewDerives
   return binding._dom = newDom
 }
 
 let derive = (f, s = state(), dom) => {
-  let deps = new Set, listener = {f, s}
+  let deps = {_getters: new Set, _setters: new Set}, listener = {f, s}
   listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom
   s.val = runAndCaptureDeps(f, deps, s._val)
-  for (let d of deps) addStatesToGc(d), d._listeners.push(listener)
+  for (let d of deps._getters)
+    deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener))
   return s
 }
 
@@ -92,7 +93,7 @@ let add = (dom, ...children) => {
     let protoOfC = protoOf(c ?? 0)
     let child = protoOfC === stateProto ? bind(() => c.val) :
       protoOfC === funcProto ? bind(c) : c
-    if (child != _undefined) dom.append(child)
+    child != _undefined && dom.append(child)
   }
   return dom
 }
diff --git a/public/van-latest.min.js b/public/van-latest.min.js
index 644b2dbf..96d7d43b 100644
--- a/public/van-latest.min.js
+++ b/public/van-latest.min.js
@@ -1 +1 @@
-let e,t,l,o,r,n=Object,f=n.getPrototypeOf,s=document,a={isConnected:1},i={},d=f(a),u=f(f),_=(e,t,l,o)=>(e??(setTimeout(l,o),new Set)).add(t),h=(e,t,o)=>{let r=l;l=t;try{return e(o)}catch(e){return console.error(e),o}finally{l=r}},c=e=>e.filter(e=>e.t?.isConnected),g=t=>r=_(r,t,()=>{for(let e of r)e.l=c(e.l),e.o=c(e.o);r=e},1e3),w={get val(){return l?.add(this),this.i},get oldVal(){return l?.add(this),this.u},set val(l){let o=this;if(l!==o.i){o.i=l;let r=[...o.o=c(o.o)];for(let t of r)x(t.f,t.s,t.t),t.t=e;o.l.length?t=_(t,o,p):o.u=l}}},v=e=>({__proto__:w,i:e,u:e,l:[],o:[]}),S=e=>f(e??0)===w,y=(e,t)=>{let l=new Set,r={f:e},n=o;o=[];let f=h(e,l,t);f=(f??s).nodeType?f:new Text(f);for(let e of l)g(e),e.l.push(r);for(let e of o)e.t=f;return o=n,r.t=f},x=(e,t=v(),l)=>{let r=new Set,n={f:e,s:t};n.t=l??o?.push(n)??a,t.val=h(e,r,t.i);for(let e of r)g(e),e.o.push(n);return t},V=(t,...l)=>{for(let o of l.flat(1/0)){let l=f(o??0),r=l===w?y(()=>o.val):l===u?y(o):o;r!=e&&t.append(r)}return t},b=t=>new Proxy((l,...o)=>{let[r,...a]=f(o[0]??0)===d?o:[{},...o],_=t?s.createElementNS(t,l):s.createElement(l);for(let[t,o]of n.entries(r)){let r=l=>l?n.getOwnPropertyDescriptor(l,t)??r(f(l)):e,s=l+","+t,a=i[s]??(i[s]=r(f(_))?.set??0),d=t.startsWith("on")?(e,l)=>{let o=t.slice(2);_.removeEventListener(o,l),_.addEventListener(o,e)}:a?a.bind(_):_.setAttribute.bind(_,t),h=f(o??0);h===u&&(!t.startsWith("on")||o.h)&&(o=x(o),h=w),h===w?y(()=>(d(o.val,o.u),_)):d(o)}return V(_,...a)},{get:(t,l)=>t.bind(e,l)}),m=(e,t)=>t?t!==e&&e.replaceWith(t):e.remove(),p=()=>{let l=[...t].filter(e=>e.i!==e.u);t=e;for(let t of new Set(l.flatMap(e=>e.l=c(e.l))))m(t.t,y(t.f,t.t)),t.t=e;for(let e of l)e.u=e.i};export default{add:V,_:e=>(e.h=1,e),tags:b(),tagsNS:b,state:v,val:e=>S(e)?e.val:e,oldVal:e=>S(e)?e.oldVal:e,derive:x,hydrate:(e,t)=>m(e,y(t,e))};
\ No newline at end of file
+let t,e,r,l,o,s=Object,n=s.getPrototypeOf,f=document,i={isConnected:1},a={},h=n(i),_=n(n),d=(t,e,r,l)=>(t??(setTimeout(r,l),new Set)).add(e),u=(t,e,l)=>{let o=r;r=e;try{return t(l)}catch(t){return console.error(t),l}finally{r=o}},g=t=>t.filter(t=>t.t?.isConnected),w=e=>o=d(o,e,()=>{for(let t of o)t.l=g(t.l),t.o=g(t.o);o=t},1e3),S={get val(){return r?.i?.add(this),this.h},get oldVal(){return r?.i?.add(this),this.u},set val(l){if(r?.S?.add(this),l!==this.h){this.h=l;let r=[...this.o=g(this.o)];for(let e of r)x(e.f,e.s,e.t),e.t=t;this.l.length?e=d(e,this,p):this.u=l}}},c=t=>({__proto__:S,h:t,u:t,l:[],o:[]}),v=t=>n(t??0)===S,y=(t,e)=>{let r={i:new Set,S:new Set},o={f:t},s=l;l=[];let n=u(t,r,e);n=(n??f).nodeType?n:new Text(n);for(let t of r.i)r.S.has(t)||(w(t),t.l.push(o));for(let t of l)t.t=n;return l=s,o.t=n},x=(t,e=c(),r)=>{let o={i:new Set,S:new Set},s={f:t,s:e};s.t=r??l?.push(s)??i,e.val=u(t,o,e.h);for(let t of o.i)o.S.has(t)||(w(t),t.o.push(s));return e},V=(e,...r)=>{for(let l of r.flat(1/0)){let r=n(l??0),o=r===S?y(()=>l.val):r===_?y(l):l;o!=t&&e.append(o)}return e},b=e=>new Proxy((r,...l)=>{let[o,...i]=n(l[0]??0)===h?l:[{},...l],d=e?f.createElementNS(e,r):f.createElement(r);for(let[e,l]of s.entries(o)){let o=r=>r?s.getOwnPropertyDescriptor(r,e)??o(n(r)):t,f=r+","+e,i=a[f]??(a[f]=o(n(d))?.set??0),h=e.startsWith("on")?(t,r)=>{let l=e.slice(2);d.removeEventListener(l,r),d.addEventListener(l,t)}:i?i.bind(d):d.setAttribute.bind(d,e),u=n(l??0);u===_&&(!e.startsWith("on")||l.v)&&(l=x(l),u=S),u===S?y(()=>(h(l.val,l.u),d)):h(l)}return V(d,...i)},{get:(e,r)=>e.bind(t,r)}),m=(t,e)=>e?e!==t&&t.replaceWith(e):t.remove(),p=()=>{let r=[...e].filter(t=>t.h!==t.u);e=t;for(let e of new Set(r.flatMap(t=>t.l=g(t.l))))m(e.t,y(e.f,e.t)),e.t=t;for(let t of r)t.u=t.h};export default{add:V,_:t=>(t.v=1,t),tags:b(),tagsNS:b,state:c,val:t=>v(t)?t.val:t,oldVal:t=>v(t)?t.oldVal:t,derive:x,hydrate:(t,e)=>m(t,y(e,t))};
\ No newline at end of file
diff --git a/public/van-latest.nomodule.debug.js b/public/van-latest.nomodule.debug.js
index c2f7114a..7a64a729 100644
--- a/public/van-latest.nomodule.debug.js
+++ b/public/van-latest.nomodule.debug.js
@@ -34,21 +34,21 @@
   }, gcCycleInMs);
   var stateProto = {
     get val() {
-      curDeps?.add(this);
+      curDeps?._getters?.add(this);
       return this._val;
     },
     get oldVal() {
-      curDeps?.add(this);
+      curDeps?._getters?.add(this);
       return this._oldVal;
     },
     set val(v) {
-      let s = this;
-      if (v !== s._val) {
-        s._val = v;
-        let listeners = [...s._listeners = keepConnected(s._listeners)];
+      curDeps?._setters?.add(this);
+      if (v !== this._val) {
+        this._val = v;
+        let listeners = [...this._listeners = keepConnected(this._listeners)];
         for (let l of listeners)
           derive(l.f, l.s, l._dom), l._dom = _undefined;
-        s._bindings.length ? changedStates = addAndScheduleOnFirst(changedStates, s, updateDoms) : s._oldVal = v;
+        this._bindings.length ? changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) : this._oldVal = v;
       }
     }
   };
@@ -63,31 +63,30 @@
   var val = (s) => isState(s) ? s.val : s;
   var oldVal = (s) => isState(s) ? s.oldVal : s;
   var bind = (f, dom) => {
-    let deps = /* @__PURE__ */ new Set(), binding = { f }, prevNewDerives = curNewDerives;
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, binding = { f }, prevNewDerives = curNewDerives;
     curNewDerives = [];
     let newDom = runAndCaptureDeps(f, deps, dom);
     newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom);
-    for (let d of deps)
-      addStatesToGc(d), d._bindings.push(binding);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding));
     for (let l of curNewDerives)
       l._dom = newDom;
     curNewDerives = prevNewDerives;
     return binding._dom = newDom;
   };
   var derive = (f, s = state(), dom) => {
-    let deps = /* @__PURE__ */ new Set(), listener = { f, s };
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, listener = { f, s };
     listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom;
     s.val = runAndCaptureDeps(f, deps, s._val);
-    for (let d of deps)
-      addStatesToGc(d), d._listeners.push(listener);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener));
     return s;
   };
   var add = (dom, ...children) => {
     for (let c of children.flat(Infinity)) {
       let protoOfC = protoOf(c ?? 0);
       let child = protoOfC === stateProto ? bind(() => c.val) : protoOfC === funcProto ? bind(c) : c;
-      if (child != _undefined)
-        dom.append(child);
+      child != _undefined && dom.append(child);
     }
     return dom;
   };
@@ -144,9 +143,15 @@
     expect(!(v instanceof Node), "DOM Node is not valid value for state");
     return v;
   };
-  var state2 = (initVal) => new Proxy(van_default.state(checkStateValValid(initVal)), {
-    set: (s, prop, val2) => (prop === "val" && checkStateValValid(val2), Reflect.set(s, prop, val2))
-  });
+  var state2 = (initVal) => {
+    const proxy = new Proxy(van_default.state(checkStateValValid(initVal)), {
+      set: (s, prop, val2) => {
+        prop === "val" && checkStateValValid(val2);
+        return Reflect.set(s, prop, val2, proxy);
+      }
+    });
+    return proxy;
+  };
   var derive2 = (f) => {
     expect(typeof f === "function", "Must pass-in a function to `van.derive`");
     return van_default.derive(f);
diff --git a/public/van-latest.nomodule.js b/public/van-latest.nomodule.js
index 6ac5a4f2..1331f9fa 100644
--- a/public/van-latest.nomodule.js
+++ b/public/van-latest.nomodule.js
@@ -34,21 +34,21 @@
   }, gcCycleInMs);
   var stateProto = {
     get val() {
-      curDeps?.add(this);
+      curDeps?._getters?.add(this);
       return this._val;
     },
     get oldVal() {
-      curDeps?.add(this);
+      curDeps?._getters?.add(this);
       return this._oldVal;
     },
     set val(v) {
-      let s = this;
-      if (v !== s._val) {
-        s._val = v;
-        let listeners = [...s._listeners = keepConnected(s._listeners)];
+      curDeps?._setters?.add(this);
+      if (v !== this._val) {
+        this._val = v;
+        let listeners = [...this._listeners = keepConnected(this._listeners)];
         for (let l of listeners)
           derive(l.f, l.s, l._dom), l._dom = _undefined;
-        s._bindings.length ? changedStates = addAndScheduleOnFirst(changedStates, s, updateDoms) : s._oldVal = v;
+        this._bindings.length ? changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) : this._oldVal = v;
       }
     }
   };
@@ -63,31 +63,30 @@
   var val = (s) => isState(s) ? s.val : s;
   var oldVal = (s) => isState(s) ? s.oldVal : s;
   var bind = (f, dom) => {
-    let deps = /* @__PURE__ */ new Set(), binding = { f }, prevNewDerives = curNewDerives;
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, binding = { f }, prevNewDerives = curNewDerives;
     curNewDerives = [];
     let newDom = runAndCaptureDeps(f, deps, dom);
     newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom);
-    for (let d of deps)
-      addStatesToGc(d), d._bindings.push(binding);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding));
     for (let l of curNewDerives)
       l._dom = newDom;
     curNewDerives = prevNewDerives;
     return binding._dom = newDom;
   };
   var derive = (f, s = state(), dom) => {
-    let deps = /* @__PURE__ */ new Set(), listener = { f, s };
+    let deps = { _getters: /* @__PURE__ */ new Set(), _setters: /* @__PURE__ */ new Set() }, listener = { f, s };
     listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom;
     s.val = runAndCaptureDeps(f, deps, s._val);
-    for (let d of deps)
-      addStatesToGc(d), d._listeners.push(listener);
+    for (let d of deps._getters)
+      deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener));
     return s;
   };
   var add = (dom, ...children) => {
     for (let c of children.flat(Infinity)) {
       let protoOfC = protoOf(c ?? 0);
       let child = protoOfC === stateProto ? bind(() => c.val) : protoOfC === funcProto ? bind(c) : c;
-      if (child != _undefined)
-        dom.append(child);
+      child != _undefined && dom.append(child);
     }
     return dom;
   };
diff --git a/public/van-latest.nomodule.min.js b/public/van-latest.nomodule.min.js
index 66de07c2..49217a91 100644
--- a/public/van-latest.nomodule.min.js
+++ b/public/van-latest.nomodule.min.js
@@ -1 +1 @@
-{let e,t,l,o,r,n,f,s,a,i,d,u,_,w,h,c,g,v,S,y,V,b,m,x,T,j;f=(n=Object).getPrototypeOf,s=document,i={},d=f(a={isConnected:1}),u=f(f),_=(e,t,l,o)=>(e??(setTimeout(l,o),new Set)).add(t),w=(e,t,o)=>{let r=l;l=t;try{return e(o)}catch(e){return console.error(e),o}finally{l=r}},h=e=>e.filter(e=>e.t?.isConnected),c=t=>r=_(r,t,()=>{for(let e of r)e.l=h(e.l),e.o=h(e.o);r=e},1e3),g={get val(){return l?.add(this),this.i},get oldVal(){return l?.add(this),this.u},set val(l){let o=this;if(l!==o.i){o.i=l;let r=[...o.o=h(o.o)];for(let t of r)V(t.f,t.s,t.t),t.t=e;o.l.length?t=_(t,o,T):o.u=l}}},v=e=>({__proto__:g,i:e,u:e,l:[],o:[]}),S=e=>f(e??0)===g,y=(e,t)=>{let l=new Set,r={f:e},n=o;o=[];let f=w(e,l,t);f=(f??s).nodeType?f:new Text(f);for(let e of l)c(e),e.l.push(r);for(let e of o)e.t=f;return o=n,r.t=f},V=(e,t=v(),l)=>{let r=new Set,n={f:e,s:t};n.t=l??o?.push(n)??a,t.val=w(e,r,t.i);for(let e of r)c(e),e.o.push(n);return t},m=t=>new Proxy((l,...o)=>{let[r,...a]=f(o[0]??0)===d?o:[{},...o],_=t?s.createElementNS(t,l):s.createElement(l);for(let[t,o]of n.entries(r)){let r=l=>l?n.getOwnPropertyDescriptor(l,t)??r(f(l)):e,s=l+","+t,a=i[s]??(i[s]=r(f(_))?.set??0),d=t.startsWith("on")?(e,l)=>{let o=t.slice(2);_.removeEventListener(o,l),_.addEventListener(o,e)}:a?a.bind(_):_.setAttribute.bind(_,t),w=f(o??0);w===u&&(!t.startsWith("on")||o.h)&&(o=V(o),w=g),w===g?y(()=>(d(o.val,o.u),_)):d(o)}return b(_,...a)},{get:(t,l)=>t.bind(e,l)}),x=(e,t)=>t?t!==e&&e.replaceWith(t):e.remove(),T=()=>{let l=[...t].filter(e=>e.i!==e.u);t=e;for(let t of new Set(l.flatMap(e=>e.l=h(e.l))))x(t.t,y(t.f,t.t)),t.t=e;for(let e of l)e.u=e.i},j={add:b=(t,...l)=>{for(let o of l.flat(1/0)){let l=f(o??0),r=l===g?y(()=>o.val):l===u?y(o):o;r!=e&&t.append(r)}return t},_:e=>(e.h=1,e),tags:m(),tagsNS:m,state:v,val:e=>S(e)?e.val:e,oldVal:e=>S(e)?e.oldVal:e,derive:V,hydrate:(e,t)=>x(e,y(t,e))},window.van=j;}
\ No newline at end of file
+{let t,e,r,l,o,s,n,f,i,a,h,_,d,u,w,g,S,c,v,y,V,b,m,x,T,j;n=(s=Object).getPrototypeOf,f=document,a={},h=n(i={isConnected:1}),_=n(n),d=(t,e,r,l)=>(t??(setTimeout(r,l),new Set)).add(e),u=(t,e,l)=>{let o=r;r=e;try{return t(l)}catch(t){return console.error(t),l}finally{r=o}},w=t=>t.filter(t=>t.t?.isConnected),g=e=>o=d(o,e,()=>{for(let t of o)t.l=w(t.l),t.o=w(t.o);o=t},1e3),S={get val(){return r?.i?.add(this),this.h},get oldVal(){return r?.i?.add(this),this.u},set val(l){if(r?.S?.add(this),l!==this.h){this.h=l;let r=[...this.o=w(this.o)];for(let e of r)V(e.f,e.s,e.t),e.t=t;this.l.length?e=d(e,this,T):this.u=l}}},c=t=>({__proto__:S,h:t,u:t,l:[],o:[]}),v=t=>n(t??0)===S,y=(t,e)=>{let r={i:new Set,S:new Set},o={f:t},s=l;l=[];let n=u(t,r,e);n=(n??f).nodeType?n:new Text(n);for(let t of r.i)r.S.has(t)||(g(t),t.l.push(o));for(let t of l)t.t=n;return l=s,o.t=n},V=(t,e=c(),r)=>{let o={i:new Set,S:new Set},s={f:t,s:e};s.t=r??l?.push(s)??i,e.val=u(t,o,e.h);for(let t of o.i)o.S.has(t)||(g(t),t.o.push(s));return e},m=e=>new Proxy((r,...l)=>{let[o,...i]=n(l[0]??0)===h?l:[{},...l],d=e?f.createElementNS(e,r):f.createElement(r);for(let[e,l]of s.entries(o)){let o=r=>r?s.getOwnPropertyDescriptor(r,e)??o(n(r)):t,f=r+","+e,i=a[f]??(a[f]=o(n(d))?.set??0),h=e.startsWith("on")?(t,r)=>{let l=e.slice(2);d.removeEventListener(l,r),d.addEventListener(l,t)}:i?i.bind(d):d.setAttribute.bind(d,e),u=n(l??0);u===_&&(!e.startsWith("on")||l.v)&&(l=V(l),u=S),u===S?y(()=>(h(l.val,l.u),d)):h(l)}return b(d,...i)},{get:(e,r)=>e.bind(t,r)}),x=(t,e)=>e?e!==t&&t.replaceWith(e):t.remove(),T=()=>{let r=[...e].filter(t=>t.h!==t.u);e=t;for(let e of new Set(r.flatMap(t=>t.l=w(t.l))))x(e.t,y(e.f,e.t)),e.t=t;for(let t of r)t.u=t.h},j={add:b=(e,...r)=>{for(let l of r.flat(1/0)){let r=n(l??0),o=r===S?y(()=>l.val):r===_?y(l):l;o!=t&&e.append(o)}return e},_:t=>(t.v=1,t),tags:m(),tagsNS:m,state:c,val:t=>v(t)?t.val:t,oldVal:t=>v(t)?t.oldVal:t,derive:V,hydrate:(t,e)=>x(t,y(e,t))},window.van=j;}
\ No newline at end of file
diff --git a/public/van.version b/public/van.version
index 5975b143..589268e6 100644
--- a/public/van.version
+++ b/public/van.version
@@ -1 +1 @@
-1.2.8
\ No newline at end of file
+1.3.0
\ No newline at end of file
diff --git a/src/van.debug.js b/src/van.debug.js
index 215885c0..6787432b 100644
--- a/src/van.debug.js
+++ b/src/van.debug.js
@@ -28,9 +28,15 @@ const checkStateValValid = v => {
   return v
 }
 
-const state = initVal => new Proxy(van.state(checkStateValValid(initVal)), {
-  set: (s, prop, val) => (prop === "val" && checkStateValValid(val), Reflect.set(s, prop, val)),
-})
+const state = initVal => {
+  const proxy = new Proxy(van.state(checkStateValValid(initVal)), {
+    set: (s, prop, val) => {
+      prop === "val" && checkStateValValid(val)
+      return Reflect.set(s, prop, val, proxy)
+    },
+  })
+  return proxy
+}
 
 const derive = f => {
   expect(typeof(f) === "function", "Must pass-in a function to `van.derive`")
diff --git a/src/van.js b/src/van.js
index 74ef5267..575a08ce 100644
--- a/src/van.js
+++ b/src/van.js
@@ -32,25 +32,24 @@ let addStatesToGc = d => statesToGc = addAndScheduleOnFirst(statesToGc, d, () =>
 
 let stateProto = {
   get val() {
-    curDeps?.add(this)
+    curDeps?._getters?.add(this)
     return this._val
   },
 
   get oldVal() {
-    curDeps?.add(this)
+    curDeps?._getters?.add(this)
     return this._oldVal
   },
 
   set val(v) {
-    // Aliasing `this` to reduce the bundle size.
-    let s = this
-    if (v !== s._val) {
-      s._val = v
-      let listeners = [...s._listeners = keepConnected(s._listeners)]
+    curDeps?._setters?.add(this)
+    if (v !== this._val) {
+      this._val = v
+      let listeners = [...this._listeners = keepConnected(this._listeners)]
       for (let l of listeners) derive(l.f, l.s, l._dom), l._dom = _undefined
-      s._bindings.length ?
-        changedStates = addAndScheduleOnFirst(changedStates, s, updateDoms) :
-        s._oldVal = v
+      this._bindings.length ?
+        changedStates = addAndScheduleOnFirst(changedStates, this, updateDoms) :
+        this._oldVal = v
     }
   },
 }
@@ -69,21 +68,23 @@ let val = s => isState(s) ? s.val : s
 let oldVal = s => isState(s) ? s.oldVal : s
 
 let bind = (f, dom) => {
-  let deps = new Set, binding = {f}, prevNewDerives = curNewDerives
+  let deps = {_getters: new Set, _setters: new Set}, binding = {f}, prevNewDerives = curNewDerives
   curNewDerives = []
   let newDom = runAndCaptureDeps(f, deps, dom)
   newDom = (newDom ?? doc).nodeType ? newDom : new Text(newDom)
-  for (let d of deps) addStatesToGc(d), d._bindings.push(binding)
+  for (let d of deps._getters)
+    deps._setters.has(d) || (addStatesToGc(d), d._bindings.push(binding))
   for (let l of curNewDerives) l._dom = newDom
   curNewDerives = prevNewDerives
   return binding._dom = newDom
 }
 
 let derive = (f, s = state(), dom) => {
-  let deps = new Set, listener = {f, s}
+  let deps = {_getters: new Set, _setters: new Set}, listener = {f, s}
   listener._dom = dom ?? curNewDerives?.push(listener) ?? alwaysConnectedDom
   s.val = runAndCaptureDeps(f, deps, s._val)
-  for (let d of deps) addStatesToGc(d), d._listeners.push(listener)
+  for (let d of deps._getters)
+    deps._setters.has(d) || (addStatesToGc(d), d._listeners.push(listener))
   return s
 }
 
@@ -92,7 +93,7 @@ let add = (dom, ...children) => {
     let protoOfC = protoOf(c ?? 0)
     let child = protoOfC === stateProto ? bind(() => c.val) :
       protoOfC === funcProto ? bind(c) : c
-    if (child != _undefined) dom.append(child)
+    child != _undefined && dom.append(child)
   }
   return dom
 }
diff --git a/test/van.test.js b/test/van.test.js
index 22133c01..71a46b37 100644
--- a/test/van.test.js
+++ b/test/van.test.js
@@ -555,6 +555,30 @@ const runTests = async (van, msgDom, { debug }) => {
             assertEq(s2.val, 1);
             assertEq(s3.val, 9);
         },
+        derive_selfRef: withHiddenDom(async (hiddenDom) => {
+            const CheckboxCounter = () => {
+                const checked = van.state(false), numChecked = van.state(0);
+                van.derive(() => {
+                    if (checked.val)
+                        ++numChecked.val;
+                });
+                return div(input({ type: "checkbox", checked, onclick: e => checked.val = e.target.checked }), " Checked ", numChecked, " times. ", button({ onclick: () => numChecked.val = 0 }, "Reset"));
+            };
+            van.add(hiddenDom, CheckboxCounter());
+            assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 0 times. <button>Reset</button></div>');
+            hiddenDom.querySelector("input").click();
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 1 times. <button>Reset</button></div>');
+            hiddenDom.querySelector("input").click();
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 1 times. <button>Reset</button></div>');
+            hiddenDom.querySelector("input").click();
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 2 times. <button>Reset</button></div>');
+            hiddenDom.querySelector("button").click();
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 0 times. <button>Reset</button></div>');
+        }),
         stateDerivedChild_dynamicDom: withHiddenDom(async (hiddenDom) => {
             const verticalPlacement = van.state(false);
             const button1Text = van.state("Button 1"), button2Text = van.state("Button 2"), button3Text = van.state("Button 3");
diff --git a/test/van.test.nomodule.js b/test/van.test.nomodule.js
index 12e95741..1c493a4b 100644
--- a/test/van.test.nomodule.js
+++ b/test/van.test.nomodule.js
@@ -519,6 +519,30 @@
         assertEq(s2.val, 1);
         assertEq(s3.val, 9);
       },
+      derive_selfRef: withHiddenDom(async (hiddenDom) => {
+        const CheckboxCounter = () => {
+          const checked = van2.state(false), numChecked = van2.state(0);
+          van2.derive(() => {
+            if (checked.val)
+              ++numChecked.val;
+          });
+          return div2(input({ type: "checkbox", checked, onclick: (e) => checked.val = e.target.checked }), " Checked ", numChecked, " times. ", button({ onclick: () => numChecked.val = 0 }, "Reset"));
+        };
+        van2.add(hiddenDom, CheckboxCounter());
+        assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 0 times. <button>Reset</button></div>');
+        hiddenDom.querySelector("input").click();
+        await sleep(waitMsOnDomUpdates);
+        assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 1 times. <button>Reset</button></div>');
+        hiddenDom.querySelector("input").click();
+        await sleep(waitMsOnDomUpdates);
+        assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 1 times. <button>Reset</button></div>');
+        hiddenDom.querySelector("input").click();
+        await sleep(waitMsOnDomUpdates);
+        assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 2 times. <button>Reset</button></div>');
+        hiddenDom.querySelector("button").click();
+        await sleep(waitMsOnDomUpdates);
+        assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 0 times. <button>Reset</button></div>');
+      }),
       stateDerivedChild_dynamicDom: withHiddenDom(async (hiddenDom) => {
         const verticalPlacement = van2.state(false);
         const button1Text = van2.state("Button 1"), button2Text = van2.state("Button 2"), button3Text = van2.state("Button 3");
diff --git a/test/van.test.ts b/test/van.test.ts
index 119277f5..713ee729 100644
--- a/test/van.test.ts
+++ b/test/van.test.ts
@@ -705,6 +705,41 @@ const runTests = async (van: VanForTesting, msgDom: Element, {debug}: BundleOpti
       assertEq(s3.val, 9)
     },
 
+    derive_selfRef: withHiddenDom(async hiddenDom => {
+      const CheckboxCounter = () => {
+        const checked = van.state(false), numChecked = van.state(0)
+        van.derive(() => {
+          if (checked.val) ++numChecked.val
+        })
+
+        return div(
+          input({type: "checkbox", checked, onclick: e => checked.val = e.target.checked}),
+          " Checked ", numChecked, " times. ",
+          button({onclick: () => numChecked.val = 0}, "Reset"),
+        )
+      }
+
+      van.add(hiddenDom, CheckboxCounter())
+
+      assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 0 times. <button>Reset</button></div>')
+
+      hiddenDom.querySelector("input")!.click()
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 1 times. <button>Reset</button></div>')
+
+      hiddenDom.querySelector("input")!.click()
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 1 times. <button>Reset</button></div>')
+
+      hiddenDom.querySelector("input")!.click()
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 2 times. <button>Reset</button></div>')
+
+      hiddenDom.querySelector("button")!.click()
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.innerHTML, '<div><input type="checkbox"> Checked 0 times. <button>Reset</button></div>')
+    }),
+
     stateDerivedChild_dynamicDom: withHiddenDom(async hiddenDom => {
       const verticalPlacement = van.state(false)
       const button1Text = van.state("Button 1"), button2Text = van.state("Button 2"), button3Text = van.state("Button 3")
diff --git a/x/examples/list-advanced/package-lock.json b/x/examples/list-advanced/package-lock.json
index 16d06c2e..887590da 100644
--- a/x/examples/list-advanced/package-lock.json
+++ b/x/examples/list-advanced/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "terser": "^5.21.0",
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ext": "^0.2.4"
       },
       "devDependencies": {
@@ -604,9 +604,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ext": {
       "version": "0.2.4",
diff --git a/x/examples/list-advanced/package.json b/x/examples/list-advanced/package.json
index 01f42108..b508b75d 100644
--- a/x/examples/list-advanced/package.json
+++ b/x/examples/list-advanced/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "terser": "^5.21.0",
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ext": "^0.2.4"
   }
 }
diff --git a/x/examples/list-basic/package-lock.json b/x/examples/list-basic/package-lock.json
index 9eab8713..baa336c4 100644
--- a/x/examples/list-basic/package-lock.json
+++ b/x/examples/list-basic/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "terser": "^5.21.0",
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ext": "^0.2.4"
       },
       "devDependencies": {
@@ -604,9 +604,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ext": {
       "version": "0.2.4",
diff --git a/x/examples/list-basic/package.json b/x/examples/list-basic/package.json
index 6ee688c1..1e844039 100644
--- a/x/examples/list-basic/package.json
+++ b/x/examples/list-basic/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "terser": "^5.21.0",
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ext": "^0.2.4"
   }
 }
diff --git a/x/examples/reactive/package-lock.json b/x/examples/reactive/package-lock.json
index a5ca91b3..87b4f032 100644
--- a/x/examples/reactive/package-lock.json
+++ b/x/examples/reactive/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "terser": "^5.21.0",
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ext": "^0.2.4"
       },
       "devDependencies": {
@@ -604,9 +604,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ext": {
       "version": "0.2.4",
diff --git a/x/examples/reactive/package.json b/x/examples/reactive/package.json
index 1278f3f3..6020bb8f 100644
--- a/x/examples/reactive/package.json
+++ b/x/examples/reactive/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "terser": "^5.21.0",
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ext": "^0.2.4"
   }
 }
diff --git a/x/examples/todo-app/package-lock.json b/x/examples/todo-app/package-lock.json
index bf075a40..de08792c 100644
--- a/x/examples/todo-app/package-lock.json
+++ b/x/examples/todo-app/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "terser": "^5.21.0",
-        "vanjs-core": "^1.2.8",
+        "vanjs-core": "^1.3.0",
         "vanjs-ext": "^0.2.4"
       },
       "devDependencies": {
@@ -604,9 +604,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/vanjs-ext": {
       "version": "0.2.4",
diff --git a/x/examples/todo-app/package.json b/x/examples/todo-app/package.json
index 6381b2db..9d7128ec 100644
--- a/x/examples/todo-app/package.json
+++ b/x/examples/todo-app/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "terser": "^5.21.0",
-    "vanjs-core": "^1.2.8",
+    "vanjs-core": "^1.3.0",
     "vanjs-ext": "^0.2.4"
   }
 }
diff --git a/x/package-lock.json b/x/package-lock.json
index e7e859e2..cf927357 100644
--- a/x/package-lock.json
+++ b/x/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.2.4",
       "license": "MIT",
       "dependencies": {
-        "vanjs-core": "^1.2.8"
+        "vanjs-core": "^1.3.0"
       },
       "devDependencies": {
         "node-jq": "^4.0.1",
@@ -1443,9 +1443,9 @@
       }
     },
     "node_modules/vanjs-core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.2.8.tgz",
-      "integrity": "sha512-YCyFLL8xwBs442qDHqJ8E0OU58fgag4+bVx16KUYJmDK9mopIlI0fFqizqjArauFPqPZ7iGXfjhQOddCnj0b9Q=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vanjs-core/-/vanjs-core-1.3.0.tgz",
+      "integrity": "sha512-wEhcSzH5rXP51i+FaUBK9z79rx6pA5/9K5amq4fiEKxTTnJvRwZdqPP8Zx32NuiAW4IITOT4SJW+jh+pZ+q6ew=="
     },
     "node_modules/which": {
       "version": "1.3.1",
diff --git a/x/package.json b/x/package.json
index 11fcbf31..d1236b4a 100644
--- a/x/package.json
+++ b/x/package.json
@@ -37,7 +37,7 @@
   },
   "homepage": "https://vanjs.org/x",
   "dependencies": {
-    "vanjs-core": "^1.2.8"
+    "vanjs-core": "^1.3.0"
   },
   "devDependencies": {
     "node-jq": "^4.0.1",
diff --git a/x/test/van-x.test.js b/x/test/van-x.test.js
index 2bbe03a6..10a58204 100644
--- a/x/test/van-x.test.js
+++ b/x/test/van-x.test.js
@@ -1,6 +1,6 @@
 window.numTests = 0;
 window.runTests = async (van, vanX, file) => {
-    const { a, button, code, div, h2, li, ol, pre, span, sup, ul } = van.tags;
+    const { a, button, code, div, h2, input, li, ol, pre, span, sup, ul } = van.tags;
     const assertEq = (lhs, rhs) => {
         if (lhs !== rhs)
             throw new Error(`Assertion failed. Expected equal. Actual lhs: ${lhs}, rhs: ${rhs}.`);
@@ -735,6 +735,54 @@ window.runTests = async (van, vanX, file) => {
             await sleep(waitMsOnDomUpdates);
             assertEq(hiddenDom.innerHTML, '<ul><li>candy</li></ul>');
         }),
+        replaceInSideEffect_array: withHiddenDom(async (hiddenDom) => {
+            const countries = [
+                "Argentina", "Bolivia", "Brazil", "Chile", "Colombia", "Ecuador", "Guyana",
+                "Paraguay", "Peru", "Suriname", "Uruguay", "Venezuela",
+            ];
+            const filter = van.state("");
+            const filteredCountries = vanX.reactive([]);
+            van.derive(() => vanX.replace(filteredCountries, () => countries.filter(c => c.toLowerCase().includes(filter.val.toLowerCase()))));
+            van.add(hiddenDom, div("Countries in South America. Filter: ", input({ type: "text", value: filter, oninput: e => filter.val = e.target.value })), vanX.list(ul, filteredCountries, v => li(v)));
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina</li><li>Bolivia</li><li>Brazil</li><li>Chile</li><li>Colombia</li><li>Ecuador</li><li>Guyana</li><li>Paraguay</li><li>Peru</li><li>Suriname</li><li>Uruguay</li><li>Venezuela</li>");
+            hiddenDom.querySelector("input").value = "i";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina</li><li>Bolivia</li><li>Brazil</li><li>Chile</li><li>Colombia</li><li>Suriname</li>");
+            hiddenDom.querySelector("input").value = "il";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Brazil</li><li>Chile</li>");
+        }),
+        replaceInSideEffect_obj: withHiddenDom(async (hiddenDom) => {
+            const countryToPopulation = {
+                "Argentina": 45195777,
+                "Bolivia": 11673029,
+                "Brazil": 213993437,
+                "Chile": 19116209,
+                "Colombia": 50882884,
+                "Ecuador": 17643060,
+                "Guyana": 786559,
+                "Paraguay": 7132530,
+                "Peru": 32971846,
+                "Suriname": 586634,
+                "Uruguay": 3473727,
+                "Venezuela": 28435943,
+            };
+            const filter = van.state("");
+            const filteredCountryToPopulation = vanX.reactive({});
+            van.derive(() => vanX.replace(filteredCountryToPopulation, () => Object.entries(countryToPopulation).filter(([c, _]) => c.toLowerCase().includes(filter.val.toLowerCase()))));
+            van.add(hiddenDom, div("Population of countries in South America. Filter: ", input({ type: "text", value: filter, oninput: e => filter.val = e.target.value })), vanX.list(ul, filteredCountryToPopulation, (v, _deleter, k) => li(k, ": ", v)));
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina: 45195777</li><li>Bolivia: 11673029</li><li>Brazil: 213993437</li><li>Chile: 19116209</li><li>Colombia: 50882884</li><li>Ecuador: 17643060</li><li>Guyana: 786559</li><li>Paraguay: 7132530</li><li>Peru: 32971846</li><li>Suriname: 586634</li><li>Uruguay: 3473727</li><li>Venezuela: 28435943</li>");
+            hiddenDom.querySelector("input").value = "i";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina: 45195777</li><li>Bolivia: 11673029</li><li>Brazil: 213993437</li><li>Chile: 19116209</li><li>Colombia: 50882884</li><li>Suriname: 586634</li>");
+            hiddenDom.querySelector("input").value = "il";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Brazil: 213993437</li><li>Chile: 19116209</li>");
+        }),
     };
     const gcTests = {
         list_activeGc: withHiddenDom(async (hiddenDom) => {
diff --git a/x/test/van-x.test.nomodule.js b/x/test/van-x.test.nomodule.js
index 90da42f0..66aa246f 100644
--- a/x/test/van-x.test.nomodule.js
+++ b/x/test/van-x.test.nomodule.js
@@ -1,6 +1,6 @@
 window.numTests = 0;
 window.runTests = async (van, vanX, file) => {
-    const { a, button, code, div, h2, li, ol, pre, span, sup, ul } = van.tags;
+    const { a, button, code, div, h2, input, li, ol, pre, span, sup, ul } = van.tags;
     const assertEq = (lhs, rhs) => {
         if (lhs !== rhs)
             throw new Error(`Assertion failed. Expected equal. Actual lhs: ${lhs}, rhs: ${rhs}.`);
@@ -735,6 +735,54 @@ window.runTests = async (van, vanX, file) => {
             await sleep(waitMsOnDomUpdates);
             assertEq(hiddenDom.innerHTML, '<ul><li>candy</li></ul>');
         }),
+        replaceInSideEffect_array: withHiddenDom(async (hiddenDom) => {
+            const countries = [
+                "Argentina", "Bolivia", "Brazil", "Chile", "Colombia", "Ecuador", "Guyana",
+                "Paraguay", "Peru", "Suriname", "Uruguay", "Venezuela",
+            ];
+            const filter = van.state("");
+            const filteredCountries = vanX.reactive([]);
+            van.derive(() => vanX.replace(filteredCountries, () => countries.filter(c => c.toLowerCase().includes(filter.val.toLowerCase()))));
+            van.add(hiddenDom, div("Countries in South America. Filter: ", input({ type: "text", value: filter, oninput: e => filter.val = e.target.value })), vanX.list(ul, filteredCountries, v => li(v)));
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina</li><li>Bolivia</li><li>Brazil</li><li>Chile</li><li>Colombia</li><li>Ecuador</li><li>Guyana</li><li>Paraguay</li><li>Peru</li><li>Suriname</li><li>Uruguay</li><li>Venezuela</li>");
+            hiddenDom.querySelector("input").value = "i";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina</li><li>Bolivia</li><li>Brazil</li><li>Chile</li><li>Colombia</li><li>Suriname</li>");
+            hiddenDom.querySelector("input").value = "il";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Brazil</li><li>Chile</li>");
+        }),
+        replaceInSideEffect_obj: withHiddenDom(async (hiddenDom) => {
+            const countryToPopulation = {
+                "Argentina": 45195777,
+                "Bolivia": 11673029,
+                "Brazil": 213993437,
+                "Chile": 19116209,
+                "Colombia": 50882884,
+                "Ecuador": 17643060,
+                "Guyana": 786559,
+                "Paraguay": 7132530,
+                "Peru": 32971846,
+                "Suriname": 586634,
+                "Uruguay": 3473727,
+                "Venezuela": 28435943,
+            };
+            const filter = van.state("");
+            const filteredCountryToPopulation = vanX.reactive({});
+            van.derive(() => vanX.replace(filteredCountryToPopulation, () => Object.entries(countryToPopulation).filter(([c, _]) => c.toLowerCase().includes(filter.val.toLowerCase()))));
+            van.add(hiddenDom, div("Population of countries in South America. Filter: ", input({ type: "text", value: filter, oninput: e => filter.val = e.target.value })), vanX.list(ul, filteredCountryToPopulation, (v, _deleter, k) => li(k, ": ", v)));
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina: 45195777</li><li>Bolivia: 11673029</li><li>Brazil: 213993437</li><li>Chile: 19116209</li><li>Colombia: 50882884</li><li>Ecuador: 17643060</li><li>Guyana: 786559</li><li>Paraguay: 7132530</li><li>Peru: 32971846</li><li>Suriname: 586634</li><li>Uruguay: 3473727</li><li>Venezuela: 28435943</li>");
+            hiddenDom.querySelector("input").value = "i";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Argentina: 45195777</li><li>Bolivia: 11673029</li><li>Brazil: 213993437</li><li>Chile: 19116209</li><li>Colombia: 50882884</li><li>Suriname: 586634</li>");
+            hiddenDom.querySelector("input").value = "il";
+            hiddenDom.querySelector("input").dispatchEvent(new Event("input"));
+            await sleep(waitMsOnDomUpdates);
+            assertEq(hiddenDom.querySelector("ul").innerHTML, "<li>Brazil: 213993437</li><li>Chile: 19116209</li>");
+        }),
     };
     const gcTests = {
         list_activeGc: withHiddenDom(async (hiddenDom) => {
diff --git a/x/test/van-x.test.ts b/x/test/van-x.test.ts
index bc75adc4..30b5d468 100644
--- a/x/test/van-x.test.ts
+++ b/x/test/van-x.test.ts
@@ -8,7 +8,7 @@ declare global {
 window.numTests = 0
 
 window.runTests = async (van: Van, vanX: typeof vanXObj, file: string) => {
-  const {a, button, code, div, h2, li, ol, pre, span, sup, ul} = van.tags
+  const {a, button, code, div, h2, input, li, ol, pre, span, sup, ul} = van.tags
 
   const assertEq = (lhs: string | number | Node | undefined, rhs: string | number | Node | undefined) => {
     if (lhs !== rhs) throw new Error(`Assertion failed. Expected equal. Actual lhs: ${lhs}, rhs: ${rhs}.`)
@@ -1032,6 +1032,81 @@ window.runTests = async (van: Van, vanX: typeof vanXObj, file: string) => {
       await sleep(waitMsOnDomUpdates)
       assertEq(hiddenDom.innerHTML, '<ul><li>candy</li></ul>')
     }),
+
+    replaceInSideEffect_array: withHiddenDom(async hiddenDom => {
+      const countries = [
+        "Argentina", "Bolivia", "Brazil", "Chile", "Colombia", "Ecuador", "Guyana",
+        "Paraguay", "Peru", "Suriname", "Uruguay", "Venezuela",
+      ]
+
+      const filter = van.state("")
+      const filteredCountries = vanX.reactive<string[]>([])
+      van.derive(() => vanX.replace(filteredCountries, () => countries.filter(
+        c => c.toLowerCase().includes(filter.val.toLowerCase()))))
+
+      van.add(hiddenDom,
+        div(
+          "Countries in South America. Filter: ",
+          input({type: "text", value: filter, oninput: e => filter.val = e.target.value})
+        ),
+        vanX.list(ul, filteredCountries, v => li(v)),
+      )
+      assertEq(hiddenDom.querySelector("ul")!.innerHTML, "<li>Argentina</li><li>Bolivia</li><li>Brazil</li><li>Chile</li><li>Colombia</li><li>Ecuador</li><li>Guyana</li><li>Paraguay</li><li>Peru</li><li>Suriname</li><li>Uruguay</li><li>Venezuela</li>")
+
+      hiddenDom.querySelector("input")!.value = "i"
+      hiddenDom.querySelector("input")!.dispatchEvent(new Event("input"))
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.querySelector("ul")!.innerHTML, "<li>Argentina</li><li>Bolivia</li><li>Brazil</li><li>Chile</li><li>Colombia</li><li>Suriname</li>")
+
+      hiddenDom.querySelector("input")!.value = "il"
+      hiddenDom.querySelector("input")!.dispatchEvent(new Event("input"))
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.querySelector("ul")!.innerHTML, "<li>Brazil</li><li>Chile</li>")
+    }),
+
+    replaceInSideEffect_obj: withHiddenDom(async hiddenDom => {
+      const countryToPopulation = {
+        "Argentina": 45195777,
+        "Bolivia": 11673029,
+        "Brazil": 213993437,
+        "Chile": 19116209,
+        "Colombia": 50882884,
+        "Ecuador": 17643060,
+        "Guyana": 786559,
+        "Paraguay": 7132530,
+        "Peru": 32971846,
+        "Suriname": 586634,
+        "Uruguay": 3473727,
+        "Venezuela": 28435943,
+      };
+
+      const filter = van.state("")
+      const filteredCountryToPopulation = vanX.reactive<Record<string, number>>({})
+      van.derive(() => vanX.replace(filteredCountryToPopulation, () =>
+        Object.entries(countryToPopulation).filter(
+          ([c, _]) => c.toLowerCase().includes(filter.val.toLowerCase())
+        )
+      ))
+
+      van.add(hiddenDom,
+        div(
+          "Population of countries in South America. Filter: ",
+          input({type: "text", value: filter, oninput: e => filter.val = e.target.value})
+        ),
+        vanX.list(ul, filteredCountryToPopulation, (v, _deleter, k) => li(k, ": ", v)),
+      )
+      assertEq(hiddenDom.querySelector("ul")!.innerHTML, "<li>Argentina: 45195777</li><li>Bolivia: 11673029</li><li>Brazil: 213993437</li><li>Chile: 19116209</li><li>Colombia: 50882884</li><li>Ecuador: 17643060</li><li>Guyana: 786559</li><li>Paraguay: 7132530</li><li>Peru: 32971846</li><li>Suriname: 586634</li><li>Uruguay: 3473727</li><li>Venezuela: 28435943</li>")
+
+      hiddenDom.querySelector("input")!.value = "i"
+      hiddenDom.querySelector("input")!.dispatchEvent(new Event("input"))
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.querySelector("ul")!.innerHTML, "<li>Argentina: 45195777</li><li>Bolivia: 11673029</li><li>Brazil: 213993437</li><li>Chile: 19116209</li><li>Colombia: 50882884</li><li>Suriname: 586634</li>")
+
+      hiddenDom.querySelector("input")!.value = "il"
+      hiddenDom.querySelector("input")!.dispatchEvent(new Event("input"))
+      await sleep(waitMsOnDomUpdates)
+      assertEq(hiddenDom.querySelector("ul")!.innerHTML, "<li>Brazil: 213993437</li><li>Chile: 19116209</li>")
+    }),
   }
 
   const gcTests = {