@elurjs/core 3.6.1 → 3.7.0-beta.0

package/dist/lib/async.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./elur/template/html.cjs`);function i(){return r.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/next-2/reactivity.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./elur/template/html.cjs`);function i(){return r.html`
         <span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
             <span class="elur-spinner" style="
                 display:inline-block;width:14px;height:14px;border-radius:50%;

package/dist/lib/async.js

@@ -1,4 +1,4 @@
-import { effect as e, signal as t } from "./signals.js";
+import { effect as e, signal as t } from "./elur/next-2/reactivity.js";
 import { isElurTemplate as n } from "./elur/template/types.js";
 import { ElurComponent as r } from "./lifecycle.js";
 import { html as i } from "./elur/template/html.js";

package/dist/lib/component.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lifecycle.cjs`),t=require(`./context.cjs`),n=require(`./elur/router-registry.cjs`);function r(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[elur] mount: container not found: ${e}`);return t}function i(i,a,o){if(e.isElurComponent(i)){let s=r(a);e._debugComponentMountStart(i),t._pushComponentContext();let c=()=>{},l=!1;try{o?.router&&(t.provide(n.RouterKey,o.router),n._debugRegisterRouter(o.router));try{i.onInit?.()}catch(e){if(i.onError)i.onError(e);else throw e}try{c=i.render()._render(s,null)}catch(e){if(i.onError)i.onError(e),c=()=>{},l=!0;else throw e}}finally{e._debugComponentMountEnd(i),t._popComponentContext()}let u;if(!l)try{let e=i.onMount?.();typeof e==`function`&&(u=e)}catch(e){if(i.onError)i.onError(e);else throw e}return{unmount(){try{i.onUnmount?.()}catch{}try{u?.()}catch{}c(),o?.router&&n._debugUnregisterRouter(o.router),e._debugComponentUnmount(i)}}}if(!o?.router)return i.mount(a);let s=r(a);t._pushComponentContext();let c;try{t.provide(n.RouterKey,o.router),n._debugRegisterRouter(o.router),c=i._render(s,null)}finally{t._popComponentContext()}return{unmount(){c(),n._debugUnregisterRouter(o.router)}}}exports.mount=i;
-//# sourceMappingURL=component.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/next-2/mount.cjs`);exports.mount=e.mount;

package/dist/lib/component.js

@@ -1,66 +1,2 @@
-import { _debugComponentMountEnd as e, _debugComponentMountStart as t, _debugComponentUnmount as n, isElurComponent as r } from "./lifecycle.js";
-import { _popComponentContext as i, _pushComponentContext as a, provide as o } from "./context.js";
-import { RouterKey as s, _debugRegisterRouter as c, _debugUnregisterRouter as l } from "./elur/router-registry.js";
-//#region src/elur/component.ts
-function u(e) {
-	let t = typeof e == "string" ? document.querySelector(e) : e;
-	if (!t) throw Error(`[elur] mount: container not found: ${e}`);
-	return t;
-}
-function d(d, f, p) {
-	if (r(d)) {
-		let r = u(f);
-		t(d), a();
-		let m = () => {}, h = !1;
-		try {
-			p?.router && (o(s, p.router), c(p.router));
-			try {
-				d.onInit?.();
-			} catch (e) {
-				if (d.onError) d.onError(e);
-				else throw e;
-			}
-			try {
-				m = d.render()._render(r, null);
-			} catch (e) {
-				if (d.onError) d.onError(e), m = () => {}, h = !0;
-				else throw e;
-			}
-		} finally {
-			e(d), i();
-		}
-		let g;
-		if (!h) try {
-			let e = d.onMount?.();
-			typeof e == "function" && (g = e);
-		} catch (e) {
-			if (d.onError) d.onError(e);
-			else throw e;
-		}
-		return { unmount() {
-			try {
-				d.onUnmount?.();
-			} catch {}
-			try {
-				g?.();
-			} catch {}
-			m(), p?.router && l(p.router), n(d);
-		} };
-	}
-	if (!p?.router) return d.mount(f);
-	let m = u(f);
-	a();
-	let h;
-	try {
-		o(s, p.router), c(p.router), h = d._render(m, null);
-	} finally {
-		i();
-	}
-	return { unmount() {
-		h(), l(p.router);
-	} };
-}
-//#endregion
-export { d as mount };
-
-//# sourceMappingURL=component.js.map
+import { mount as e } from "./elur/next-2/mount.js";
+export { e as mount };

package/dist/lib/context.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return Symbol(e)}var t=[],n;function r(){return n?.()??t}function i(e){n=e}function a(){return[...r()]}function o(e,t){let n=r(),i=n.splice(0);e.forEach(e=>n.push(e));try{return t()}finally{n.splice(0),i.forEach(e=>n.push(e))}}function s(){r().push(new Map)}function c(){r().pop()}function l(e,t){let n=r(),i=n.splice(0);e.forEach(e=>n.push(e)),n.push(new Map);try{return t()}finally{n.splice(0),i.forEach(e=>n.push(e))}}function u(e,t){let n=r(),i=n[n.length-1];if(!i)throw Error(`[elur] provide() must be called inside onInit() of a ElurComponent.`);i.set(e,t)}function d(e,t){let n=r();for(let t=n.length-1;t>=0;t--)if(n[t].has(e))return n[t].get(e);return t}exports._captureContextSnapshot=a,exports._popComponentContext=c,exports._pushComponentContext=s,exports._setContextScopeResolver=i,exports._withComponentContext=l,exports._withContextSnapshot=o,exports.createInjectionKey=e,exports.inject=d,exports.provide=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return Symbol(e)}var t=[],n,r=[];function i(){let e=n?.();if(e!==void 0)return e;for(let e of r){let t=e();if(t!==void 0)return t}return t}function a(e){n=e}function o(e){return r.push(e),()=>{let t=r.indexOf(e);t>=0&&r.splice(t,1)}}function s(){return[...i()]}function c(e,t){let n=i(),r=n.splice(0);e.forEach(e=>n.push(e));try{return t()}finally{n.splice(0),r.forEach(e=>n.push(e))}}function l(){i().push(new Map)}function u(){i().pop()}function d(e,t){let n=i(),r=n.splice(0);e.forEach(e=>n.push(e)),n.push(new Map);try{return t()}finally{n.splice(0),r.forEach(e=>n.push(e))}}function f(e,t){let n=i(),r=n[n.length-1];if(!r)throw Error(`[elur] provide() must be called inside onInit() of a ElurComponent.`);r.set(e,t)}function p(e,t){let n=i();for(let t=n.length-1;t>=0;t--)if(n[t].has(e))return n[t].get(e);return t}exports._captureContextSnapshot=s,exports._popComponentContext=u,exports._pushComponentContext=l,exports._pushContextScopeResolver=o,exports._setContextScopeResolver=a,exports._withComponentContext=d,exports._withContextSnapshot=c,exports.createInjectionKey=e,exports.inject=p,exports.provide=f;
 //# sourceMappingURL=context.cjs.map

package/dist/lib/context.js

@@ -2,51 +2,63 @@
 function e(e) {
 	return Symbol(e);
 }
-var t = [], n;
-function r() {
-	return n?.() ?? t;
+var t = [], n, r = [];
+function i() {
+	let e = n?.();
+	if (e !== void 0) return e;
+	for (let e of r) {
+		let t = e();
+		if (t !== void 0) return t;
+	}
+	return t;
 }
-function i(e) {
+function a(e) {
 	n = e;
 }
-function a() {
-	return [...r()];
+function o(e) {
+	return r.push(e), () => {
+		let t = r.indexOf(e);
+		t >= 0 && r.splice(t, 1);
+	};
+}
+function s() {
+	return [...i()];
 }
-function o(e, t) {
-	let n = r(), i = n.splice(0);
+function c(e, t) {
+	let n = i(), r = n.splice(0);
 	e.forEach((e) => n.push(e));
 	try {
 		return t();
 	} finally {
-		n.splice(0), i.forEach((e) => n.push(e));
+		n.splice(0), r.forEach((e) => n.push(e));
 	}
 }
-function s() {
-	r().push(/* @__PURE__ */ new Map());
+function l() {
+	i().push(/* @__PURE__ */ new Map());
 }
-function c() {
-	r().pop();
+function u() {
+	i().pop();
 }
-function l(e, t) {
-	let n = r(), i = n.splice(0);
+function d(e, t) {
+	let n = i(), r = n.splice(0);
 	e.forEach((e) => n.push(e)), n.push(/* @__PURE__ */ new Map());
 	try {
 		return t();
 	} finally {
-		n.splice(0), i.forEach((e) => n.push(e));
+		n.splice(0), r.forEach((e) => n.push(e));
 	}
 }
-function u(e, t) {
-	let n = r(), i = n[n.length - 1];
-	if (!i) throw Error("[elur] provide() must be called inside onInit() of a ElurComponent.");
-	i.set(e, t);
+function f(e, t) {
+	let n = i(), r = n[n.length - 1];
+	if (!r) throw Error("[elur] provide() must be called inside onInit() of a ElurComponent.");
+	r.set(e, t);
 }
-function d(e, t) {
-	let n = r();
+function p(e, t) {
+	let n = i();
 	for (let t = n.length - 1; t >= 0; t--) if (n[t].has(e)) return n[t].get(e);
 	return t;
 }
 //#endregion
-export { a as _captureContextSnapshot, c as _popComponentContext, s as _pushComponentContext, i as _setContextScopeResolver, l as _withComponentContext, o as _withContextSnapshot, e as createInjectionKey, d as inject, u as provide };
+export { s as _captureContextSnapshot, u as _popComponentContext, l as _pushComponentContext, o as _pushContextScopeResolver, a as _setContextScopeResolver, d as _withComponentContext, c as _withContextSnapshot, e as createInjectionKey, p as inject, f as provide };
 
 //# sourceMappingURL=context.js.map

package/dist/lib/devtools.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./lifecycle.cjs`),n=require(`./router.cjs`);var r={enabled:!1,activeTab:`signals`,renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:``,components:``,router:``},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=50,c=new WeakMap,l=new Map,u=[],d=1;function f(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function p(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function m(e){e.history.length>s&&e.history.splice(0,e.history.length-s)}function h(e,t){let n=a.get(e);if(n)return m(n),n;let r=Date.now(),s={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,s),i.add(f(e)),s}function g(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let r=a.get(n);if(!r)continue;let o=n._subs?.size??0;e.push({id:r.id,value:n.peek(),subscriberCount:o,createdAt:r.createdAt,lastUpdated:r.lastUpdated,history:r.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function _(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:`AnonymousComponent`}function v(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function y(e){let t={};for(let n of Object.keys(e)){if(n===`__isElurComponent`||n===`children`||n===`_debugName`||n.startsWith(`_`))continue;let r=e[n];typeof r!=`function`&&(t[n]=r)}return t}function b(e){if(!e)return[];if(e===`*`)return[`*`];let t=e.split(`/`).filter(Boolean),n=[],r=``;for(let e of t)r+=`/`+e,n.push(r);return n.length>0?n:[`/`]}function x(){let e=[];for(let[t,n]of l){let r=n.ref.deref();if(!r){l.delete(t);continue}n.debugName=_(r),n.hasDefaultSlot=r.children!=null,n.slotNames=v(r),n.props=y(r),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})}return e.sort((e,t)=>e.id-t.id),e}function S(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,r]of l)r.parentId===e&&t.push(n);l.delete(e)}}function C(){i.clear(),a=new WeakMap,o=1,c=new WeakMap,l.clear(),u.length=0,d=1}function w(e){if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`||e==null)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function T(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/\"/g,`&quot;`).replace(/'/g,`&#39;`)}function E(e,t=90){let n=w(e);return n.length<=t?n:n.slice(0,t-1)+`…`}function D(e){if(!e)return`-`;let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function O(e){let t=g(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join(`|`)}`;if(r.renderedTab===`signals`&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab=`signals`;let i=t.map(e=>{let t=w(e.value),n=E(e.value,120);return`<tr data-elur-devtools-signal-id="${e.id}">
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/next-2/reactivity.cjs`),t=require(`./lifecycle.cjs`),n=require(`./router.cjs`);var r={enabled:!1,activeTab:`signals`,renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:``,components:``,router:``},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=50,c=new WeakMap,l=new Map,u=[],d=1;function f(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function p(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function m(e){e.history.length>s&&e.history.splice(0,e.history.length-s)}function h(e,t){let n=a.get(e);if(n)return m(n),n;let r=Date.now(),s={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,s),i.add(f(e)),s}function g(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let r=a.get(n);if(!r)continue;let o=n._subs?.size??0;e.push({id:r.id,value:n.peek(),subscriberCount:o,createdAt:r.createdAt,lastUpdated:r.lastUpdated,history:r.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function _(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:`AnonymousComponent`}function v(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function y(e){let t={};for(let n of Object.keys(e)){if(n===`__isElurComponent`||n===`children`||n===`_debugName`||n.startsWith(`_`))continue;let r=e[n];typeof r!=`function`&&(t[n]=r)}return t}function b(e){if(!e)return[];if(e===`*`)return[`*`];let t=e.split(`/`).filter(Boolean),n=[],r=``;for(let e of t)r+=`/`+e,n.push(r);return n.length>0?n:[`/`]}function x(){let e=[];for(let[t,n]of l){let r=n.ref.deref();if(!r){l.delete(t);continue}n.debugName=_(r),n.hasDefaultSlot=r.children!=null,n.slotNames=v(r),n.props=y(r),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})}return e.sort((e,t)=>e.id-t.id),e}function S(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,r]of l)r.parentId===e&&t.push(n);l.delete(e)}}function C(){i.clear(),a=new WeakMap,o=1,c=new WeakMap,l.clear(),u.length=0,d=1}function w(e){if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`||e==null)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function T(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/\"/g,`&quot;`).replace(/'/g,`&#39;`)}function E(e,t=90){let n=w(e);return n.length<=t?n:n.slice(0,t-1)+`…`}function D(e){if(!e)return`-`;let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function O(e){let t=g(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join(`|`)}`;if(r.renderedTab===`signals`&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab=`signals`;let i=t.map(e=>{let t=w(e.value),n=E(e.value,120);return`<tr data-elur-devtools-signal-id="${e.id}">
                 <td style="padding:6px 8px;white-space:nowrap;">${e.id}</td>
                 <td style="padding:6px 8px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;" title="${T(t)}">${T(n)}</td>
                 <td>${e.subscriberCount}</td>

package/dist/lib/devtools.js

@@ -1,4 +1,4 @@
-import { _setSignalDebugHooks as e } from "./signals.js";
+import { _setSignalDebugHooks as e } from "./elur/next-2/reactivity.js";
 import { _setComponentDebugHooks as t } from "./lifecycle.js";
 import { _debugGetRouterInternal as n } from "./router.js";
 //#region src/elur/devtools.ts

package/dist/lib/elur/async.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./elur/template/html.cjs`);function i(){return r.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/next-2/reactivity.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./elur/template/html.cjs`);function i(){return r.html`
         <span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
             <span class="elur-spinner" style="
                 display:inline-block;width:14px;height:14px;border-radius:50%;

package/dist/lib/elur/async.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"async.cjs","names":[],"sources":["../../src/elur/async.ts"],"sourcesContent":["import { signal, effect, Signal } from \"./reactivity.js\";\nimport { ElurComponent } from \"./lifecycle.js\";\nimport { type ElurTemplate, html, isElurTemplate } from \"./template/index.js\";\n\n// --- Types ---\n\ntype AsyncState<T> =\n    | { status: \"pending\" }\n    | { status: \"resolved\"; data: T }\n    | { status: \"error\"; error: unknown };\n\nexport interface SuspenseOptions {\n    fallback?: ElurTemplate;\n    errorFallback?: (err: unknown) => ElurTemplate;\n    resetOnRefresh?: boolean;\n    invalidate?: Signal<unknown>;\n    cacheKey?: string;\n    staleTime?: number;\n}\n\n// --- Default fallbacks ---\n\nfunction defaultLoadingFallback(): ElurTemplate {\n    return html`\n        <span style=\"color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px\">\n            <span class=\"elur-spinner\" style=\"\n                display:inline-block;width:14px;height:14px;border-radius:50%;\n                border:2px solid #38bdf840;border-top-color:#38bdf8;\n                animation:elur-spin .7s linear infinite\n            \"></span>\n            Loading…\n        </span>\n        <style>@keyframes elur-spin{to{transform:rotate(360deg)}}</style>\n    `;\n}\n\nfunction defaultErrorTemplate(err: unknown): ElurTemplate {\n    return html`\n        <span style=\"color:#f87171;font-size:13px\">\n            ⚠ ${err instanceof Error ? err.message : String(err)}\n        </span>\n    `;\n}\n\n// --- Suspense Cache ---\n\ninterface SuspenseCacheEntry<T = unknown> {\n    data?: T;\n    fetchedAt: number;\n    subscribers: number;\n}\n\nconst _suspenseCache = new Map<string, SuspenseCacheEntry>();\n\nconst DEFAULT_CACHE_TIME = 5 * 60 * 1000;\nlet _suspenseGcTimer: ReturnType<typeof setInterval> | null = null;\nlet _suspenseCacheTime = DEFAULT_CACHE_TIME;\n\nfunction _startSuspenseGC(): void {\n    if (_suspenseGcTimer !== null) return;\n    _suspenseGcTimer = setInterval(() => {\n        const now = Date.now();\n        for (const [key, entry] of _suspenseCache) {\n            if (entry.subscribers <= 0 && now - entry.fetchedAt > _suspenseCacheTime) {\n                _suspenseCache.delete(key);\n            }\n        }\n        if (_suspenseCache.size === 0 && _suspenseGcTimer !== null) {\n            clearInterval(_suspenseGcTimer);\n            _suspenseGcTimer = null;\n        }\n    }, 60_000);\n}\n\nfunction _getSuspenseCacheEntry<T>(key: string): SuspenseCacheEntry<T> | undefined {\n    const entry = _suspenseCache.get(key);\n    if (entry && entry.fetchedAt > 0) return entry as SuspenseCacheEntry<T>;\n    return undefined;\n}\n\nfunction _setSuspenseCacheEntry<T>(key: string, data: T): void {\n    const existing = _suspenseCache.get(key);\n    _suspenseCache.set(key, {\n        data,\n        fetchedAt: Date.now(),\n        subscribers: existing?.subscribers ?? 0,\n    });\n    _startSuspenseGC();\n}\n\nfunction _subscribeSuspenseCache(key: string): void {\n    const entry = _suspenseCache.get(key);\n    if (entry) {\n        entry.subscribers++;\n    } else {\n        _suspenseCache.set(key, { fetchedAt: 0, subscribers: 1 } as SuspenseCacheEntry<any>);\n    }\n}\n\nfunction _unsubscribeSuspenseCache(key: string): void {\n    const entry = _suspenseCache.get(key);\n    if (entry) entry.subscribers = Math.max(0, entry.subscribers - 1);\n}\n\nfunction _isSuspenseCacheFresh(key: string, staleTime: number): boolean {\n    const entry = _suspenseCache.get(key);\n    if (!entry) return false;\n    return Date.now() - entry.fetchedAt < staleTime;\n}\n\n// --- suspend() ---\n\n/**\n * Runs an async function and renders based on its state (pending/resolved/error).\n *\n * ```ts\n * const refresh = signal(0);\n * suspend(() => fetchData(), render, { invalidate: refresh });\n * refresh.update(n => n + 1);\n * ```\n */\nexport function suspend<T>(\n    asyncFn: () => Promise<T>,\n    renderFn: (data: T) => ElurTemplate | ElurComponent,\n    options: SuspenseOptions = {}\n): ElurComponent {\n    const {\n        fallback,\n        errorFallback,\n        resetOnRefresh = false,\n        invalidate,\n        cacheKey,\n        staleTime = 0,\n    } = options;\n\n    const resolvedFallback = fallback ?? defaultLoadingFallback();\n    const resolvedErrorFallback = errorFallback ?? defaultErrorTemplate;\n\n    class SuspendComponent extends ElurComponent {\n        private _state: Signal<AsyncState<T>>;\n        private _disposeWatcher: (() => void) | undefined;\n\n        constructor() {\n            super();\n            const cached = cacheKey ? _getSuspenseCacheEntry<T>(cacheKey) : undefined;\n\n            this._state = signal<AsyncState<T>>(\n                cached && cached.data !== undefined\n                    ? { status: \"resolved\", data: cached.data }\n                    : { status: \"pending\" }\n            );\n        }\n\n        onMount(): (() => void) | void {\n            if (cacheKey) _subscribeSuspenseCache(cacheKey);\n\n            const cached = cacheKey ? _getSuspenseCacheEntry<T>(cacheKey) : undefined;\n\n            if (cached && _isSuspenseCacheFresh(cacheKey!, staleTime)) {\n                // fresh — skip\n            } else if (cached) {\n                this._fetch();\n            } else {\n                this._run();\n            }\n\n            if (invalidate) {\n                let first = true;\n                this._disposeWatcher = effect(() => {\n                    invalidate.value;\n                    if (first) { first = false; return; }\n                    if (cacheKey) _suspenseCache.delete(cacheKey);\n                    this._run();\n                });\n            }\n\n            return () => {\n                this._disposeWatcher?.();\n                if (cacheKey) _unsubscribeSuspenseCache(cacheKey);\n            };\n        }\n\n        private _run(): void {\n            if (resetOnRefresh || this._state.peek().status === \"pending\") {\n                this._state.value = { status: \"pending\" };\n            }\n            this._fetch();\n        }\n\n        private _fetch(): void {\n            asyncFn().then(\n                (data) => {\n                    if (cacheKey) _setSuspenseCacheEntry(cacheKey, data);\n                    this._state.value = { status: \"resolved\", data };\n                },\n                (err) => { this._state.value = { status: \"error\", error: err }; }\n            );\n        }\n\n        render(): ElurTemplate {\n            return html`<div class=\"elur-suspense\" style=\"display:contents\">${() => {\n                const s = this._state.value;\n                if (s.status === \"pending\") return resolvedFallback;\n                if (s.status === \"error\") return resolvedErrorFallback(s.error);\n                return renderFn(s.data);\n            }}</div>`;\n        }\n    }\n\n    return new SuspendComponent();\n}\n\n// --- lazy() ---\n\nexport interface LazyOptions {\n    /** Component selector when the module uses a named export. Defaults to `mod.default`. */\n    selector?: (mod: Record<string, unknown>) => new () => ElurComponent;\n    /** Template shown while the component is loading. */\n    fallback?: ElurTemplate;\n}\n\n/**\n * Wraps a dynamic import for lazy-loading route components.\n * The module is loaded once and cached. Supports both default and named exports.\n */\nexport function lazy(\n    importFn: () => Promise<Record<string, unknown>>,\n    options?: ElurTemplate | LazyOptions\n): () => ElurComponent {\n    const opts: LazyOptions =\n        options === undefined || isElurTemplate(options as object)\n            ? { fallback: options as ElurTemplate | undefined }\n            : (options as LazyOptions);\n\n    const selector = opts.selector ?? ((mod) => mod.default as new () => ElurComponent);\n    let Cached: (new () => ElurComponent) | null = null;\n\n    return (): ElurComponent => {\n        if (Cached) return new Cached();\n\n        return suspend(\n            async () => {\n                const mod = await importFn();\n                Cached = selector(mod);\n                return Cached;\n            },\n            (Comp) => new Comp(),\n            { fallback: opts.fallback }\n        );\n    };\n}"],"mappings":"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"}
+{"version":3,"file":"async.cjs","names":[],"sources":["../../src/elur/async.ts"],"sourcesContent":["import { signal, effect, Signal } from \"./reactivity.js\";\nimport { ElurComponent } from \"./lifecycle.js\";\nimport { type ElurTemplate, html, isElurTemplate } from \"./template/index.js\";\n\n// --- Types ---\n\ntype AsyncState<T> =\n    | { status: \"pending\" }\n    | { status: \"resolved\"; data: T }\n    | { status: \"error\"; error: unknown };\n\nexport interface SuspenseOptions {\n    fallback?: ElurTemplate;\n    errorFallback?: (err: unknown) => ElurTemplate;\n    resetOnRefresh?: boolean;\n    invalidate?: Signal<unknown>;\n    cacheKey?: string;\n    staleTime?: number;\n}\n\n// --- Default fallbacks ---\n\nfunction defaultLoadingFallback(): ElurTemplate {\n    return html`\n        <span style=\"color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px\">\n            <span class=\"elur-spinner\" style=\"\n                display:inline-block;width:14px;height:14px;border-radius:50%;\n                border:2px solid #38bdf840;border-top-color:#38bdf8;\n                animation:elur-spin .7s linear infinite\n            \"></span>\n            Loading…\n        </span>\n        <style>@keyframes elur-spin{to{transform:rotate(360deg)}}</style>\n    `;\n}\n\nfunction defaultErrorTemplate(err: unknown): ElurTemplate {\n    return html`\n        <span style=\"color:#f87171;font-size:13px\">\n            ⚠ ${err instanceof Error ? err.message : String(err)}\n        </span>\n    `;\n}\n\n// --- Suspense Cache ---\n\ninterface SuspenseCacheEntry<T = unknown> {\n    data?: T;\n    fetchedAt: number;\n    subscribers: number;\n}\n\nconst _suspenseCache = new Map<string, SuspenseCacheEntry>();\n\nconst DEFAULT_CACHE_TIME = 5 * 60 * 1000;\nlet _suspenseGcTimer: ReturnType<typeof setInterval> | null = null;\nlet _suspenseCacheTime = DEFAULT_CACHE_TIME;\n\nfunction _startSuspenseGC(): void {\n    if (_suspenseGcTimer !== null) return;\n    _suspenseGcTimer = setInterval(() => {\n        const now = Date.now();\n        for (const [key, entry] of _suspenseCache) {\n            if (entry.subscribers <= 0 && now - entry.fetchedAt > _suspenseCacheTime) {\n                _suspenseCache.delete(key);\n            }\n        }\n        if (_suspenseCache.size === 0 && _suspenseGcTimer !== null) {\n            clearInterval(_suspenseGcTimer);\n            _suspenseGcTimer = null;\n        }\n    }, 60_000);\n}\n\nfunction _getSuspenseCacheEntry<T>(key: string): SuspenseCacheEntry<T> | undefined {\n    const entry = _suspenseCache.get(key);\n    if (entry && entry.fetchedAt > 0) return entry as SuspenseCacheEntry<T>;\n    return undefined;\n}\n\nfunction _setSuspenseCacheEntry<T>(key: string, data: T): void {\n    const existing = _suspenseCache.get(key);\n    _suspenseCache.set(key, {\n        data,\n        fetchedAt: Date.now(),\n        subscribers: existing?.subscribers ?? 0,\n    });\n    _startSuspenseGC();\n}\n\nfunction _subscribeSuspenseCache(key: string): void {\n    const entry = _suspenseCache.get(key);\n    if (entry) {\n        entry.subscribers++;\n    } else {\n        _suspenseCache.set(key, { fetchedAt: 0, subscribers: 1 } as SuspenseCacheEntry<any>);\n    }\n}\n\nfunction _unsubscribeSuspenseCache(key: string): void {\n    const entry = _suspenseCache.get(key);\n    if (entry) entry.subscribers = Math.max(0, entry.subscribers - 1);\n}\n\nfunction _isSuspenseCacheFresh(key: string, staleTime: number): boolean {\n    const entry = _suspenseCache.get(key);\n    if (!entry) return false;\n    return Date.now() - entry.fetchedAt < staleTime;\n}\n\n// --- suspend() ---\n\n/**\n * Runs an async function and renders based on its state (pending/resolved/error).\n *\n * ```ts\n * const refresh = signal(0);\n * suspend(() => fetchData(), render, { invalidate: refresh });\n * refresh.update(n => n + 1);\n * ```\n */\nexport function suspend<T>(\n    asyncFn: () => Promise<T>,\n    renderFn: (data: T) => ElurTemplate | ElurComponent,\n    options: SuspenseOptions = {}\n): ElurComponent {\n    const {\n        fallback,\n        errorFallback,\n        resetOnRefresh = false,\n        invalidate,\n        cacheKey,\n        staleTime = 0,\n    } = options;\n\n    const resolvedFallback = fallback ?? defaultLoadingFallback();\n    const resolvedErrorFallback = errorFallback ?? defaultErrorTemplate;\n\n    class SuspendComponent extends ElurComponent {\n        private _state: Signal<AsyncState<T>>;\n        private _disposeWatcher: (() => void) | undefined;\n\n        constructor() {\n            super();\n            const cached = cacheKey ? _getSuspenseCacheEntry<T>(cacheKey) : undefined;\n\n            this._state = signal<AsyncState<T>>(\n                cached && cached.data !== undefined\n                    ? { status: \"resolved\", data: cached.data }\n                    : { status: \"pending\" }\n            );\n        }\n\n        onMount(): (() => void) | void {\n            if (cacheKey) _subscribeSuspenseCache(cacheKey);\n\n            const cached = cacheKey ? _getSuspenseCacheEntry<T>(cacheKey) : undefined;\n\n            if (cached && _isSuspenseCacheFresh(cacheKey!, staleTime)) {\n                // fresh — skip\n            } else if (cached) {\n                this._fetch();\n            } else {\n                this._run();\n            }\n\n            if (invalidate) {\n                let first = true;\n                this._disposeWatcher = effect(() => {\n                    invalidate.value;\n                    if (first) { first = false; return; }\n                    if (cacheKey) _suspenseCache.delete(cacheKey);\n                    this._run();\n                });\n            }\n\n            return () => {\n                this._disposeWatcher?.();\n                if (cacheKey) _unsubscribeSuspenseCache(cacheKey);\n            };\n        }\n\n        private _run(): void {\n            if (resetOnRefresh || this._state.peek().status === \"pending\") {\n                this._state.value = { status: \"pending\" };\n            }\n            this._fetch();\n        }\n\n        private _fetch(): void {\n            asyncFn().then(\n                (data) => {\n                    if (cacheKey) _setSuspenseCacheEntry(cacheKey, data);\n                    this._state.value = { status: \"resolved\", data };\n                },\n                (err) => { this._state.value = { status: \"error\", error: err }; }\n            );\n        }\n\n        render(): ElurTemplate {\n            return html`<div class=\"elur-suspense\" style=\"display:contents\">${() => {\n                const s = this._state.value;\n                if (s.status === \"pending\") return resolvedFallback;\n                if (s.status === \"error\") return resolvedErrorFallback(s.error);\n                return renderFn(s.data);\n            }}</div>`;\n        }\n    }\n\n    return new SuspendComponent();\n}\n\n// --- lazy() ---\n\nexport interface LazyOptions {\n    /** Component selector when the module uses a named export. Defaults to `mod.default`. */\n    selector?: (mod: Record<string, unknown>) => new () => ElurComponent;\n    /** Template shown while the component is loading. */\n    fallback?: ElurTemplate;\n}\n\n/**\n * Wraps a dynamic import for lazy-loading route components.\n * The module is loaded once and cached. Supports both default and named exports.\n */\nexport function lazy(\n    importFn: () => Promise<Record<string, unknown>>,\n    options?: ElurTemplate | LazyOptions\n): () => ElurComponent {\n    const opts: LazyOptions =\n        options === undefined || isElurTemplate(options as object)\n            ? { fallback: options as ElurTemplate | undefined }\n            : (options as LazyOptions);\n\n    const selector = opts.selector ?? ((mod) => mod.default as new () => ElurComponent);\n    let Cached: (new () => ElurComponent) | null = null;\n\n    return (): ElurComponent => {\n        if (Cached) return new Cached();\n\n        return suspend(\n            async () => {\n                const mod = await importFn();\n                Cached = selector(mod);\n                return Cached;\n            },\n            (Comp) => new Comp(),\n            { fallback: opts.fallback }\n        );\n    };\n}"],"mappings":"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"}

package/dist/lib/elur/async.js

@@ -1,4 +1,4 @@
-import { effect as e, signal as t } from "./signals.js";
+import { effect as e, signal as t } from "./elur/next-2/reactivity.js";
 import { isElurTemplate as n } from "./elur/template/types.js";
 import { ElurComponent as r } from "./lifecycle.js";
 import { html as i } from "./elur/template/html.js";

package/dist/lib/elur/component.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lifecycle.cjs`),t=require(`./context.cjs`),n=require(`./elur/router-registry.cjs`);function r(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[elur] mount: container not found: ${e}`);return t}function i(i,a,o){if(e.isElurComponent(i)){let s=r(a);e._debugComponentMountStart(i),t._pushComponentContext();let c=()=>{},l=!1;try{o?.router&&(t.provide(n.RouterKey,o.router),n._debugRegisterRouter(o.router));try{i.onInit?.()}catch(e){if(i.onError)i.onError(e);else throw e}try{c=i.render()._render(s,null)}catch(e){if(i.onError)i.onError(e),c=()=>{},l=!0;else throw e}}finally{e._debugComponentMountEnd(i),t._popComponentContext()}let u;if(!l)try{let e=i.onMount?.();typeof e==`function`&&(u=e)}catch(e){if(i.onError)i.onError(e);else throw e}return{unmount(){try{i.onUnmount?.()}catch{}try{u?.()}catch{}c(),o?.router&&n._debugUnregisterRouter(o.router),e._debugComponentUnmount(i)}}}if(!o?.router)return i.mount(a);let s=r(a);t._pushComponentContext();let c;try{t.provide(n.RouterKey,o.router),n._debugRegisterRouter(o.router),c=i._render(s,null)}finally{t._popComponentContext()}return{unmount(){c(),n._debugUnregisterRouter(o.router)}}}exports.mount=i;
-//# sourceMappingURL=component.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/next-2/mount.cjs`);exports.mount=e.mount;

package/dist/lib/elur/component.d.cts

@@ -1,17 +1 @@
-import type { ElurTemplate, ElurMountHandle } from "./template/index.js";
-import { type ElurComponent } from "./lifecycle.js";
-import type { Router } from "./router.js";
-export interface MountOptions {
-    router?: Router;
-}
-/**
- * Mounts a ElurTemplate or ElurComponent into the DOM.
- *
- *   mount(Counter(), "#app");   // ElurTemplate (function component)
- *   mount(new Timer(), "#app"); // ElurComponent (class with lifecycle)
- *
- * @param component ElurTemplate (result of html``) or a ElurComponent instance.
- * @param container CSS selector or HTMLElement to mount into.
- * @returns         { unmount() } — disposes effects and removes DOM.
- */
-export declare function mount(component: ElurTemplate | ElurComponent, container: Element | string, options?: MountOptions): ElurMountHandle;
+export * from "./next-2/mount.js";

package/dist/lib/elur/component.d.ts

@@ -1,17 +1 @@
-import type { ElurTemplate, ElurMountHandle } from "./template/index.js";
-import { type ElurComponent } from "./lifecycle.js";
-import type { Router } from "./router.js";
-export interface MountOptions {
-    router?: Router;
-}
-/**
- * Mounts a ElurTemplate or ElurComponent into the DOM.
- *
- *   mount(Counter(), "#app");   // ElurTemplate (function component)
- *   mount(new Timer(), "#app"); // ElurComponent (class with lifecycle)
- *
- * @param component ElurTemplate (result of html``) or a ElurComponent instance.
- * @param container CSS selector or HTMLElement to mount into.
- * @returns         { unmount() } — disposes effects and removes DOM.
- */
-export declare function mount(component: ElurTemplate | ElurComponent, container: Element | string, options?: MountOptions): ElurMountHandle;
+export * from "./next-2/mount.js";

package/dist/lib/elur/component.js

@@ -1,66 +1,2 @@
-import { _debugComponentMountEnd as e, _debugComponentMountStart as t, _debugComponentUnmount as n, isElurComponent as r } from "./lifecycle.js";
-import { _popComponentContext as i, _pushComponentContext as a, provide as o } from "./context.js";
-import { RouterKey as s, _debugRegisterRouter as c, _debugUnregisterRouter as l } from "./elur/router-registry.js";
-//#region src/elur/component.ts
-function u(e) {
-	let t = typeof e == "string" ? document.querySelector(e) : e;
-	if (!t) throw Error(`[elur] mount: container not found: ${e}`);
-	return t;
-}
-function d(d, f, p) {
-	if (r(d)) {
-		let r = u(f);
-		t(d), a();
-		let m = () => {}, h = !1;
-		try {
-			p?.router && (o(s, p.router), c(p.router));
-			try {
-				d.onInit?.();
-			} catch (e) {
-				if (d.onError) d.onError(e);
-				else throw e;
-			}
-			try {
-				m = d.render()._render(r, null);
-			} catch (e) {
-				if (d.onError) d.onError(e), m = () => {}, h = !0;
-				else throw e;
-			}
-		} finally {
-			e(d), i();
-		}
-		let g;
-		if (!h) try {
-			let e = d.onMount?.();
-			typeof e == "function" && (g = e);
-		} catch (e) {
-			if (d.onError) d.onError(e);
-			else throw e;
-		}
-		return { unmount() {
-			try {
-				d.onUnmount?.();
-			} catch {}
-			try {
-				g?.();
-			} catch {}
-			m(), p?.router && l(p.router), n(d);
-		} };
-	}
-	if (!p?.router) return d.mount(f);
-	let m = u(f);
-	a();
-	let h;
-	try {
-		o(s, p.router), c(p.router), h = d._render(m, null);
-	} finally {
-		i();
-	}
-	return { unmount() {
-		h(), l(p.router);
-	} };
-}
-//#endregion
-export { d as mount };
-
-//# sourceMappingURL=component.js.map
+import { mount as e } from "./elur/next-2/mount.js";
+export { e as mount };

package/dist/lib/elur/context.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return Symbol(e)}var t=[],n;function r(){return n?.()??t}function i(e){n=e}function a(){return[...r()]}function o(e,t){let n=r(),i=n.splice(0);e.forEach(e=>n.push(e));try{return t()}finally{n.splice(0),i.forEach(e=>n.push(e))}}function s(){r().push(new Map)}function c(){r().pop()}function l(e,t){let n=r(),i=n.splice(0);e.forEach(e=>n.push(e)),n.push(new Map);try{return t()}finally{n.splice(0),i.forEach(e=>n.push(e))}}function u(e,t){let n=r(),i=n[n.length-1];if(!i)throw Error(`[elur] provide() must be called inside onInit() of a ElurComponent.`);i.set(e,t)}function d(e,t){let n=r();for(let t=n.length-1;t>=0;t--)if(n[t].has(e))return n[t].get(e);return t}exports._captureContextSnapshot=a,exports._popComponentContext=c,exports._pushComponentContext=s,exports._setContextScopeResolver=i,exports._withComponentContext=l,exports._withContextSnapshot=o,exports.createInjectionKey=e,exports.inject=d,exports.provide=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return Symbol(e)}var t=[],n,r=[];function i(){let e=n?.();if(e!==void 0)return e;for(let e of r){let t=e();if(t!==void 0)return t}return t}function a(e){n=e}function o(e){return r.push(e),()=>{let t=r.indexOf(e);t>=0&&r.splice(t,1)}}function s(){return[...i()]}function c(e,t){let n=i(),r=n.splice(0);e.forEach(e=>n.push(e));try{return t()}finally{n.splice(0),r.forEach(e=>n.push(e))}}function l(){i().push(new Map)}function u(){i().pop()}function d(e,t){let n=i(),r=n.splice(0);e.forEach(e=>n.push(e)),n.push(new Map);try{return t()}finally{n.splice(0),r.forEach(e=>n.push(e))}}function f(e,t){let n=i(),r=n[n.length-1];if(!r)throw Error(`[elur] provide() must be called inside onInit() of a ElurComponent.`);r.set(e,t)}function p(e,t){let n=i();for(let t=n.length-1;t>=0;t--)if(n[t].has(e))return n[t].get(e);return t}exports._captureContextSnapshot=s,exports._popComponentContext=u,exports._pushComponentContext=l,exports._pushContextScopeResolver=o,exports._setContextScopeResolver=a,exports._withComponentContext=d,exports._withContextSnapshot=c,exports.createInjectionKey=e,exports.inject=p,exports.provide=f;
 //# sourceMappingURL=context.cjs.map

package/dist/lib/elur/context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.cjs","names":[],"sources":["../../src/elur/context.ts"],"sourcesContent":["// --- Public types ---\n\n/** Typed key for provide/inject. Generic `T` enforces type safety between provider and consumer. */\nexport type InjectionKey<T> = symbol & { readonly __elurType?: T };\n\n/** Creates a unique typed InjectionKey. */\nexport function createInjectionKey<T>(description?: string): InjectionKey<T> {\n    return Symbol(description) as InjectionKey<T>;\n}\n\n// --- Internal stack ---\n\n/** Stack of provide maps, one per active component in the render tree. */\nconst _stack: Map<unknown, unknown>[] = [];\nlet _scopeResolver: (() => Map<unknown, unknown>[] | undefined) | undefined;\n\nfunction currentStack(): Map<unknown, unknown>[] {\n    return _scopeResolver?.() ?? _stack;\n}\n\nexport function _setContextScopeResolver(\n    resolver: (() => Map<unknown, unknown>[] | undefined) | undefined,\n): void {\n    _scopeResolver = resolver;\n}\n\n/** @internal — returns a copy of the stack for capturing in effect closures. */\nexport function _captureContextSnapshot(): Map<unknown, unknown>[] {\n    return [...currentStack()];\n}\n\nexport function _withContextSnapshot<T>(\n    snapshot: Map<unknown, unknown>[],\n    fn: () => T,\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    snapshot.forEach((entry) => stack.push(entry));\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach((entry) => stack.push(entry));\n    }\n}\n\n/** @internal — pushes an empty context for a new component (static render). */\nexport function _pushComponentContext(): void {\n    currentStack().push(new Map());\n}\n\n/** @internal — pops the current component context (static render). */\nexport function _popComponentContext(): void {\n    currentStack().pop();\n}\n\n/**\n * @internal — executes `fn` with `parentSnapshot` as ancestors and a fresh\n * empty context on top, then restores the previous stack.\n */\nexport function _withComponentContext<T>(\n    parentSnapshot: Map<unknown, unknown>[],\n    fn: () => T\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    parentSnapshot.forEach(m => stack.push(m));\n    stack.push(new Map());\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach(m => stack.push(m));\n    }\n}\n\n// --- Public API ---\n\n/**\n * Registers a value so descendant components can retrieve it via `inject()`.\n * Must be called inside `onInit()` of a ElurComponent.\n */\nexport function provide<T>(\n    key: InjectionKey<T> | string | symbol,\n    value: T\n): void {\n    const stack = currentStack();\n    const top = stack[stack.length - 1];\n    if (!top) {\n        throw new Error(\n            \"[elur] provide() must be called inside onInit() of a ElurComponent.\"\n        );\n    }\n    top.set(key, value);\n}\n\n/**\n * Retrieves a value provided by an ancestor component.\n * Searches child-to-parent; returns `undefined` if the key was not provided.\n */\nexport function inject<T>(\n    key: InjectionKey<T> | string | symbol,\n    defaultValue?: T\n): T | undefined {\n    const stack = currentStack();\n    for (let i = stack.length - 1; i >= 0; i--) {\n        if (stack[i].has(key)) {\n            return stack[i].get(key) as T;\n        }\n    }\n    return defaultValue;\n}\n"],"mappings":"mEAMA,SAAgB,EAAsB,EAAuC,CACzE,OAAO,OAAO,EAAY,CAM9B,IAAM,EAAkC,EAAE,CACtC,EAEJ,SAAS,GAAwC,CAC7C,OAAO,KAAkB,EAAI,EAGjC,SAAgB,EACZ,EACI,CACJ,EAAiB,EAIrB,SAAgB,GAAmD,CAC/D,MAAO,CAAC,GAAG,GAAc,CAAC,CAG9B,SAAgB,EACZ,EACA,EACC,CACD,IAAM,EAAQ,GAAc,CACtB,EAAQ,EAAM,OAAO,EAAE,CAC7B,EAAS,QAAS,GAAU,EAAM,KAAK,EAAM,CAAC,CAC9C,GAAI,CACA,OAAO,GAAI,QACL,CACN,EAAM,OAAO,EAAE,CACf,EAAM,QAAS,GAAU,EAAM,KAAK,EAAM,CAAC,EAKnD,SAAgB,GAA8B,CAC1C,GAAc,CAAC,KAAK,IAAI,IAAM,CAIlC,SAAgB,GAA6B,CACzC,GAAc,CAAC,KAAK,CAOxB,SAAgB,EACZ,EACA,EACC,CACD,IAAM,EAAQ,GAAc,CACtB,EAAQ,EAAM,OAAO,EAAE,CAC7B,EAAe,QAAQ,GAAK,EAAM,KAAK,EAAE,CAAC,CAC1C,EAAM,KAAK,IAAI,IAAM,CACrB,GAAI,CACA,OAAO,GAAI,QACL,CACN,EAAM,OAAO,EAAE,CACf,EAAM,QAAQ,GAAK,EAAM,KAAK,EAAE,CAAC,EAUzC,SAAgB,EACZ,EACA,EACI,CACJ,IAAM,EAAQ,GAAc,CACtB,EAAM,EAAM,EAAM,OAAS,GACjC,GAAI,CAAC,EACD,MAAU,MACN,sEACH,CAEL,EAAI,IAAI,EAAK,EAAM,CAOvB,SAAgB,EACZ,EACA,EACa,CACb,IAAM,EAAQ,GAAc,CAC5B,IAAK,IAAI,EAAI,EAAM,OAAS,EAAG,GAAK,EAAG,IACnC,GAAI,EAAM,GAAG,IAAI,EAAI,CACjB,OAAO,EAAM,GAAG,IAAI,EAAI,CAGhC,OAAO"}
+{"version":3,"file":"context.cjs","names":[],"sources":["../../src/elur/context.ts"],"sourcesContent":["// --- Public types ---\n\n/** Typed key for provide/inject. Generic `T` enforces type safety between provider and consumer. */\nexport type InjectionKey<T> = symbol & { readonly __elurType?: T };\n\n/** Creates a unique typed InjectionKey. */\nexport function createInjectionKey<T>(description?: string): InjectionKey<T> {\n    return Symbol(description) as InjectionKey<T>;\n}\n\n// --- Internal stack ---\n\n/** Stack of provide maps, one per active component in the render tree. */\nconst _stack: Map<unknown, unknown>[] = [];\n// Resolver primario (set) + secundarios (push): el primario se consulta\n// primero — p.ej. SSR por AsyncLocalStorage — y los secundarios sólo si\n// aquél devuelve undefined (p.ej. contexto por instancia en next/). Así el\n// resultado no depende del orden de importación de los módulos.\nlet _primaryResolver: (() => Map<unknown, unknown>[] | undefined) | undefined;\nconst _scopeResolvers: (() => Map<unknown, unknown>[] | undefined)[] = [];\n\nfunction currentStack(): Map<unknown, unknown>[] {\n    const primary = _primaryResolver?.();\n    if (primary !== undefined) return primary;\n    for (const r of _scopeResolvers) {\n        const frames = r();\n        if (frames !== undefined) return frames;\n    }\n    return _stack;\n}\n\nexport function _setContextScopeResolver(\n    resolver: (() => Map<unknown, unknown>[] | undefined) | undefined,\n): void {\n    _primaryResolver = resolver;\n}\n\n/**\n * @internal — añade un resolver secundario consultado sólo si el primario\n * devuelve undefined. Devuelve una función para quitarlo.\n */\nexport function _pushContextScopeResolver(\n    resolver: () => Map<unknown, unknown>[] | undefined,\n): () => void {\n    _scopeResolvers.push(resolver);\n    return () => {\n        const i = _scopeResolvers.indexOf(resolver);\n        if (i >= 0) _scopeResolvers.splice(i, 1);\n    };\n}\n\n/** @internal — returns a copy of the stack for capturing in effect closures. */\nexport function _captureContextSnapshot(): Map<unknown, unknown>[] {\n    return [...currentStack()];\n}\n\nexport function _withContextSnapshot<T>(\n    snapshot: Map<unknown, unknown>[],\n    fn: () => T,\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    snapshot.forEach((entry) => stack.push(entry));\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach((entry) => stack.push(entry));\n    }\n}\n\n/** @internal — pushes an empty context for a new component (static render). */\nexport function _pushComponentContext(): void {\n    currentStack().push(new Map());\n}\n\n/** @internal — pops the current component context (static render). */\nexport function _popComponentContext(): void {\n    currentStack().pop();\n}\n\n/**\n * @internal — executes `fn` with `parentSnapshot` as ancestors and a fresh\n * empty context on top, then restores the previous stack.\n */\nexport function _withComponentContext<T>(\n    parentSnapshot: Map<unknown, unknown>[],\n    fn: () => T\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    parentSnapshot.forEach(m => stack.push(m));\n    stack.push(new Map());\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach(m => stack.push(m));\n    }\n}\n\n// --- Public API ---\n\n/**\n * Registers a value so descendant components can retrieve it via `inject()`.\n * Must be called inside `onInit()` of a ElurComponent.\n */\nexport function provide<T>(\n    key: InjectionKey<T> | string | symbol,\n    value: T\n): void {\n    const stack = currentStack();\n    const top = stack[stack.length - 1];\n    if (!top) {\n        throw new Error(\n            \"[elur] provide() must be called inside onInit() of a ElurComponent.\"\n        );\n    }\n    top.set(key, value);\n}\n\n/**\n * Retrieves a value provided by an ancestor component.\n * Searches child-to-parent; returns `undefined` if the key was not provided.\n */\nexport function inject<T>(\n    key: InjectionKey<T> | string | symbol,\n    defaultValue?: T\n): T | undefined {\n    const stack = currentStack();\n    for (let i = stack.length - 1; i >= 0; i--) {\n        if (stack[i].has(key)) {\n            return stack[i].get(key) as T;\n        }\n    }\n    return defaultValue;\n}\n"],"mappings":"mEAMA,SAAgB,EAAsB,EAAuC,CACzE,OAAO,OAAO,EAAY,CAM9B,IAAM,EAAkC,EAAE,CAKtC,EACE,EAAiE,EAAE,CAEzE,SAAS,GAAwC,CAC7C,IAAM,EAAU,KAAoB,CACpC,GAAI,IAAY,IAAA,GAAW,OAAO,EAClC,IAAK,IAAM,KAAK,EAAiB,CAC7B,IAAM,EAAS,GAAG,CAClB,GAAI,IAAW,IAAA,GAAW,OAAO,EAErC,OAAO,EAGX,SAAgB,EACZ,EACI,CACJ,EAAmB,EAOvB,SAAgB,EACZ,EACU,CAEV,OADA,EAAgB,KAAK,EAAS,KACjB,CACT,IAAM,EAAI,EAAgB,QAAQ,EAAS,CACvC,GAAK,GAAG,EAAgB,OAAO,EAAG,EAAE,EAKhD,SAAgB,GAAmD,CAC/D,MAAO,CAAC,GAAG,GAAc,CAAC,CAG9B,SAAgB,EACZ,EACA,EACC,CACD,IAAM,EAAQ,GAAc,CACtB,EAAQ,EAAM,OAAO,EAAE,CAC7B,EAAS,QAAS,GAAU,EAAM,KAAK,EAAM,CAAC,CAC9C,GAAI,CACA,OAAO,GAAI,QACL,CACN,EAAM,OAAO,EAAE,CACf,EAAM,QAAS,GAAU,EAAM,KAAK,EAAM,CAAC,EAKnD,SAAgB,GAA8B,CAC1C,GAAc,CAAC,KAAK,IAAI,IAAM,CAIlC,SAAgB,GAA6B,CACzC,GAAc,CAAC,KAAK,CAOxB,SAAgB,EACZ,EACA,EACC,CACD,IAAM,EAAQ,GAAc,CACtB,EAAQ,EAAM,OAAO,EAAE,CAC7B,EAAe,QAAQ,GAAK,EAAM,KAAK,EAAE,CAAC,CAC1C,EAAM,KAAK,IAAI,IAAM,CACrB,GAAI,CACA,OAAO,GAAI,QACL,CACN,EAAM,OAAO,EAAE,CACf,EAAM,QAAQ,GAAK,EAAM,KAAK,EAAE,CAAC,EAUzC,SAAgB,EACZ,EACA,EACI,CACJ,IAAM,EAAQ,GAAc,CACtB,EAAM,EAAM,EAAM,OAAS,GACjC,GAAI,CAAC,EACD,MAAU,MACN,sEACH,CAEL,EAAI,IAAI,EAAK,EAAM,CAOvB,SAAgB,EACZ,EACA,EACa,CACb,IAAM,EAAQ,GAAc,CAC5B,IAAK,IAAI,EAAI,EAAM,OAAS,EAAG,GAAK,EAAG,IACnC,GAAI,EAAM,GAAG,IAAI,EAAI,CACjB,OAAO,EAAM,GAAG,IAAI,EAAI,CAGhC,OAAO"}

package/dist/lib/elur/context.d.cts

@@ -5,6 +5,11 @@ export type InjectionKey<T> = symbol & {
 /** Creates a unique typed InjectionKey. */
 export declare function createInjectionKey<T>(description?: string): InjectionKey<T>;
 export declare function _setContextScopeResolver(resolver: (() => Map<unknown, unknown>[] | undefined) | undefined): void;
+/**
+ * @internal — añade un resolver secundario consultado sólo si el primario
+ * devuelve undefined. Devuelve una función para quitarlo.
+ */
+export declare function _pushContextScopeResolver(resolver: () => Map<unknown, unknown>[] | undefined): () => void;
 /** @internal — returns a copy of the stack for capturing in effect closures. */
 export declare function _captureContextSnapshot(): Map<unknown, unknown>[];
 export declare function _withContextSnapshot<T>(snapshot: Map<unknown, unknown>[], fn: () => T): T;

package/dist/lib/elur/context.d.ts

@@ -5,6 +5,11 @@ export type InjectionKey<T> = symbol & {
 /** Creates a unique typed InjectionKey. */
 export declare function createInjectionKey<T>(description?: string): InjectionKey<T>;
 export declare function _setContextScopeResolver(resolver: (() => Map<unknown, unknown>[] | undefined) | undefined): void;
+/**
+ * @internal — añade un resolver secundario consultado sólo si el primario
+ * devuelve undefined. Devuelve una función para quitarlo.
+ */
+export declare function _pushContextScopeResolver(resolver: () => Map<unknown, unknown>[] | undefined): () => void;
 /** @internal — returns a copy of the stack for capturing in effect closures. */
 export declare function _captureContextSnapshot(): Map<unknown, unknown>[];
 export declare function _withContextSnapshot<T>(snapshot: Map<unknown, unknown>[], fn: () => T): T;

package/dist/lib/elur/context.js

@@ -2,51 +2,63 @@
 function e(e) {
 	return Symbol(e);
 }
-var t = [], n;
-function r() {
-	return n?.() ?? t;
+var t = [], n, r = [];
+function i() {
+	let e = n?.();
+	if (e !== void 0) return e;
+	for (let e of r) {
+		let t = e();
+		if (t !== void 0) return t;
+	}
+	return t;
 }
-function i(e) {
+function a(e) {
 	n = e;
 }
-function a() {
-	return [...r()];
+function o(e) {
+	return r.push(e), () => {
+		let t = r.indexOf(e);
+		t >= 0 && r.splice(t, 1);
+	};
+}
+function s() {
+	return [...i()];
 }
-function o(e, t) {
-	let n = r(), i = n.splice(0);
+function c(e, t) {
+	let n = i(), r = n.splice(0);
 	e.forEach((e) => n.push(e));
 	try {
 		return t();
 	} finally {
-		n.splice(0), i.forEach((e) => n.push(e));
+		n.splice(0), r.forEach((e) => n.push(e));
 	}
 }
-function s() {
-	r().push(/* @__PURE__ */ new Map());
+function l() {
+	i().push(/* @__PURE__ */ new Map());
 }
-function c() {
-	r().pop();
+function u() {
+	i().pop();
 }
-function l(e, t) {
-	let n = r(), i = n.splice(0);
+function d(e, t) {
+	let n = i(), r = n.splice(0);
 	e.forEach((e) => n.push(e)), n.push(/* @__PURE__ */ new Map());
 	try {
 		return t();
 	} finally {
-		n.splice(0), i.forEach((e) => n.push(e));
+		n.splice(0), r.forEach((e) => n.push(e));
 	}
 }
-function u(e, t) {
-	let n = r(), i = n[n.length - 1];
-	if (!i) throw Error("[elur] provide() must be called inside onInit() of a ElurComponent.");
-	i.set(e, t);
+function f(e, t) {
+	let n = i(), r = n[n.length - 1];
+	if (!r) throw Error("[elur] provide() must be called inside onInit() of a ElurComponent.");
+	r.set(e, t);
 }
-function d(e, t) {
-	let n = r();
+function p(e, t) {
+	let n = i();
 	for (let t = n.length - 1; t >= 0; t--) if (n[t].has(e)) return n[t].get(e);
 	return t;
 }
 //#endregion
-export { a as _captureContextSnapshot, c as _popComponentContext, s as _pushComponentContext, i as _setContextScopeResolver, l as _withComponentContext, o as _withContextSnapshot, e as createInjectionKey, d as inject, u as provide };
+export { s as _captureContextSnapshot, u as _popComponentContext, l as _pushComponentContext, o as _pushContextScopeResolver, a as _setContextScopeResolver, d as _withComponentContext, c as _withContextSnapshot, e as createInjectionKey, p as inject, f as provide };
 
 //# sourceMappingURL=context.js.map

package/dist/lib/elur/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/elur/context.ts"],"sourcesContent":["// --- Public types ---\n\n/** Typed key for provide/inject. Generic `T` enforces type safety between provider and consumer. */\nexport type InjectionKey<T> = symbol & { readonly __elurType?: T };\n\n/** Creates a unique typed InjectionKey. */\nexport function createInjectionKey<T>(description?: string): InjectionKey<T> {\n    return Symbol(description) as InjectionKey<T>;\n}\n\n// --- Internal stack ---\n\n/** Stack of provide maps, one per active component in the render tree. */\nconst _stack: Map<unknown, unknown>[] = [];\nlet _scopeResolver: (() => Map<unknown, unknown>[] | undefined) | undefined;\n\nfunction currentStack(): Map<unknown, unknown>[] {\n    return _scopeResolver?.() ?? _stack;\n}\n\nexport function _setContextScopeResolver(\n    resolver: (() => Map<unknown, unknown>[] | undefined) | undefined,\n): void {\n    _scopeResolver = resolver;\n}\n\n/** @internal — returns a copy of the stack for capturing in effect closures. */\nexport function _captureContextSnapshot(): Map<unknown, unknown>[] {\n    return [...currentStack()];\n}\n\nexport function _withContextSnapshot<T>(\n    snapshot: Map<unknown, unknown>[],\n    fn: () => T,\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    snapshot.forEach((entry) => stack.push(entry));\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach((entry) => stack.push(entry));\n    }\n}\n\n/** @internal — pushes an empty context for a new component (static render). */\nexport function _pushComponentContext(): void {\n    currentStack().push(new Map());\n}\n\n/** @internal — pops the current component context (static render). */\nexport function _popComponentContext(): void {\n    currentStack().pop();\n}\n\n/**\n * @internal — executes `fn` with `parentSnapshot` as ancestors and a fresh\n * empty context on top, then restores the previous stack.\n */\nexport function _withComponentContext<T>(\n    parentSnapshot: Map<unknown, unknown>[],\n    fn: () => T\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    parentSnapshot.forEach(m => stack.push(m));\n    stack.push(new Map());\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach(m => stack.push(m));\n    }\n}\n\n// --- Public API ---\n\n/**\n * Registers a value so descendant components can retrieve it via `inject()`.\n * Must be called inside `onInit()` of a ElurComponent.\n */\nexport function provide<T>(\n    key: InjectionKey<T> | string | symbol,\n    value: T\n): void {\n    const stack = currentStack();\n    const top = stack[stack.length - 1];\n    if (!top) {\n        throw new Error(\n            \"[elur] provide() must be called inside onInit() of a ElurComponent.\"\n        );\n    }\n    top.set(key, value);\n}\n\n/**\n * Retrieves a value provided by an ancestor component.\n * Searches child-to-parent; returns `undefined` if the key was not provided.\n */\nexport function inject<T>(\n    key: InjectionKey<T> | string | symbol,\n    defaultValue?: T\n): T | undefined {\n    const stack = currentStack();\n    for (let i = stack.length - 1; i >= 0; i--) {\n        if (stack[i].has(key)) {\n            return stack[i].get(key) as T;\n        }\n    }\n    return defaultValue;\n}\n"],"mappings":";AAMA,SAAgB,EAAsB,GAAuC;AACzE,QAAO,OAAO,EAAY;;AAM9B,IAAM,IAAkC,EAAE,EACtC;AAEJ,SAAS,IAAwC;AAC7C,QAAO,KAAkB,IAAI;;AAGjC,SAAgB,EACZ,GACI;AACJ,KAAiB;;AAIrB,SAAgB,IAAmD;AAC/D,QAAO,CAAC,GAAG,GAAc,CAAC;;AAG9B,SAAgB,EACZ,GACA,GACC;CACD,IAAM,IAAQ,GAAc,EACtB,IAAQ,EAAM,OAAO,EAAE;AAC7B,GAAS,SAAS,MAAU,EAAM,KAAK,EAAM,CAAC;AAC9C,KAAI;AACA,SAAO,GAAI;WACL;AAEN,EADA,EAAM,OAAO,EAAE,EACf,EAAM,SAAS,MAAU,EAAM,KAAK,EAAM,CAAC;;;AAKnD,SAAgB,IAA8B;AAC1C,IAAc,CAAC,qBAAK,IAAI,KAAK,CAAC;;AAIlC,SAAgB,IAA6B;AACzC,IAAc,CAAC,KAAK;;AAOxB,SAAgB,EACZ,GACA,GACC;CACD,IAAM,IAAQ,GAAc,EACtB,IAAQ,EAAM,OAAO,EAAE;AAE7B,CADA,EAAe,SAAQ,MAAK,EAAM,KAAK,EAAE,CAAC,EAC1C,EAAM,qBAAK,IAAI,KAAK,CAAC;AACrB,KAAI;AACA,SAAO,GAAI;WACL;AAEN,EADA,EAAM,OAAO,EAAE,EACf,EAAM,SAAQ,MAAK,EAAM,KAAK,EAAE,CAAC;;;AAUzC,SAAgB,EACZ,GACA,GACI;CACJ,IAAM,IAAQ,GAAc,EACtB,IAAM,EAAM,EAAM,SAAS;AACjC,KAAI,CAAC,EACD,OAAU,MACN,sEACH;AAEL,GAAI,IAAI,GAAK,EAAM;;AAOvB,SAAgB,EACZ,GACA,GACa;CACb,IAAM,IAAQ,GAAc;AAC5B,MAAK,IAAI,IAAI,EAAM,SAAS,GAAG,KAAK,GAAG,IACnC,KAAI,EAAM,GAAG,IAAI,EAAI,CACjB,QAAO,EAAM,GAAG,IAAI,EAAI;AAGhC,QAAO"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/elur/context.ts"],"sourcesContent":["// --- Public types ---\n\n/** Typed key for provide/inject. Generic `T` enforces type safety between provider and consumer. */\nexport type InjectionKey<T> = symbol & { readonly __elurType?: T };\n\n/** Creates a unique typed InjectionKey. */\nexport function createInjectionKey<T>(description?: string): InjectionKey<T> {\n    return Symbol(description) as InjectionKey<T>;\n}\n\n// --- Internal stack ---\n\n/** Stack of provide maps, one per active component in the render tree. */\nconst _stack: Map<unknown, unknown>[] = [];\n// Resolver primario (set) + secundarios (push): el primario se consulta\n// primero — p.ej. SSR por AsyncLocalStorage — y los secundarios sólo si\n// aquél devuelve undefined (p.ej. contexto por instancia en next/). Así el\n// resultado no depende del orden de importación de los módulos.\nlet _primaryResolver: (() => Map<unknown, unknown>[] | undefined) | undefined;\nconst _scopeResolvers: (() => Map<unknown, unknown>[] | undefined)[] = [];\n\nfunction currentStack(): Map<unknown, unknown>[] {\n    const primary = _primaryResolver?.();\n    if (primary !== undefined) return primary;\n    for (const r of _scopeResolvers) {\n        const frames = r();\n        if (frames !== undefined) return frames;\n    }\n    return _stack;\n}\n\nexport function _setContextScopeResolver(\n    resolver: (() => Map<unknown, unknown>[] | undefined) | undefined,\n): void {\n    _primaryResolver = resolver;\n}\n\n/**\n * @internal — añade un resolver secundario consultado sólo si el primario\n * devuelve undefined. Devuelve una función para quitarlo.\n */\nexport function _pushContextScopeResolver(\n    resolver: () => Map<unknown, unknown>[] | undefined,\n): () => void {\n    _scopeResolvers.push(resolver);\n    return () => {\n        const i = _scopeResolvers.indexOf(resolver);\n        if (i >= 0) _scopeResolvers.splice(i, 1);\n    };\n}\n\n/** @internal — returns a copy of the stack for capturing in effect closures. */\nexport function _captureContextSnapshot(): Map<unknown, unknown>[] {\n    return [...currentStack()];\n}\n\nexport function _withContextSnapshot<T>(\n    snapshot: Map<unknown, unknown>[],\n    fn: () => T,\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    snapshot.forEach((entry) => stack.push(entry));\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach((entry) => stack.push(entry));\n    }\n}\n\n/** @internal — pushes an empty context for a new component (static render). */\nexport function _pushComponentContext(): void {\n    currentStack().push(new Map());\n}\n\n/** @internal — pops the current component context (static render). */\nexport function _popComponentContext(): void {\n    currentStack().pop();\n}\n\n/**\n * @internal — executes `fn` with `parentSnapshot` as ancestors and a fresh\n * empty context on top, then restores the previous stack.\n */\nexport function _withComponentContext<T>(\n    parentSnapshot: Map<unknown, unknown>[],\n    fn: () => T\n): T {\n    const stack = currentStack();\n    const saved = stack.splice(0);\n    parentSnapshot.forEach(m => stack.push(m));\n    stack.push(new Map());\n    try {\n        return fn();\n    } finally {\n        stack.splice(0);\n        saved.forEach(m => stack.push(m));\n    }\n}\n\n// --- Public API ---\n\n/**\n * Registers a value so descendant components can retrieve it via `inject()`.\n * Must be called inside `onInit()` of a ElurComponent.\n */\nexport function provide<T>(\n    key: InjectionKey<T> | string | symbol,\n    value: T\n): void {\n    const stack = currentStack();\n    const top = stack[stack.length - 1];\n    if (!top) {\n        throw new Error(\n            \"[elur] provide() must be called inside onInit() of a ElurComponent.\"\n        );\n    }\n    top.set(key, value);\n}\n\n/**\n * Retrieves a value provided by an ancestor component.\n * Searches child-to-parent; returns `undefined` if the key was not provided.\n */\nexport function inject<T>(\n    key: InjectionKey<T> | string | symbol,\n    defaultValue?: T\n): T | undefined {\n    const stack = currentStack();\n    for (let i = stack.length - 1; i >= 0; i--) {\n        if (stack[i].has(key)) {\n            return stack[i].get(key) as T;\n        }\n    }\n    return defaultValue;\n}\n"],"mappings":";AAMA,SAAgB,EAAsB,GAAuC;AACzE,QAAO,OAAO,EAAY;;AAM9B,IAAM,IAAkC,EAAE,EAKtC,GACE,IAAiE,EAAE;AAEzE,SAAS,IAAwC;CAC7C,IAAM,IAAU,KAAoB;AACpC,KAAI,MAAY,KAAA,EAAW,QAAO;AAClC,MAAK,IAAM,KAAK,GAAiB;EAC7B,IAAM,IAAS,GAAG;AAClB,MAAI,MAAW,KAAA,EAAW,QAAO;;AAErC,QAAO;;AAGX,SAAgB,EACZ,GACI;AACJ,KAAmB;;AAOvB,SAAgB,EACZ,GACU;AAEV,QADA,EAAgB,KAAK,EAAS,QACjB;EACT,IAAM,IAAI,EAAgB,QAAQ,EAAS;AAC3C,EAAI,KAAK,KAAG,EAAgB,OAAO,GAAG,EAAE;;;AAKhD,SAAgB,IAAmD;AAC/D,QAAO,CAAC,GAAG,GAAc,CAAC;;AAG9B,SAAgB,EACZ,GACA,GACC;CACD,IAAM,IAAQ,GAAc,EACtB,IAAQ,EAAM,OAAO,EAAE;AAC7B,GAAS,SAAS,MAAU,EAAM,KAAK,EAAM,CAAC;AAC9C,KAAI;AACA,SAAO,GAAI;WACL;AAEN,EADA,EAAM,OAAO,EAAE,EACf,EAAM,SAAS,MAAU,EAAM,KAAK,EAAM,CAAC;;;AAKnD,SAAgB,IAA8B;AAC1C,IAAc,CAAC,qBAAK,IAAI,KAAK,CAAC;;AAIlC,SAAgB,IAA6B;AACzC,IAAc,CAAC,KAAK;;AAOxB,SAAgB,EACZ,GACA,GACC;CACD,IAAM,IAAQ,GAAc,EACtB,IAAQ,EAAM,OAAO,EAAE;AAE7B,CADA,EAAe,SAAQ,MAAK,EAAM,KAAK,EAAE,CAAC,EAC1C,EAAM,qBAAK,IAAI,KAAK,CAAC;AACrB,KAAI;AACA,SAAO,GAAI;WACL;AAEN,EADA,EAAM,OAAO,EAAE,EACf,EAAM,SAAQ,MAAK,EAAM,KAAK,EAAE,CAAC;;;AAUzC,SAAgB,EACZ,GACA,GACI;CACJ,IAAM,IAAQ,GAAc,EACtB,IAAM,EAAM,EAAM,SAAS;AACjC,KAAI,CAAC,EACD,OAAU,MACN,sEACH;AAEL,GAAI,IAAI,GAAK,EAAM;;AAOvB,SAAgB,EACZ,GACA,GACa;CACb,IAAM,IAAQ,GAAc;AAC5B,MAAK,IAAI,IAAI,EAAM,SAAS,GAAG,KAAK,GAAG,IACnC,KAAI,EAAM,GAAG,IAAI,EAAI,CACjB,QAAO,EAAM,GAAG,IAAI,EAAI;AAGhC,QAAO"}

package/dist/lib/elur/devtools.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./lifecycle.cjs`),n=require(`./router.cjs`);var r={enabled:!1,activeTab:`signals`,renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:``,components:``,router:``},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=50,c=new WeakMap,l=new Map,u=[],d=1;function f(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function p(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function m(e){e.history.length>s&&e.history.splice(0,e.history.length-s)}function h(e,t){let n=a.get(e);if(n)return m(n),n;let r=Date.now(),s={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,s),i.add(f(e)),s}function g(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let r=a.get(n);if(!r)continue;let o=n._subs?.size??0;e.push({id:r.id,value:n.peek(),subscriberCount:o,createdAt:r.createdAt,lastUpdated:r.lastUpdated,history:r.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function _(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:`AnonymousComponent`}function v(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function y(e){let t={};for(let n of Object.keys(e)){if(n===`__isElurComponent`||n===`children`||n===`_debugName`||n.startsWith(`_`))continue;let r=e[n];typeof r!=`function`&&(t[n]=r)}return t}function b(e){if(!e)return[];if(e===`*`)return[`*`];let t=e.split(`/`).filter(Boolean),n=[],r=``;for(let e of t)r+=`/`+e,n.push(r);return n.length>0?n:[`/`]}function x(){let e=[];for(let[t,n]of l){let r=n.ref.deref();if(!r){l.delete(t);continue}n.debugName=_(r),n.hasDefaultSlot=r.children!=null,n.slotNames=v(r),n.props=y(r),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})}return e.sort((e,t)=>e.id-t.id),e}function S(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,r]of l)r.parentId===e&&t.push(n);l.delete(e)}}function C(){i.clear(),a=new WeakMap,o=1,c=new WeakMap,l.clear(),u.length=0,d=1}function w(e){if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`||e==null)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function T(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/\"/g,`&quot;`).replace(/'/g,`&#39;`)}function E(e,t=90){let n=w(e);return n.length<=t?n:n.slice(0,t-1)+`…`}function D(e){if(!e)return`-`;let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function O(e){let t=g(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join(`|`)}`;if(r.renderedTab===`signals`&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab=`signals`;let i=t.map(e=>{let t=w(e.value),n=E(e.value,120);return`<tr data-elur-devtools-signal-id="${e.id}">
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/next-2/reactivity.cjs`),t=require(`./lifecycle.cjs`),n=require(`./router.cjs`);var r={enabled:!1,activeTab:`signals`,renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:``,components:``,router:``},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=50,c=new WeakMap,l=new Map,u=[],d=1;function f(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function p(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function m(e){e.history.length>s&&e.history.splice(0,e.history.length-s)}function h(e,t){let n=a.get(e);if(n)return m(n),n;let r=Date.now(),s={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,s),i.add(f(e)),s}function g(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let r=a.get(n);if(!r)continue;let o=n._subs?.size??0;e.push({id:r.id,value:n.peek(),subscriberCount:o,createdAt:r.createdAt,lastUpdated:r.lastUpdated,history:r.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function _(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:`AnonymousComponent`}function v(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function y(e){let t={};for(let n of Object.keys(e)){if(n===`__isElurComponent`||n===`children`||n===`_debugName`||n.startsWith(`_`))continue;let r=e[n];typeof r!=`function`&&(t[n]=r)}return t}function b(e){if(!e)return[];if(e===`*`)return[`*`];let t=e.split(`/`).filter(Boolean),n=[],r=``;for(let e of t)r+=`/`+e,n.push(r);return n.length>0?n:[`/`]}function x(){let e=[];for(let[t,n]of l){let r=n.ref.deref();if(!r){l.delete(t);continue}n.debugName=_(r),n.hasDefaultSlot=r.children!=null,n.slotNames=v(r),n.props=y(r),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})}return e.sort((e,t)=>e.id-t.id),e}function S(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,r]of l)r.parentId===e&&t.push(n);l.delete(e)}}function C(){i.clear(),a=new WeakMap,o=1,c=new WeakMap,l.clear(),u.length=0,d=1}function w(e){if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`||e==null)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function T(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/\"/g,`&quot;`).replace(/'/g,`&#39;`)}function E(e,t=90){let n=w(e);return n.length<=t?n:n.slice(0,t-1)+`…`}function D(e){if(!e)return`-`;let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function O(e){let t=g(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join(`|`)}`;if(r.renderedTab===`signals`&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab=`signals`;let i=t.map(e=>{let t=w(e.value),n=E(e.value,120);return`<tr data-elur-devtools-signal-id="${e.id}">
                 <td style="padding:6px 8px;white-space:nowrap;">${e.id}</td>
                 <td style="padding:6px 8px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;" title="${T(t)}">${T(n)}</td>
                 <td>${e.subscriberCount}</td>