@pyreon/core 0.16.0 → 0.18.0

package/README.md

@@ -50,6 +50,7 @@ Lifecycle hook arrays are lazy-allocated -- `LifecycleHooks.mount`/`.unmount`/`.
 
 - **`makeReactiveProps(raw)`** -- Converts compiler-emitted `_rp()` wrappers into getter properties. Uses a scan-first strategy: checks for any branded reactive prop before allocating the result object. Static-only components return `raw` immediately with no allocation.
 - **`_rp(fn)`** -- Brands a function as a reactive prop wrapper (compiler-emitted, not user-facing).
+- **`_wrapSpread(source)`** -- Compiler-emitted helper that makes JSX spread on a component reactivity-safe. For `<Comp {...source}>`, the compiler emits `<Comp {..._wrapSpread(source)}>`. `_wrapSpread` walks `source`'s own keys without firing getters and re-brands each getter-shaped value as an `_rp` thunk pointing back at the live source. JS spread then carries the brands as plain data properties; `makeReactiveProps` converts them back to getters on the consumer side -- so reactive props survive the spread end-to-end. Fast path: when `source` has no getter descriptors, returns the source unchanged (zero cost). Not user-facing; emitted automatically by `@pyreon/compiler` for any component JSX with a spread. See `docs/patterns/reactive-spread.md` for the full contract.
 
 ### Context
 

package/lib/analysis/index.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"46e89893-1","name":"lifecycle.ts"},{"uid":"46e89893-3","name":"component.ts"},{"uid":"46e89893-5","name":"compat-marker.ts"},{"uid":"46e89893-7","name":"context.ts"},{"uid":"46e89893-9","name":"h.ts"},{"uid":"46e89893-11","name":"dynamic.ts"},{"uid":"46e89893-13","name":"telemetry.ts"},{"uid":"46e89893-15","name":"error-boundary.ts"},{"uid":"46e89893-17","name":"for.ts"},{"uid":"46e89893-19","name":"lazy.ts"},{"uid":"46e89893-21","name":"map-array.ts"},{"uid":"46e89893-23","name":"portal.ts"},{"uid":"46e89893-25","name":"props.ts"},{"uid":"46e89893-27","name":"ref.ts"},{"uid":"46e89893-29","name":"show.ts"},{"uid":"46e89893-31","name":"style.ts"},{"uid":"46e89893-33","name":"suspense.ts"},{"uid":"46e89893-35","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"46e89893-1":{"renderedLength":3078,"gzipLength":1313,"brotliLength":0,"metaUid":"46e89893-0"},"46e89893-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"46e89893-2"},"46e89893-5":{"renderedLength":3173,"gzipLength":1409,"brotliLength":0,"metaUid":"46e89893-4"},"46e89893-7":{"renderedLength":3600,"gzipLength":1542,"brotliLength":0,"metaUid":"46e89893-6"},"46e89893-9":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"46e89893-8"},"46e89893-11":{"renderedLength":490,"gzipLength":291,"brotliLength":0,"metaUid":"46e89893-10"},"46e89893-13":{"renderedLength":1208,"gzipLength":633,"brotliLength":0,"metaUid":"46e89893-12"},"46e89893-15":{"renderedLength":1659,"gzipLength":842,"brotliLength":0,"metaUid":"46e89893-14"},"46e89893-17":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"46e89893-16"},"46e89893-19":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"46e89893-18"},"46e89893-21":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"46e89893-20"},"46e89893-23":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"46e89893-22"},"46e89893-25":{"renderedLength":4339,"gzipLength":1641,"brotliLength":0,"metaUid":"46e89893-24"},"46e89893-27":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"46e89893-26"},"46e89893-29":{"renderedLength":2022,"gzipLength":854,"brotliLength":0,"metaUid":"46e89893-28"},"46e89893-31":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"46e89893-30"},"46e89893-33":{"renderedLength":1104,"gzipLength":614,"brotliLength":0,"metaUid":"46e89893-32"},"46e89893-35":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"46e89893-34"}},"nodeMetas":{"46e89893-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"46e89893-1"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-2"},{"uid":"46e89893-6"},{"uid":"46e89893-14"}]},"46e89893-2":{"id":"/src/component.ts","moduleParts":{"index.js":"46e89893-3"},"imported":[{"uid":"46e89893-0"}],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-14"}]},"46e89893-4":{"id":"/src/compat-marker.ts","moduleParts":{"index.js":"46e89893-5"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-14"}]},"46e89893-6":{"id":"/src/context.ts","moduleParts":{"index.js":"46e89893-7"},"imported":[{"uid":"46e89893-36"},{"uid":"46e89893-0"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-8":{"id":"/src/h.ts","moduleParts":{"index.js":"46e89893-9"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-10"},{"uid":"46e89893-18"},{"uid":"46e89893-32"}]},"46e89893-10":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"46e89893-11"},"imported":[{"uid":"46e89893-8"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-12":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"46e89893-13"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-14"}]},"46e89893-14":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"46e89893-15"},"imported":[{"uid":"46e89893-36"},{"uid":"46e89893-4"},{"uid":"46e89893-2"},{"uid":"46e89893-0"},{"uid":"46e89893-12"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-16":{"id":"/src/for.ts","moduleParts":{"index.js":"46e89893-17"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-18":{"id":"/src/lazy.ts","moduleParts":{"index.js":"46e89893-19"},"imported":[{"uid":"46e89893-36"},{"uid":"46e89893-8"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-20":{"id":"/src/map-array.ts","moduleParts":{"index.js":"46e89893-21"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-22":{"id":"/src/portal.ts","moduleParts":{"index.js":"46e89893-23"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-24":{"id":"/src/props.ts","moduleParts":{"index.js":"46e89893-25"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-26":{"id":"/src/ref.ts","moduleParts":{"index.js":"46e89893-27"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-28":{"id":"/src/show.ts","moduleParts":{"index.js":"46e89893-29"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-30":{"id":"/src/style.ts","moduleParts":{"index.js":"46e89893-31"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-32":{"id":"/src/suspense.ts","moduleParts":{"index.js":"46e89893-33"},"imported":[{"uid":"46e89893-8"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-34":{"id":"/src/index.ts","moduleParts":{"index.js":"46e89893-35"},"imported":[{"uid":"46e89893-2"},{"uid":"46e89893-4"},{"uid":"46e89893-6"},{"uid":"46e89893-10"},{"uid":"46e89893-14"},{"uid":"46e89893-16"},{"uid":"46e89893-8"},{"uid":"46e89893-18"},{"uid":"46e89893-0"},{"uid":"46e89893-20"},{"uid":"46e89893-22"},{"uid":"46e89893-24"},{"uid":"46e89893-26"},{"uid":"46e89893-28"},{"uid":"46e89893-30"},{"uid":"46e89893-32"},{"uid":"46e89893-12"}],"importedBy":[],"isEntry":true},"46e89893-36":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"46e89893-6"},{"uid":"46e89893-14"},{"uid":"46e89893-18"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"5310d1da-1","name":"lifecycle.ts"},{"uid":"5310d1da-3","name":"component.ts"},{"uid":"5310d1da-5","name":"compat-marker.ts"},{"uid":"5310d1da-7","name":"context.ts"},{"uid":"5310d1da-9","name":"h.ts"},{"uid":"5310d1da-11","name":"dynamic.ts"},{"uid":"5310d1da-13","name":"telemetry.ts"},{"uid":"5310d1da-15","name":"error-boundary.ts"},{"uid":"5310d1da-17","name":"for.ts"},{"uid":"5310d1da-19","name":"ref.ts"},{"uid":"5310d1da-21","name":"defer.ts"},{"uid":"5310d1da-23","name":"lazy.ts"},{"uid":"5310d1da-25","name":"map-array.ts"},{"uid":"5310d1da-27","name":"portal.ts"},{"uid":"5310d1da-29","name":"props.ts"},{"uid":"5310d1da-31","name":"show.ts"},{"uid":"5310d1da-33","name":"style.ts"},{"uid":"5310d1da-35","name":"suspense.ts"},{"uid":"5310d1da-37","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"5310d1da-1":{"renderedLength":3078,"gzipLength":1313,"brotliLength":0,"metaUid":"5310d1da-0"},"5310d1da-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"5310d1da-2"},"5310d1da-5":{"renderedLength":3173,"gzipLength":1409,"brotliLength":0,"metaUid":"5310d1da-4"},"5310d1da-7":{"renderedLength":3600,"gzipLength":1542,"brotliLength":0,"metaUid":"5310d1da-6"},"5310d1da-9":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"5310d1da-8"},"5310d1da-11":{"renderedLength":490,"gzipLength":291,"brotliLength":0,"metaUid":"5310d1da-10"},"5310d1da-13":{"renderedLength":1208,"gzipLength":633,"brotliLength":0,"metaUid":"5310d1da-12"},"5310d1da-15":{"renderedLength":1659,"gzipLength":843,"brotliLength":0,"metaUid":"5310d1da-14"},"5310d1da-17":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"5310d1da-16"},"5310d1da-19":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"5310d1da-18"},"5310d1da-21":{"renderedLength":3979,"gzipLength":1715,"brotliLength":0,"metaUid":"5310d1da-20"},"5310d1da-23":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"5310d1da-22"},"5310d1da-25":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"5310d1da-24"},"5310d1da-27":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"5310d1da-26"},"5310d1da-29":{"renderedLength":6310,"gzipLength":2344,"brotliLength":0,"metaUid":"5310d1da-28"},"5310d1da-31":{"renderedLength":2022,"gzipLength":854,"brotliLength":0,"metaUid":"5310d1da-30"},"5310d1da-33":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"5310d1da-32"},"5310d1da-35":{"renderedLength":1104,"gzipLength":614,"brotliLength":0,"metaUid":"5310d1da-34"},"5310d1da-37":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"5310d1da-36"}},"nodeMetas":{"5310d1da-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"5310d1da-1"},"imported":[],"importedBy":[{"uid":"5310d1da-36"},{"uid":"5310d1da-2"},{"uid":"5310d1da-6"},{"uid":"5310d1da-14"},{"uid":"5310d1da-20"}]},"5310d1da-2":{"id":"/src/component.ts","moduleParts":{"index.js":"5310d1da-3"},"imported":[{"uid":"5310d1da-0"}],"importedBy":[{"uid":"5310d1da-36"},{"uid":"5310d1da-14"}]},"5310d1da-4":{"id":"/src/compat-marker.ts","moduleParts":{"index.js":"5310d1da-5"},"imported":[],"importedBy":[{"uid":"5310d1da-36"},{"uid":"5310d1da-14"}]},"5310d1da-6":{"id":"/src/context.ts","moduleParts":{"index.js":"5310d1da-7"},"imported":[{"uid":"5310d1da-38"},{"uid":"5310d1da-0"}],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-8":{"id":"/src/h.ts","moduleParts":{"index.js":"5310d1da-9"},"imported":[],"importedBy":[{"uid":"5310d1da-36"},{"uid":"5310d1da-10"},{"uid":"5310d1da-20"},{"uid":"5310d1da-22"},{"uid":"5310d1da-34"}]},"5310d1da-10":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"5310d1da-11"},"imported":[{"uid":"5310d1da-8"}],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-12":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"5310d1da-13"},"imported":[],"importedBy":[{"uid":"5310d1da-36"},{"uid":"5310d1da-14"}]},"5310d1da-14":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"5310d1da-15"},"imported":[{"uid":"5310d1da-38"},{"uid":"5310d1da-4"},{"uid":"5310d1da-2"},{"uid":"5310d1da-0"},{"uid":"5310d1da-12"}],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-16":{"id":"/src/for.ts","moduleParts":{"index.js":"5310d1da-17"},"imported":[],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-18":{"id":"/src/ref.ts","moduleParts":{"index.js":"5310d1da-19"},"imported":[],"importedBy":[{"uid":"5310d1da-36"},{"uid":"5310d1da-20"}]},"5310d1da-20":{"id":"/src/defer.ts","moduleParts":{"index.js":"5310d1da-21"},"imported":[{"uid":"5310d1da-38"},{"uid":"5310d1da-8"},{"uid":"5310d1da-0"},{"uid":"5310d1da-18"}],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-22":{"id":"/src/lazy.ts","moduleParts":{"index.js":"5310d1da-23"},"imported":[{"uid":"5310d1da-38"},{"uid":"5310d1da-8"}],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-24":{"id":"/src/map-array.ts","moduleParts":{"index.js":"5310d1da-25"},"imported":[],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-26":{"id":"/src/portal.ts","moduleParts":{"index.js":"5310d1da-27"},"imported":[],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-28":{"id":"/src/props.ts","moduleParts":{"index.js":"5310d1da-29"},"imported":[],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-30":{"id":"/src/show.ts","moduleParts":{"index.js":"5310d1da-31"},"imported":[],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-32":{"id":"/src/style.ts","moduleParts":{"index.js":"5310d1da-33"},"imported":[],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-34":{"id":"/src/suspense.ts","moduleParts":{"index.js":"5310d1da-35"},"imported":[{"uid":"5310d1da-8"}],"importedBy":[{"uid":"5310d1da-36"}]},"5310d1da-36":{"id":"/src/index.ts","moduleParts":{"index.js":"5310d1da-37"},"imported":[{"uid":"5310d1da-2"},{"uid":"5310d1da-4"},{"uid":"5310d1da-6"},{"uid":"5310d1da-10"},{"uid":"5310d1da-14"},{"uid":"5310d1da-16"},{"uid":"5310d1da-8"},{"uid":"5310d1da-20"},{"uid":"5310d1da-22"},{"uid":"5310d1da-0"},{"uid":"5310d1da-24"},{"uid":"5310d1da-26"},{"uid":"5310d1da-28"},{"uid":"5310d1da-18"},{"uid":"5310d1da-30"},{"uid":"5310d1da-32"},{"uid":"5310d1da-34"},{"uid":"5310d1da-12"}],"importedBy":[],"isEntry":true},"5310d1da-38":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"5310d1da-6"},{"uid":"5310d1da-14"},{"uid":"5310d1da-20"},{"uid":"5310d1da-22"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/jsx-dev-runtime.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-dev-runtime.js","children":[{"name":"src","children":[{"uid":"235a8e25-1","name":"h.ts"},{"uid":"235a8e25-3","name":"jsx-runtime.ts"},{"uid":"235a8e25-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"235a8e25-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"235a8e25-0"},"235a8e25-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"235a8e25-2"},"235a8e25-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"235a8e25-4"}},"nodeMetas":{"235a8e25-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"235a8e25-1"},"imported":[],"importedBy":[{"uid":"235a8e25-2"}]},"235a8e25-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"235a8e25-3"},"imported":[{"uid":"235a8e25-0"}],"importedBy":[{"uid":"235a8e25-4"}]},"235a8e25-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"235a8e25-5"},"imported":[{"uid":"235a8e25-2"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-dev-runtime.js","children":[{"name":"src","children":[{"uid":"430b4b1b-1","name":"h.ts"},{"uid":"430b4b1b-3","name":"jsx-runtime.ts"},{"uid":"430b4b1b-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"430b4b1b-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"430b4b1b-0"},"430b4b1b-3":{"renderedLength":1789,"gzipLength":834,"brotliLength":0,"metaUid":"430b4b1b-2"},"430b4b1b-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"430b4b1b-4"}},"nodeMetas":{"430b4b1b-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"430b4b1b-1"},"imported":[],"importedBy":[{"uid":"430b4b1b-2"}]},"430b4b1b-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"430b4b1b-3"},"imported":[{"uid":"430b4b1b-0"}],"importedBy":[{"uid":"430b4b1b-4"}]},"430b4b1b-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"430b4b1b-5"},"imported":[{"uid":"430b4b1b-2"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/jsx-runtime.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-runtime.js","children":[{"name":"src","children":[{"uid":"8c2807f7-1","name":"h.ts"},{"uid":"8c2807f7-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"8c2807f7-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"8c2807f7-0"},"8c2807f7-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"8c2807f7-2"}},"nodeMetas":{"8c2807f7-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"8c2807f7-1"},"imported":[],"importedBy":[{"uid":"8c2807f7-2"}]},"8c2807f7-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"8c2807f7-3"},"imported":[{"uid":"8c2807f7-0"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-runtime.js","children":[{"name":"src","children":[{"uid":"36dca003-1","name":"h.ts"},{"uid":"36dca003-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"36dca003-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"36dca003-0"},"36dca003-3":{"renderedLength":1789,"gzipLength":834,"brotliLength":0,"metaUid":"36dca003-2"}},"nodeMetas":{"36dca003-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"36dca003-1"},"imported":[],"importedBy":[{"uid":"36dca003-2"}]},"36dca003-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"36dca003-3"},"imported":[{"uid":"36dca003-0"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/index.js

@@ -1,7 +1,7 @@
-import { setSnapshotCapture, signal } from "@pyreon/reactivity";
+import { effect, setSnapshotCapture, signal } from "@pyreon/reactivity";
 
 //#region src/lifecycle.ts
-const __DEV__$3 = process.env.NODE_ENV !== "production";
+const __DEV__$4 = process.env.NODE_ENV !== "production";
 let _current = null;
 function setCurrentHooks(hooks) {
 	_current = hooks;
@@ -40,7 +40,7 @@ function captureCallSite() {
 	return "";
 }
 function warnOutsideSetup(hookName) {
-	if (__DEV__$3 && !_current) {
+	if (__DEV__$4 && !_current) {
 		const callSite = captureCallSite();
 		const location = callSite ? `\n  Called from: ${callSite}` : "";
 		console.warn(`[Pyreon] ${hookName}() called outside component setup. Lifecycle hooks must be called synchronously during a component's setup function.` + location + (hookName === "onUnmount" ? "\n  Hint: `provide()` internally calls onUnmount(). If you use provide(), ensure it runs during synchronous component setup — not inside effects, callbacks, or after awaits." : ""));
@@ -396,10 +396,10 @@ function flattenChildren(children) {
 
 //#endregion
 //#region src/dynamic.ts
-const __DEV__$2 = process.env.NODE_ENV !== "production";
+const __DEV__$3 = process.env.NODE_ENV !== "production";
 function Dynamic(props) {
 	const { component, children, ...rest } = props;
-	if (__DEV__$2 && !component) console.warn("[Pyreon] <Dynamic> received a falsy `component` prop. Nothing will be rendered.");
+	if (__DEV__$3 && !component) console.warn("[Pyreon] <Dynamic> received a falsy `component` prop. Nothing will be rendered.");
 	if (!component) return null;
 	if (children === void 0) return h(component, rest);
 	if (Array.isArray(children)) return h(component, rest, ...children);
@@ -450,7 +450,7 @@ function _installReactivityBridge() {
 
 //#endregion
 //#region src/error-boundary.ts
-const __DEV__$1 = process.env.NODE_ENV !== "production";
+const __DEV__$2 = process.env.NODE_ENV !== "production";
 /**
 * ErrorBoundary — catches errors thrown by child components and renders a
 * fallback UI instead of crashing the whole tree.
@@ -475,7 +475,7 @@ const __DEV__$1 = process.env.NODE_ENV !== "production";
 *   </ErrorBoundary>
 */
 function ErrorBoundary(props) {
-	if (__DEV__$1 && typeof props.fallback !== "function") console.warn(`[Pyreon] <ErrorBoundary> expects \`fallback\` to be a function: (err, reset) => VNode. Received ${typeof props.fallback}.`);
+	if (__DEV__$2 && typeof props.fallback !== "function") console.warn(`[Pyreon] <ErrorBoundary> expects \`fallback\` to be a function: (err, reset) => VNode. Received ${typeof props.fallback}.`);
 	const error = signal(null);
 	const reset = () => error.set(null);
 	const handler = (err) => {
@@ -527,6 +527,132 @@ function For(props) {
 	};
 }
 
+//#endregion
+//#region src/ref.ts
+function createRef() {
+	return { current: null };
+}
+
+//#endregion
+//#region src/defer.ts
+const __DEV__$1 = process.env.NODE_ENV !== "production";
+/**
+* Set up the `on="idle"` trigger. Returns a teardown function the
+* caller must invoke on unmount. Browser-API access is gated by
+* `typeof` checks so SSR / jsdom environments fall back to a
+* `setTimeout(1)` shim. Extracted as a standalone helper so it's
+* directly testable without going through `onMount` (core tests
+* don't run in happy-dom; runtime-dom is where the lifecycle hooks
+* live).
+*
+* @internal Exported for tests; not part of the stable public API.
+*/
+function _setupIdleTrigger(startLoad) {
+	const ric = globalThis.requestIdleCallback;
+	const cic = globalThis.cancelIdleCallback;
+	if (typeof ric === "function") {
+		const id = ric(startLoad);
+		return () => cic?.(id);
+	}
+	const t = setTimeout(startLoad, 1);
+	return () => clearTimeout(t);
+}
+/**
+* Set up the `on="visible"` trigger. Observes `el` via an
+* `IntersectionObserver` and fires `startLoad` once on the first
+* intersection. If `IntersectionObserver` is unavailable (jsdom)
+* or `el` is null (SSR), falls back to loading immediately.
+*
+* Returns a teardown function — call to disconnect the observer.
+*
+* @internal Exported for tests; not part of the stable public API.
+*/
+function _setupVisibleTrigger(el, startLoad, rootMargin) {
+	if (!el || typeof IntersectionObserver === "undefined") {
+		startLoad();
+		return () => {};
+	}
+	const obs = new IntersectionObserver((entries) => {
+		if (entries.some((e) => e.isIntersecting)) {
+			startLoad();
+			obs.disconnect();
+		}
+	}, { rootMargin });
+	obs.observe(el);
+	return () => obs.disconnect();
+}
+/**
+* Lazy-load a chunk when a trigger condition is met.
+*
+* Three trigger modes:
+*   - `when={() => signal()}` — load when condition flips truthy (modal pattern)
+*   - `on="visible"`         — load when the wrapper scrolls into view
+*   - `on="idle"`            — load during browser idle time
+*
+* The chunk fetch is fired exactly once per `Defer` instance — repeated
+* trigger firings after the chunk loads are no-ops.
+*
+* @example
+* // Signal-driven (modal):
+* <Defer chunk={() => import('./ConfirmDeleteModal')} when={open}>
+*   {Modal => <Modal onClose={() => setOpen(false)} />}
+* </Defer>
+*
+* @example
+* // Viewport-driven (below-fold):
+* <Defer chunk={() => import('./Comments')} on="visible">
+*   {Comments => <Comments postId={id} />}
+* </Defer>
+*
+* @example
+* // Idle-driven (non-critical):
+* <Defer chunk={() => import('./Analytics')} on="idle">
+*   {Dashboard => <Dashboard />}
+* </Defer>
+*/
+function Defer(props) {
+	const Loaded = signal(null);
+	const Failed = signal(null);
+	let loadStarted = false;
+	const startLoad = () => {
+		if (loadStarted) return;
+		loadStarted = true;
+		props.chunk().then((mod) => {
+			const Comp = typeof mod === "function" ? mod : mod.default;
+			if (__DEV__$1 && typeof Comp !== "function") {
+				console.warn("[Pyreon] <Defer> chunk() resolved without a default-exported component. Make sure your module exports default.");
+				return;
+			}
+			Loaded.set(Comp);
+		}).catch((err) => {
+			const wrapped = err instanceof Error ? err : new Error(String(err));
+			if (__DEV__$1) console.error("[Pyreon] <Defer> chunk() rejected:", wrapped);
+			Failed.set(wrapped);
+		});
+	};
+	if ("when" in props) effect(() => {
+		if (props.when() && !loadStarted) startLoad();
+	});
+	else if (props.on === "idle") onMount(() => _setupIdleTrigger(startLoad));
+	const renderContent = () => {
+		const err = Failed();
+		if (err) throw err;
+		const Comp = Loaded();
+		if (!Comp) return props.fallback ?? null;
+		return props.children ? props.children(Comp) : h(Comp, {});
+	};
+	if ("on" in props && props.on === "visible") {
+		const containerRef = createRef();
+		onMount(() => _setupVisibleTrigger(containerRef.current, startLoad, props.rootMargin ?? "200px"));
+		return h("div", {
+			"data-pyreon-defer": "visible",
+			ref: containerRef,
+			style: "display: contents"
+		}, renderContent);
+	}
+	return h(Fragment, null, renderContent);
+}
+
 //#endregion
 //#region src/lazy.ts
 function lazy(load) {
@@ -705,6 +831,54 @@ function _rp(fn) {
 	return fn;
 }
 /**
+* Wrap a JSX spread source so its getter-shaped reactive props survive
+* the JS-level object spread that esbuild's automatic JSX runtime emits
+* for `<Comp {...source}>`.
+*
+* Without this wrapper, esbuild compiles `<Comp {...source}>` to
+* `jsx(Comp, { ...source })` — and JS spread fires every getter on
+* `source`, storing the resolved values as plain data properties. Any
+* compiler-emitted reactive prop (`_rp(() => signal())` converted to a
+* getter by `makeReactiveProps`) on `source` is collapsed to its
+* initial value before the receiving component ever sees it.
+*
+* `_wrapSpread(source)` walks `source`'s own keys via `Reflect.ownKeys`
+* (no getter firing) and returns a new object whose values are
+* `_rp`-branded thunks `() => source[key]`. When `{ ..._wrapSpread(s) }`
+* is spread by esbuild, the thunks are stored as plain data property
+* values (no getters to fire), then `makeReactiveProps` in `mount.ts`
+* converts the brands back into getters that lazily read from the
+* original `source` — preserving the reactive subscription end-to-end.
+*
+* Fast path: when `source` has no getter descriptors, return the
+* source object unchanged. JS spread will work correctly in that case
+* because there's nothing reactive to preserve. Saves N thunk
+* allocations per component render in the 99% case.
+*
+* Emitted by the compiler — not generally meant for hand-written code.
+*/
+function _wrapSpread(source) {
+	if (!source || typeof source !== "object") return source;
+	const descriptors = Object.getOwnPropertyDescriptors(source);
+	let hasGetter = false;
+	for (const k in descriptors) if (descriptors[k].get) {
+		hasGetter = true;
+		break;
+	}
+	if (!hasGetter) return source;
+	const result = {};
+	for (const key of Reflect.ownKeys(source)) {
+		const desc = descriptors[key];
+		if (!desc) continue;
+		if (desc.get) {
+			const fn = () => source[key];
+			fn[REACTIVE_PROP] = true;
+			result[key] = fn;
+		} else result[key] = desc.value;
+	}
+	return result;
+}
+/**
 * Convert compiler-emitted `_rp(() => expr)` prop values into getter properties.
 *
 * Only converts functions branded with REACTIVE_PROP — user-written accessor
@@ -752,12 +926,6 @@ function createUniqueId() {
 	return `pyreon-${++_idCounter}`;
 }
 
-//#endregion
-//#region src/ref.ts
-function createRef() {
-	return { current: null };
-}
-
 //#endregion
 //#region src/show.ts
 function callWhen(when) {
@@ -936,5 +1104,5 @@ function Suspense(props) {
 }
 
 //#endregion
-export { CSS_UNITLESS, Dynamic, EMPTY_PROPS, ErrorBoundary, For, ForSymbol, Fragment, Match, MatchSymbol, NATIVE_COMPAT_MARKER, Portal, PortalSymbol, REACTIVE_PROP, Show, Suspense, Switch, _rp, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, isNativeCompat, lazy, makeReactiveProps, mapArray, mergeProps, nativeCompat, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, splitProps, toKebabCase, useContext, withContext };
+export { CSS_UNITLESS, Defer, Dynamic, EMPTY_PROPS, ErrorBoundary, For, ForSymbol, Fragment, Match, MatchSymbol, NATIVE_COMPAT_MARKER, Portal, PortalSymbol, REACTIVE_PROP, Show, Suspense, Switch, _rp, _wrapSpread, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, isNativeCompat, lazy, makeReactiveProps, mapArray, mergeProps, nativeCompat, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, splitProps, toKebabCase, useContext, withContext };
 //# sourceMappingURL=index.js.map

package/lib/jsx-dev-runtime.js

@@ -60,15 +60,35 @@ function flattenChildren(children) {
 * jsx-runtime.ts into the consumer's compilation unit.
 */
 function jsx(type, props, key) {
-	const { children, ...rest } = props;
-	const propsWithKey = key != null ? {
-		...rest,
-		key
-	} : rest;
-	if (typeof type === "function") return h(type, children !== void 0 ? {
-		...propsWithKey,
-		children
-	} : propsWithKey);
+	const descriptors = Object.getOwnPropertyDescriptors(props);
+	let hasGetter = false;
+	for (const k in descriptors) if (descriptors[k].get) {
+		hasGetter = true;
+		break;
+	}
+	const children = props.children;
+	if (!hasGetter) {
+		const { children: _ignored, ...rest } = props;
+		const propsWithKey = key != null ? {
+			...rest,
+			key
+		} : rest;
+		if (typeof type === "function") return h(type, children !== void 0 ? {
+			...propsWithKey,
+			children
+		} : propsWithKey);
+		return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
+	}
+	const propsWithKey = {};
+	for (const k in descriptors) {
+		if (k === "children") continue;
+		Object.defineProperty(propsWithKey, k, descriptors[k]);
+	}
+	if (key != null) propsWithKey.key = key;
+	if (typeof type === "function") {
+		if (children !== void 0) propsWithKey.children = children;
+		return h(type, propsWithKey);
+	}
 	return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
 }
 const jsxs = jsx;

package/lib/jsx-runtime.js

@@ -60,15 +60,35 @@ function flattenChildren(children) {
 * jsx-runtime.ts into the consumer's compilation unit.
 */
 function jsx(type, props, key) {
-	const { children, ...rest } = props;
-	const propsWithKey = key != null ? {
-		...rest,
-		key
-	} : rest;
-	if (typeof type === "function") return h(type, children !== void 0 ? {
-		...propsWithKey,
-		children
-	} : propsWithKey);
+	const descriptors = Object.getOwnPropertyDescriptors(props);
+	let hasGetter = false;
+	for (const k in descriptors) if (descriptors[k].get) {
+		hasGetter = true;
+		break;
+	}
+	const children = props.children;
+	if (!hasGetter) {
+		const { children: _ignored, ...rest } = props;
+		const propsWithKey = key != null ? {
+			...rest,
+			key
+		} : rest;
+		if (typeof type === "function") return h(type, children !== void 0 ? {
+			...propsWithKey,
+			children
+		} : propsWithKey);
+		return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
+	}
+	const propsWithKey = {};
+	for (const k in descriptors) {
+		if (k === "children") continue;
+		Object.defineProperty(propsWithKey, k, descriptors[k]);
+	}
+	if (key != null) propsWithKey.key = key;
+	if (typeof type === "function") {
+		if (children !== void 0) propsWithKey.children = children;
+		return h(type, propsWithKey);
+	}
 	return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
 }
 const jsxs = jsx;

package/lib/types/index.d.ts

@@ -1011,6 +1011,89 @@ declare global {
   }
 } //# sourceMappingURL=jsx-runtime.d.ts.map
 //#endregion
+//#region src/defer.d.ts
+/**
+ * Module shape `<Defer>` accepts from `chunk()`. Mirrors `lazy()`'s
+ * contract — either an ES module with `default` export, OR a raw
+ * `ComponentFn` returned directly (rare; covers re-export patterns).
+ */
+type ChunkResult<P extends Props> = {
+  default: ComponentFn<P>;
+} | ComponentFn<P>;
+/**
+ * Trigger discriminant. Exactly ONE shape is provided:
+ *   - `when={() => signal()}` — load when the accessor becomes truthy
+ *   - `on="visible"`         — load when the wrapper enters the viewport
+ *   - `on="idle"`            — load during browser idle time
+ */
+type DeferTrigger = {
+  when: () => boolean;
+} | {
+  on: 'visible' | 'idle';
+};
+/**
+ * Set up the `on="idle"` trigger. Returns a teardown function the
+ * caller must invoke on unmount. Browser-API access is gated by
+ * `typeof` checks so SSR / jsdom environments fall back to a
+ * `setTimeout(1)` shim. Extracted as a standalone helper so it's
+ * directly testable without going through `onMount` (core tests
+ * don't run in happy-dom; runtime-dom is where the lifecycle hooks
+ * live).
+ *
+ * @internal Exported for tests; not part of the stable public API.
+ */
+type DeferProps<P extends Props> = DeferTrigger & {
+  /**
+   * Dynamic import to lazy-load. The literal `import('./X')` is what
+   * Rolldown / Vite see when emitting chunks — using a variable here
+   * defeats code splitting.
+   */
+  chunk: () => Promise<ChunkResult<P>>;
+  /**
+   * Render-prop for the loaded component. Receives the resolved component
+   * and returns its JSX with whatever props the parent needs to pass.
+   * Optional — omitting it renders `<Comp />` with no props.
+   */
+  children?: (Component: ComponentFn<P>) => VNodeChild; /** Shown while the chunk is loading. Default: `null`. */
+  fallback?: VNodeChild;
+  /**
+   * IntersectionObserver `rootMargin` for `on="visible"` mode. Default
+   * `'200px'` — start loading the chunk before the wrapper is fully in
+   * view so it's typically ready by the time the user scrolls to it.
+   */
+  rootMargin?: string;
+};
+/**
+ * Lazy-load a chunk when a trigger condition is met.
+ *
+ * Three trigger modes:
+ *   - `when={() => signal()}` — load when condition flips truthy (modal pattern)
+ *   - `on="visible"`         — load when the wrapper scrolls into view
+ *   - `on="idle"`            — load during browser idle time
+ *
+ * The chunk fetch is fired exactly once per `Defer` instance — repeated
+ * trigger firings after the chunk loads are no-ops.
+ *
+ * @example
+ * // Signal-driven (modal):
+ * <Defer chunk={() => import('./ConfirmDeleteModal')} when={open}>
+ *   {Modal => <Modal onClose={() => setOpen(false)} />}
+ * </Defer>
+ *
+ * @example
+ * // Viewport-driven (below-fold):
+ * <Defer chunk={() => import('./Comments')} on="visible">
+ *   {Comments => <Comments postId={id} />}
+ * </Defer>
+ *
+ * @example
+ * // Idle-driven (non-critical):
+ * <Defer chunk={() => import('./Analytics')} on="idle">
+ *   {Dashboard => <Dashboard />}
+ * </Defer>
+ */
+declare function Defer<P extends Props>(props: DeferProps<P>): VNode;
+//#endregion
 //#region src/suspense.d.ts
 /** Internal marker attached to lazy()-wrapped components */
 type LazyComponent<P extends Props = Props> = ((props: P) => VNodeChild) & {
@@ -1144,6 +1227,34 @@ declare const REACTIVE_PROP: unique symbol;
  * Called by the compiler for component prop expressions containing signal reads.
  */
 declare function _rp<T>(fn: () => T): () => T;
+/**
+ * Wrap a JSX spread source so its getter-shaped reactive props survive
+ * the JS-level object spread that esbuild's automatic JSX runtime emits
+ * for `<Comp {...source}>`.
+ *
+ * Without this wrapper, esbuild compiles `<Comp {...source}>` to
+ * `jsx(Comp, { ...source })` — and JS spread fires every getter on
+ * `source`, storing the resolved values as plain data properties. Any
+ * compiler-emitted reactive prop (`_rp(() => signal())` converted to a
+ * getter by `makeReactiveProps`) on `source` is collapsed to its
+ * initial value before the receiving component ever sees it.
+ *
+ * `_wrapSpread(source)` walks `source`'s own keys via `Reflect.ownKeys`
+ * (no getter firing) and returns a new object whose values are
+ * `_rp`-branded thunks `() => source[key]`. When `{ ..._wrapSpread(s) }`
+ * is spread by esbuild, the thunks are stored as plain data property
+ * values (no getters to fire), then `makeReactiveProps` in `mount.ts`
+ * converts the brands back into getters that lazily read from the
+ * original `source` — preserving the reactive subscription end-to-end.
+ *
+ * Fast path: when `source` has no getter descriptors, return the
+ * source object unchanged. JS spread will work correctly in that case
+ * because there's nothing reactive to preserve. Saves N thunk
+ * allocations per component render in the 99% case.
+ *
+ * Emitted by the compiler — not generally meant for hand-written code.
+ */
+declare function _wrapSpread(source: Record<string, unknown> | null | undefined): Record<string, unknown> | null | undefined;
 /**
  * Convert compiler-emitted `_rp(() => expr)` prop values into getter properties.
  *
@@ -1263,5 +1374,5 @@ declare function registerErrorHandler(handler: ErrorHandler): () => void;
  */
 declare function reportError(ctx: ErrorContext): void;
 //#endregion
-export { type AnchorAttributes, type ButtonAttributes, type CSSProperties, CSS_UNITLESS, type ClassValue, type CleanupFn, type ComponentFn, type ComponentInstance, type Context, type ContextSnapshot, Dynamic, type DynamicProps, EMPTY_PROPS, ErrorBoundary, type ErrorContext, type ErrorHandler, type ExtractProps, For, type ForProps, ForSymbol, type FormAttributes, Fragment, type HigherOrderComponent, type ImgAttributes, type InputAttributes, type LazyComponent, type LifecycleHooks, Match, type MatchProps, MatchSymbol, NATIVE_COMPAT_MARKER, type NativeItem, Portal, type PortalProps, PortalSymbol, type Props, type PyreonHTMLAttributes, REACTIVE_PROP, type ReactiveContext, type Ref, type RefCallback, type RefProp, type SelectAttributes, Show, type ShowProps, type StyleValue, Suspense, type SvgAttributes, Switch, type SwitchProps, type TargetedEvent, type TextareaAttributes, type VNode, type VNodeChild, type VNodeChildAccessor, type VNodeChildAtom, _rp, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, isNativeCompat, lazy, makeReactiveProps, mapArray, mergeProps, nativeCompat, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, splitProps, toKebabCase, useContext, withContext };
+export { type AnchorAttributes, type ButtonAttributes, type CSSProperties, CSS_UNITLESS, type ClassValue, type CleanupFn, type ComponentFn, type ComponentInstance, type Context, type ContextSnapshot, Defer, type DeferProps, Dynamic, type DynamicProps, EMPTY_PROPS, ErrorBoundary, type ErrorContext, type ErrorHandler, type ExtractProps, For, type ForProps, ForSymbol, type FormAttributes, Fragment, type HigherOrderComponent, type ImgAttributes, type InputAttributes, type LazyComponent, type LifecycleHooks, Match, type MatchProps, MatchSymbol, NATIVE_COMPAT_MARKER, type NativeItem, Portal, type PortalProps, PortalSymbol, type Props, type PyreonHTMLAttributes, REACTIVE_PROP, type ReactiveContext, type Ref, type RefCallback, type RefProp, type SelectAttributes, Show, type ShowProps, type StyleValue, Suspense, type SvgAttributes, Switch, type SwitchProps, type TargetedEvent, type TextareaAttributes, type VNode, type VNodeChild, type VNodeChildAccessor, type VNodeChildAtom, _rp, _wrapSpread, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, isNativeCompat, lazy, makeReactiveProps, mapArray, mergeProps, nativeCompat, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, splitProps, toKebabCase, useContext, withContext };
 //# sourceMappingURL=index2.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/core",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "description": "Core component model and lifecycle for Pyreon",
   "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/core#readme",
   "bugs": {
@@ -53,7 +53,7 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/reactivity": "^0.16.0"
+    "@pyreon/reactivity": "^0.18.0"
   },
   "devDependencies": {
     "@pyreon/manifest": "0.13.1"