@askrjs/askr 0.0.77 → 0.0.78

package/dist/{renderer-Ba-KixHB.js → renderer-_l_U-AbR.js}

@@ -1,17 +1,18 @@
-import { t as __CONTROL_BOUNDARY__ } from "./control-DhFRTIoE.js";
+import { n as hasTransparentComponentResult, t as __CONTROL_BOUNDARY__ } from "./control-C-ApnFs1.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-ePqdQqkV.js";
 import { n as markFastPathApplied, t as isBulkCommitActive } from "./fastlane-CkBXZ_3K.js";
 import { i as isFragmentType, r as STATIC_CHILDREN } from "./jsx-C3IECePB.js";
-import { d as getCurrentContextFrame, h as markVNodeTreeWithContextFrame, i as mountInstanceInline, n as createComponentInstance, o as renderComponentInline, p as getVNodeContextFrame, t as captureInlineRenderSnapshot, y as withContext } from "./component-internal-TurioKgs.js";
+import { d as getCurrentContextFrame, h as markVNodeTreeWithContextFrame, i as mountInstanceInline, n as createComponentInstance, o as renderComponentInline, p as getVNodeContextFrame, t as captureInlineRenderSnapshot, y as withContext } from "./component-internal-BuTG89T8.js";
 import { b as restoreDomCommitScope, c as enterDomCommitScope, p as getCurrentInstance } from "./component-scope-DzJEbYGE.js";
 import { t as cleanupComponent } from "./component-cleanup-oWN45rfa.js";
 import { c as getCurrentLifecycleCommitBatch, l as registerLifecycleRollback, p as isPromiseLike, r as discardLifecycleCommitBatch, s as flushLifecycleCommitBatch, t as beginLifecycleCommitBatch, u as registerLifecycleTransaction } from "./lifecycle-batch-CwHCDseR.js";
-import { _ as setControlBoundaryContextFrame, a as registerForStateTransaction, b as rerenderChildScope, 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 createChildScope, y as disposeChildScope } from "./for-internal-BM8KbadU.js";
+import { _ as setControlBoundaryContextFrame, a as registerForStateTransaction, b as rerenderChildScope, 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 createChildScope, y as disposeChildScope } from "./for-internal-BnXrQbgo.js";
 import { n as createOwnedFineGrainedEffect, r as markFineGrainedEffectsDirtySource, t as createFineGrainedEffect } from "./effect-2IIWvUjG.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-CyY1ROBI.js";
+import { a as isSSRPortalHydrationAnchor } from "./portal-w3oQ6oQU.js";
 import { n as getPublicAttributeName, t as sanitizeCssValue } from "./css-BuPaTOfe.js";
-import { a as isSafeHref, i as ROUTE_ROOT_COMPONENT } from "./csp-nonce-DYspaK0L.js";
+import { a as isSafeHref, i as ROUTE_ROOT_COMPONENT } from "./csp-nonce-BUsz0Em7.js";
 //#region src/runtime/error-boundary.ts
 function createBoundaryReset(instance) {
 	return () => {
@@ -1820,6 +1821,12 @@ function performFullReconciliation(parent, newChildren, oldKeyMap) {
 function isFragmentVNode(node) {
 	return _isDOMElement(node) && isFragmentType(node.type);
 }
+function isTransparentComponentResult(result) {
+	return Array.isArray(result) || _isDOMElement(result) && (result.type === __CONTROL_BOUNDARY__ || hasTransparentComponentResult(result.type) || isFragmentVNode(result));
+}
+function isTransparentComponentRangeResult(result) {
+	return Array.isArray(result) || isFragmentVNode(result);
+}
 function normalizeComponentChildren(result) {
 	if (result === null || result === void 0 || result === false) return [];
 	if (Array.isArray(result)) {
@@ -2702,7 +2709,11 @@ function updateMixedControlChildren(parent, children, forceUpdate) {
 				else if (cursorWasReplaced && isRangeStart(cursor)) cursor = findRangeEnd(cursor)?.nextSibling ?? last.end.nextSibling;
 				else if (isRangeStart(cursor)) cursor = findRangeEnd(cursor)?.nextSibling ?? last.end.nextSibling;
 				else cursor = last.end.nextSibling;
-			} else if (cursor?.parentNode !== parent) cursor = cursorAfterBoundary?.parentNode === parent ? cursorAfterBoundary : null;
+			} else {
+				const inactiveBoundaryCursor = cursor?.parentNode === parent ? cursor : cursorAfterBoundary?.parentNode === parent ? cursorAfterBoundary : null;
+				const inactiveBoundaryEnd = inactiveBoundaryCursor && isRangeStart(inactiveBoundaryCursor) ? findRangeEnd(inactiveBoundaryCursor) : null;
+				cursor = inactiveBoundaryEnd?.previousSibling === inactiveBoundaryCursor ? inactiveBoundaryEnd.nextSibling : inactiveBoundaryCursor;
+			}
 			continue;
 		}
 		if (cursor) cursor = removeRangeAtCursor(parent, cursor);
@@ -2717,7 +2728,7 @@ function updateMixedControlChildren(parent, children, forceUpdate) {
 			continue;
 		}
 		if (cursor && _isDOMElement(child) && typeof child.type === "function") {
-			const synced = domHost.syncComponentElement(cursor, child, child.type, (child.props ?? {}) || {}, parentNamespace, forceUpdate);
+			const synced = domHost.syncComponentElement(cursor, child, child.type, (child.props ?? {}) || {}, parentNamespace, forceUpdate, void 0, void 0, true);
 			if (synced) {
 				cursor = synced.nextSibling;
 				continue;
@@ -2760,9 +2771,9 @@ function getOrBuildDomKeyMap(parent) {
 function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
 	const parentNamespace = getParentNamespace(parent);
 	const domHost = getRendererDOMHost();
-	const trySyncComponentChild = (currentDom, next) => {
+	const trySyncComponentChild = (currentDom, next, hydrationRangeEnd) => {
 		if (typeof next.type !== "function") return null;
-		return domHost.syncComponentElement(currentDom, next, next.type, (next.props ?? {}) || {}, parentNamespace, forceUpdate);
+		return domHost.syncComponentElement(currentDom, next, next.type, (next.props ?? {}) || {}, parentNamespace, forceUpdate, void 0, hydrationRangeEnd, true);
 	};
 	const hasText = newChildren.some((c) => typeof c === "string" || typeof c === "number");
 	const hasElements = newChildren.some((c) => _isDOMElement(c));
@@ -2806,14 +2817,13 @@ function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
 	const existing = Array.from(parent.children);
 	if (hasText || hasComponentChildren || hasEmptyChildren || hasNonElementDomChildren) {
 		const allNodes = Array.from(parent.childNodes);
-		const max = Math.max(allNodes.length, newChildren.length);
-		for (let i = 0; i < max; i++) {
+		for (let i = 0; i < Math.max(allNodes.length, newChildren.length); i += 1) {
 			const currentNode = allNodes[i];
 			const next = newChildren[i];
 			const nextIsEmpty = isEmptyChild(next);
 			if (nextIsEmpty && currentNode) {
 				teardownNodeSubtree(currentNode);
-				currentNode.remove();
+				currentNode.parentNode?.removeChild(currentNode);
 				continue;
 			}
 			if (!currentNode && !nextIsEmpty) {
@@ -2841,7 +2851,18 @@ function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
 				}
 				else {
 					if (trySyncControlBoundaryChild(parent, currentNode, next)) continue;
-					if (!trySyncComponentChild(currentEl, next)) {
+					const remainingExpected = newChildren.length - i - 1;
+					const hydrationRangeEndIndex = allNodes.length - remainingExpected;
+					const synced = trySyncComponentChild(currentEl, next, hydrationRangeEndIndex > i ? allNodes[hydrationRangeEndIndex] ?? null : void 0);
+					if (synced && isRangeStart(synced)) {
+						allNodes.splice(i, Math.max(1, hydrationRangeEndIndex - i), synced);
+						continue;
+					}
+					if (synced && synced !== currentNode && synced.nextSibling === currentNode) {
+						allNodes.splice(i, 0, synced);
+						continue;
+					}
+					if (!synced) {
 						const dom = domHost.createDOMNode(next, parentNamespace);
 						if (dom) {
 							teardownNodeSubtree(currentEl);
@@ -2850,7 +2871,20 @@ function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
 					}
 				}
 			} else {
-				if (typeof next.type === "function" && trySyncComponentChild(currentNode, next)) continue;
+				if (typeof next.type === "function") {
+					const remainingExpected = newChildren.length - i - 1;
+					const hydrationRangeEndIndex = allNodes.length - remainingExpected;
+					const synced = trySyncComponentChild(currentNode, next, hydrationRangeEndIndex > i ? allNodes[hydrationRangeEndIndex] ?? null : void 0);
+					if (synced && isRangeStart(synced)) {
+						allNodes.splice(i, Math.max(1, hydrationRangeEndIndex - i), synced);
+						continue;
+					}
+					if (synced && synced !== currentNode && synced.nextSibling === currentNode) {
+						allNodes.splice(i, 0, synced);
+						continue;
+					}
+					if (synced) continue;
+				}
 				const dom = domHost.createDOMNode(next, parentNamespace);
 				if (dom) {
 					teardownNodeSubtree(currentNode);
@@ -4350,6 +4384,11 @@ function checkVNodeShapeChanged(dom, vnode) {
 	if (typeof vnode.type !== "string") return true;
 	return dom.tagName.toLowerCase() !== vnode.type.toLowerCase();
 }
+function canAdoptHydratedElement(dom, vnode) {
+	if (!_isDOMElement(vnode)) return false;
+	if (typeof vnode.type === "function") return true;
+	return !checkVNodeShapeChanged(dom, vnode);
+}
 function adoptHydratedRange(parent, scope, before, vnode) {
 	if (!scope.hydrationPending || !before || !isRangeStart(before)) return null;
 	const end = findRangeEnd(before);
@@ -4518,7 +4557,7 @@ function syncControlBoundaryInMixedParent(parent, controlState, childrenVNodes,
 			const item = controlState.orderedItems[index];
 			const vnode = childrenVNodes[index];
 			if (!item || vnode === void 0) continue;
-			if (item.scope.hydrationPending && !item.scope.range && syncBefore instanceof Element && getMaterializedKey(syncBefore) === controlState.orderedKeys[index] && !checkVNodeShapeChanged(syncBefore, vnode)) {
+			if (item.scope.hydrationPending && !item.scope.range && syncBefore instanceof Element && getMaterializedKey(syncBefore) === controlState.orderedKeys[index] && canAdoptHydratedElement(syncBefore, vnode)) {
 				assignScopeRange(item.scope, {
 					start: syncBefore,
 					end: syncBefore,
@@ -4548,6 +4587,14 @@ function syncControlBoundaryInMixedParent(parent, controlState, childrenVNodes,
 	}
 	const activeScope = controlState.activeScope;
 	const activeVNode = childrenVNodes[0];
+	if (activeScope?.hydrationPending && activeVNode !== void 0 && !activeScope.range && controlState.lastRemovedRanges.length === 0 && before instanceof Element && canAdoptHydratedElement(before, activeVNode)) {
+		assignScopeRange(activeScope, {
+			start: before,
+			end: before,
+			single: true
+		});
+		activeScope.hydrationPending = false;
+	}
 	const nextRange = activeScope && activeVNode !== void 0 ? syncControlBoundaryScopeDom(parent, activeScope, activeVNode, before, controlState.lastRemovedRanges.length === 0) : null;
 	for (const range of controlState.lastRemovedRanges) if (range !== nextRange) removeRange(range, teardownBoundaryRangeNode);
 	for (const node of controlState.lastRemovedNodes) if (node.parentNode === parent) teardownBoundaryRangeNode(node);
@@ -4800,12 +4847,60 @@ function unwrapStagingHost(staging, parent, restoreFocus) {
 function createAttributeFreeStagingHost(parent) {
 	return parent.ownerDocument.createElementNS(parent.namespaceURI, parent.localName);
 }
+function isAutomaticPortalHost(node) {
+	const host = node;
+	const instances = new Set(host.__ASKR_INSTANCES ?? []);
+	if (host.__ASKR_INSTANCE) instances.add(host.__ASKR_INSTANCE);
+	return instances.size > 0 && Array.from(instances).some((candidate) => candidate.props.__askrAutoDefaultPortal === true);
+}
+function adoptHydratedComponentRange(existingHost, instance, result, endExclusive, forceChildrenUpdate, retainedInstances) {
+	const parent = existingHost.parentNode;
+	if (!(parent instanceof Element) || endExclusive !== null && endExclusive.parentNode !== parent) return null;
+	if (endExclusive !== null) {
+		let current = existingHost;
+		while (current && current !== endExclusive) current = current.nextSibling;
+		if (current !== endExclusive) return null;
+	}
+	const start = existingHost.ownerDocument.createComment(RANGE_START_MARKER);
+	const end = existingHost.ownerDocument.createComment(RANGE_END_MARKER);
+	parent.insertBefore(start, existingHost);
+	parent.insertBefore(end, endExclusive);
+	registerRange({
+		start,
+		end,
+		single: false
+	}, instance);
+	const host = start;
+	const owners = new Set(retainedInstances);
+	owners.add(instance);
+	host.__ASKR_INSTANCE = instance;
+	host.__ASKR_INSTANCES = Array.from(owners);
+	instance.target = null;
+	instance._placeholder = start;
+	mountInstanceInline(instance, null);
+	const registered = registerLifecycleTransaction({}, () => {}, () => {
+		start.parentNode?.removeChild(start);
+		end.parentNode?.removeChild(end);
+	});
+	try {
+		if (!syncComponentFragmentRange(host, instance, result, forceChildrenUpdate)) throw new Error("[askr] Failed to adopt hydrated component range.");
+	} catch (error) {
+		if (!registered) {
+			start.remove();
+			end.remove();
+		}
+		throw error;
+	}
+	return start;
+}
 function syncComponentFragmentRange(host, instance, result, forceUpdate) {
-	if (!isFragmentVNode(result)) return false;
+	if (!isTransparentComponentRangeResult(result)) return false;
 	const range = getOwnedRange(instance);
 	const parent = range?.start.parentNode;
 	if (!range || range.single || range.start !== host || !(parent instanceof Element)) return false;
 	const restoreFocus = captureRangeFocus(range, parent);
+	const normalizedChildren = normalizeComponentChildren(result);
+	const preserveForeignHosts = Array.isArray(result);
 	const staging = createAttributeFreeStagingHost(parent);
 	try {
 		parent.insertBefore(staging, range.end);
@@ -4818,10 +4913,15 @@ function syncComponentFragmentRange(host, instance, result, forceUpdate) {
 		restoreFocus();
 		return false;
 	}
-	while (range.start.nextSibling && range.start.nextSibling !== staging) staging.appendChild(range.start.nextSibling);
+	let current = range.start.nextSibling;
+	while (current && current !== staging) {
+		const next = current.nextSibling;
+		if (!preserveForeignHosts || !isAutomaticPortalHost(current)) staging.appendChild(current);
+		current = next;
+	}
 	const rollbackStaging = registerLifecycleTransaction({}, () => {}, () => unwrapStagingHost(staging, parent, restoreFocus));
 	try {
-		getRendererDOMHost().updateElementChildren(staging, normalizeComponentChildren(result), forceUpdate);
+		getRendererDOMHost().updateElementChildren(staging, normalizedChildren, forceUpdate);
 	} catch (error) {
 		if (!rollbackStaging) unwrapStagingHost(staging, parent, restoreFocus);
 		throw error;
@@ -5029,11 +5129,19 @@ function inheritComponentKey(target, source) {
 	}
 	return target;
 }
+function extractComponentIdentityKey(node) {
+	const publicKey = extractKey(node);
+	if (publicKey !== void 0) return publicKey;
+	if (typeof node !== "object" || node === null) return;
+	const internalKey = node.props?.["__askrIdentityKey"];
+	if (internalKey === void 0 || internalKey === null) return;
+	return typeof internalKey === "symbol" ? String(internalKey) : internalKey;
+}
 function setComponentOwnershipIdentity(instance, node, parent, wrapperDepth = 0, position) {
 	instance._vnodeOwner = typeof node === "object" && node !== null ? node : void 0;
 	instance._vnodeParent = parent;
 	instance._vnodeParentGeneration = parent?._ownershipGeneration;
-	const key = extractKey(node);
+	const key = extractComponentIdentityKey(node);
 	if (key === void 0) delete instance._vnodeKey;
 	else instance._vnodeKey = key;
 	instance._vnodePosition = position;
@@ -5044,7 +5152,7 @@ function findHostInstanceByType(host, type, node, parent, wrapperDepth) {
 	if (instances && instances.length > 0) {
 		const vnodeOwner = getVNodeComponentInstance(node);
 		if (vnodeOwner && vnodeOwner.fn === type && instances.includes(vnodeOwner)) return vnodeOwner;
-		const key = extractKey(node);
+		const key = extractComponentIdentityKey(node);
 		const identityMatches = instances.filter((instance) => {
 			if (instance.fn !== type) return false;
 			if (parent !== void 0 && instance._vnodeParent !== parent) return false;
@@ -5060,7 +5168,7 @@ function findHostInstanceByType(host, type, node, parent, wrapperDepth) {
 	}
 	if (host.__ASKR_INSTANCE?.fn === type) {
 		const instance = host.__ASKR_INSTANCE;
-		const key = extractKey(node);
+		const key = extractComponentIdentityKey(node);
 		if ((parent === void 0 || instance._vnodeParent === parent) && (key === void 0 || instance._vnodeKey === key) && (wrapperDepth === void 0 || instance._wrapperDepth === wrapperDepth)) return instance;
 		if (node === void 0 && parent === void 0 && wrapperDepth === void 0) return instance;
 	}
@@ -5068,8 +5176,9 @@ function findHostInstanceByType(host, type, node, parent, wrapperDepth) {
 }
 /**
 * Resolve an instance on a comment host only when the vnode carries durable
-* identity. Fresh unkeyed null components intentionally supersede the old
-* generation instead of falling back to type-only reuse.
+* identity. An unkeyed multi-node range can also move through transparent
+* wrapper owners while its recorded owner generation remains live. Fresh
+* unkeyed null components still supersede the old generation.
 */
 function findStableHostInstanceByType(host, type, node, parent, wrapperDepth) {
 	const instances = new Set(host.__ASKR_INSTANCES ?? []);
@@ -5077,10 +5186,21 @@ function findStableHostInstanceByType(host, type, node, parent, wrapperDepth) {
 	const parentGeneration = parent?._ownershipGeneration;
 	const vnodeOwner = getVNodeComponentInstance(node);
 	if (vnodeOwner?.fn === type && instances.has(vnodeOwner) && vnodeOwner._vnodeParent === parent && vnodeOwner._vnodeParentGeneration === parentGeneration) return vnodeOwner;
-	const key = extractKey(node);
-	if (key === void 0) return null;
+	const key = extractComponentIdentityKey(node);
+	if (key === void 0) {
+		const rangeMatches = Array.from(instances).filter((instance) => {
+			const range = getOwnedRange(instance);
+			return instance.fn === type && instance._vnodeParent !== parent && instance._vnodeParent != null && instance._vnodeParentGeneration === instance._vnodeParent._ownershipGeneration && instance._vnodeKey === void 0 && instance._wrapperDepth === wrapperDepth && (range?.single === false && range.start === host || host instanceof Comment && host.data === "askr-range-start" && instance._placeholder === host);
+		});
+		return rangeMatches.length === 1 ? rangeMatches[0] : null;
+	}
 	const matches = Array.from(instances).filter((instance) => instance.fn === type && instance._vnodeParent === parent && instance._vnodeParentGeneration === parentGeneration && instance._vnodeKey === key && instance._wrapperDepth === wrapperDepth);
-	return matches.length > 0 ? matches[matches.length - 1] : null;
+	if (matches.length > 0) return matches[matches.length - 1];
+	const rangeMatches = Array.from(instances).filter((instance) => {
+		const range = getOwnedRange(instance);
+		return instance.fn === type && instance._vnodeParent !== parent && instance._vnodeParent != null && instance._vnodeParentGeneration === instance._vnodeParent._ownershipGeneration && instance._vnodeKey === key && instance._wrapperDepth === wrapperDepth && (range?.single === false && range.start === host || host instanceof Comment && host.data === "askr-range-start" && instance._placeholder === host);
+	});
+	return rangeMatches.length === 1 ? rangeMatches[0] : null;
 }
 //#endregion
 //#region src/renderer/component-host-replacement.ts
@@ -5223,6 +5343,39 @@ function registerVNodeComponentInstanceRollback(node, previousInstance, provisio
 }
 //#endregion
 //#region src/renderer/component-host-results.ts
+function retainReplacementOwnerChain(host, owner, retainedInstances) {
+	const componentHost = host;
+	const next = [...componentHost.__ASKR_INSTANCES ?? []];
+	for (const instance of retainedInstances) if (!next.includes(instance)) next.push(instance);
+	componentHost.__ASKR_INSTANCES = next;
+	componentHost.__ASKR_INSTANCE = owner;
+}
+function adoptEmptySSRPortalHydrationHost(host, instance, retainedInstances, result) {
+	if (!isSSRPortalHydrationAnchor(host) || result !== null && result !== void 0 && result !== false) return false;
+	const instanceHost = host;
+	instanceHost.__ASKR_INSTANCE = instance;
+	instanceHost.__ASKR_INSTANCES = Array.from(/* @__PURE__ */ new Set([instance, ...retainedInstances]));
+	instance._placeholder = instanceHost;
+	mountInstanceInline(instance, null);
+	retainReplacementOwnerChain(instanceHost, instance, retainedInstances);
+	return true;
+}
+function materializeEmptyHydrationPlaceholder(existingHost, instance, retainedInstances, result, preserveHydrationCursor) {
+	if (!preserveHydrationCursor && !isSSRPortalHydrationAnchor(existingHost) || result !== null && result !== void 0 && result !== false) return null;
+	const placeholder = isSSRPortalHydrationAnchor(existingHost) ? existingHost : (existingHost.ownerDocument ?? document).createComment("");
+	if (placeholder !== existingHost) existingHost.parentNode?.insertBefore(placeholder, existingHost);
+	const host = placeholder;
+	host.__ASKR_INSTANCE = instance;
+	host.__ASKR_INSTANCES = [instance];
+	instance._placeholder = placeholder;
+	mountInstanceInline(instance, null);
+	retainReplacementOwnerChain(placeholder, instance, retainedInstances);
+	return placeholder;
+}
+function itemInstanceHydrationComplete(host) {
+	const scope = host.__ASKR_INSTANCE?.scope;
+	if (scope) scope.hydrationPending = false;
+}
 function materializeComponentResultNode(childInstance, result, parentNamespace) {
 	const dom = getRendererDOMHost().createComponentResultNode(childInstance.fn, result, parentNamespace);
 	if (dom instanceof Element) {
@@ -5240,7 +5393,17 @@ function materializeComponentResultNode(childInstance, result, parentNamespace)
 		mountInstanceInline(childInstance, null);
 		return placeholder;
 	}
-	if (!_isDOMElement(result) || result.type !== __CONTROL_BOUNDARY__ && !isFragmentVNode(result)) {
+	if (dom instanceof Comment) {
+		const host = dom;
+		const instances = host.__ASKR_INSTANCES ?? [];
+		if (!instances.includes(childInstance)) instances.push(childInstance);
+		host.__ASKR_INSTANCES = instances;
+		host.__ASKR_INSTANCE = instances[0] ?? childInstance;
+		childInstance._placeholder = dom;
+		mountInstanceInline(childInstance, null);
+		return dom;
+	}
+	if (!isTransparentComponentResult(result)) {
 		const host = document.createElement("div");
 		host.appendChild(dom);
 		host.__ASKR_WRAPPER_HOST = true;
@@ -5364,15 +5527,15 @@ function resolveWrapperHostResult(host, result, snapshot, retainedInstances) {
 }
 //#endregion
 //#region src/renderer/component-host.ts
-function syncComponentElement(currentDom, node, type, props, parentNamespace, forceChildrenUpdate = false, retainedHostInstances) {
+function syncComponentElement(currentDom, node, type, props, parentNamespace, forceChildrenUpdate = false, retainedHostInstances, hydrationRangeEnd, preserveHydrationCursorOnEmpty = false) {
 	const existingHost = currentDom instanceof Element || currentDom instanceof Comment ? currentDom : null;
 	const existingInstance = existingHost ? existingHost instanceof Comment ? findStableHostInstanceByType(existingHost, type, node, getCurrentInstance(), 0) : findHostInstanceByType(existingHost, type, node, getCurrentInstance(), 0) : null;
 	if (!existingHost) return null;
 	const domHost = getRendererDOMHost();
 	if (!existingInstance || existingInstance.fn !== type) {
-		if (!(existingHost instanceof Element)) return null;
+		if (!(existingHost instanceof Element) && !isSSRPortalHydrationAnchor(existingHost)) return null;
 		const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame() || null;
-		const hydrationInstance = createComponentInstance(nextComponentInstanceId(), type, props || {}, existingHost);
+		const hydrationInstance = createComponentInstance(nextComponentInstanceId(), type, props || {}, existingHost instanceof Element ? existingHost : null);
 		setComponentOwnershipIdentity(hydrationInstance, node, getCurrentInstance(), 0);
 		hydrationInstance.isRoot = isRouteRootComponentVNode(node);
 		hydrationInstance.portalScope = getCurrentInstance()?.portalScope ?? hydrationInstance.portalScope;
@@ -5388,7 +5551,13 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 			const result = withContext(snapshot, () => renderComponentInline(hydrationInstance));
 			if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must return synchronously.");
 			const scopedResult = markVNodeTreeWithContextFrame(result, snapshot ?? null);
-			if (scopedResult && typeof scopedResult === "object" && "type" in scopedResult && typeof scopedResult.type === "string" && tagNamesEqualIgnoreCase$1(existingHost.tagName, scopedResult.type)) {
+			const emptyPlaceholder = materializeEmptyHydrationPlaceholder(existingHost, hydrationInstance, liveRetainedInstances, scopedResult, preserveHydrationCursorOnEmpty);
+			if (emptyPlaceholder) return emptyPlaceholder;
+			if (hydrationRangeEnd !== void 0 && isTransparentComponentRangeResult(scopedResult)) {
+				const adoptedHost = adoptHydratedComponentRange(existingHost, hydrationInstance, scopedResult, hydrationRangeEnd, forceChildrenUpdate || hydrationInstance.mounted === false, liveRetainedInstances);
+				if (adoptedHost) return adoptedHost;
+			}
+			if (existingHost instanceof Element && scopedResult && typeof scopedResult === "object" && "type" in scopedResult && typeof scopedResult.type === "string" && tagNamesEqualIgnoreCase$1(existingHost.tagName, scopedResult.type)) {
 				withContext(snapshot, () => {
 					domHost.updateElementFromVnode(existingHost, inheritComponentKey(scopedResult, node), true, forceChildrenUpdate || hydrationInstance.mounted === false);
 					materializeKey(existingHost, node, props);
@@ -5398,7 +5567,12 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 				return existingHost;
 			}
 			const resolvedResult = resolveHostNestedComponentResult(existingHost, hydrationInstance, scopedResult, snapshot ?? null, liveRetainedInstances);
-			if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase$1(existingHost.tagName, resolvedResult.type)) {
+			if (adoptEmptySSRPortalHydrationHost(existingHost, hydrationInstance, liveRetainedInstances, resolvedResult)) return existingHost;
+			if (hydrationRangeEnd !== void 0 && isTransparentComponentRangeResult(resolvedResult)) {
+				const adoptedHost = adoptHydratedComponentRange(existingHost, hydrationInstance, resolvedResult, hydrationRangeEnd, forceChildrenUpdate || hydrationInstance.mounted === false, liveRetainedInstances);
+				if (adoptedHost) return adoptedHost;
+			}
+			if (existingHost instanceof Element && _isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase$1(existingHost.tagName, resolvedResult.type)) {
 				withContext(snapshot, () => {
 					domHost.updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true, forceChildrenUpdate || hydrationInstance.mounted === false);
 					materializeKey(existingHost, node, props);
@@ -5445,6 +5619,7 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 		return existingHost;
 	}
 	const resolvedResult = resolveHostNestedComponentResult(existingHost, existingInstance, scopedResult, snapshot ?? null, liveRetainedInstances);
+	if (existingHost instanceof Comment && syncComponentFragmentRange(existingHost, existingInstance, resolvedResult, forceChildrenUpdate || existingInstance.mounted === false)) return existingHost;
 	if (existingHost instanceof Comment && (resolvedResult === null || resolvedResult === void 0 || resolvedResult === false)) {
 		retainReplacementOwnerChain(existingHost, existingInstance, liveRetainedInstances);
 		for (const instance of liveRetainedInstances) if (instance.target === null || instance._placeholder === existingHost) {
@@ -5465,20 +5640,6 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace, fo
 		retainReplacementOwnerChain(replacement, existingInstance, liveRetainedInstances);
 	});
 }
-function retainReplacementOwnerChain(host, owner, retainedInstances) {
-	const componentHost = host;
-	const next = [...componentHost.__ASKR_INSTANCES ?? []];
-	for (const instance of retainedInstances) if (!next.includes(instance)) next.push(instance);
-	componentHost.__ASKR_INSTANCES = next;
-	componentHost.__ASKR_INSTANCE = owner;
-}
-function itemInstanceHydrationComplete(host) {
-	const instance = host.__ASKR_INSTANCE;
-	if (instance) {
-		const scope = instance.scope;
-		if (scope) scope.hydrationPending = false;
-	}
-}
 function createComponentElement(node, type, props, parentNamespace) {
 	const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame();
 	const componentFn = type;
@@ -6529,6 +6690,10 @@ function replaceComponentRange(instance, result, placeholder) {
 	const parent = placeholder.parentNode;
 	if (!previousRange || previousRange.single || previousRange.start !== placeholder || !(parent instanceof Element)) return null;
 	if (syncComponentFragmentRange(placeholder, instance, result, false)) return placeholder;
+	if (_isDOMElement(result) && hasTransparentComponentResult(result.type)) {
+		const retainedInstances = createRetainedHostInstanceSet(instance);
+		if (syncComponentFragmentRange(placeholder, instance, resolveHostNestedComponentResult(placeholder, instance, result, getVNodeContextFrame(result) ?? instance.ownerFrame ?? null, retainedInstances), false)) return placeholder;
+	}
 	const next = createDetachedRange(materializeComponentResultNode(instance, result, getParentNamespace(parent)), instance);
 	const nextHost = next.range.start;
 	nextHost.__ASKR_INSTANCE = instance;

package/dist/resources/index.d.ts

@@ -1,5 +1,5 @@
-import { h as getSignal } from "../index-CDACZEF2.js";
-import { i as onRouteChange, n as RouteChangeOptions, t as RouteChangeCleanup } from "../activity-DaqZEUPh.js";
+import { ut as getSignal } from "../index-TlEvex-C.js";
+import { i as onRouteChange, n as RouteChangeOptions, t as RouteChangeCleanup } from "../activity-CXEaU-Al.js";
 //#region src/runtime/resource-operation.d.ts
 interface ResourceResult<T> {
   value: T | null;

package/dist/resources/index.js

@@ -1,9 +1,9 @@
 import { t as enqueueRuntimeLane } from "../access-ePqdQqkV.js";
-import { a as registerCommitOperation } from "../component-internal-TurioKgs.js";
+import { a as registerCommitOperation } from "../component-internal-BuTG89T8.js";
 import { f as getCurrentComponentInstance, g as getSignal, i as claimHookIndex } from "../component-scope-DzJEbYGE.js";
-import { z as resource } from "../route-matching-DqM8k4tZ.js";
-import { a as task, i as routeActive, n as documentVisible, o as timer, r as on, s as windowFocused, t as capture } from "../lifecycle-operations-DxwqHvyx.js";
-import { n as onRouteChange } from "../activity-BWQeEtNt.js";
+import { z as resource } from "../route-matching-jqwlQJ5g.js";
+import { a as task, i as routeActive, n as documentVisible, o as timer, r as on, s as windowFocused, t as capture } from "../lifecycle-operations-CN0PiLE_.js";
+import { n as onRouteChange } from "../activity-DfrtblJA.js";
 //#region src/runtime/stream-operation.ts
 function toError(value) {
 	return value instanceof Error ? value : new Error(String(value));

package/dist/{route-matching-DqM8k4tZ.js → route-matching-jqwlQJ5g.js}

@@ -1,9 +1,9 @@
 import { t as enqueueRuntimeLane, v as logger } from "./access-ePqdQqkV.js";
-import { c as registerCommitOperationForInstance, d as getCurrentContextFrame, v as withAsyncResourceContext } from "./component-internal-TurioKgs.js";
+import { c as registerCommitOperationForInstance, d as getCurrentContextFrame, v as withAsyncResourceContext } from "./component-internal-BuTG89T8.js";
 import { f as getCurrentComponentInstance } from "./component-scope-DzJEbYGE.js";
 import { p as isPromiseLike } from "./lifecycle-batch-CwHCDseR.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 { d as SSRDataMissingError, i as getNextRenderKey, n as getActiveRenderContext, r as getCurrentRenderData, u as throwSSRDataMissing } from "./render-context-D-DFk2WN.js";
 import { t as state } from "./state-BCl9DeiN.js";
 //#region src/runtime/resource-cell.ts
 /**

package/dist/router/index.d.ts

@@ -1,9 +1,9 @@
-import { c as RenderableChild } from "../control-Uvq1GU4K.js";
+import { c as RenderableChild } from "../control-Cix3yjVf.js";
 import { r as JSXElement, s as Props } from "../jsx-Dvr2SGRG.js";
+import { A as RouteHandler, B as RouteQuery, C as Route, D as RouteContext, E as RouteComponent, F as RouteMode, G as RouteRegistryOptions, H as RouteRef, I as RouteOptions, J as RouteRequestResult, K as RouteRenderResult, L as RouteParams, M as RouteMatch, N as RouteMeta, O as RouteDefinition, P as RouteMetaSource, R as RoutePathParams, S as ParsedSegment, T as RouteAuthResolver, U as RouteRefSearch, V as RouteRecord, W as RouteRegistry, X as RouteSearchValue, Y as RouteSearch, Z as RouteSnapshot, _ as AccessRedirectStatus, b as PageHelperOptions, f as AccessAllowDecision, g as AccessRedirectDecision, h as AccessDenyStatus, j as RouteManifest, k as RouteDestination, m as AccessDenyDecision, p as AccessDecision, q as RouteRequestOptions, v as GroupHelperOptions, w as RouteAuthOptions, x as PageScopeRecord, y as LayoutScopeRecord, z as RoutePolicy } from "../index-TlEvex-C.js";
 import "../types-C9YcqVpk.js";
-import { A as RouteRecord, B as RouteSnapshot, C as RouteMetaSource, D as RoutePathParams, E as RouteParams, F as RouteRenderResult, I as RouteRequestOptions, L as RouteRequestResult, M as RouteRefSearch, N as RouteRegistry, O as RoutePolicy, P as RouteRegistryOptions, R as RouteSearch, S as RouteMeta, T as RouteOptions, _ as RouteDefinition, a as AccessRedirectDecision, b as RouteManifest, c as LayoutScopeRecord, d as ParsedSegment, f as Route, g as RouteContext, h as RouteComponent, i as AccessDenyStatus, j as RouteRef, k as RouteQuery, l as PageHelperOptions, m as RouteAuthResolver, n as AccessDecision, o as AccessRedirectStatus, p as RouteAuthOptions, r as AccessDenyDecision, s as GroupHelperOptions, t as AccessAllowDecision, u as PageScopeRecord, v as RouteDestination, w as RouteMode, x as RouteMatch, y as RouteHandler, z as RouteSearchValue } from "../router-Dd-LoJmM.js";
-import { a as ScrollRestorationOptions, i as NavigationScrollBehavior, n as NavigateOptions, r as HistoryScrollBehavior, t as navigate } from "../navigate-DlaVqF4n.js";
-import { i as onRouteChange, n as RouteChangeOptions, r as currentRoute, t as RouteChangeCleanup } from "../activity-DaqZEUPh.js";
+import { a as ScrollRestorationOptions, i as NavigationScrollBehavior, n as NavigateOptions, r as HistoryScrollBehavior, t as navigate } from "../navigate-DfY1BUYc.js";
+import { i as onRouteChange, n as RouteChangeOptions, r as currentRoute, t as RouteChangeCleanup } from "../activity-CXEaU-Al.js";
 import { AuthContext, AuthContext as AuthContext$1, AuthRequirement, AuthRequirement as AuthRequirement$1 } from "@askrjs/auth";
 import { ObjectSchema } from "@askrjs/schema";
 //#region src/router/route-query.d.ts

package/dist/router/index.js

@@ -1,9 +1,9 @@
-import { a as resolveDeferredValues, b as Outlet, i as isDeferred, l as createRouteRegistry, m as resolveRouteRequest, n as Resolve, r as defer, s as routeData, w as lazy, y as currentAuth } from "../deferred-Dfk7vuTX.js";
-import { a as isSafeHref } from "../csp-nonce-DYspaK0L.js";
+import { a as resolveDeferredValues, b as Outlet, i as isDeferred, l as createRouteRegistry, m as resolveRouteRequest, n as Resolve, r as defer, s as routeData, w as lazy, y as currentAuth } from "../deferred-t79wHqe1.js";
+import { a as isSafeHref } from "../csp-nonce-BUsz0Em7.js";
 import { jsx } from "../jsx-runtime.js";
-import { a as route, i as page, n as group, r as index, t as fallback } from "../authoring-prA293gq.js";
-import { n as onRouteChange, t as currentRoute } from "../activity-BWQeEtNt.js";
-import { a as serializeRouteMeta, c as getCurrentHref, d as parseTargetUrl, h as syncRegisteredRouteSnapshot, i as resolveRouteMeta, l as getRegisteredAppsSnapshot, m as syncAppRegistrationLocation, n as navigate, p as setCurrentRouteLocation, r as reconcileRouteMeta, s as saveScrollPosition, u as getWindowHref } from "../navigate-CwddZjwU.js";
+import { a as route, i as page, n as group, r as index, t as fallback } from "../authoring-DE-LH_s-.js";
+import { n as onRouteChange, t as currentRoute } from "../activity-DfrtblJA.js";
+import { a as serializeRouteMeta, c as getCurrentHref, d as parseTargetUrl, h as syncRegisteredRouteSnapshot, i as resolveRouteMeta, l as getRegisteredAppsSnapshot, m as syncAppRegistrationLocation, n as navigate, p as setCurrentRouteLocation, r as reconcileRouteMeta, s as saveScrollPosition, u as getWindowHref } from "../navigate-ype2B_M8.js";
 import { o as mergeProps } from "../compose-ref-Cc_YkUpM.js";
 import { t as applyInteractionPolicy } from "../interactions-w7gQN4ha.js";
 //#region src/router/route-query.ts

package/dist/ssg/index.d.ts

@@ -1,5 +1,5 @@
-import { d as DocumentRenderContext, f as DocumentRenderer, u as DocumentRenderArgs } from "../control-Uvq1GU4K.js";
-import { D as RoutePathParams, N as RouteRegistry, O as RoutePolicy, T as RouteOptions, y as RouteHandler } from "../router-Dd-LoJmM.js";
+import { d as DocumentRenderContext, f as DocumentRenderer, u as DocumentRenderArgs } from "../control-Cix3yjVf.js";
+import { A as RouteHandler, I as RouteOptions, R as RoutePathParams, W as RouteRegistry, z as RoutePolicy } from "../index-TlEvex-C.js";
 import { AuthRequirement } from "@askrjs/auth";
 import "node:fs/promises";
 //#region src/ssg/types.d.ts

package/dist/ssg/index.js

@@ -1,8 +1,8 @@
 import "../access-ePqdQqkV.js";
-import { C as _preloadRouteHandler, S as getRenderHandler, a as resolveDeferredValues, l as createRouteRegistry, u as bindResolvedRouteData } from "../deferred-Dfk7vuTX.js";
-import { a as route } from "../authoring-prA293gq.js";
+import { C as _preloadRouteHandler, S as getRenderHandler, a as resolveDeferredValues, l as createRouteRegistry, u as bindResolvedRouteData } from "../deferred-t79wHqe1.js";
+import { a as route } from "../authoring-DE-LH_s-.js";
 import { n as renderDocument } from "../ssr-CbQO5xd3.js";
-import { n as renderToString } from "../ssr-Cv5qWPxz.js";
+import { n as renderToString } from "../ssr-Dcmi1bZi.js";
 import * as fs from "node:fs/promises";
 import * as pathModule from "node:path";
 import * as os from "node:os";
@@ -197,7 +197,7 @@ async function batchRenderRoutes(routes, options = {}) {
 				registry,
 				seed,
 				data: baseData,
-				document: document === void 0 ? void 0 : ({ appHtml }) => renderDocument(document, {
+				document: document === void 0 ? void 0 : ({ appHtml, context }) => renderDocument(document, {
 					appHtml,
 					context: {
 						mode: "ssg",
@@ -211,7 +211,9 @@ async function batchRenderRoutes(routes, options = {}) {
 						route: {
 							path: route$2.path,
 							namespace: route$2.namespace
-						}
+						},
+						cspNonce: context.cspNonce,
+						styles: context.styles
 					}
 				}, "createStaticGen()")
 			});