@askrjs/askr 0.0.58 → 0.0.60

package/README.md

@@ -1,5 +1,8 @@
 # Askr
 
+[![CI](https://github.com/askrjs/askr/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/askrjs/askr/actions/workflows/ci.yml)
+[![npm version](https://img.shields.io/npm/v/%40askrjs%2Faskr.svg)](https://www.npmjs.com/package/@askrjs/askr)
+
 Askr is an actor-backed UI runtime for TypeScript applications.
 It provides explicit reactivity, routed application startup, server-side rendering,
 and static-site generation entrypoints.

package/dist/{access-Bg4RJNC8.js → access-ePqdQqkV.js}

@@ -408,6 +408,9 @@ function createMissingRendererHost() {
 		cleanupInstancesUnder() {
 			missing("cleanupInstancesUnder");
 		},
+		replaceComponentRange() {
+			return missing("replaceComponentRange");
+		},
 		teardownNodeSubtree() {
 			missing("teardownNodeSubtree");
 		},

package/dist/actions/index.js

@@ -1,6 +1,6 @@
 import { d as getCurrentAppRenderRuntime } from "../component-scope-CC3cojX9.js";
 import { r as getCurrentRenderData } from "../render-context-Clw3rFiO.js";
-import { t as state } from "../state-DPl8lffD.js";
+import { t as state } from "../state-Cc5HumQ0.js";
 import { jsx, jsxs } from "../jsx-runtime.js";
 import { c as resolveDataRuntimeState, s as invalidateQueriesForRuntime } from "../data-runtime-SJ1BSUvk.js";
 //#region src/actions/runtime.ts

package/dist/benchmark.js

@@ -1,10 +1,10 @@
-import { r as flushRuntimeScheduler } from "./access-Bg4RJNC8.js";
-import { t as installRendererBridge } from "./renderer-CCvnNMna.js";
-import { t as state } from "./state-DPl8lffD.js";
-import { t as selector } from "./selector-DafVYzV4.js";
+import { r as flushRuntimeScheduler } from "./access-ePqdQqkV.js";
+import { t as installRendererBridge } from "./renderer-DhojfVg4.js";
+import { t as state } from "./state-Cc5HumQ0.js";
+import { t as selector } from "./selector-pApF_lGd.js";
 import { jsx, jsxs } from "./jsx-runtime.js";
-import { i as For } from "./control-BJmonrpE.js";
-import { t as createIsland } from "./boot-tQCKG8nx.js";
+import { i as For } from "./control-KVP6LMEQ.js";
+import { t as createIsland } from "./boot-DmVZR_IA.js";
 //#region src/bench/components/benchmark-row.tsx
 function BenchmarkRow({ item, isSelected, onSelect, onRemove }) {
 	return /* @__PURE__ */ jsxs("tr", {
@@ -63,8 +63,8 @@ function BenchmarkTable({ rows, isSelected, onSelect, onRemove }) {
 installRendererBridge();
 const benchmarkMetadata = {
 	packageName: "@askrjs/askr",
-	packageVersion: "0.0.58",
-	buildLabel: "0.0.58-local"
+	packageVersion: "0.0.60",
+	buildLabel: "0.0.60-local"
 };
 function getBenchmarkMetadata() {
 	return { ...benchmarkMetadata };

package/dist/boot/index.js

@@ -1,2 +1,2 @@
-import { a as cleanupApp, i as hydrateSPA, n as createIslands, o as hasApp, r as createSPA, t as createIsland } from "../boot-tQCKG8nx.js";
+import { a as cleanupApp, i as hydrateSPA, n as createIslands, o as hasApp, r as createSPA, t as createIsland } from "../boot-DmVZR_IA.js";
 export { cleanupApp, createIsland, createIslands, createSPA, hasApp, hydrateSPA };

package/dist/{boot-tQCKG8nx.js → boot-DmVZR_IA.js}

@@ -1,16 +1,16 @@
-import { b as isDevelopmentEnvironment, r as flushRuntimeScheduler, v as logger, x as isProductionEnvironment } from "./access-Bg4RJNC8.js";
+import { b as isDevelopmentEnvironment, r as flushRuntimeScheduler, v as logger, x as isProductionEnvironment } from "./access-ePqdQqkV.js";
 import { n as Fragment, t as ELEMENT_TYPE } from "./jsx-CUpRxrLH.js";
-import { n as createComponentInstance, r as executeComponent } from "./component-internal-NdN_bJ2-.js";
-import { h as cleanupComponent, m as isPromiseLike } from "./component-lifecycle-C7lnU9Bt.js";
-import { a as withIntrinsicHydrationAdoption, i as registerDeferredHydrationBoundary, n as activateHydrationBoundary$1, o as setStaticChildSlotsCacheEnabled, r as clearDeferredHydrationBoundaries, t as installRendererBridge } from "./renderer-CCvnNMna.js";
-import { _ as teardownNodeSubtree, d as removeAllListeners } from "./cleanup-DScKZG2i.js";
-import { C as assertExecutionModel, S as route, a as resolveRouteMeta, c as registerAppInstance, d as clearRoutes, g as createAppRenderRuntime, h as setServerLocation, i as reconcileRouteMeta, l as unregisterAppInstance, s as configureScrollRestoration, t as initializeNavigation, u as _applyManifest } from "./navigate-mkLGM5ec.js";
+import { n as createComponentInstance, r as executeComponent } from "./component-internal-CbALfPGD.js";
+import { h as cleanupComponent, m as isPromiseLike } from "./component-lifecycle-DEMPihoZ.js";
+import { a as withIntrinsicHydrationAdoption, i as registerDeferredHydrationBoundary, n as activateHydrationBoundary$1, o as setStaticChildSlotsCacheEnabled, r as clearDeferredHydrationBoundaries, t as installRendererBridge } from "./renderer-DhojfVg4.js";
+import { _ as teardownNodeSubtree, d as removeAllListeners } from "./cleanup-B6KovDZZ.js";
+import { C as assertExecutionModel, S as route, a as resolveRouteMeta, c as registerAppInstance, d as clearRoutes, g as createAppRenderRuntime, h as setServerLocation, i as reconcileRouteMeta, l as unregisterAppInstance, s as configureScrollRestoration, t as initializeNavigation, u as _applyManifest } from "./navigate-DLi79IZr.js";
 import { a as startHydrationRenderPhase, s as stopHydrationRenderPhase } from "./render-context-Clw3rFiO.js";
-import { a as disposeDefaultPortalScope, t as DefaultPortal } from "./portal-C47xkwXj.js";
+import { a as disposeDefaultPortalScope, t as DefaultPortal } from "./portal-D2tPWNrC.js";
 import { i as getDefaultDataRuntime } from "./data-runtime-SJ1BSUvk.js";
 import { a as hydrateDataRuntime } from "./query-registry-CQIT4mXr.js";
 import { a as resolveRouteFromRoutes, d as _setActiveRouteAuthOptions, j as lockRouteRegistration, k as hasRegisteredRoutes } from "./route-matching-vJpvLVbX.js";
-import { _ as pageRenderEnvelope, d as hasRouteRenderData, f as resolveRouteRequest, l as getRouteRenderContext, o as reviveDeferredValue, u as getRouteRenderData, x as _preloadRouteHandler } from "./deferred-CSFYIBJL.js";
+import { _ as pageRenderEnvelope, d as hasRouteRenderData, f as resolveRouteRequest, l as getRouteRenderContext, o as reviveDeferredValue, u as getRouteRenderData, x as _preloadRouteHandler } from "./deferred-BeNnjR4r.js";
 import "./ssr-CbQO5xd3.js";
 //#region src/boot/hydration.ts
 const DEFERRED_PAYLOAD = "__askr_deferred__";
@@ -594,7 +594,7 @@ async function hydrateSPA(config) {
 			handler: r.handler,
 			namespace: r.options.namespace
 		})) : routeTable;
-		const { verifyHydrationSyncForUrl } = await import("./verify-hydration-C41fY5Z2.js");
+		const { verifyHydrationSyncForUrl } = await import("./verify-hydration-BaWDqe5H.js");
 		if (!verifyHydrationSyncForUrl({
 			root: rootElement,
 			url: currentUrl,

package/dist/{cleanup-DScKZG2i.js → cleanup-B6KovDZZ.js}

@@ -1,6 +1,6 @@
-import { c as runRuntimeHandlerScope, v as logger } from "./access-Bg4RJNC8.js";
-import "./fastlane-Dw8SOBr9.js";
-import { f as registerLifecycleTransaction, h as cleanupComponent } from "./component-lifecycle-C7lnU9Bt.js";
+import { c as runRuntimeHandlerScope, v as logger } from "./access-ePqdQqkV.js";
+import "./fastlane-C8PYPotF.js";
+import { f as registerLifecycleTransaction, h as cleanupComponent } from "./component-lifecycle-DEMPihoZ.js";
 //#region src/runtime/events.ts
 /**
 * Event delegation system for Askr

package/dist/{component-internal-NdN_bJ2-.js → component-internal-CbALfPGD.js}

@@ -1,9 +1,9 @@
 import { r as markEagerControlPrimitive } from "./control-DhFRTIoE.js";
-import { b as isDevelopmentEnvironment, n as enqueueRuntimeTask, o as getRuntimeRenderer, v as logger, x as isProductionEnvironment } from "./access-Bg4RJNC8.js";
-import { r as tryRuntimeFastLaneSync, s as finalizeReadableSubscriptions } from "./fastlane-Dw8SOBr9.js";
+import { b as isDevelopmentEnvironment, n as enqueueRuntimeTask, o as getRuntimeRenderer, v as logger, x as isProductionEnvironment } from "./access-ePqdQqkV.js";
+import { r as tryRuntimeFastLaneSync, s as finalizeReadableSubscriptions } from "./fastlane-C8PYPotF.js";
 import { r as STATIC_CHILDREN, t as ELEMENT_TYPE } from "./jsx-CUpRxrLH.js";
 import { C as restoreRenderScopedComponent, S as restoreInlineRenderTracking, _ as getSignalForInstance, b as restoreDomCommitScope, c as enterDomCommitScope, f as getCurrentComponentInstance, l as enterRenderScopedComponent, m as getCurrentPortalScope, n as captureInlineComponentScope, o as clearRenderTracking, p as getCurrentInstance, r as captureInlineRenderTracking, s as enterComponentExecutionScope, t as beginRenderTracking, u as exitComponentExecutionScope, v as resetRenderState, x as restoreInlineComponentScope } from "./component-scope-CC3cojX9.js";
-import { a as captureInlineRenderSnapshot$1, c as finalizeInlineReadSubscriptions, i as beginLifecycleCommitBatch, l as flushLifecycleCommitBatch, m as isPromiseLike, n as commitRenderedComponent$1, o as discardLifecycleCommitBatch, p as discardCommitOperations, r as registerCommitOperationForInstance, t as commitLifecycleForInstance } from "./component-lifecycle-C7lnU9Bt.js";
+import { a as captureInlineRenderSnapshot$1, c as finalizeInlineReadSubscriptions, i as beginLifecycleCommitBatch, l as flushLifecycleCommitBatch, m as isPromiseLike, n as commitRenderedComponent$1, o as discardLifecycleCommitBatch, p as discardCommitOperations, r as registerCommitOperationForInstance, t as commitLifecycleForInstance } from "./component-lifecycle-DEMPihoZ.js";
 //#region src/runtime/context.ts
 const ROOT_EXECUTION_FRAME = {
 	parent: null,
@@ -248,10 +248,7 @@ function runScheduledComponent(instance, host) {
 	}
 	if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must be synchronous.");
 	try {
-		if (tryRuntimeFastLaneSync(instance, result)) {
-			host.warnUnusedStateReads(instance);
-			return;
-		}
+		if (tryRuntimeFastLaneSync(instance, result)) return;
 	} catch (err) {
 		if (isDevelopmentEnvironment()) throw err;
 	}
@@ -267,7 +264,6 @@ function runScheduledComponent(instance, host) {
 function commitPlaceholderReplacement(instance, result, host) {
 	if (result === null || result === void 0) {
 		host.finalizeReadSubscriptions(instance);
-		host.warnUnusedStateReads(instance);
 		host.commitRenderedComponent(instance);
 		return;
 	}
@@ -278,6 +274,19 @@ function commitPlaceholderReplacement(instance, result, host) {
 		return;
 	}
 	const renderer = getRuntimeRenderer();
+	const rangeReplacement = renderer.replaceComponentRange(instance, result, placeholder);
+	if (rangeReplacement) {
+		if (rangeReplacement instanceof Element) {
+			instance.target = rangeReplacement;
+			instance._placeholder = void 0;
+		} else {
+			instance.target = null;
+			instance._placeholder = rangeReplacement;
+		}
+		host.finalizeReadSubscriptions(instance);
+		host.commitRenderedComponent(instance);
+		return;
+	}
 	const hostElement = document.createElement("div");
 	const executionFrame = getExecutionContextFrame(instance.ownerFrame);
 	const oldInstance = enterDomCommitScope(instance);
@@ -303,7 +312,6 @@ function commitPlaceholderReplacement(instance, result, host) {
 		}
 		instance._placeholder = void 0;
 		host.finalizeReadSubscriptions(instance);
-		host.warnUnusedStateReads(instance);
 		host.commitRenderedComponent(instance);
 		flushLifecycleCommitBatch(lifecycleBatch);
 	} finally {
@@ -342,7 +350,6 @@ function commitToTarget(instance, result, host) {
 			restoreDomCommitScope(oldInstance);
 		}
 		host.finalizeReadSubscriptions(instance);
-		host.warnUnusedStateReads(instance);
 		instance.mounted = true;
 		commitLifecycleForInstance(instance, wasFirstMount);
 		flushLifecycleCommitBatch(lifecycleBatch);
@@ -400,7 +407,6 @@ function ensurePendingRunTask(instance) {
 		runScheduledComponent(instance, {
 			execute: executeComponentSync,
 			finalizeReadSubscriptions,
-			warnUnusedStateReads,
 			commitRenderedComponent
 		});
 	};
@@ -539,20 +545,6 @@ function renderComponentInline(instance) {
 		restoreInlineComponentScope(scopeSnapshot);
 	}
 }
-function warnUnusedStateReads(instance) {
-	const stateValues = instance.stateValues;
-	if (!stateValues) return;
-	for (let i = 0; i < stateValues.length; i++) {
-		const state = stateValues[i];
-		const hasCommittedUsage = (state?._readers?.size ?? 0) > 0 || (state?._derivedSubscribers?.size ?? 0) > 0;
-		if (state && !state._hasBeenRead && !state._hasEverBeenRead && !hasCommittedUsage) try {
-			const name = instance.fn?.name || "<anonymous>";
-			warnInstanceOnce(instance, `unused-state:${i}`, `[askr] Unused state variable detected in ${name} at index ${i}. State should be read during render or removed.`);
-		} catch {
-			warnInstanceOnce(instance, `unused-state:${i}`, `[askr] Unused state variable detected. State should be read during render or removed.`);
-		}
-	}
-}
 function executeComponentSync(instance) {
 	resetRenderState(instance);
 	const savedPortalScope = enterComponentExecutionScope(instance);
@@ -603,4 +595,4 @@ function warnInstanceOnce(instance, key, message) {
 	logger.warn(message);
 }
 //#endregion
-export { withContext as _, registerCommitOperation as a, warnUnusedStateReads as c, getCurrentContextFrame as d, getExecutionContextFrame as f, withAsyncResourceContext as g, readScope as h, mountInstanceInline as i, callWithContext as l, markVNodeTreeWithContextFrame as m, createComponentInstance as n, renderComponentInline as o, getVNodeContextFrame as p, executeComponent as r, renderScopedComponent as s, captureInlineRenderSnapshot as t, defineScope as u };
+export { registerCommitOperation as a, callWithContext as c, getExecutionContextFrame as d, getVNodeContextFrame as f, withContext as g, withAsyncResourceContext as h, mountInstanceInline as i, defineScope as l, readScope as m, createComponentInstance as n, renderComponentInline as o, markVNodeTreeWithContextFrame as p, executeComponent as r, renderScopedComponent as s, captureInlineRenderSnapshot as t, getCurrentContextFrame as u };

package/dist/{component-lifecycle-C7lnU9Bt.js → component-lifecycle-DEMPihoZ.js}

@@ -1,6 +1,35 @@
-import { b as isDevelopmentEnvironment, v as logger } from "./access-Bg4RJNC8.js";
-import { a as cleanupReadableSubscriptions, c as finalizeReadableSubscriptionsFromSnapshot, i as cleanupReadableSubscriptionSources, t as isBulkCommitActive } from "./fastlane-Dw8SOBr9.js";
+import { b as isDevelopmentEnvironment, v as logger, x as isProductionEnvironment } from "./access-ePqdQqkV.js";
+import { a as cleanupReadableSubscriptions, c as finalizeReadableSubscriptionsFromSnapshot, i as cleanupReadableSubscriptionSources, t as isBulkCommitActive } from "./fastlane-C8PYPotF.js";
 import { a as clearCurrentComponentScope, y as restoreCurrentComponentScope } from "./component-scope-CC3cojX9.js";
+//#region src/runtime/state-diagnostics.ts
+/**
+* Report state cells that were never read during a component's completed
+* lifetime. A branch that has not rendered yet is not evidence that its state
+* is unused, so this diagnostic belongs at unmount rather than every commit.
+*/
+function warnUnusedStateReads(instance) {
+	if (isProductionEnvironment() || !instance.mounted) return;
+	const stateValues = instance.stateValues;
+	if (!stateValues) return;
+	for (let i = 0; i < stateValues.length; i++) {
+		const state = stateValues[i];
+		const diagnosticEligible = state?._unusedStateDiagnosticEligible;
+		const hasCommittedUsage = (state?._readers?.size ?? 0) > 0 || (state?._derivedSubscribers?.size ?? 0) > 0;
+		if (state && diagnosticEligible !== false && !state._hasEverBeenRead && !hasCommittedUsage) {
+			const warnings = instance.devWarningsEmitted ??= /* @__PURE__ */ new Set();
+			const key = `unused-state:${i}`;
+			if (warnings.has(key)) continue;
+			warnings.add(key);
+			try {
+				const name = instance.fn?.name || "<anonymous>";
+				logger.warn(`[askr] Unused state variable detected in ${name} at index ${i}. State should be read during render or removed.`);
+			} catch {
+				logger.warn("[askr] Unused state variable detected. State should be read during render or removed.");
+			}
+		}
+	}
+}
+//#endregion
 //#region src/runtime/component-cleanup.ts
 /**
 * Component cleanup and owned child-scope bookkeeping.
@@ -55,6 +84,7 @@ function cleanupComponentGeneration(instance, generation) {
 function cleanupComponent(instance) {
 	const savedScope = clearCurrentComponentScope();
 	try {
+		warnUnusedStateReads(instance);
 		const cleanupErrors = instance.cleanupStrict ? [] : void 0;
 		const recordCleanupError = (message, err) => {
 			if (cleanupErrors) cleanupErrors.push(err);

package/dist/control/index.js

@@ -1,2 +1,2 @@
-import { i as For, n as Match, r as Show, t as Case } from "../control-BJmonrpE.js";
+import { i as For, n as Match, r as Show, t as Case } from "../control-KVP6LMEQ.js";
 export { Case, For, Match, Show };

package/dist/{control-BJmonrpE.js → control-KVP6LMEQ.js}

@@ -1,9 +1,9 @@
 import { r as markEagerControlPrimitive, t as __CONTROL_BOUNDARY__ } from "./control-DhFRTIoE.js";
-import { b as isDevelopmentEnvironment } from "./access-Bg4RJNC8.js";
+import { b as isDevelopmentEnvironment } from "./access-ePqdQqkV.js";
 import { n as Fragment } from "./jsx-CUpRxrLH.js";
-import { m as createShowState, p as createCaseState, s as useForState } from "./for-internal-cNhKHMBB.js";
-import { t as createFineGrainedEffect } from "./effect-BwnIvLah.js";
-import { t as state } from "./state-DPl8lffD.js";
+import { m as createShowState, p as createCaseState, s as useForState } from "./for-internal-B2rBq6yB.js";
+import { t as createFineGrainedEffect } from "./effect-D_4zf_wy.js";
+import { t as state } from "./state-Cc5HumQ0.js";
 //#region src/control/shared.ts
 function normalizeBoundaryChild(value) {
 	if (Array.isArray(value)) {

package/dist/data/index.js

@@ -1,4 +1,4 @@
 import { i as getDefaultDataRuntime, t as createDataRuntime } from "../data-runtime-SJ1BSUvk.js";
-import { a as queryScope, i as invalidateOnInterval, n as createMutation, r as invalidate, t as createQuery } from "../data-0sDU9_HU.js";
+import { a as queryScope, i as invalidateOnInterval, n as createMutation, r as invalidate, t as createQuery } from "../data-DvYo_dHd.js";
 import { a as hydrateDataRuntime, i as dehydrateDataRuntime, n as defineQuery, o as prefetchQuery, r as defineServerQueries, s as serveQuery, t as createQueryPrefetchContext } from "../query-registry-CQIT4mXr.js";
 export { createDataRuntime, createMutation, createQuery, createQueryPrefetchContext, defineQuery, defineServerQueries, dehydrateDataRuntime, getDefaultDataRuntime, hydrateDataRuntime, invalidate, invalidateOnInterval, prefetchQuery, queryScope, serveQuery };

package/dist/{data-0sDU9_HU.js → data-DvYo_dHd.js}

@@ -1,8 +1,8 @@
-import { n as enqueueRuntimeTask, v as logger } from "./access-Bg4RJNC8.js";
-import { f as notifyReadableReaders, l as markReactivePropsDirtySource, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
+import { n as enqueueRuntimeTask, v as logger } from "./access-ePqdQqkV.js";
+import { f as notifyReadableReaders, l as markReactivePropsDirtySource, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
 import { f as getCurrentComponentInstance, i as claimHookIndex } from "./component-scope-CC3cojX9.js";
 import { n as getActiveRenderContext } from "./render-context-Clw3rFiO.js";
-import { c as windowFocused, i as routeActive, n as documentVisible, s as timer } from "./lifecycle-operations-BR8-AOly.js";
+import { c as windowFocused, i as routeActive, n as documentVisible, s as timer } from "./lifecycle-operations-Dj5lK1K7.js";
 import { a as getMutationSlotStore, c as resolveDataRuntimeState, i as getDefaultDataRuntime, n as ensureMutationCleanup, o as getQuerySlotStore, r as ensureQueryCleanup, s as invalidateQueriesForRuntime } from "./data-runtime-SJ1BSUvk.js";
 //#region src/data/query-key.ts
 function serializeQueryKeyNumber(part) {

package/dist/{deferred-CSFYIBJL.js → deferred-BeNnjR4r.js}

@@ -1,9 +1,9 @@
 import { n as Fragment, t as ELEMENT_TYPE } from "./jsx-CUpRxrLH.js";
-import { h as readScope, u as defineScope } from "./component-internal-NdN_bJ2-.js";
+import { l as defineScope, m as readScope } from "./component-internal-CbALfPGD.js";
 import { d as getCurrentAppRenderRuntime } from "./component-scope-CC3cojX9.js";
-import { m as isPromiseLike } from "./component-lifecycle-C7lnU9Bt.js";
+import { m as isPromiseLike } from "./component-lifecycle-DEMPihoZ.js";
 import { n as getActiveRenderContext, r as getCurrentRenderData } from "./render-context-Clw3rFiO.js";
-import { t as resource } from "./resource-operation-CUAUBhUB.js";
+import { t as resource } from "./resource-operation-Dz2Nxi1q.js";
 import { t as ROUTE_ROOT_COMPONENT } from "./router-internal-BC0w1_xk.js";
 import { c as withTelemetry, t as createQueryPrefetchContext } from "./query-registry-CQIT4mXr.js";
 import { E as getRouteRecords, h as getActiveRouteAuthOptions, i as getMatchingRouteRecord, o as buildRouteContext, s as buildRouteContextBase } from "./route-matching-vJpvLVbX.js";

package/dist/{effect-BwnIvLah.js → effect-D_4zf_wy.js}

@@ -1,5 +1,5 @@
-import { t as enqueueRuntimeLane } from "./access-Bg4RJNC8.js";
-import { _ as withFineGrainedReadTracking } from "./fastlane-Dw8SOBr9.js";
+import { t as enqueueRuntimeLane } from "./access-ePqdQqkV.js";
+import { _ as withFineGrainedReadTracking } from "./fastlane-C8PYPotF.js";
 //#region src/runtime/effect.ts
 const SOURCE_EFFECTS = Symbol("askr.source-effects");
 const effectSources = /* @__PURE__ */ new WeakMap();

package/dist/{fastlane-Dw8SOBr9.js → fastlane-C8PYPotF.js}

@@ -1,4 +1,4 @@
-import { b as isDevelopmentEnvironment, l as runRuntimeWithSyncProgress, n as enqueueRuntimeTask, o as getRuntimeRenderer, s as markRuntimeReactivePropsDirtySource, u as setRuntimeBulkCommitProbe } from "./access-Bg4RJNC8.js";
+import { b as isDevelopmentEnvironment, l as runRuntimeWithSyncProgress, n as enqueueRuntimeTask, o as getRuntimeRenderer, s as markRuntimeReactivePropsDirtySource, u as setRuntimeBulkCommitProbe } from "./access-ePqdQqkV.js";
 import { n as Fragment } from "./jsx-CUpRxrLH.js";
 import { p as getCurrentInstance } from "./component-scope-CC3cojX9.js";
 //#region src/runtime/dev-namespace.ts

package/dist/{for-internal-cNhKHMBB.js → for-internal-B2rBq6yB.js}

@@ -1,9 +1,9 @@
 import { n as _isDOMElement } from "./vnode-D24p6IW2.js";
-import { b as isDevelopmentEnvironment, o as getRuntimeRenderer, v as logger } from "./access-Bg4RJNC8.js";
-import { f as notifyReadableReaders, l as markReactivePropsDirtySource, m as shouldCoalesceFineGrainedItemReads, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
-import { n as createComponentInstance, s as renderScopedComponent } from "./component-internal-NdN_bJ2-.js";
+import { b as isDevelopmentEnvironment, o as getRuntimeRenderer, v as logger } from "./access-ePqdQqkV.js";
+import { f as notifyReadableReaders, l as markReactivePropsDirtySource, m as shouldCoalesceFineGrainedItemReads, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
+import { n as createComponentInstance, s as renderScopedComponent } from "./component-internal-CbALfPGD.js";
 import { h as getCurrentStateIndex, i as claimHookIndex, o as clearRenderTracking, p as getCurrentInstance } from "./component-scope-CC3cojX9.js";
-import { _ as registerOwnedChildScope, c as finalizeInlineReadSubscriptions, f as registerLifecycleTransaction, h as cleanupComponent, v as unregisterOwnedChildScope } from "./component-lifecycle-C7lnU9Bt.js";
+import { _ as registerOwnedChildScope, c as finalizeInlineReadSubscriptions, f as registerLifecycleTransaction, h as cleanupComponent, v as unregisterOwnedChildScope } from "./component-lifecycle-DEMPihoZ.js";
 //#region src/runtime/child-scope.ts
 const EMPTY_CHILD_SCOPE_PROPS = {};
 const childScopesByInstance = /* @__PURE__ */ new WeakMap();

package/dist/foundations/index.js

@@ -1,3 +1,3 @@
-import { i as definePortal, n as Portal, t as DefaultPortal } from "../portal-C47xkwXj.js";
+import { i as definePortal, n as Portal, t as DefaultPortal } from "../portal-D2tPWNrC.js";
 import { a as layout, i as Slot, r as Presence } from "../structures-DUB3HchX.js";
 export { DefaultPortal, Portal, Presence, Slot, definePortal, layout };

package/dist/foundations/state/index.js

@@ -1,4 +1,4 @@
-import { t as state } from "../../state-DPl8lffD.js";
+import { t as state } from "../../state-Cc5HumQ0.js";
 //#region src/foundations/state/controllable.ts
 /**
 * controllable

package/dist/foundations/structures/index.js

@@ -1,3 +1,3 @@
-import { i as definePortal, n as Portal, t as DefaultPortal } from "../../portal-C47xkwXj.js";
+import { i as definePortal, n as Portal, t as DefaultPortal } from "../../portal-D2tPWNrC.js";
 import { a as layout, i as Slot, n as createCollection, r as Presence, t as createLayer } from "../../structures-DUB3HchX.js";
 export { DefaultPortal, Portal, Presence, Slot, createCollection, createLayer, definePortal, layout };

package/dist/fx/index.js

@@ -1,4 +1,4 @@
-import { h as scheduleEventHandler, n as enqueueRuntimeTask, v as logger } from "../access-Bg4RJNC8.js";
+import { h as scheduleEventHandler, n as enqueueRuntimeTask, v as logger } from "../access-ePqdQqkV.js";
 import { f as getCurrentComponentInstance } from "../component-scope-CC3cojX9.js";
 //#region src/fx/timing.ts
 /**

package/dist/{index-4jSsebbI.d.ts → index-XB38_9B8.d.ts}

@@ -14,6 +14,7 @@ interface RuntimeKeyedReorderDecision {
 interface RuntimeRendererHost {
   evaluate(node: unknown, target: Element | null, context?: object, retainedOwner?: ComponentInstance): void;
   cleanupInstancesUnder(node: Node): void;
+  replaceComponentRange(instance: ComponentInstance, result: unknown, placeholder: Comment): Node | null;
   teardownNodeSubtree(root: Node): void;
   populateKeyMapForElement(parent: Element): void;
   getKeyMapForElement(parent: Element): Map<string | number, Element> | undefined;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { _ as state, a as defineScope, g as StateTuple, h as StateSetter, i as Scope, m as State, o as readScope } from "./control-D-9LKE3W.js";
 import { s as Props, t as Fragment } from "./jsx-CP0gmYwJ.js";
 import { t as getSignal } from "./component-scope-CvPba6O6.js";
-import { a as AskrRuntime, c as RuntimeRendererHost, i as derive, l as createRuntime, n as selector, o as AskrRuntimeOptions, r as Derived, s as RuntimeKeyedReorderDecision, t as Selector, u as getDefaultRuntime } from "./index-4jSsebbI.js";
+import { a as AskrRuntime, c as RuntimeRendererHost, i as derive, l as createRuntime, n as selector, o as AskrRuntimeOptions, r as Derived, s as RuntimeKeyedReorderDecision, t as Selector, u as getDefaultRuntime } from "./index-XB38_9B8.js";
 import { a as Show, c as ForProps, i as MatchProps, n as CaseProps, o as ShowProps, r as Match, s as For, t as Case } from "./index-DdkXZQEM.js";
 import { i as jsxs, n as jsx } from "./jsx-runtime-92bV2hSa.js";
 import { A as ServerQueryHandler, D as QueryPrefetchContext, T as QueryDefinition, a as defineServerQueries, c as prefetchQuery, g as createQuery, i as defineQuery, l as serveQuery, o as dehydrateDataRuntime, s as hydrateDataRuntime, v as DataRuntime } from "./index-Bki2rqcr.js";

package/dist/index.js

@@ -1,15 +1,15 @@
-import { a as getRuntimeFlushVersion, d as AskrRuntime, m as getDefaultRuntime, p as createRuntime, t as enqueueRuntimeLane } from "./access-Bg4RJNC8.js";
-import { f as notifyReadableReaders, g as withDerivedReadTracking, h as syncDerivedDependencySubscriptions, l as markReactivePropsDirtySource, o as clearDerivedDependencySubscriptions, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
+import { a as getRuntimeFlushVersion, d as AskrRuntime, m as getDefaultRuntime, p as createRuntime, t as enqueueRuntimeLane } from "./access-ePqdQqkV.js";
+import { f as notifyReadableReaders, g as withDerivedReadTracking, h as syncDerivedDependencySubscriptions, l as markReactivePropsDirtySource, o as clearDerivedDependencySubscriptions, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
 import { n as Fragment } from "./jsx-CUpRxrLH.js";
-import { h as readScope, u as defineScope } from "./component-internal-NdN_bJ2-.js";
+import { l as defineScope, m as readScope } from "./component-internal-CbALfPGD.js";
 import { g as getSignal, i as claimHookIndex, p as getCurrentInstance } from "./component-scope-CC3cojX9.js";
 import { n as isSnapshotSource } from "./snapshot-source-BB42xgwb.js";
-import { t as installRendererBridge } from "./renderer-CCvnNMna.js";
-import { t as state } from "./state-DPl8lffD.js";
-import { t as selector } from "./selector-DafVYzV4.js";
+import { t as installRendererBridge } from "./renderer-DhojfVg4.js";
+import { t as state } from "./state-Cc5HumQ0.js";
+import { t as selector } from "./selector-pApF_lGd.js";
 import { jsx, jsxs } from "./jsx-runtime.js";
-import { i as For, n as Match, r as Show, t as Case } from "./control-BJmonrpE.js";
-import { t as createQuery } from "./data-0sDU9_HU.js";
+import { i as For, n as Match, r as Show, t as Case } from "./control-KVP6LMEQ.js";
+import { t as createQuery } from "./data-DvYo_dHd.js";
 import { a as hydrateDataRuntime, i as dehydrateDataRuntime, n as defineQuery, o as prefetchQuery, r as defineServerQueries, s as serveQuery } from "./query-registry-CQIT4mXr.js";
 //#region src/runtime/derive.ts
 const deriveCells = /* @__PURE__ */ new WeakMap();

package/dist/{lifecycle-operations-BR8-AOly.js → lifecycle-operations-Dj5lK1K7.js}

@@ -1,4 +1,4 @@
-import { a as registerCommitOperation } from "./component-internal-NdN_bJ2-.js";
+import { a as registerCommitOperation } from "./component-internal-CbALfPGD.js";
 import { f as getCurrentComponentInstance, i as claimHookIndex } from "./component-scope-CC3cojX9.js";
 import { t as isRouteActivityActive } from "./route-activity-CNJfpwx-.js";
 //#region src/runtime/lifecycle-operations.ts

package/dist/{navigate-mkLGM5ec.js → navigate-DLi79IZr.js}

@@ -1,15 +1,15 @@
-import { b as isDevelopmentEnvironment, r as flushRuntimeScheduler, v as logger, x as isProductionEnvironment } from "./access-Bg4RJNC8.js";
-import { f as notifyReadableReaders, i as cleanupReadableSubscriptionSources, l as markReactivePropsDirtySource, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
+import { b as isDevelopmentEnvironment, r as flushRuntimeScheduler, v as logger, x as isProductionEnvironment } from "./access-ePqdQqkV.js";
+import { f as notifyReadableReaders, i as cleanupReadableSubscriptionSources, l as markReactivePropsDirtySource, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
 import { n as Fragment, t as ELEMENT_TYPE } from "./jsx-CUpRxrLH.js";
-import { r as executeComponent } from "./component-internal-NdN_bJ2-.js";
+import { r as executeComponent } from "./component-internal-CbALfPGD.js";
 import { d as getCurrentAppRenderRuntime, f as getCurrentComponentInstance } from "./component-scope-CC3cojX9.js";
-import { g as cleanupComponentGeneration, h as cleanupComponent, i as beginLifecycleCommitBatch, l as flushLifecycleCommitBatch, m as isPromiseLike, o as discardLifecycleCommitBatch, s as drainLifecycleCommitErrors } from "./component-lifecycle-C7lnU9Bt.js";
-import { _ as teardownNodeSubtree } from "./cleanup-DScKZG2i.js";
+import { g as cleanupComponentGeneration, h as cleanupComponent, i as beginLifecycleCommitBatch, l as flushLifecycleCommitBatch, m as isPromiseLike, o as discardLifecycleCommitBatch, s as drainLifecycleCommitErrors } from "./component-lifecycle-DEMPihoZ.js";
+import { _ as teardownNodeSubtree } from "./cleanup-B6KovDZZ.js";
 import { n as getActiveRenderContext } from "./render-context-Clw3rFiO.js";
 import { n as syncRouteActivitySnapshot } from "./route-activity-CNJfpwx-.js";
-import { r as clearDefaultPortalForInstance, t as DefaultPortal } from "./portal-C47xkwXj.js";
+import { r as clearDefaultPortalForInstance, t as DefaultPortal } from "./portal-D2tPWNrC.js";
 import { A as insertRecordSorted, C as getCurrentPathPrefix, D as getRoutes, E as getRouteRecords, F as snapshotRouteState, I as computeRank, L as normalizeRouteSegmentName, M as pushRegistrationScope, N as restoreRouteState, O as hasActivePageScope, P as setDefaultRouteAuthOptions, R as parseSegments, S as getCurrentPageScope, T as getDefaultRouteAuthOptions, _ as getCurrentInheritedAuthRequirements, a as resolveRouteFromRoutes, b as getCurrentLayoutChain, c as deepFreeze, f as addRouteToStores, g as getActiveRoutes, j as lockRouteRegistration, l as makeQuery, m as clearRouteState, n as computeMatchesFromRoutes, p as assertRouteRegistrationUnlocked, r as computeRouteActivityMatches, u as parseLocation, v as getCurrentInheritedMeta, w as getCurrentScopeKind, x as getCurrentPageChain, y as getCurrentInheritedPolicies } from "./route-matching-vJpvLVbX.js";
-import { d as hasRouteRenderData, f as resolveRouteRequest, l as getRouteRenderContext, u as getRouteRenderData, x as _preloadRouteHandler, y as createRouteHandler } from "./deferred-CSFYIBJL.js";
+import { d as hasRouteRenderData, f as resolveRouteRequest, l as getRouteRenderContext, u as getRouteRenderData, x as _preloadRouteHandler, y as createRouteHandler } from "./deferred-BeNnjR4r.js";
 import { allOf } from "@askrjs/auth";
 //#region src/runtime/execution-model.ts
 const EXECUTION_MODEL_KEY = Symbol.for("__ASKR_EXECUTION_MODEL__");

package/dist/{portal-C47xkwXj.js → portal-D2tPWNrC.js}

@@ -1,7 +1,7 @@
-import { o as getRuntimeRenderer } from "./access-Bg4RJNC8.js";
-import { f as notifyReadableReaders, l as markReactivePropsDirtySource, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
+import { o as getRuntimeRenderer } from "./access-ePqdQqkV.js";
+import { f as notifyReadableReaders, l as markReactivePropsDirtySource, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
 import { f as getCurrentComponentInstance, m as getCurrentPortalScope } from "./component-scope-CC3cojX9.js";
-import { f as registerLifecycleTransaction, h as cleanupComponent, u as getCurrentLifecycleCommitBatch } from "./component-lifecycle-C7lnU9Bt.js";
+import { f as registerLifecycleTransaction, h as cleanupComponent, u as getCurrentLifecycleCommitBatch } from "./component-lifecycle-DEMPihoZ.js";
 //#region src/runtime/portal.ts
 function createPortalSlot() {
 	let currentValue;

package/dist/{renderer-CCvnNMna.js → renderer-DhojfVg4.js}

@@ -1,14 +1,14 @@
 import { t as __CONTROL_BOUNDARY__ } from "./control-DhFRTIoE.js";
 import { n as _isDOMElement, t as __ERROR_BOUNDARY__ } from "./vnode-D24p6IW2.js";
-import { b as isDevelopmentEnvironment, c as runRuntimeHandlerScope, f as configureRuntimeRenderer, i as getDefaultRuntimeInstance, n as enqueueRuntimeTask, v as logger, y as getRuntimeEnv } from "./access-Bg4RJNC8.js";
-import { n as markFastPathApplied, t as isBulkCommitActive } from "./fastlane-Dw8SOBr9.js";
+import { b as isDevelopmentEnvironment, c as runRuntimeHandlerScope, f as configureRuntimeRenderer, i as getDefaultRuntimeInstance, n as enqueueRuntimeTask, v as logger, y as getRuntimeEnv } from "./access-ePqdQqkV.js";
+import { n as markFastPathApplied, t as isBulkCommitActive } from "./fastlane-C8PYPotF.js";
 import { n as Fragment, r as STATIC_CHILDREN } from "./jsx-CUpRxrLH.js";
-import { _ as withContext, c as warnUnusedStateReads, d as getCurrentContextFrame, i as mountInstanceInline, m as markVNodeTreeWithContextFrame, n as createComponentInstance, o as renderComponentInline, p as getVNodeContextFrame, t as captureInlineRenderSnapshot } from "./component-internal-NdN_bJ2-.js";
+import { f as getVNodeContextFrame, g as withContext, i as mountInstanceInline, n as createComponentInstance, o as renderComponentInline, p as markVNodeTreeWithContextFrame, t as captureInlineRenderSnapshot, u as getCurrentContextFrame } from "./component-internal-CbALfPGD.js";
 import { b as restoreDomCommitScope, c as enterDomCommitScope, p as getCurrentInstance } from "./component-scope-CC3cojX9.js";
-import { d as registerLifecycleRollback, f as registerLifecycleTransaction, h as cleanupComponent, i as beginLifecycleCommitBatch, l as flushLifecycleCommitBatch, m as isPromiseLike, o as discardLifecycleCommitBatch, u as getCurrentLifecycleCommitBatch } from "./component-lifecycle-C7lnU9Bt.js";
-import { _ as createChildScope, a as registerForStateTransaction, c as captureForFallbackTransactionSnapshot, d as clearCaseDomUpdateState, f as clearShowDomUpdateState, g as evaluateShowState, h as evaluateCaseState, i as evaluateForState, l as captureForItemTransactionSnapshot, n as clearForDomUpdateState, o as rollbackForStateTransaction, t as beginForStateTransaction, v as disposeChildScope, y as rerenderChildScope } from "./for-internal-cNhKHMBB.js";
-import { n as createOwnedFineGrainedEffect, r as markFineGrainedEffectsDirtySource, t as createFineGrainedEffect } from "./effect-BwnIvLah.js";
-import { C as getDelegatedHandlersForElement, D as updateDelegatedListener, E as removeDelegatedListener, S as getDelegatedHandlerForElement, T as isEventDelegationEnabled, _ as teardownNodeSubtree, a as elementReactivePropsCleanup, b as addFreshDelegatedListener, c as forEachElementReactivePropCleanup, d as removeAllListeners, f as removeElementReactiveProps, g as setFreshElementReactivePropCleanup, h as setDirectElementReactivePropCleanup, i as elementListeners, l as getElementReactivePropCleanupSize, m as replaceElementRefBookkeeping, n as cleanupInstanceIfPresent, o as elementRefs, p as removeElementRef, r as cleanupInstancesUnder, s as forEachDescendantNode, t as REACTIVE_CHILDREN_KEY, u as getElementReactivePropsCleanupMap, v as updateElementRef, w as isDelegatedEvent, x as clearDelegatedHandlersForElement, y as addDelegatedListener } from "./cleanup-DScKZG2i.js";
+import { d as registerLifecycleRollback, f as registerLifecycleTransaction, h as cleanupComponent, i as beginLifecycleCommitBatch, l as flushLifecycleCommitBatch, m as isPromiseLike, o as discardLifecycleCommitBatch, u as getCurrentLifecycleCommitBatch } from "./component-lifecycle-DEMPihoZ.js";
+import { _ as createChildScope, a as registerForStateTransaction, c as captureForFallbackTransactionSnapshot, d as clearCaseDomUpdateState, f as clearShowDomUpdateState, g as evaluateShowState, h as evaluateCaseState, i as evaluateForState, l as captureForItemTransactionSnapshot, n as clearForDomUpdateState, o as rollbackForStateTransaction, t as beginForStateTransaction, v as disposeChildScope, y as rerenderChildScope } from "./for-internal-B2rBq6yB.js";
+import { n as createOwnedFineGrainedEffect, r as markFineGrainedEffectsDirtySource, t as createFineGrainedEffect } from "./effect-D_4zf_wy.js";
+import { C as getDelegatedHandlersForElement, D as updateDelegatedListener, E as removeDelegatedListener, S as getDelegatedHandlerForElement, T as isEventDelegationEnabled, _ as teardownNodeSubtree, a as elementReactivePropsCleanup, b as addFreshDelegatedListener, c as forEachElementReactivePropCleanup, d as removeAllListeners, f as removeElementReactiveProps, g as setFreshElementReactivePropCleanup, h as setDirectElementReactivePropCleanup, i as elementListeners, l as getElementReactivePropCleanupSize, m as replaceElementRefBookkeeping, n as cleanupInstanceIfPresent, o as elementRefs, p as removeElementRef, r as cleanupInstancesUnder, s as forEachDescendantNode, t as REACTIVE_CHILDREN_KEY, u as getElementReactivePropsCleanupMap, v as updateElementRef, w as isDelegatedEvent, x as clearDelegatedHandlersForElement, y as addDelegatedListener } from "./cleanup-B6KovDZZ.js";
 import { t as getPublicAttributeName } from "./attr-names-CjhzmHOn.js";
 import { t as ROUTE_ROOT_COMPONENT } from "./router-internal-BC0w1_xk.js";
 //#region src/runtime/error-boundary.ts
@@ -897,7 +897,20 @@ function getRangeNodes(range) {
 	}
 	return nodes;
 }
-function createDetachedRange(nodes, owner) {
+function createDetachedRange(nodes, owner, forceAnchors = false) {
+	if (nodes instanceof DocumentFragment) {
+		const first = nodes.firstChild;
+		const last = nodes.lastChild;
+		const existingOwner = first ? getRangeOwner(first) : void 0;
+		const existingRange = existingOwner ? getOwnedRange(existingOwner) : void 0;
+		if (existingRange && !existingRange.single && existingRange.start === first && existingRange.end === last) {
+			if (owner) registerRange(existingRange, owner);
+			return {
+				range: existingRange,
+				fragment: nodes
+			};
+		}
+	}
 	if (nodes && !(nodes instanceof DocumentFragment)) return {
 		range: createSingleNodeRange(nodes, owner),
 		fragment: null
@@ -905,7 +918,7 @@ function createDetachedRange(nodes, owner) {
 	const normalized = normalizeNodes(nodes);
 	const ownerDocument = normalized[0]?.ownerDocument ?? (typeof document !== "undefined" ? document : null);
 	if (!ownerDocument) throw new Error("[askr] Cannot create a DOM range without a document.");
-	if (normalized.length === 1) {
+	if (normalized.length === 1 && !forceAnchors) {
 		const single = normalized[0];
 		return {
 			range: createSingleNodeRange(single, owner),
@@ -944,10 +957,19 @@ function createEmptyRange(ownerDocument = document, owner) {
 }
 function registerRange(range, owner) {
 	if (!owner) return;
+	const previousStartOwner = ownersByAnchor.get(range.start);
+	const previousEndOwner = ownersByAnchor.get(range.end);
+	for (const previousOwner of [previousStartOwner, previousEndOwner]) if (previousOwner && previousOwner !== owner && rangesByOwner.get(previousOwner) === range) rangesByOwner.delete(previousOwner);
 	rangesByOwner.set(owner, range);
 	ownersByAnchor.set(range.start, owner);
 	if (range.end !== range.start) ownersByAnchor.set(range.end, owner);
 }
+function getOwnedRange(owner) {
+	return rangesByOwner.get(owner);
+}
+function getRangeOwner(node) {
+	return ownersByAnchor.get(node);
+}
 function clearRangeOwner(range, owner) {
 	const startOwner = ownersByAnchor.get(range.start);
 	const endOwner = ownersByAnchor.get(range.end);
@@ -4848,9 +4870,12 @@ function cleanupReplacementNode(node, retainedInstances) {
 }
 function beginComponentHostReplacement(existingHost, retainedInstance, previousTarget, retainedInstances = [retainedInstance], disposeOnRollback = false) {
 	const parent = existingHost.parentNode;
+	const previousRange = getOwnedRange(retainedInstance);
 	const previousRef = existingHost instanceof Element ? elementRefs.get(existingHost) : void 0;
 	let previousRefDetached = false;
 	let nextDom = null;
+	let nextHost = null;
+	let nextRange;
 	let previousBindings = /* @__PURE__ */ new Map();
 	let didReplace = false;
 	let replacementAttempted = false;
@@ -4860,17 +4885,23 @@ function beginComponentHostReplacement(existingHost, retainedInstance, previousT
 		finished = true;
 		if (replacementAttempted && didReplace) {
 			const retained = Array.from(retainedInstances);
-			if (nextDom) for (const [instance, binding] of previousBindings) {
+			if (nextHost) for (const [instance, binding] of previousBindings) {
 				if (binding.target !== existingHost && binding.placeholder !== existingHost) continue;
-				if (nextDom instanceof Element) {
-					instance.target = nextDom;
+				if (nextHost instanceof Element) {
+					instance.target = nextHost;
 					instance._placeholder = void 0;
-				} else if (nextDom instanceof Comment) {
+				} else if (nextHost instanceof Comment) {
 					instance.target = null;
-					instance._placeholder = nextDom;
+					instance._placeholder = nextHost;
 				}
 			}
-			cleanupDetachedComponentHost(existingHost, retained);
+			if (previousRange && !previousRange.single) {
+				removeRange(previousRange, (node) => {
+					cleanupDetachedComponentHost(node, retained);
+					node.parentNode?.removeChild(node);
+				});
+				if (nextRange) registerRange(nextRange, retainedInstance);
+			} else cleanupDetachedComponentHost(existingHost, retained);
 		}
 	};
 	const rollback = () => {
@@ -4879,8 +4910,15 @@ function beginComponentHostReplacement(existingHost, retainedInstance, previousT
 		if (!replacementAttempted) return;
 		const rollbackErrors = [];
 		const retained = Array.from(retainedInstances);
-		if (nextDom && nextDom !== existingHost) try {
-			cleanupReplacementNode(nextDom, retained);
+		if (nextHost && nextHost !== existingHost) try {
+			if (nextRange && !nextRange.single) removeRange(nextRange, (node) => {
+				cleanupReplacementNode(node, retained);
+				node.parentNode?.removeChild(node);
+			});
+			else {
+				cleanupReplacementNode(nextHost, retained);
+				nextHost.parentNode?.removeChild(nextHost);
+			}
 		} catch (error) {
 			rollbackErrors.push(error);
 		}
@@ -4892,6 +4930,7 @@ function beginComponentHostReplacement(existingHost, retainedInstance, previousT
 				instance._placeholder = binding.placeholder;
 			}
 			if (!previousBindings.has(retainedInstance) && !disposeOnRollback) retainedInstance.target = previousTarget;
+			if (previousRange) registerRange(previousRange, retainedInstance);
 		} catch (error) {
 			rollbackErrors.push(error);
 		}
@@ -4915,9 +4954,15 @@ function beginComponentHostReplacement(existingHost, retainedInstance, previousT
 				placeholder: instance._placeholder
 			}]));
 			nextDom = materialize();
-			prepareNextDom(nextDom);
-			if (parent && nextDom !== existingHost) {
-				parent.replaceChild(nextDom, existingHost);
+			const registeredRange = getOwnedRange(retainedInstance);
+			nextRange = registeredRange && registeredRange !== previousRange ? registeredRange : void 0;
+			nextHost = nextDom instanceof DocumentFragment ? nextDom.firstChild : nextDom;
+			if (!nextHost) throw new Error("[askr] Component replacement produced no host node.");
+			if (!nextRange) nextRange = createSingleNodeRange(nextHost, retainedInstance);
+			prepareNextDom(nextHost);
+			if (parent && nextHost !== existingHost) {
+				if (previousRange && !previousRange.single) parent.insertBefore(nextDom, previousRange.start);
+				else parent.replaceChild(nextDom, existingHost);
 				didReplace = true;
 			}
 		} catch (error) {
@@ -4927,7 +4972,7 @@ function beginComponentHostReplacement(existingHost, retainedInstance, previousT
 			throw error;
 		}
 		if (!staged) commit();
-		return nextDom;
+		return nextHost;
 	};
 	return { replace };
 }
@@ -4963,11 +5008,20 @@ function materializeComponentResultNode(childInstance, result, parentNamespace)
 		mountInstanceInline(childInstance, null);
 		return placeholder;
 	}
-	const host = document.createElement("div");
-	host.appendChild(dom);
-	host.__ASKR_WRAPPER_HOST = true;
-	mountInstanceInline(childInstance, host);
-	return host;
+	if (!_isDOMElement(result) || result.type !== __CONTROL_BOUNDARY__) {
+		const host = document.createElement("div");
+		host.appendChild(dom);
+		host.__ASKR_WRAPPER_HOST = true;
+		mountInstanceInline(childInstance, host);
+		return host;
+	}
+	const materialized = createDetachedRange(dom, childInstance, true);
+	const host = materialized.range.start;
+	host.__ASKR_INSTANCE = childInstance;
+	host.__ASKR_INSTANCES = [childInstance];
+	childInstance._placeholder = host;
+	mountInstanceInline(childInstance, null);
+	return materialized.fragment ?? host;
 }
 function resolveNestedComponentResult(result, snapshot, parentInstance) {
 	let currentResult = result;
@@ -5030,7 +5084,6 @@ function resolveHostNestedComponentResult(host, retainedInstance, result, snapsh
 			const nextResult = withContext(nestedSnapshot ?? null, () => renderComponentInline(nestedInstance));
 			if (isPromiseLike(nextResult)) throw new Error("Async components are not supported. Components must return synchronously.");
 			retainedInstances.add(nestedInstance);
-			warnUnusedStateReads(nestedInstance);
 			activeSnapshot = nestedSnapshot ?? null;
 			currentResult = markVNodeTreeWithContextFrame(nextResult, activeSnapshot);
 			depth += 1;
@@ -5071,7 +5124,6 @@ function resolveWrapperHostResult(host, result, snapshot, retainedInstances) {
 		const nextResult = withContext(nestedSnapshot ?? null, () => renderComponentInline(nestedInstance));
 		if (isPromiseLike(nextResult)) throw new Error("Async components are not supported. Components must return synchronously.");
 		retainedInstances.add(nestedInstance);
-		warnUnusedStateReads(nestedInstance);
 		activeSnapshot = nestedSnapshot ?? null;
 		currentResult = nextResult;
 		depth += 1;
@@ -5111,7 +5163,6 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 				});
 				mountInstanceInline(hydrationInstance, existingHost);
 				itemInstanceHydrationComplete(existingHost);
-				warnUnusedStateReads(hydrationInstance);
 				return existingHost;
 			}
 			const resolvedResult = resolveHostNestedComponentResult(existingHost, hydrationInstance, scopedResult, snapshot ?? null, liveRetainedInstances);
@@ -5122,15 +5173,12 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 				});
 				mountInstanceInline(hydrationInstance, existingHost);
 				itemInstanceHydrationComplete(existingHost);
-				warnUnusedStateReads(hydrationInstance);
 				return existingHost;
 			}
-			const nextDom = replacement.replace(() => materializeComponentResultNode(hydrationInstance, scopedResult, parentNamespace), (replacement) => {
+			return replacement.replace(() => materializeComponentResultNode(hydrationInstance, scopedResult, parentNamespace), (replacement) => {
 				if (replacement instanceof Element) materializeKey(replacement, node, props);
 				retainReplacementOwnerChain(replacement, hydrationInstance, liveRetainedInstances);
 			});
-			warnUnusedStateReads(hydrationInstance);
-			return nextDom;
 		} catch (error) {
 			restoreVNodeComponentInstance(node, previousVNodeInstance);
 			if (!hydrationInstance.mounted) cleanupProvisionalComponentInstance(hydrationInstance);
@@ -5154,7 +5202,6 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 	if (existingHost instanceof Element && existingHost.__ASKR_WRAPPER_HOST) {
 		const wrapperResult = resolveWrapperHostResult(existingHost, scopedResult, snapshot ?? null, liveRetainedInstances);
 		domHost.updateElementChildren(existingHost, normalizeComponentChildren(wrapperResult));
-		warnUnusedStateReads(existingInstance);
 		return existingHost;
 	}
 	if (existingHost instanceof Element && scopedResult && typeof scopedResult === "object" && "type" in scopedResult && typeof scopedResult.type === "string" && tagNamesEqualIgnoreCase$1(existingHost.tagName, scopedResult.type)) {
@@ -5162,7 +5209,6 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 			domHost.updateElementFromVnode(existingHost, inheritComponentKey(scopedResult, node), true, forceChildrenUpdate || existingInstance.mounted === false);
 			materializeKey(existingHost, node, props);
 		});
-		warnUnusedStateReads(existingInstance);
 		return existingHost;
 	}
 	const resolvedResult = resolveHostNestedComponentResult(existingHost, existingInstance, scopedResult, snapshot ?? null, liveRetainedInstances);
@@ -5172,7 +5218,6 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 			instance.target = null;
 			instance._placeholder = existingHost;
 		}
-		warnUnusedStateReads(existingInstance);
 		return existingHost;
 	}
 	if (existingHost instanceof Element && _isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase$1(existingHost.tagName, resolvedResult.type)) {
@@ -5180,15 +5225,12 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 			domHost.updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true, forceChildrenUpdate || existingInstance.mounted === false);
 			materializeKey(existingHost, node, props);
 		});
-		warnUnusedStateReads(existingInstance);
 		return existingHost;
 	}
-	const nextDom = replacement.replace(() => materializeComponentResultNode(existingInstance, scopedResult, parentNamespace), (replacement) => {
+	return replacement.replace(() => materializeComponentResultNode(existingInstance, scopedResult, parentNamespace), (replacement) => {
 		if (replacement instanceof Element) materializeKey(replacement, node, props);
 		retainReplacementOwnerChain(replacement, existingInstance, liveRetainedInstances);
 	});
-	warnUnusedStateReads(existingInstance);
-	return nextDom;
 }
 function retainReplacementOwnerChain(host, owner, retainedInstances) {
 	const componentHost = host;
@@ -5229,7 +5271,6 @@ function createComponentElement(node, type, props, parentNamespace) {
 		if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must return synchronously.");
 		const scopedResult = markVNodeTreeWithContextFrame(result, snapshot ?? null);
 		const dom = snapshot ? withContext(snapshot, () => materializeComponentResultNode(childInstance, scopedResult, parentNamespace)) : materializeComponentResultNode(childInstance, scopedResult, parentNamespace);
-		warnUnusedStateReads(childInstance);
 		if (dom instanceof Element) materializeFreshKey(dom, node, props);
 		return dom;
 	} catch (error) {
@@ -5375,8 +5416,6 @@ function tryPatchStableForDirtyItem(scope) {
 	const nextIntrinsic = resolveStableIntrinsicPatchVNode(scope.dom, scope.vnode);
 	if (!nextIntrinsic) return false;
 	const didPatch = patchStableIntrinsicElement(scope.dom, nextIntrinsic);
-	const existingInstance = scope.dom.__ASKR_INSTANCE;
-	if (didPatch && existingInstance) warnUnusedStateReads(existingInstance);
 	if (didPatch);
 	return didPatch;
 }
@@ -6249,11 +6288,30 @@ function evaluateInLifecycleBatch(node, target, context, retainedOwner) {
 	}
 }
 //#endregion
+//#region src/renderer/component-range-commit.ts
+function replaceComponentRange(instance, result, placeholder) {
+	const previousRange = getOwnedRange(instance);
+	const parent = placeholder.parentNode;
+	if (!previousRange || previousRange.single || previousRange.start !== placeholder || !(parent instanceof Element)) return null;
+	const next = createDetachedRange(materializeComponentResultNode(instance, result, getParentNamespace(parent)), instance);
+	const nextHost = next.range.start;
+	nextHost.__ASKR_INSTANCE = instance;
+	nextHost.__ASKR_INSTANCES = [instance];
+	parent.insertBefore(next.fragment ?? next.range.start, previousRange.start);
+	removeRange(previousRange, (node) => {
+		cleanupDetachedComponentHost(node, [instance]);
+		node.parentNode?.removeChild(node);
+	});
+	registerRange(next.range, instance);
+	return nextHost;
+}
+//#endregion
 //#region src/renderer/index.ts
 function createRendererHost() {
 	return {
 		evaluate,
 		cleanupInstancesUnder,
+		replaceComponentRange,
 		teardownNodeSubtree,
 		populateKeyMapForElement,
 		getKeyMapForElement,

package/dist/{resource-operation-CUAUBhUB.js → resource-operation-Dz2Nxi1q.js}

@@ -1,10 +1,10 @@
-import { t as enqueueRuntimeLane, v as logger } from "./access-Bg4RJNC8.js";
-import { d as getCurrentContextFrame, g as withAsyncResourceContext } from "./component-internal-NdN_bJ2-.js";
+import { t as enqueueRuntimeLane, v as logger } from "./access-ePqdQqkV.js";
+import { h as withAsyncResourceContext, u as getCurrentContextFrame } from "./component-internal-CbALfPGD.js";
 import { f as getCurrentComponentInstance } from "./component-scope-CC3cojX9.js";
-import { m as isPromiseLike, r as registerCommitOperationForInstance } from "./component-lifecycle-C7lnU9Bt.js";
+import { m as isPromiseLike, r as registerCommitOperationForInstance } from "./component-lifecycle-DEMPihoZ.js";
 import { t as brandSnapshotSource } from "./snapshot-source-BB42xgwb.js";
 import { i as getNextRenderKey, l as throwSSRDataMissing, n as getActiveRenderContext, r as getCurrentRenderData, u as SSRDataMissingError } from "./render-context-Clw3rFiO.js";
-import { t as state } from "./state-DPl8lffD.js";
+import { t as state } from "./state-Cc5HumQ0.js";
 //#region src/runtime/resource-cell.ts
 /**
 * Pure, component-agnostic ResourceCell state machine.

package/dist/resources/index.js

@@ -1,4 +1,4 @@
 import { g as getSignal } from "../component-scope-CC3cojX9.js";
-import { t as resource } from "../resource-operation-CUAUBhUB.js";
-import { a as stream, c as windowFocused, i as routeActive, n as documentVisible, o as task, r as on, s as timer, t as capture } from "../lifecycle-operations-BR8-AOly.js";
+import { t as resource } from "../resource-operation-Dz2Nxi1q.js";
+import { a as stream, c as windowFocused, i as routeActive, n as documentVisible, o as task, r as on, s as timer, t as capture } from "../lifecycle-operations-Dj5lK1K7.js";
 export { capture, documentVisible, getSignal, on, resource, routeActive, stream, task, timer, windowFocused };

package/dist/router/index.js

@@ -1,7 +1,7 @@
-import { S as route, _ as fallback, a as resolveRouteMeta, b as page, d as clearRoutes, f as createRouteRegistry, i as reconcileRouteMeta, m as currentRoute, n as navigate, o as serializeRouteMeta, p as getManifest, r as updateRouteQuery, v as group, x as registerRoutes, y as index } from "../navigate-mkLGM5ec.js";
+import { S as route, _ as fallback, a as resolveRouteMeta, b as page, d as clearRoutes, f as createRouteRegistry, i as reconcileRouteMeta, m as currentRoute, n as navigate, o as serializeRouteMeta, p as getManifest, r as updateRouteQuery, v as group, x as registerRoutes, y as index } from "../navigate-DLi79IZr.js";
 import { jsx } from "../jsx-runtime.js";
 import { D as getRoutes } from "../route-matching-vJpvLVbX.js";
-import { S as lazy, a as resolveDeferredValues, f as resolveRouteRequest, i as isDeferred, n as Resolve, p as currentAuth, r as defer, s as routeData, v as Outlet } from "../deferred-CSFYIBJL.js";
+import { S as lazy, a as resolveDeferredValues, f as resolveRouteRequest, i as isDeferred, n as Resolve, p as currentAuth, r as defer, s as routeData, v as Outlet } from "../deferred-BeNnjR4r.js";
 import { o as mergeProps } from "../compose-ref-Cc_YkUpM.js";
 import { t as applyInteractionPolicy } from "../interactions-w7gQN4ha.js";
 //#region src/router/policy.ts

package/dist/{selector-DafVYzV4.js → selector-pApF_lGd.js}

@@ -1,5 +1,5 @@
-import { t as enqueueRuntimeLane } from "./access-Bg4RJNC8.js";
-import { d as markReadableUsage, f as notifyReadableReaders, g as withDerivedReadTracking, h as syncDerivedDependencySubscriptions, l as markReactivePropsDirtySource, o as clearDerivedDependencySubscriptions, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
+import { t as enqueueRuntimeLane } from "./access-ePqdQqkV.js";
+import { d as markReadableUsage, f as notifyReadableReaders, g as withDerivedReadTracking, h as syncDerivedDependencySubscriptions, l as markReactivePropsDirtySource, o as clearDerivedDependencySubscriptions, p as recordReadableRead, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
 import { i as claimHookIndex, p as getCurrentInstance } from "./component-scope-CC3cojX9.js";
 //#region src/runtime/selector-store.ts
 const dirtySelectorRecords = /* @__PURE__ */ new Set();

package/dist/ssg/index.js

@@ -1,7 +1,7 @@
-import "../access-Bg4RJNC8.js";
-import { a as resolveDeferredValues, b as getRenderHandler, c as bindResolvedRouteData } from "../deferred-CSFYIBJL.js";
+import "../access-ePqdQqkV.js";
+import { a as resolveDeferredValues, b as getRenderHandler, c as bindResolvedRouteData } from "../deferred-BeNnjR4r.js";
 import { n as renderDocument } from "../ssr-CbQO5xd3.js";
-import { n as renderToString } from "../ssr-DVFKktPX.js";
+import { n as renderToString } from "../ssr-CbU-1UHm.js";
 import * as fs from "node:fs/promises";
 import * as pathModule from "node:path";
 import * as os from "node:os";

package/dist/ssr/index.js

@@ -1,3 +1,3 @@
 import { u as SSRDataMissingError } from "../render-context-Clw3rFiO.js";
-import { a as renderResolvedToStringSync, c as createRenderContext, d as withRenderContextAsync, i as renderRouteRequestToString, l as getRenderContext, n as renderToString, o as renderToStringSync, r as renderRouteRequest, s as resolveRequest, t as renderToStream, u as withRenderContext } from "../ssr-DVFKktPX.js";
+import { a as renderResolvedToStringSync, c as createRenderContext, d as withRenderContextAsync, i as renderRouteRequestToString, l as getRenderContext, n as renderToString, o as renderToStringSync, r as renderRouteRequest, s as resolveRequest, t as renderToStream, u as withRenderContext } from "../ssr-CbU-1UHm.js";
 export { SSRDataMissingError, createRenderContext, getRenderContext, renderResolvedToStringSync, renderRouteRequest, renderRouteRequestToString, renderToStream, renderToString, renderToStringSync, resolveRequest, withRenderContext, withRenderContextAsync };

package/dist/{ssr-DVFKktPX.js → ssr-CbU-1UHm.js}

@@ -1,18 +1,18 @@
 import { t as __CONTROL_BOUNDARY__ } from "./control-DhFRTIoE.js";
 import { t as __ERROR_BOUNDARY__ } from "./vnode-D24p6IW2.js";
-import { v as logger } from "./access-Bg4RJNC8.js";
+import { v as logger } from "./access-ePqdQqkV.js";
 import { n as Fragment, t as ELEMENT_TYPE } from "./jsx-CUpRxrLH.js";
-import { f as getExecutionContextFrame, l as callWithContext, m as markVNodeTreeWithContextFrame, n as createComponentInstance, p as getVNodeContextFrame } from "./component-internal-NdN_bJ2-.js";
+import { c as callWithContext, d as getExecutionContextFrame, f as getVNodeContextFrame, n as createComponentInstance, p as markVNodeTreeWithContextFrame } from "./component-internal-CbALfPGD.js";
 import { f as getCurrentComponentInstance, w as setCurrentComponentInstance } from "./component-scope-CC3cojX9.js";
-import { h as cleanupComponent, m as isPromiseLike } from "./component-lifecycle-C7lnU9Bt.js";
-import { g as evaluateShowState, h as evaluateCaseState, i as evaluateForState, o as rollbackForStateTransaction, r as commitForStateTransaction } from "./for-internal-cNhKHMBB.js";
+import { h as cleanupComponent, m as isPromiseLike } from "./component-lifecycle-DEMPihoZ.js";
+import { g as evaluateShowState, h as evaluateCaseState, i as evaluateForState, o as rollbackForStateTransaction, r as commitForStateTransaction } from "./for-internal-B2rBq6yB.js";
 import { c as stopRenderPhase$1, o as startRenderPhase$1, t as configureRenderContextProvider, u as SSRDataMissingError } from "./render-context-Clw3rFiO.js";
-import { a as disposeDefaultPortalScope, t as DefaultPortal } from "./portal-C47xkwXj.js";
+import { a as disposeDefaultPortalScope, t as DefaultPortal } from "./portal-D2tPWNrC.js";
 import { t as getPublicAttributeName } from "./attr-names-CjhzmHOn.js";
 import { t as createDataRuntime } from "./data-runtime-SJ1BSUvk.js";
 import { c as withTelemetry, i as dehydrateDataRuntime, t as createQueryPrefetchContext } from "./query-registry-CQIT4mXr.js";
 import { a as resolveRouteFromRoutes, t as _resolveRouteMatchFromRoutes } from "./route-matching-vJpvLVbX.js";
-import { f as resolveRouteRequest, g as isPageRenderEnvelope, h as isEmptyPageRenderEnvelope, i as isDeferred, m as createPageRenderEnvelope, t as DEFERRED_BOUNDARY, x as _preloadRouteHandler } from "./deferred-CSFYIBJL.js";
+import { f as resolveRouteRequest, g as isPageRenderEnvelope, h as isEmptyPageRenderEnvelope, i as isDeferred, m as createPageRenderEnvelope, t as DEFERRED_BOUNDARY, x as _preloadRouteHandler } from "./deferred-BeNnjR4r.js";
 import { n as renderDocument, t as SSR_RENDER_DATA_ATTR } from "./ssr-CbQO5xd3.js";
 //#region src/ssr/escape.ts
 /**

package/dist/{state-DPl8lffD.js → state-Cc5HumQ0.js}

@@ -1,4 +1,5 @@
-import { f as notifyReadableReaders, l as markReactivePropsDirtySource, p as recordReadableRead, t as isBulkCommitActive, u as markReadableDerivedSubscribersDirty } from "./fastlane-Dw8SOBr9.js";
+import { x as isProductionEnvironment } from "./access-ePqdQqkV.js";
+import { f as notifyReadableReaders, l as markReactivePropsDirtySource, p as recordReadableRead, t as isBulkCommitActive, u as markReadableDerivedSubscribersDirty } from "./fastlane-C8PYPotF.js";
 import { i as claimHookIndex, p as getCurrentInstance } from "./component-scope-CC3cojX9.js";
 //#region src/runtime/state.ts
 /**
@@ -66,6 +67,7 @@ function createStateCell(initialValue, instance) {
 		return value;
 	}
 	read._readers = readers;
+	read._unusedStateDiagnosticEligible = !isProductionEnvironment();
 	read._owner = instance;
 	read.set = (newValueOrUpdater) => {
 		if (getCurrentInstance() !== null) throw new Error("[Askr] state.set() cannot be called during component render. State mutations during render break the actor model and cause infinite loops. Move state updates to event handlers or use conditional rendering instead.");

package/dist/{verify-hydration-C41fY5Z2.js → verify-hydration-BaWDqe5H.js}

@@ -1,5 +1,5 @@
 import { t as SSR_RENDER_DATA_ATTR } from "./ssr-CbQO5xd3.js";
-import { a as renderResolvedToStringSync } from "./ssr-DVFKktPX.js";
+import { a as renderResolvedToStringSync } from "./ssr-CbU-1UHm.js";
 //#region src/ssr/verify-hydration.ts
 function normalizeHydrationHtml(html) {
 	const template = document.createElement("template");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askrjs/askr",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "description": "Actor-backed deterministic UI framework",
   "keywords": [
     "askr",