@pyreon/core 0.15.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":"824f9243-1","name":"lifecycle.ts"},{"uid":"824f9243-3","name":"component.ts"},{"uid":"824f9243-5","name":"compat-marker.ts"},{"uid":"824f9243-7","name":"context.ts"},{"uid":"824f9243-9","name":"h.ts"},{"uid":"824f9243-11","name":"dynamic.ts"},{"uid":"824f9243-13","name":"telemetry.ts"},{"uid":"824f9243-15","name":"error-boundary.ts"},{"uid":"824f9243-17","name":"for.ts"},{"uid":"824f9243-19","name":"lazy.ts"},{"uid":"824f9243-21","name":"map-array.ts"},{"uid":"824f9243-23","name":"portal.ts"},{"uid":"824f9243-25","name":"props.ts"},{"uid":"824f9243-27","name":"ref.ts"},{"uid":"824f9243-29","name":"show.ts"},{"uid":"824f9243-31","name":"style.ts"},{"uid":"824f9243-33","name":"suspense.ts"},{"uid":"824f9243-35","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"824f9243-1":{"renderedLength":3078,"gzipLength":1313,"brotliLength":0,"metaUid":"824f9243-0"},"824f9243-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"824f9243-2"},"824f9243-5":{"renderedLength":3173,"gzipLength":1409,"brotliLength":0,"metaUid":"824f9243-4"},"824f9243-7":{"renderedLength":3600,"gzipLength":1542,"brotliLength":0,"metaUid":"824f9243-6"},"824f9243-9":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"824f9243-8"},"824f9243-11":{"renderedLength":490,"gzipLength":291,"brotliLength":0,"metaUid":"824f9243-10"},"824f9243-13":{"renderedLength":1208,"gzipLength":633,"brotliLength":0,"metaUid":"824f9243-12"},"824f9243-15":{"renderedLength":1659,"gzipLength":842,"brotliLength":0,"metaUid":"824f9243-14"},"824f9243-17":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"824f9243-16"},"824f9243-19":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"824f9243-18"},"824f9243-21":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"824f9243-20"},"824f9243-23":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"824f9243-22"},"824f9243-25":{"renderedLength":4339,"gzipLength":1641,"brotliLength":0,"metaUid":"824f9243-24"},"824f9243-27":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"824f9243-26"},"824f9243-29":{"renderedLength":2022,"gzipLength":854,"brotliLength":0,"metaUid":"824f9243-28"},"824f9243-31":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"824f9243-30"},"824f9243-33":{"renderedLength":1104,"gzipLength":614,"brotliLength":0,"metaUid":"824f9243-32"},"824f9243-35":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"824f9243-34"}},"nodeMetas":{"824f9243-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"824f9243-1"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-2"},{"uid":"824f9243-6"},{"uid":"824f9243-14"}]},"824f9243-2":{"id":"/src/component.ts","moduleParts":{"index.js":"824f9243-3"},"imported":[{"uid":"824f9243-0"}],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-14"}]},"824f9243-4":{"id":"/src/compat-marker.ts","moduleParts":{"index.js":"824f9243-5"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-14"}]},"824f9243-6":{"id":"/src/context.ts","moduleParts":{"index.js":"824f9243-7"},"imported":[{"uid":"824f9243-36"},{"uid":"824f9243-0"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-8":{"id":"/src/h.ts","moduleParts":{"index.js":"824f9243-9"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-10"},{"uid":"824f9243-18"},{"uid":"824f9243-32"}]},"824f9243-10":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"824f9243-11"},"imported":[{"uid":"824f9243-8"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-12":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"824f9243-13"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-14"}]},"824f9243-14":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"824f9243-15"},"imported":[{"uid":"824f9243-36"},{"uid":"824f9243-4"},{"uid":"824f9243-2"},{"uid":"824f9243-0"},{"uid":"824f9243-12"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-16":{"id":"/src/for.ts","moduleParts":{"index.js":"824f9243-17"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-18":{"id":"/src/lazy.ts","moduleParts":{"index.js":"824f9243-19"},"imported":[{"uid":"824f9243-36"},{"uid":"824f9243-8"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-20":{"id":"/src/map-array.ts","moduleParts":{"index.js":"824f9243-21"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-22":{"id":"/src/portal.ts","moduleParts":{"index.js":"824f9243-23"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-24":{"id":"/src/props.ts","moduleParts":{"index.js":"824f9243-25"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-26":{"id":"/src/ref.ts","moduleParts":{"index.js":"824f9243-27"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-28":{"id":"/src/show.ts","moduleParts":{"index.js":"824f9243-29"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-30":{"id":"/src/style.ts","moduleParts":{"index.js":"824f9243-31"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-32":{"id":"/src/suspense.ts","moduleParts":{"index.js":"824f9243-33"},"imported":[{"uid":"824f9243-8"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-34":{"id":"/src/index.ts","moduleParts":{"index.js":"824f9243-35"},"imported":[{"uid":"824f9243-2"},{"uid":"824f9243-4"},{"uid":"824f9243-6"},{"uid":"824f9243-10"},{"uid":"824f9243-14"},{"uid":"824f9243-16"},{"uid":"824f9243-8"},{"uid":"824f9243-18"},{"uid":"824f9243-0"},{"uid":"824f9243-20"},{"uid":"824f9243-22"},{"uid":"824f9243-24"},{"uid":"824f9243-26"},{"uid":"824f9243-28"},{"uid":"824f9243-30"},{"uid":"824f9243-32"},{"uid":"824f9243-12"}],"importedBy":[],"isEntry":true},"824f9243-36":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"824f9243-6"},{"uid":"824f9243-14"},{"uid":"824f9243-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":"3319ebff-1","name":"h.ts"},{"uid":"3319ebff-3","name":"jsx-runtime.ts"},{"uid":"3319ebff-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"3319ebff-1":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"3319ebff-0"},"3319ebff-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"3319ebff-2"},"3319ebff-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"3319ebff-4"}},"nodeMetas":{"3319ebff-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"3319ebff-1"},"imported":[],"importedBy":[{"uid":"3319ebff-2"}]},"3319ebff-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"3319ebff-3"},"imported":[{"uid":"3319ebff-0"}],"importedBy":[{"uid":"3319ebff-4"}]},"3319ebff-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"3319ebff-5"},"imported":[{"uid":"3319ebff-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":"843e1a91-1","name":"h.ts"},{"uid":"843e1a91-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"843e1a91-1":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"843e1a91-0"},"843e1a91-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"843e1a91-2"}},"nodeMetas":{"843e1a91-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"843e1a91-1"},"imported":[],"importedBy":[{"uid":"843e1a91-2"}]},"843e1a91-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"843e1a91-3"},"imported":[{"uid":"843e1a91-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." : ""));
@@ -350,8 +350,22 @@ setSnapshotCapture({
 
 //#endregion
 //#region src/h.ts
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment = Symbol("Pyreon.Fragment");
+/**
+* Marker for fragment nodes — renders children without a wrapper element.
+*
+* MUST use `Symbol.for(...)` (global registry, keyed by string), NOT
+* `Symbol(...)` (fresh per evaluation). `h.ts` is inlined into BOTH the
+* main `lib/index.js` and the `lib/jsx-runtime.js` published bundles —
+* each bundle's evaluation of a bare `Symbol(...)` would produce a
+* DISTINCT Symbol identity. JSX `<>` compiles to `jsx(Fragment, ...)` and
+* resolves to jsx-runtime's identity; `runtime-server` checks
+* `vnode.type === Fragment` against the main-entry identity. Mismatch
+* fell through to `renderElement` and crashed SSG with
+* `TypeError: Cannot convert a Symbol value to a string`.
+* `Symbol.for()` keys by string in a global registry shared across all
+* bundle evaluations — same identity everywhere.
+*/
+const Fragment = Symbol.for("Pyreon.Fragment");
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -382,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);
@@ -436,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.
@@ -461,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) => {
@@ -513,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) {
@@ -691,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
@@ -738,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) {
@@ -922,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

@@ -1,6 +1,20 @@
 //#region src/h.ts
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment = Symbol("Pyreon.Fragment");
+/**
+* Marker for fragment nodes — renders children without a wrapper element.
+*
+* MUST use `Symbol.for(...)` (global registry, keyed by string), NOT
+* `Symbol(...)` (fresh per evaluation). `h.ts` is inlined into BOTH the
+* main `lib/index.js` and the `lib/jsx-runtime.js` published bundles —
+* each bundle's evaluation of a bare `Symbol(...)` would produce a
+* DISTINCT Symbol identity. JSX `<>` compiles to `jsx(Fragment, ...)` and
+* resolves to jsx-runtime's identity; `runtime-server` checks
+* `vnode.type === Fragment` against the main-entry identity. Mismatch
+* fell through to `renderElement` and crashed SSG with
+* `TypeError: Cannot convert a Symbol value to a string`.
+* `Symbol.for()` keys by string in a global registry shared across all
+* bundle evaluations — same identity everywhere.
+*/
+const Fragment = Symbol.for("Pyreon.Fragment");
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -46,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

@@ -1,6 +1,20 @@
 //#region src/h.ts
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment = Symbol("Pyreon.Fragment");
+/**
+* Marker for fragment nodes — renders children without a wrapper element.
+*
+* MUST use `Symbol.for(...)` (global registry, keyed by string), NOT
+* `Symbol(...)` (fresh per evaluation). `h.ts` is inlined into BOTH the
+* main `lib/index.js` and the `lib/jsx-runtime.js` published bundles —
+* each bundle's evaluation of a bare `Symbol(...)` would produce a
+* DISTINCT Symbol identity. JSX `<>` compiles to `jsx(Fragment, ...)` and
+* resolves to jsx-runtime's identity; `runtime-server` checks
+* `vnode.type === Fragment` against the main-entry identity. Mismatch
+* fell through to `renderElement` and crashed SSG with
+* `TypeError: Cannot convert a Symbol value to a string`.
+* `Symbol.for()` keys by string in a global registry shared across all
+* bundle evaluations — same identity everywhere.
+*/
+const Fragment = Symbol.for("Pyreon.Fragment");
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -46,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;