@askrjs/askr 0.0.47 → 0.0.49

package/dist/renderer/dom.js

@@ -1,2356 +1,9 @@
-import { __ERROR_BOUNDARY__, __FOR_BOUNDARY__, _isDOMElement } from "../common/vnode.js";
-import "./types.js";
-import { getRuntimeEnv } from "../common/env.js";
-import { logger } from "../dev/logger.js";
-import { incrementPerfMetric } from "../runtime/perf-metrics.js";
-import { globalScheduler } from "../runtime/scheduler.js";
-import { Fragment, STATIC_CHILDREN } from "../common/jsx.js";
-import { getCurrentContextFrame, getVNodeContextFrame, markVNodeTreeWithContextFrame, withContext } from "../runtime/context.js";
-import { getDevValue, incDevCounter } from "../runtime/dev-namespace.js";
-import { isPromiseLike } from "../common/promise.js";
-import "./env.js";
-import { createMutableWrappedHandler, extractKey, getEventListenerKey, getEventListenerOptions, getRenderedAttributeName, isSkippedProp, parseEventName, parseEventProp, readElementClassName, removeRenderedAttribute, setRenderedAttribute, tagNamesEqualIgnoreCase, writeElementClassName } from "./utils.js";
-import { keyedElements } from "./keyed.js";
-import { captureInlineRenderSnapshot, cleanupComponent, createComponentInstance, getCurrentInstance, mountInstanceInline, renderComponentInline, warnUnusedStateReads } from "../runtime/component.js";
-import { addDelegatedListener, getDelegatedHandlerForElement, getDelegatedHandlersForElement, isDelegatedEvent, isEventDelegationEnabled, removeDelegatedListener, updateDelegatedListener } from "../runtime/events.js";
-import { REACTIVE_CHILDREN_KEY, elementListeners, elementReactivePropsCleanup, removeAllListeners, removeElementListeners, removeElementReactiveProps, teardownNodeSubtree, updateElementRef } from "./cleanup.js";
-import { ROUTE_ROOT_COMPONENT } from "../common/router-internal.js";
-import "../jsx-runtime.js";
-import { createChildScope, disposeChildScope, rerenderChildScope } from "../runtime/child-scope.js";
-import { isBenchMetricScopeActive, recordBenchCounter, recordBenchEvent } from "../runtime/for-bench.js";
-import { clearForDomUpdateState, evaluateForState } from "../runtime/for.js";
-import { clearCaseDomUpdateState, clearShowDomUpdateState, evaluateCaseState, evaluateShowState } from "../runtime/control.js";
-import { commitForStateBoundaryChildren } from "./for-commit.js";
-import { reconcileKeyedChildren } from "./reconcile.js";
-import { isBulkTextFastPathEligible, performBulkTextReplace } from "./children.js";
-import { createFineGrainedEffect, markFineGrainedEffectsDirtySource } from "../runtime/effect.js";
-import { createBoundaryReset, reportBoundaryError, resolveErrorBoundaryFallback } from "../components/error-boundary.js";
-//#region src/renderer/dom.ts
-const reactivePropRegistry = /* @__PURE__ */ new Set();
-const controlBoundaryOwners = /* @__PURE__ */ new WeakMap();
-function isRouteRootComponentVNode(node) {
-	return typeof node === "object" && node !== null && node[ROUTE_ROOT_COMPONENT] === true;
-}
-function inheritComponentCleanupStrict(instance) {
-	const owner = getCurrentInstance();
-	if (owner) instance.cleanupStrict = owner.cleanupStrict;
-}
-let reactiveChildScopeId = 0;
-function collectReactiveScalarSequenceValue(value, normalized) {
-	if (isFragmentVNode(value)) return collectReactiveScalarSequenceValue(value.props?.children ?? value.children, normalized);
-	if (Array.isArray(value)) {
-		for (const child of value) if (!collectReactiveScalarSequenceValue(child, normalized)) return false;
-		return true;
-	}
-	if (value === null || value === void 0 || value === false) return true;
-	if (typeof value === "string" || typeof value === "number") {
-		normalized.push(String(value));
-		return true;
-	}
-	return false;
-}
-function collectReactiveScalarChildSource(children, slots, state) {
-	if (isFragmentVNode(children)) return collectReactiveScalarChildSource(children.props?.children ?? children.children, slots, state);
-	if (Array.isArray(children)) {
-		for (const child of children) if (!collectReactiveScalarChildSource(child, slots, state)) return false;
-		return true;
-	}
-	if (children === null || children === void 0 || children === false) return true;
-	if (typeof children === "function") {
-		slots.push({
-			kind: "dynamic",
-			compute: children
-		});
-		state.hasDynamic = true;
-		return true;
-	}
-	if (typeof children === "string" || typeof children === "number") {
-		slots.push({
-			kind: "static",
-			value: String(children)
-		});
-		return true;
-	}
-	return false;
-}
-function getReactiveScalarChildSource(children) {
-	const slots = [];
-	const state = { hasDynamic: false };
-	if (!collectReactiveScalarChildSource(children, slots, state)) return null;
-	return state.hasDynamic ? slots : null;
-}
-function getSingleReactiveChildBoundarySource(children) {
-	if (isFragmentVNode(children)) return getSingleReactiveChildBoundarySource(children.props?.children ?? children.children);
-	if (Array.isArray(children)) {
-		if (children.length !== 1) return null;
-		return getSingleReactiveChildBoundarySource(children[0]);
-	}
-	if (typeof children === "function") return children;
-	return null;
-}
-function collectReactiveChildBoundarySequenceSource(children, slots, state) {
-	if (isFragmentVNode(children)) return collectReactiveChildBoundarySequenceSource(children.props?.children ?? children.children, slots, state);
-	if (Array.isArray(children)) {
-		for (const child of children) if (!collectReactiveChildBoundarySequenceSource(child, slots, state)) return false;
-		return true;
-	}
-	if (children === null || children === void 0 || children === false) return true;
-	if (typeof children === "function") {
-		slots.push({
-			kind: "dynamic",
-			compute: children
-		});
-		state.dynamicCount += 1;
-		return true;
-	}
-	if (typeof children === "string" || typeof children === "number") {
-		slots.push({
-			kind: "static-text",
-			value: String(children)
-		});
-		return true;
-	}
-	if (_isDOMElement(children)) {
-		slots.push({
-			kind: "static-node",
-			value: children
-		});
-		return true;
-	}
-	return false;
-}
-function getReactiveChildBoundarySequenceSource(children) {
-	const slots = [];
-	const state = { dynamicCount: 0 };
-	if (!collectReactiveChildBoundarySequenceSource(children, slots, state)) return null;
-	return state.dynamicCount >= 1 && slots.length > 1 ? slots : null;
-}
-function areReactiveChildBoundarySequenceSourcesEqual(previousSource, nextSource) {
-	if (!Array.isArray(previousSource) || previousSource.length !== nextSource.length) return false;
-	for (let index = 0; index < nextSource.length; index += 1) {
-		const previousSlot = previousSource[index];
-		const nextSlot = nextSource[index];
-		if (!previousSlot || previousSlot.kind !== nextSlot.kind) return false;
-		if (nextSlot.kind === "static-text") {
-			if (previousSlot.kind !== "static-text" || previousSlot.value !== nextSlot.value) return false;
-			continue;
-		}
-		if (nextSlot.kind === "static-node") {
-			if (previousSlot.kind !== "static-node" || previousSlot.value !== nextSlot.value) return false;
-			continue;
-		}
-		if (previousSlot.kind !== "dynamic" || previousSlot.compute !== nextSlot.compute) return false;
-	}
-	return true;
-}
-function cleanupDetachedComponentHost(host, retainedInstance) {
-	removeElementListeners(host);
-	removeElementReactiveProps(host);
-	const hostInstances = host.__ASKR_INSTANCES;
-	if (hostInstances && hostInstances.length > 0) for (const instance of hostInstances) {
-		if (instance === retainedInstance) continue;
-		cleanupComponent(instance);
-	}
-	else if (host.__ASKR_INSTANCE && host.__ASKR_INSTANCE !== retainedInstance) cleanupComponent(host.__ASKR_INSTANCE);
-	const descendants = host.querySelectorAll("*");
-	for (let index = 0; index < descendants.length; index += 1) {
-		const descendant = descendants[index];
-		removeElementListeners(descendant);
-		removeElementReactiveProps(descendant);
-		if (descendant.__ASKR_INSTANCES?.length) {
-			for (const instance of descendant.__ASKR_INSTANCES) {
-				if (instance === retainedInstance) continue;
-				cleanupComponent(instance);
-			}
-			try {
-				delete descendant.__ASKR_INSTANCES;
-			} catch {}
-		} else if (descendant.__ASKR_INSTANCE && descendant.__ASKR_INSTANCE !== retainedInstance) {
-			cleanupComponent(descendant.__ASKR_INSTANCE);
-			try {
-				delete descendant.__ASKR_INSTANCE;
-			} catch {}
-		}
-	}
-	try {
-		delete host.__ASKR_INSTANCE;
-		delete host.__ASKR_INSTANCES;
-		delete host.__ASKR_WRAPPER_HOST;
-	} catch {}
-}
-function pruneComponentHostInstances(host, retainedInstances) {
-	const retained = new Set(retainedInstances);
-	const nextInstances = [];
-	const staleInstances = /* @__PURE__ */ new Set();
-	const retainOrMarkStale = (instance) => {
-		if (!instance) return;
-		if (retained.has(instance)) {
-			if (!nextInstances.includes(instance)) nextInstances.push(instance);
-			return;
-		}
-		staleInstances.add(instance);
-	};
-	for (const instance of host.__ASKR_INSTANCES ?? []) retainOrMarkStale(instance);
-	retainOrMarkStale(host.__ASKR_INSTANCE);
-	for (const instance of staleInstances) cleanupComponent(instance);
-	try {
-		if (nextInstances.length > 0) {
-			host.__ASKR_INSTANCES = nextInstances;
-			host.__ASKR_INSTANCE = nextInstances[0];
-		} else {
-			delete host.__ASKR_INSTANCES;
-			delete host.__ASKR_INSTANCE;
-		}
-	} catch {}
-}
-function canUpdateReactiveChildBoundarySequenceSource(previousSource, nextSource) {
-	if (!Array.isArray(previousSource) || previousSource.length !== nextSource.length) return false;
-	for (let index = 0; index < nextSource.length; index += 1) {
-		const previousSlot = previousSource[index];
-		const nextSlot = nextSource[index];
-		if (!previousSlot || previousSlot.kind !== nextSlot.kind) return false;
-		if (nextSlot.kind === "static-text") {
-			if (previousSlot.kind !== "static-text" || previousSlot.value !== nextSlot.value) return false;
-			continue;
-		}
-		if (nextSlot.kind === "static-node") {
-			if (previousSlot.kind !== "static-node" || previousSlot.value !== nextSlot.value) return false;
-		}
-	}
-	return true;
-}
-function areReactiveScalarChildSourcesEqual(previousSource, nextSource) {
-	if (!Array.isArray(previousSource) || previousSource.length !== nextSource.length) return false;
-	for (let index = 0; index < nextSource.length; index += 1) {
-		const previousSlot = previousSource[index];
-		const nextSlot = nextSource[index];
-		if (!previousSlot || previousSlot.kind !== nextSlot.kind) return false;
-		if (nextSlot.kind === "static") {
-			if (previousSlot.kind !== "static" || previousSlot.value !== nextSlot.value) return false;
-			continue;
-		}
-		if (previousSlot.kind !== "dynamic" || previousSlot.compute !== nextSlot.compute) return false;
-	}
-	return true;
-}
-function getOrCreateElementReactiveCleanupMap(el) {
-	let cleanupMap = elementReactivePropsCleanup.get(el);
-	if (!cleanupMap) {
-		cleanupMap = /* @__PURE__ */ new Map();
-		elementReactivePropsCleanup.set(el, cleanupMap);
-	}
-	return cleanupMap;
-}
-function normalizeReactiveScalarSequenceValues(values) {
-	const normalized = [];
-	for (const value of values) if (!collectReactiveScalarSequenceValue(value, normalized)) return null;
-	return normalized;
-}
-function normalizeOwnedReactiveTextValue(value) {
-	if (typeof value === "string" || typeof value === "number") return String(value);
-	return null;
-}
-function collectReactiveChildValuesAsVNodes(values, children) {
-	for (const value of values) collectReactiveChildBoundaryVNodes(value, children);
-}
-function materializeReactiveChildBoundaryNodes(value, parentNamespace) {
-	const nodes = [];
-	const dom = createDOMNode(value, parentNamespace);
-	if (!dom) return nodes;
-	if (dom instanceof DocumentFragment) {
-		for (let child = dom.firstChild; child; child = dom.firstChild) {
-			nodes.push(child);
-			dom.removeChild(child);
-		}
-		return nodes;
-	}
-	nodes.push(dom);
-	return nodes;
-}
-function syncReactiveScalarTextNodes(el, slotValues, values) {
-	const childNodes = el.childNodes;
-	if (childNodes.length === values.length) {
-		let allText = true;
-		for (let index = 0; index < childNodes.length; index += 1) if (childNodes[index]?.nodeType !== Node.TEXT_NODE) {
-			allText = false;
-			break;
-		}
-		if (allText) {
-			for (let index = 0; index < values.length; index += 1) {
-				const textNode = childNodes[index];
-				if (textNode.data !== values[index]) textNode.data = values[index];
-			}
-			return;
-		}
-	}
-	const host = createReactiveChildBoundaryHost(el);
-	for (let node = el.firstChild; node;) {
-		const next = node.nextSibling;
-		host.appendChild(node);
-		node = next;
-	}
-	updateElementChildren(host, slotValues);
-	syncReactiveChildExpectedNodes(el, Array.from(host.childNodes));
-}
-function trySyncScalarChildSequenceInPlace(el, children) {
-	const normalized = normalizeReactiveScalarSequenceValues(children);
-	if (!normalized) return false;
-	if (el.childNodes.length !== normalized.length) return false;
-	for (let index = 0; index < el.childNodes.length; index += 1) if (el.childNodes[index]?.nodeType !== Node.TEXT_NODE) return false;
-	syncReactiveScalarTextNodes(el, children, normalized);
-	return true;
-}
-function normalizeReactiveChildBoundaryVNode(value) {
-	if (!isFragmentVNode(value)) return value;
-	const children = normalizeComponentChildren(value);
-	if (children.length !== 1) return value;
-	return normalizeReactiveChildBoundaryVNode(children[0]);
-}
-function isSingleRootReactiveChildBoundaryValue(value) {
-	if (value === null || value === void 0 || value === false) return true;
-	if (Array.isArray(value)) return value.length === 1 && isSingleRootReactiveChildBoundaryValue(value[0]);
-	if (isFragmentVNode(value)) {
-		const children = normalizeComponentChildren(value);
-		return children.length === 1 && isSingleRootReactiveChildBoundaryValue(children[0]);
-	}
-	return true;
-}
-function collectReactiveChildBoundaryVNodes(value, children) {
-	if (value === null || value === void 0 || value === false) return;
-	if (Array.isArray(value)) {
-		for (const child of value) collectReactiveChildBoundaryVNodes(child, children);
-		return;
-	}
-	if (isFragmentVNode(value)) {
-		collectReactiveChildBoundaryVNodes(value.props?.children ?? value.children, children);
-		return;
-	}
-	children.push(value);
-}
-function createReactiveChildBoundaryHost(el) {
-	const ownerDocument = el.ownerDocument;
-	return el.namespaceURI === SVG_NAMESPACE ? ownerDocument.createElementNS(SVG_NAMESPACE, "g") : ownerDocument.createElement("div");
-}
-function disposeReactiveChildBoundaryNodes(nodes) {
-	for (const node of nodes) {
-		if (node.parentNode) node.parentNode.removeChild(node);
-		teardownNodeSubtree(node);
-	}
-}
-function syncReactiveChildExpectedNodes(el, expectedNodes) {
-	const expectedNodeSet = new Set(expectedNodes);
-	for (let node = el.firstChild; node;) {
-		const next = node.nextSibling;
-		if (!expectedNodeSet.has(node)) {
-			teardownNodeSubtree(node);
-			el.removeChild(node);
-		}
-		node = next;
-	}
-	let anchor = el.firstChild;
-	for (const node of expectedNodes) {
-		if (node === anchor) {
-			anchor = anchor.nextSibling;
-			continue;
-		}
-		el.insertBefore(node, anchor);
-		anchor = node.nextSibling;
-	}
-}
-function commitReactiveChildBoundaryEntryNodes(el, entry) {
-	if (!entry.scope.needsDomUpdate) return entry.nodes;
-	if (entry.scope.vnode === null || entry.scope.vnode === void 0 || entry.scope.vnode === false) {
-		if (entry.nodes.length > 0) {
-			disposeReactiveChildBoundaryNodes(entry.nodes);
-			entry.nodes = [];
-		}
-		const dom = entry.scope.dom;
-		if (dom?.parentNode === el) {
-			teardownNodeSubtree(dom);
-			el.removeChild(dom);
-		}
-		entry.scope.dom = void 0;
-		entry.scope.needsDomUpdate = false;
-		return entry.nodes;
-	}
-	if (!isSingleRootReactiveChildBoundaryValue(entry.scope.vnode)) {
-		const nextChildren = [];
-		collectReactiveChildBoundaryVNodes(entry.scope.vnode, nextChildren);
-		const host = createReactiveChildBoundaryHost(el);
-		for (const node of entry.nodes) host.appendChild(node);
-		updateElementChildren(host, nextChildren);
-		const nextNodes = Array.from(host.childNodes);
-		entry.scope.dom = void 0;
-		entry.scope.needsDomUpdate = false;
-		entry.nodes = nextNodes;
-		return nextNodes;
-	}
-	if (entry.nodes.length > 1) {
-		disposeReactiveChildBoundaryNodes(entry.nodes);
-		entry.nodes = [];
-		entry.scope.dom = void 0;
-	}
-	const nextDom = syncForItemDom(el, entry.scope, entry.scope.vnode ?? null);
-	if (!nextDom) {
-		entry.nodes = [];
-		entry.scope.needsDomUpdate = false;
-		return entry.nodes;
-	}
-	entry.nodes = [nextDom];
-	entry.scope.needsDomUpdate = false;
-	return entry.nodes;
-}
-function syncReactiveChildSequenceNodes(el, entries) {
-	const expectedNodes = [];
-	for (const entry of entries) {
-		if (entry.kind === "static") {
-			expectedNodes.push(...entry.nodes);
-			continue;
-		}
-		expectedNodes.push(...commitReactiveChildBoundaryEntryNodes(el, entry));
-	}
-	syncReactiveChildExpectedNodes(el, expectedNodes);
-}
-function setupReactiveScalarChild(el, source) {
-	let currentSource = source;
-	if (source.length === 1 && source[0]?.kind === "dynamic") {
-		let ownedTextNode = el.childNodes.length === 1 && el.firstChild?.nodeType === Node.TEXT_NODE ? el.firstChild : null;
-		let effectHandle = createFineGrainedEffect({
-			lane: "reactive",
-			compute: () => {
-				const currentSlot = currentSource[0];
-				if (!currentSlot || currentSlot.kind !== "dynamic") throw new Error("[Askr] Direct reactive text bindings require a single dynamic slot.");
-				const rawValue = currentSlot.compute();
-				return normalizeOwnedReactiveTextValue(rawValue) ?? rawValue;
-			},
-			commit: (value) => {
-				const normalized = normalizeOwnedReactiveTextValue(value);
-				if (normalized === null) {
-					ownedTextNode = null;
-					updateElementChildren(el, value);
-					return;
-				}
-				if (!ownedTextNode || el.childNodes.length !== 1 || el.firstChild !== ownedTextNode) {
-					updateElementChildren(el, normalized);
-					ownedTextNode = el.childNodes.length === 1 && el.firstChild?.nodeType === Node.TEXT_NODE ? el.firstChild : null;
-				}
-				if (!ownedTextNode) return;
-				if (ownedTextNode.data !== normalized) {
-					ownedTextNode.data = normalized;
-					incDevCounter("textNodeWrites");
-				}
-			},
-			onError: (err) => {
-				if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Reactive child update failed:", err);
-			}
-		});
-		return {
-			cleanup: () => {
-				effectHandle?.cleanup();
-				effectHandle = null;
-			},
-			updateFn: (nextSource) => {
-				if (!effectHandle) return;
-				currentSource = nextSource;
-				effectHandle.updateCompute(() => {
-					const currentSlot = currentSource[0];
-					if (!currentSlot || currentSlot.kind !== "dynamic") throw new Error("[Askr] Direct reactive text bindings require a single dynamic slot.");
-					const rawValue = currentSlot.compute();
-					return normalizeOwnedReactiveTextValue(rawValue) ?? rawValue;
-				});
-			}
-		};
-	}
-	let effectHandle = createFineGrainedEffect({
-		lane: "reactive",
-		compute: () => currentSource.map((slot) => slot.kind === "static" ? slot.value : slot.compute()),
-		commit: (values) => {
-			if (!Array.isArray(values)) throw new Error("[Askr] Reactive scalar children must evaluate to a slot array.");
-			const normalized = normalizeReactiveScalarSequenceValues(values);
-			if (normalized) {
-				syncReactiveScalarTextNodes(el, values, normalized);
-				return;
-			}
-			const nextChildren = [];
-			collectReactiveChildValuesAsVNodes(values, nextChildren);
-			const host = createReactiveChildBoundaryHost(el);
-			for (let node = el.firstChild; node;) {
-				const next = node.nextSibling;
-				host.appendChild(node);
-				node = next;
-			}
-			updateElementChildren(host, nextChildren);
-			syncReactiveChildExpectedNodes(el, Array.from(host.childNodes));
-		},
-		equals: (previousValue, nextValue) => {
-			if (!Array.isArray(previousValue) || !Array.isArray(nextValue)) return false;
-			const previousNormalized = normalizeReactiveScalarSequenceValues(previousValue);
-			const nextNormalized = normalizeReactiveScalarSequenceValues(nextValue);
-			if (!previousNormalized || !nextNormalized) return false;
-			if (previousNormalized.length !== nextNormalized.length) return false;
-			for (let index = 0; index < previousNormalized.length; index += 1) if (previousNormalized[index] !== nextNormalized[index]) return false;
-			return true;
-		},
-		onError: (err) => {
-			if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Reactive child update failed:", err);
-		}
-	});
-	return {
-		cleanup: () => {
-			effectHandle?.cleanup();
-			effectHandle = null;
-		},
-		updateFn: (nextSource) => {
-			if (!effectHandle) return;
-			currentSource = nextSource;
-			effectHandle.updateCompute(() => currentSource.map((slot) => slot.kind === "static" ? slot.value : slot.compute()));
-		}
-	};
-}
-function setupReactiveChildBoundary(el, childFn) {
-	let currentChildFn = childFn;
-	const entry = {
-		scope: createChildScope(getCurrentInstance(), `__reactive-child__:${reactiveChildScopeId += 1}`, () => {
-			syncReactiveChildExpectedNodes(el, commitReactiveChildBoundaryEntryNodes(el, entry));
-		}),
-		nodes: []
-	};
-	entry.scope.render(() => normalizeReactiveChildBoundaryVNode(currentChildFn()));
-	syncReactiveChildExpectedNodes(el, commitReactiveChildBoundaryEntryNodes(el, entry));
-	return {
-		cleanup: () => {
-			const dom = entry.scope.dom;
-			const nodes = entry.nodes;
-			disposeChildScope(entry.scope);
-			entry.nodes = [];
-			if (nodes.length > 0) {
-				disposeReactiveChildBoundaryNodes(nodes);
-				return;
-			}
-			if (dom?.parentNode === el) {
-				teardownNodeSubtree(dom);
-				el.removeChild(dom);
-			}
-		},
-		updateFn: (nextValue) => {
-			currentChildFn = nextValue;
-			rerenderChildScope(entry.scope);
-			syncReactiveChildExpectedNodes(el, commitReactiveChildBoundaryEntryNodes(el, entry));
-		}
-	};
-}
-function setupReactiveChildBoundarySequence(el, source) {
-	let currentSource = source;
-	const parentInstance = getCurrentInstance();
-	const entries = [];
-	const dynamicEntries = [];
-	if (!currentSource.some((slot) => slot.kind === "dynamic")) throw new Error("[Askr] Reactive child boundary sequence requires at least one dynamic slot.");
-	const syncSequence = () => {
-		syncReactiveChildSequenceNodes(el, entries);
-	};
-	const parentNamespace = el.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : void 0;
-	for (let index = 0; index < currentSource.length; index += 1) {
-		const slot = currentSource[index];
-		if (!slot) continue;
-		if (slot.kind === "static-text") {
-			entries.push({
-				kind: "static",
-				nodes: [document.createTextNode(slot.value)]
-			});
-			continue;
-		}
-		if (slot.kind === "static-node") {
-			entries.push({
-				kind: "static",
-				nodes: materializeReactiveChildBoundaryNodes(slot.value, parentNamespace)
-			});
-			continue;
-		}
-		const dynamicEntry = {
-			kind: "dynamic",
-			scope: createChildScope(parentInstance, `__reactive-child-seq__:${reactiveChildScopeId += 1}`, syncSequence),
-			nodes: []
-		};
-		entries.push(dynamicEntry);
-		dynamicEntries.push({
-			index,
-			entry: dynamicEntry
-		});
-	}
-	for (const dynamicEntry of dynamicEntries) dynamicEntry.entry.scope.render(() => normalizeReactiveChildBoundaryVNode(currentSource[dynamicEntry.index].compute()));
-	syncSequence();
-	return {
-		cleanup: () => {
-			for (const dynamicEntry of dynamicEntries) {
-				const dom = dynamicEntry.entry.scope.dom;
-				const nodes = dynamicEntry.entry.nodes;
-				disposeChildScope(dynamicEntry.entry.scope);
-				if (nodes.length > 0) {
-					disposeReactiveChildBoundaryNodes(nodes);
-					continue;
-				}
-				if (dom?.parentNode === el) {
-					teardownNodeSubtree(dom);
-					el.removeChild(dom);
-				}
-			}
-			for (const entry of entries) if (entry.kind === "static") disposeReactiveChildBoundaryNodes(entry.nodes);
-		},
-		updateFn: (nextValue) => {
-			currentSource = nextValue;
-			for (const dynamicEntry of dynamicEntries) rerenderChildScope(dynamicEntry.entry.scope);
-			syncSequence();
-		}
-	};
-}
-function syncReactiveScalarChild(el, children) {
-	const reactiveChildSource = getReactiveScalarChildSource(children);
-	const reactiveChildBoundary = getSingleReactiveChildBoundarySource(children);
-	const reactiveChildBoundarySequence = getReactiveChildBoundarySequenceSource(children);
-	const existingReactiveEntry = elementReactivePropsCleanup.get(el)?.get(REACTIVE_CHILDREN_KEY);
-	if (!reactiveChildSource && !reactiveChildBoundary && !reactiveChildBoundarySequence) {
-		if (existingReactiveEntry) {
-			existingReactiveEntry.cleanup();
-			const cleanupMap = elementReactivePropsCleanup.get(el);
-			cleanupMap?.delete(REACTIVE_CHILDREN_KEY);
-			if (cleanupMap && cleanupMap.size === 0) elementReactivePropsCleanup.delete(el);
-		}
-		return false;
-	}
-	if (reactiveChildSource && !reactiveChildBoundarySequence) {
-		if (existingReactiveEntry && Array.isArray(existingReactiveEntry.fnRef) && areReactiveScalarChildSourcesEqual(existingReactiveEntry.fnRef, reactiveChildSource)) return true;
-		if (existingReactiveEntry?.updateFn && Array.isArray(existingReactiveEntry.fnRef)) {
-			existingReactiveEntry.updateFn(reactiveChildSource);
-			existingReactiveEntry.fnRef = reactiveChildSource;
-			return true;
-		}
-		existingReactiveEntry?.cleanup();
-		try {
-			const reactive = setupReactiveScalarChild(el, reactiveChildSource);
-			getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {
-				cleanup: reactive.cleanup,
-				updateFn: (nextValue) => {
-					reactive.updateFn(nextValue);
-				},
-				fnRef: reactiveChildSource
-			});
-			return true;
-		} catch (error) {
-			if (!reactiveChildBoundary && !reactiveChildBoundarySequence) throw error;
-		}
-	}
-	if (reactiveChildBoundarySequence) {
-		if (existingReactiveEntry && Array.isArray(existingReactiveEntry.fnRef) && areReactiveChildBoundarySequenceSourcesEqual(existingReactiveEntry.fnRef, reactiveChildBoundarySequence)) return true;
-		if (existingReactiveEntry?.updateFn && Array.isArray(existingReactiveEntry.fnRef) && canUpdateReactiveChildBoundarySequenceSource(existingReactiveEntry.fnRef, reactiveChildBoundarySequence)) {
-			existingReactiveEntry.updateFn(reactiveChildBoundarySequence);
-			existingReactiveEntry.fnRef = reactiveChildBoundarySequence;
-			return true;
-		}
-		existingReactiveEntry?.cleanup();
-		const reactive = setupReactiveChildBoundarySequence(el, reactiveChildBoundarySequence);
-		getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {
-			cleanup: reactive.cleanup,
-			updateFn: reactive.updateFn,
-			fnRef: reactiveChildBoundarySequence
-		});
-		return true;
-	}
-	if (existingReactiveEntry?.fnRef === reactiveChildBoundary) return true;
-	if (existingReactiveEntry?.updateFn && !Array.isArray(existingReactiveEntry.fnRef)) {
-		existingReactiveEntry.updateFn(reactiveChildBoundary);
-		existingReactiveEntry.fnRef = reactiveChildBoundary;
-		return true;
-	}
-	existingReactiveEntry?.cleanup();
-	if (!reactiveChildBoundary) return false;
-	const reactive = setupReactiveChildBoundary(el, reactiveChildBoundary);
-	getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {
-		cleanup: reactive.cleanup,
-		updateFn: reactive.updateFn,
-		fnRef: reactiveChildBoundary
-	});
-	return true;
-}
-const vnodeComponentInstances = /* @__PURE__ */ new WeakMap();
-function getVNodeComponentInstance(node) {
-	if (typeof node !== "object" || node === null) return;
-	return vnodeComponentInstances.get(node) ?? node.__instance;
-}
-function setVNodeComponentInstance(node, instance) {
-	if (typeof node !== "object" || node === null) return;
-	const objectNode = node;
-	if (Object.prototype.hasOwnProperty.call(objectNode, "__instance")) try {
-		objectNode.__instance = instance;
-		return;
-	} catch {}
-	if (Object.isExtensible(objectNode)) try {
-		objectNode.__instance = instance;
-		return;
-	} catch {}
-	vnodeComponentInstances.set(objectNode, instance);
-}
-const IS_DOM_AVAILABLE = typeof document !== "undefined";
-const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
-function resolveChildNamespace(type, parentNamespace) {
-	if (type === "svg") return SVG_NAMESPACE;
-	if (parentNamespace === SVG_NAMESPACE && type !== "foreignObject") return SVG_NAMESPACE;
-}
-function createElementForNamespace(type, parentNamespace) {
-	const namespace = resolveChildNamespace(type, parentNamespace);
-	return namespace ? document.createElementNS(namespace, type) : document.createElement(type);
-}
-function getHydrationSkipBoundary(el) {
-	return el.closest("[data-skip-hydrate=\"true\"]");
-}
-function isHydrationSkipped(el) {
-	return getHydrationSkipBoundary(el) !== null;
-}
-function clearHydrationDeferredSubtree(el) {
-	const boundary = getHydrationSkipBoundary(el);
-	if (!boundary) return;
-	if (boundary === el) {
-		removeAllListeners(el);
-		removeElementReactiveProps(el);
-	}
-}
-let fallbackComponentInstanceId = 0;
-function nextComponentInstanceId() {
-	const key = "__COMPONENT_INSTANCE_ID";
-	try {
-		incDevCounter(key);
-		const n = getDevValue(key);
-		if (typeof n === "number" && Number.isFinite(n)) return `comp-${n}`;
-	} catch {}
-	fallbackComponentInstanceId++;
-	return `comp-${fallbackComponentInstanceId}`;
-}
-/**
-* Add an event listener to an element with tracking
-* Uses event delegation when enabled (opt-out model)
-*/
-function addTrackedListener(el, eventName, handler, capture = false) {
-	const useDelegation = !capture && isEventDelegationEnabled() && isDelegatedEvent(eventName);
-	const listenerKey = getEventListenerKey(eventName, capture);
-	if (useDelegation) {
-		addDelegatedListener(el, eventName, handler, handler, void 0);
-		if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("listenerBindings");
-		return;
-	}
-	const options = getEventListenerOptions(eventName, capture);
-	const mutableHandler = createMutableWrappedHandler(handler, true);
-	const trackedHandler = mutableHandler.handler;
-	if (options !== void 0) el.addEventListener(eventName, trackedHandler, options);
-	else el.addEventListener(eventName, trackedHandler);
-	incDevCounter("listenerAdds");
-	if (!elementListeners.has(el)) elementListeners.set(el, /* @__PURE__ */ new Map());
-	elementListeners.get(el).set(listenerKey, {
-		handler: trackedHandler,
-		original: handler,
-		eventName,
-		options,
-		isDelegated: false,
-		updateHandler: mutableHandler?.updateHandler
-	});
-	if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("listenerBindings");
-}
-function markReactivePropsDirtySource(source) {
-	markFineGrainedEffectsDirtySource(source);
-}
-/**
-* Set up a reactive prop that re-evaluates when its dependencies change
-* Returns a cleanup function to unsubscribe
-*/
-function setupReactiveProp(el, propName, propFn, tagName) {
-	const descriptor = {
-		el,
-		propName,
-		propFn,
-		tagName,
-		lastClassTokens: null
-	};
-	let effectHandle = null;
-	reactivePropRegistry.add(descriptor);
-	effectHandle = createFineGrainedEffect({
-		lane: "reactive",
-		compute: () => descriptor.propFn(),
-		commit: (value, previousValue) => {
-			incrementPerfMetric("reactivePropReevaluations");
-			applyPropValue(el, propName, value, tagName, previousValue, descriptor);
-		},
-		equals: (previousValue, nextValue) => {
-			if (Object.is(previousValue, nextValue)) {
-				incrementPerfMetric("skippedDomPropWrites");
-				return true;
-			}
-			return false;
-		},
-		onError: (err) => {
-			if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Reactive prop update failed:", err);
-		}
-	});
-	if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("reactivePropsMounted");
-	const cleanup = () => {
-		reactivePropRegistry.delete(descriptor);
-		effectHandle?.cleanup();
-		effectHandle = null;
-	};
-	const updateFn = (nextFn) => {
-		if (!effectHandle) return;
-		descriptor.propFn = nextFn;
-		try {
-			effectHandle.updateCompute(nextFn);
-		} catch (err) {
-			if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Reactive prop update failed:", err);
-		}
-	};
-	return {
-		cleanup,
-		updateFn
-	};
-}
-/**
-* Apply a prop value to an element (helper for reactive props)
-*/
-function applyPropValue(el, key, value, tagName, previousValue, descriptor) {
-	if (value === void 0 || value === null || value === false) {
-		if (key === "class" || key === "className") {
-			const previousTokens = descriptor?.lastClassTokens;
-			if (previousTokens && previousTokens.length > 0) {
-				el.classList.remove(...previousTokens);
-				incrementPerfMetric("classListPatchOps");
-			} else writeElementClassName(el, "");
-			if (descriptor) descriptor.lastClassTokens = [];
-		} else if (key === "value") applyFormControlProp(el, key, "", tagName);
-		else if (key === "checked") applyFormControlProp(el, key, false, tagName);
-		else if (key === "style") applyStylePropValue(el, null);
-		else removeRenderedAttribute(el, key);
-		return;
-	}
-	if (key === "class" || key === "className") applyClassPropValue(el, value, previousValue, descriptor);
-	else if (key === "style") applyStylePropValue(el, value);
-	else if (key === "value" || key === "checked") applyFormControlProp(el, key, value, tagName);
-	else setRenderedAttribute(el, key, String(value));
-}
-function normalizeStylePropertyName(propertyName) {
-	if (propertyName.startsWith("--")) return propertyName;
-	return propertyName.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
-}
-function collectCurrentStyleEntries(el) {
-	const entries = /* @__PURE__ */ new Map();
-	const style = el.style;
-	if (!style) return entries;
-	for (let index = 0; index < style.length; index += 1) {
-		const propertyName = style.item(index);
-		entries.set(propertyName, style.getPropertyValue(propertyName));
-	}
-	return entries;
-}
-function normalizeStyleEntries(value) {
-	if (!value || typeof value !== "object" || Array.isArray(value)) return null;
-	const entries = /* @__PURE__ */ new Map();
-	for (const [key, entryValue] of Object.entries(value)) {
-		if (entryValue === void 0 || entryValue === null || entryValue === false) continue;
-		entries.set(normalizeStylePropertyName(key), String(entryValue));
-	}
-	return entries;
-}
-function applyStylePropValue(el, value) {
-	const style = el.style;
-	if (!style) {
-		if (value === null || value === void 0 || value === false) {
-			el.removeAttribute("style");
-			return;
-		}
-		el.setAttribute("style", String(value));
-		return;
-	}
-	if (value === null || value === void 0 || value === false) {
-		if (!el.getAttribute("style")) {
-			incrementPerfMetric("skippedDomPropWrites");
-			return;
-		}
-		style.cssText = "";
-		el.removeAttribute("style");
-		return;
-	}
-	if (typeof value === "string") {
-		if ((el.getAttribute("style") ?? "") === value) {
-			incrementPerfMetric("skippedDomPropWrites");
-			return;
-		}
-		style.cssText = value;
-		return;
-	}
-	const nextEntries = normalizeStyleEntries(value);
-	if (!nextEntries) {
-		const nextText = String(value);
-		if ((el.getAttribute("style") ?? "") === nextText) {
-			incrementPerfMetric("skippedDomPropWrites");
-			return;
-		}
-		style.cssText = nextText;
-		return;
-	}
-	const previousEntries = collectCurrentStyleEntries(el);
-	let didWrite = false;
-	for (const [propertyName] of previousEntries) {
-		if (nextEntries.has(propertyName)) continue;
-		style.removeProperty(propertyName);
-		didWrite = true;
-	}
-	for (const [propertyName, propertyValue] of nextEntries) {
-		if (previousEntries.get(propertyName) === propertyValue) continue;
-		style.setProperty(propertyName, propertyValue);
-		didWrite = true;
-	}
-	if (!didWrite) incrementPerfMetric("skippedDomPropWrites");
-}
-function tokenizeClassValue(value) {
-	if (typeof value !== "string") return null;
-	const trimmed = value.trim();
-	if (trimmed.length === 0) return [];
-	return trimmed.split(/\s+/);
-}
-function patchClassList(el, previousTokens, nextTokens) {
-	if (previousTokens.length === nextTokens.length) {
-		let identical = true;
-		for (let index = 0; index < previousTokens.length; index += 1) if (previousTokens[index] !== nextTokens[index]) {
-			identical = false;
-			break;
-		}
-		if (identical) return;
-	}
-	if (previousTokens.length === 0) {
-		if (nextTokens.length === 0) return;
-		el.classList.add(...nextTokens);
-		incrementPerfMetric("classListPatchOps");
-		return;
-	}
-	if (nextTokens.length === 0) {
-		el.classList.remove(...previousTokens);
-		incrementPerfMetric("classListPatchOps");
-		return;
-	}
-	if (previousTokens.length === 1 && nextTokens.length === 1) {
-		el.classList.remove(previousTokens[0]);
-		el.classList.add(nextTokens[0]);
-		incrementPerfMetric("classListPatchOps");
-		return;
-	}
-	const nextSet = new Set(nextTokens);
-	const previousSet = new Set(previousTokens);
-	for (const token of previousTokens) if (!nextSet.has(token)) el.classList.remove(token);
-	for (const token of nextTokens) if (!previousSet.has(token)) el.classList.add(token);
-	incrementPerfMetric("classListPatchOps");
-}
-function applyClassPropValue(el, value, previousValue, descriptor) {
-	const nextString = String(value);
-	const nextTokens = tokenizeClassValue(nextString);
-	const previousTokens = descriptor?.lastClassTokens ?? tokenizeClassValue(previousValue);
-	if (nextTokens && previousTokens) {
-		patchClassList(el, previousTokens, nextTokens);
-		if (descriptor) descriptor.lastClassTokens = nextTokens;
-		return;
-	}
-	writeElementClassName(el, nextString);
-	if (descriptor) descriptor.lastClassTokens = nextTokens;
-}
-/**
-* Apply attributes and event listeners to an element from props
-*/
-function applyPropsToElement(el, props, tagName) {
-	if (isHydrationSkipped(el)) return;
-	for (const key in props) {
-		const value = props[key];
-		if (key === "ref") {
-			updateElementRef(el, value);
-			continue;
-		}
-		if (isSkippedProp(key)) continue;
-		if (value === void 0 || value === null || value === false) continue;
-		const eventProp = parseEventProp(key);
-		if (eventProp) {
-			addTrackedListener(el, eventProp.eventName, value, eventProp.capture);
-			continue;
-		}
-		if (typeof value === "function" && key !== "ref") {
-			const reactive = setupReactiveProp(el, key, value, tagName);
-			if (!elementReactivePropsCleanup.has(el)) elementReactivePropsCleanup.set(el, /* @__PURE__ */ new Map());
-			elementReactivePropsCleanup.get(el).set(key, {
-				cleanup: reactive.cleanup,
-				updateFn: (nextValue) => {
-					reactive.updateFn(nextValue);
-				},
-				fnRef: value
-			});
-			continue;
-		}
-		if (key === "class" || key === "className") writeElementClassName(el, String(value));
-		else if (key === "style") applyStylePropValue(el, value);
-		else if (key === "value" || key === "checked") applyFormControlProp(el, key, value, tagName);
-		else setRenderedAttribute(el, key, String(value));
-	}
-}
-function removeStaleAttributes(el, vnode, props) {
-	const desiredAttributes = /* @__PURE__ */ new Set();
-	if (extractKey(vnode) !== void 0) desiredAttributes.add("data-key");
-	for (const propName in props) {
-		if (isSkippedProp(propName)) continue;
-		if (parseEventName(propName)) continue;
-		const value = props[propName];
-		if (value === void 0 || value === null || value === false) continue;
-		desiredAttributes.add(getRenderedAttributeName(el, propName));
-	}
-	for (const attribute of Array.from(el.attributes)) if (!desiredAttributes.has(getRenderedAttributeName(el, attribute.name))) el.removeAttribute(attribute.name);
-}
-/**
-* Apply value/checked props to form controls
-*/
-function applyFormControlProp(el, key, value, tagName) {
-	if (key === "value") if (tagNamesEqualIgnoreCase(tagName, "input") || tagNamesEqualIgnoreCase(tagName, "textarea") || tagNamesEqualIgnoreCase(tagName, "select")) {
-		el.value = String(value);
-		el.setAttribute("value", String(value));
-	} else el.setAttribute("value", String(value));
-	else if (key === "checked") if (tagNamesEqualIgnoreCase(tagName, "input")) {
-		const checked = Boolean(value);
-		el.checked = checked;
-		if (checked) el.setAttribute("checked", "");
-		else el.removeAttribute("checked");
-	} else if (value) el.setAttribute("checked", "");
-	else el.removeAttribute("checked");
-}
-/**
-* Materialize vnode key as data-key attribute
-*/
-function materializeKey(el, vnode, props) {
-	const rawKey = vnode.key ?? props?.key;
-	const vnodeKey = rawKey === null || rawKey === void 0 ? void 0 : typeof rawKey === "symbol" ? String(rawKey) : rawKey;
-	if (vnodeKey !== void 0) {
-		const nextKey = String(vnodeKey);
-		if (el.getAttribute("data-key") !== nextKey) el.setAttribute("data-key", nextKey);
-	}
-}
-function inheritComponentKey(target, source) {
-	const inheritedKey = extractKey(source);
-	if (inheritedKey === void 0 || extractKey(target) !== void 0) return target;
-	target.key = inheritedKey;
-	if (typeof target.type === "string") {
-		if (!target.props) target.props = {};
-		const props = target.props;
-		if (props["data-key"] === void 0) props["data-key"] = String(inheritedKey);
-	}
-	return target;
-}
-/**
-* Warn about missing keys on dynamic lists (dev only)
-*/
-function warnMissingKeys(children) {
-	if (getRuntimeEnv().NODE_ENV === "production") return;
-	let hasElements = false;
-	let hasKeys = false;
-	for (const item of children) if (typeof item === "object" && item !== null && "type" in item) {
-		if (item.type === __FOR_BOUNDARY__) continue;
-		hasElements = true;
-		if ((item.key ?? item.props?.key) !== void 0) {
-			hasKeys = true;
-			break;
-		}
-	}
-	if (hasElements && !hasKeys) {
-		const inst = getCurrentInstance();
-		const warnings = inst ? inst.devWarningsEmitted ??= /* @__PURE__ */ new Set() : null;
-		if (warnings?.has("missing-keys")) return;
-		warnings?.add("missing-keys");
-		try {
-			const name = inst?.fn?.name || "<anonymous>";
-			logger.warn(`Missing keys on dynamic lists in ${name}. Each child in a list should have a unique "key" prop.`);
-		} catch {
-			logger.warn("Missing keys on dynamic lists. Each child in a list should have a unique \"key\" prop.");
-		}
-	}
-}
-function hasStaticChildrenMarker(children) {
-	return children[STATIC_CHILDREN] === true;
-}
-function maybeWarnMissingKeys(children) {
-	if (!hasStaticChildrenMarker(children)) warnMissingKeys(children);
-}
-/**
-* Create a DOM node from a VNode
-*/
-function createDOMNode(node, parentNamespace) {
-	if (!IS_DOM_AVAILABLE) {
-		if (getRuntimeEnv().NODE_ENV !== "production") try {
-			logger.warn("[Askr] createDOMNode called in non-DOM environment");
-		} catch {}
-		return null;
-	}
-	if (typeof node === "string") {
-		if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("domNodesCreated");
-		return document.createTextNode(node);
-	}
-	if (typeof node === "number") {
-		if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("domNodesCreated");
-		return document.createTextNode(String(node));
-	}
-	if (!node) return null;
-	if (Array.isArray(node)) {
-		maybeWarnMissingKeys(node);
-		const fragment = document.createDocumentFragment();
-		for (const child of node) {
-			const dom = createDOMNode(child, parentNamespace);
-			if (dom) fragment.appendChild(dom);
-		}
-		return fragment;
-	}
-	if (typeof node === "object" && node !== null && "type" in node) {
-		const type = node.type;
-		const props = node.props || {};
-		if (typeof type === "string") return createIntrinsicElement(node, type, props, parentNamespace);
-		if (typeof type === "function") return createComponentElement(node, type, props, parentNamespace);
-		if (type === __FOR_BOUNDARY__) return createForBoundary(node, props, parentNamespace);
-		if (type === __ERROR_BOUNDARY__) return createErrorBoundaryElement(node, props, parentNamespace);
-		if (typeof type === "symbol" && (type === Fragment || String(type) === "Symbol(Fragment)")) return createFragmentElement(node, props, parentNamespace);
-	}
-	return null;
-}
-function tryGetStaticCreateChildShape(children) {
-	if (children === null || children === void 0 || children === false) return { textContent: null };
-	if (typeof children === "string" || typeof children === "number") return { textContent: String(children) };
-	if (Array.isArray(children) && children.length === 1) {
-		const child = children[0];
-		if (child === null || child === void 0 || child === false) return { textContent: null };
-		if (typeof child === "string" || typeof child === "number") return { textContent: String(child) };
-	}
-	return null;
-}
-function isStaticCreateScalarValue(value) {
-	const valueType = typeof value;
-	return valueType === "string" || valueType === "number" || valueType === "boolean";
-}
-function tryGetStaticCreateFastPathShape(props, children) {
-	const childShape = tryGetStaticCreateChildShape(children);
-	if (!childShape) return null;
-	for (const key in props) {
-		if (key === "ref") return null;
-		if (isSkippedProp(key)) continue;
-		const value = props[key];
-		if (value === void 0 || value === null || value === false) continue;
-		if (parseEventName(key) || !isStaticCreateScalarValue(value)) return null;
-	}
-	return childShape;
-}
-function applyStaticScalarPropsToElement(el, props) {
-	for (const key in props) {
-		if (isSkippedProp(key)) continue;
-		const value = props[key];
-		if (value === void 0 || value === null || value === false) continue;
-		if (key === "class" || key === "className") writeElementClassName(el, String(value));
-		else if (key === "style") applyStylePropValue(el, value);
-		else if (key === "value" || key === "checked") el[key] = value;
-		else setRenderedAttribute(el, key, String(value));
-	}
-}
-/**
-* Create an intrinsic DOM element (div, span, etc.)
-*/
-function createIntrinsicElement(node, type, props, parentNamespace) {
-	const children = props.children ?? node.children;
-	const elementNamespace = resolveChildNamespace(type, parentNamespace);
-	const el = createElementForNamespace(type, parentNamespace);
-	if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("domNodesCreated");
-	materializeKey(el, node, props);
-	const staticCreateFastPath = tryGetStaticCreateFastPathShape(props, children);
-	if (staticCreateFastPath) {
-		applyStaticScalarPropsToElement(el, props);
-		if (staticCreateFastPath.textContent !== null) {
-			el.textContent = staticCreateFastPath.textContent;
-			if (isBenchMetricScopeActive("coldCreate")) recordBenchCounter("domNodesCreated");
-		}
-		return el;
-	}
-	applyPropsToElement(el, props, type);
-	if (children !== null && children !== void 0) {
-		const controlBoundaryVNode = getDirectControlBoundaryVNode(children);
-		if (controlBoundaryVNode) {
-			const controlState = getControlBoundaryState(controlBoundaryVNode);
-			if (!controlState) throw new Error("[createIntrinsicElement] Control boundary missing internal state");
-			registerControlBoundaryCommitOwner(el, controlState);
-		}
-		if (syncReactiveScalarChild(el, children)) return el;
-		if (Array.isArray(children)) {
-			maybeWarnMissingKeys(children);
-			if (children.length > 1) {
-				const childFrag = document.createDocumentFragment();
-				for (const child of children) {
-					const dom = createDOMNode(child, elementNamespace);
-					if (dom) childFrag.appendChild(dom);
-				}
-				el.appendChild(childFrag);
-			} else if (children.length === 1) {
-				const dom = createDOMNode(children[0], elementNamespace);
-				if (dom) el.appendChild(dom);
-			}
-		} else {
-			const dom = createDOMNode(children, elementNamespace);
-			if (dom) el.appendChild(dom);
-		}
-	}
-	return el;
-}
-function findHostInstanceByType(host, type) {
-	const instances = host.__ASKR_INSTANCES;
-	if (instances && instances.length > 0) for (let index = instances.length - 1; index >= 0; index -= 1) {
-		const instance = instances[index];
-		if (instance.fn === type) return instance;
-	}
-	return host.__ASKR_INSTANCE?.fn === type ? host.__ASKR_INSTANCE : null;
-}
-function materializeComponentResultNode(childInstance, result, parentNamespace) {
-	const dom = createDOMNode(result, parentNamespace);
-	if (dom instanceof Element) {
-		mountInstanceInline(childInstance, dom);
-		return dom;
-	}
-	if (!dom) {
-		const placeholder = document.createComment("");
-		try {
-			placeholder.__ASKR_INSTANCE = childInstance;
-		} catch {}
-		childInstance._placeholder = placeholder;
-		mountInstanceInline(childInstance, null);
-		return placeholder;
-	}
-	const host = document.createElement("div");
-	host.appendChild(dom);
-	host.__ASKR_WRAPPER_HOST = true;
-	mountInstanceInline(childInstance, host);
-	return host;
-}
-function resolveNestedComponentResult(result, snapshot, parentInstance) {
-	let currentResult = result;
-	let activeSnapshot = snapshot;
-	let depth = 0;
-	while (_isDOMElement(currentResult) && typeof currentResult.type === "function" && depth < 16) {
-		const nestedSnapshot = getVNodeContextFrame(currentResult) ?? activeSnapshot;
-		const nestedInstance = createComponentInstance(nextComponentInstanceId(), currentResult.type, currentResult.props ?? {}, null);
-		nestedInstance.isRoot = isRouteRootComponentVNode(currentResult);
-		nestedInstance.parentInstance = parentInstance;
-		nestedInstance.portalScope = parentInstance?.portalScope ?? nestedInstance.portalScope;
-		inheritComponentCleanupStrict(nestedInstance);
-		if (nestedSnapshot) nestedInstance.ownerFrame = nestedSnapshot;
-		const nextResult = withContext(nestedSnapshot ?? null, () => renderComponentInline(nestedInstance));
-		cleanupComponent(nestedInstance);
-		if (isPromiseLike(nextResult)) throw new Error("Async components are not supported. Components must return synchronously.");
-		activeSnapshot = nestedSnapshot ?? null;
-		currentResult = nextResult;
-		depth += 1;
-	}
-	return currentResult;
-}
-function resolveHostNestedComponentResult(host, retainedInstance, result, snapshot, retainedHostInstances) {
-	let currentResult = result;
-	let activeSnapshot = snapshot;
-	let depth = 0;
-	const retainedInstances = new Set([retainedInstance]);
-	if (retainedHostInstances) for (const instance of retainedHostInstances) retainedInstances.add(instance);
-	const createdInstances = [];
-	while (_isDOMElement(currentResult) && typeof currentResult.type === "function" && depth < 16) {
-		const nestedSnapshot = getVNodeContextFrame(currentResult) ?? activeSnapshot;
-		let nestedInstance = findHostInstanceByType(host, currentResult.type);
-		const hadNestedInstance = !!nestedInstance;
-		if (!nestedInstance) {
-			nestedInstance = createComponentInstance(nextComponentInstanceId(), currentResult.type, currentResult.props ?? {}, null);
-			createdInstances.push(nestedInstance);
-		}
-		if (hadNestedInstance) captureInlineRenderSnapshot(nestedInstance);
-		setVNodeComponentInstance(currentResult, nestedInstance);
-		nestedInstance.isRoot = isRouteRootComponentVNode(currentResult);
-		nestedInstance.parentInstance = retainedInstance;
-		nestedInstance.portalScope = retainedInstance.portalScope ?? nestedInstance.portalScope;
-		inheritComponentCleanupStrict(nestedInstance);
-		nestedInstance.props = (currentResult.props ?? {}) || {};
-		if (nestedSnapshot) nestedInstance.ownerFrame = nestedSnapshot;
-		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;
-	}
-	const previousInstances = host.__ASKR_INSTANCES ?? [];
-	for (const instance of previousInstances) if (!retainedInstances.has(instance)) cleanupComponent(instance);
-	const nextHostInstances = previousInstances.filter((instance) => retainedInstances.has(instance));
-	for (const instance of retainedInstances) if (instance.target === host && !nextHostInstances.includes(instance)) nextHostInstances.push(instance);
-	host.__ASKR_INSTANCES = nextHostInstances;
-	host.__ASKR_INSTANCE = host.__ASKR_INSTANCES[0] ?? retainedInstance;
-	for (const instance of createdInstances) mountInstanceInline(instance, host);
-	return currentResult;
-}
-function resolveWrapperHostResult(host, result, snapshot) {
-	let currentResult = result;
-	let activeSnapshot = snapshot;
-	let depth = 0;
-	while (_isDOMElement(currentResult) && typeof currentResult.type === "function" && depth < 16) {
-		const nestedSnapshot = getVNodeContextFrame(currentResult) ?? activeSnapshot;
-		const nestedInstance = findHostInstanceByType(host, currentResult.type);
-		if (!nestedInstance) break;
-		captureInlineRenderSnapshot(nestedInstance);
-		nestedInstance.props = (currentResult.props ?? {}) || {};
-		nestedInstance.parentInstance = getCurrentInstance();
-		nestedInstance.isRoot = isRouteRootComponentVNode(currentResult);
-		nestedInstance.portalScope = getCurrentInstance()?.portalScope ?? nestedInstance.portalScope;
-		inheritComponentCleanupStrict(nestedInstance);
-		if (nestedSnapshot) nestedInstance.ownerFrame = nestedSnapshot;
-		const nextResult = withContext(nestedSnapshot ?? null, () => renderComponentInline(nestedInstance));
-		if (isPromiseLike(nextResult)) throw new Error("Async components are not supported. Components must return synchronously.");
-		warnUnusedStateReads(nestedInstance);
-		activeSnapshot = nestedSnapshot ?? null;
-		currentResult = nextResult;
-		depth += 1;
-	}
-	return markVNodeTreeWithContextFrame(currentResult, activeSnapshot);
-}
-function isFragmentVNode(node) {
-	return _isDOMElement(node) && typeof node.type === "symbol" && (node.type === Fragment || String(node.type) === "Symbol(askr.fragment)");
-}
-function normalizeComponentChildren(result) {
-	if (result === null || result === void 0 || result === false) return [];
-	if (Array.isArray(result)) {
-		const children = [];
-		for (const child of result) children.push(...normalizeComponentChildren(child));
-		return children;
-	}
-	if (isFragmentVNode(result)) return normalizeComponentChildren(result.props?.children ?? result.children ?? []);
-	return [result];
-}
-function syncComponentElement(currentDom, node, type, props, parentNamespace, forceChildrenUpdate = false, retainedHostInstances) {
-	const existingHost = currentDom instanceof Element ? currentDom : null;
-	const existingInstance = existingHost ? findHostInstanceByType(existingHost, type) : null;
-	if (!existingHost) return null;
-	if (!existingInstance || existingInstance.fn !== type) {
-		const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame() || null;
-		const hydrationInstance = createComponentInstance(nextComponentInstanceId(), type, props || {}, existingHost);
-		hydrationInstance.isRoot = isRouteRootComponentVNode(node);
-		hydrationInstance.portalScope = getCurrentInstance()?.portalScope ?? hydrationInstance.portalScope;
-		inheritComponentCleanupStrict(hydrationInstance);
-		setVNodeComponentInstance(node, hydrationInstance);
-		if (snapshot) hydrationInstance.ownerFrame = snapshot;
-		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(existingHost.tagName, scopedResult.type)) {
-			pruneComponentHostInstances(existingHost, retainedHostInstances ? [hydrationInstance, ...retainedHostInstances] : [hydrationInstance]);
-			withContext(snapshot, () => {
-				updateElementFromVnode(existingHost, inheritComponentKey(scopedResult, node), true, forceChildrenUpdate || hydrationInstance.mounted === false);
-				materializeKey(existingHost, node, props);
-			});
-			mountInstanceInline(hydrationInstance, existingHost);
-			itemInstanceHydrationComplete(existingHost);
-			warnUnusedStateReads(hydrationInstance);
-			return existingHost;
-		}
-		const resolvedResult = resolveHostNestedComponentResult(existingHost, hydrationInstance, scopedResult, snapshot ?? null, retainedHostInstances);
-		if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, resolvedResult.type)) {
-			withContext(snapshot, () => {
-				updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true, forceChildrenUpdate || hydrationInstance.mounted === false);
-				materializeKey(existingHost, node, props);
-			});
-			mountInstanceInline(hydrationInstance, existingHost);
-			itemInstanceHydrationComplete(existingHost);
-			warnUnusedStateReads(hydrationInstance);
-			return existingHost;
-		}
-		const nextDom = materializeComponentResultNode(hydrationInstance, scopedResult, parentNamespace);
-		if (nextDom instanceof Element) materializeKey(nextDom, node, props);
-		if (nextDom !== existingHost && existingHost.parentNode) {
-			existingHost.parentNode.replaceChild(nextDom, existingHost);
-			cleanupDetachedComponentHost(existingHost, hydrationInstance);
-		}
-		warnUnusedStateReads(hydrationInstance);
-		return nextDom;
-	}
-	const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame() || existingInstance.ownerFrame || null;
-	captureInlineRenderSnapshot(existingInstance);
-	existingInstance.props = props || {};
-	existingInstance.isRoot = isRouteRootComponentVNode(node);
-	existingInstance.portalScope = getCurrentInstance()?.portalScope ?? existingInstance.portalScope;
-	inheritComponentCleanupStrict(existingInstance);
-	if (snapshot) existingInstance.ownerFrame = snapshot;
-	const result = withContext(snapshot, () => renderComponentInline(existingInstance));
-	if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must return synchronously.");
-	const scopedResult = markVNodeTreeWithContextFrame(result, snapshot ?? null);
-	if (existingHost.__ASKR_WRAPPER_HOST) {
-		updateElementChildren(existingHost, normalizeComponentChildren(resolveWrapperHostResult(existingHost, scopedResult, snapshot ?? null)));
-		warnUnusedStateReads(existingInstance);
-		return existingHost;
-	}
-	if (scopedResult && typeof scopedResult === "object" && "type" in scopedResult && typeof scopedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, scopedResult.type)) {
-		pruneComponentHostInstances(existingHost, retainedHostInstances ? [existingInstance, ...retainedHostInstances] : [existingInstance]);
-		withContext(snapshot, () => {
-			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, retainedHostInstances);
-	if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, resolvedResult.type)) {
-		withContext(snapshot, () => {
-			updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true, forceChildrenUpdate || existingInstance.mounted === false);
-			materializeKey(existingHost, node, props);
-		});
-		warnUnusedStateReads(existingInstance);
-		return existingHost;
-	}
-	const nextDom = materializeComponentResultNode(existingInstance, scopedResult, parentNamespace);
-	if (nextDom instanceof Element) materializeKey(nextDom, node, props);
-	if (nextDom !== existingHost && existingHost.parentNode) {
-		existingHost.parentNode.replaceChild(nextDom, existingHost);
-		cleanupDetachedComponentHost(existingHost, existingInstance);
-	}
-	warnUnusedStateReads(existingInstance);
-	return nextDom;
-}
-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;
-	if (componentFn.constructor.name === "AsyncFunction") throw new Error("Async components are not supported. Use resource() for async work.");
-	let childInstance = getVNodeComponentInstance(node);
-	const hadChildInstance = !!childInstance;
-	if (!childInstance) {
-		childInstance = createComponentInstance(nextComponentInstanceId(), componentFn, props || {}, null);
-		setVNodeComponentInstance(node, childInstance);
-	}
-	if (hadChildInstance) captureInlineRenderSnapshot(childInstance);
-	childInstance.portalScope = getCurrentInstance()?.portalScope ?? childInstance.portalScope;
-	childInstance.parentInstance = getCurrentInstance();
-	childInstance.props = props || {};
-	childInstance.isRoot = isRouteRootComponentVNode(node);
-	inheritComponentCleanupStrict(childInstance);
-	if (snapshot) childInstance.ownerFrame = snapshot;
-	const result = withContext(snapshot, () => renderComponentInline(childInstance));
-	if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must return synchronously.");
-	const scopedResult = markVNodeTreeWithContextFrame(result, snapshot ?? null);
-	const dom = withContext(snapshot, () => materializeComponentResultNode(childInstance, scopedResult, parentNamespace));
-	warnUnusedStateReads(childInstance);
-	if (dom instanceof Element) materializeKey(dom, node, props);
-	return dom;
-}
-/**
-* Create a document fragment from Fragment vnode
-*/
-function createFragmentElement(node, props, parentNamespace) {
-	const fragment = document.createDocumentFragment();
-	const children = props.children ?? node.children;
-	if (children) if (Array.isArray(children)) {
-		maybeWarnMissingKeys(children);
-		for (const child of children) {
-			const dom = createDOMNode(child, parentNamespace);
-			if (dom) fragment.appendChild(dom);
-		}
-	} else {
-		const dom = createDOMNode(children, parentNamespace);
-		if (dom) fragment.appendChild(dom);
-	}
-	return fragment;
-}
-/**
-* Check if a cached DOM node can be reused for a given vnode.
-*
-* Returns true if shape has changed (i.e., DOM cannot be reused).
-* Structural check: compares DOM tagName with vnode type.
-* Do NOT rely on vnode identity (===) — vnodes are mutable.
-*/
-function checkVNodeShapeChanged(dom, vnode) {
-	if (!_isDOMElement(vnode)) return true;
-	if (!(dom instanceof Element)) return true;
-	const vnodeType = vnode.type;
-	if (typeof vnodeType !== "string") return true;
-	return dom.tagName.toLowerCase() !== vnodeType.toLowerCase();
-}
-function materializeChildScopeDom(vnode, parentNamespace) {
-	if (vnode === null || vnode === void 0 || vnode === false) return document.createComment("");
-	const dom = createDOMNode(vnode, parentNamespace);
-	if (!(dom instanceof DocumentFragment)) return dom;
-	const firstChild = dom.firstChild;
-	const secondChild = firstChild?.nextSibling ?? null;
-	if (!firstChild) return document.createComment("");
-	if (secondChild) throw new Error("[askr] Child scopes must render a single DOM root node.");
-	return firstChild;
-}
-function evaluateControlBoundaryState(controlState) {
-	if (controlState.kind === "for") return evaluateForState(controlState);
-	if (controlState.kind === "show") return evaluateShowState(controlState);
-	return evaluateCaseState(controlState);
-}
-function clearControlBoundaryDomUpdateState(controlState) {
-	if (controlState.kind === "for") {
-		clearForDomUpdateState(controlState);
-		return;
-	}
-	if (controlState.kind === "show") {
-		clearShowDomUpdateState(controlState);
-		return;
-	}
-	clearCaseDomUpdateState(controlState);
-}
-function getControlBoundaryState(node) {
-	return node._controlState ?? node._forState ?? null;
-}
-function getDirectControlBoundaryVNode(children) {
-	if (!Array.isArray(children) && _isDOMElement(children) && children.type === __FOR_BOUNDARY__) return children;
-	if (Array.isArray(children) && children.length === 1 && _isDOMElement(children[0]) && children[0].type === __FOR_BOUNDARY__) return children[0];
-	return null;
-}
-function getControlBoundaryCommitChildren(controlState) {
-	if (controlState.kind === "for" && controlState._needsSourceReconcile) return evaluateForState(controlState);
-	if (controlState.kind !== "for") {
-		const activeVNode = controlState.activeScope?.vnode;
-		return activeVNode == null || activeVNode === false ? [] : [activeVNode];
-	}
-	if (controlState.orderedKeys.length === 0) {
-		const fallbackVNode = controlState.fallbackScope?.vnode;
-		return fallbackVNode == null || fallbackVNode === false ? [] : [fallbackVNode];
-	}
-	const childrenVNodes = [];
-	for (let index = 0; index < controlState.orderedKeys.length; index += 1) {
-		const itemKey = controlState.orderedKeys[index];
-		const itemInstance = controlState.items.get(itemKey);
-		childrenVNodes.push(itemInstance?.scope.vnode ?? null);
-	}
-	return childrenVNodes;
-}
-function clearControlBoundaryCommitOwner(parent) {
-	const owner = controlBoundaryOwners.get(parent);
-	if (owner) {
-		owner._enqueueBoundaryCommit = null;
-		owner._hasPendingBoundaryCommit = false;
-		if (owner._commitOwner === parent) owner._commitOwner = null;
-	}
-	controlBoundaryOwners.delete(parent);
-}
-function registerControlBoundaryCommitOwner(parent, controlState) {
-	const ownerState = controlState;
-	const previousParent = ownerState._commitOwner;
-	if (previousParent && previousParent !== parent && controlBoundaryOwners.get(previousParent) === controlState) controlBoundaryOwners.delete(previousParent);
-	const previousOwner = controlBoundaryOwners.get(parent);
-	if (previousOwner && previousOwner !== controlState) {
-		previousOwner._enqueueBoundaryCommit = null;
-		previousOwner._hasPendingBoundaryCommit = false;
-		if (previousOwner._commitOwner === parent) previousOwner._commitOwner = null;
-	}
-	controlBoundaryOwners.set(parent, controlState);
-	ownerState._commitOwner = parent;
-	controlState._enqueueBoundaryCommit = () => {
-		if (controlState._hasPendingBoundaryCommit) return;
-		controlState._hasPendingBoundaryCommit = true;
-		globalScheduler.enqueue(() => {
-			controlState._hasPendingBoundaryCommit = false;
-			if (controlBoundaryOwners.get(parent) !== controlState) return;
-			commitForBoundaryChildren(parent, controlState, getControlBoundaryCommitChildren(controlState));
-		});
-	};
-}
-/**
-* Create DOM from For boundary - evaluates list and renders items
-*
-* CRITICAL INVARIANT:
-* DOM order MUST be reconstructed from the current vnode list on every render.
-* Reusing DOM nodes never implies preserving their position.
-*
-* This function ALWAYS returns a fragment whose child order exactly matches
-* the evaluated vnode list, even when all DOM nodes are reused.
-* Appending an existing node to the fragment is how we express reordering
-* (per DOM spec, appendChild moves already-attached nodes).
-*
-* Do NOT:
-* - Skip appending based on parentElement or existing attachment
-* - Rely on vnode identity (===) to decide DOM reuse (vnodes are mutable)
-* - Introduce fast-paths that might skip DOM reconstruction
-*/
-function createForBoundary(node, props, parentNamespace) {
-	const controlState = getControlBoundaryState(node);
-	if (!controlState) {
-		if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Control boundary missing state");
-		return document.createDocumentFragment();
-	}
-	const childrenVNodes = evaluateControlBoundaryState(controlState);
-	const fragment = document.createDocumentFragment();
-	if (controlState.kind !== "for") {
-		const activeScope = controlState.activeScope;
-		const vnode = childrenVNodes[0];
-		if (activeScope && vnode !== void 0) {
-			const dom = materializeChildScopeDom(vnode, parentNamespace);
-			activeScope.dom = dom ?? void 0;
-			if (dom) fragment.appendChild(dom);
-		}
-		clearControlBoundaryDomUpdateState(controlState);
-		return fragment;
-	}
-	const forState = controlState;
-	if (forState.orderedKeys.length === 0) {
-		const fallbackScope = forState.fallbackScope;
-		const fallbackVNode = childrenVNodes[0];
-		if (fallbackScope && fallbackVNode !== void 0) {
-			const dom = materializeChildScopeDom(fallbackVNode, parentNamespace);
-			fallbackScope.dom = dom ?? void 0;
-			if (dom) fragment.appendChild(dom);
-		}
-		clearControlBoundaryDomUpdateState(controlState);
-		return fragment;
-	}
-	for (let i = 0; i < childrenVNodes.length; i++) {
-		const childVNode = childrenVNodes[i];
-		const itemKey = forState.orderedKeys[i];
-		const itemInstance = itemKey != null ? forState.items.get(itemKey) : null;
-		let dom = null;
-		if (itemInstance && itemInstance.scope.dom) {
-			const cachedDom = itemInstance.scope.dom;
-			if (!checkVNodeShapeChanged(cachedDom, childVNode)) dom = cachedDom;
-		}
-		if (!dom) {
-			dom = materializeChildScopeDom(childVNode, parentNamespace);
-			if (itemInstance) itemInstance.scope.dom = dom ?? void 0;
-		}
-		if (dom) fragment.appendChild(dom);
-	}
-	clearControlBoundaryDomUpdateState(controlState);
-	return fragment;
-}
-function createErrorBoundaryElement(node, props, parentNamespace) {
-	const boundaryState = node.__instance?.errorBoundaryState ?? null;
-	const reset = node.__instance ? createBoundaryReset(node.__instance) : () => {};
-	const fallback = props.fallback;
-	const children = props.children;
-	if (boundaryState?.error != null) {
-		const fallbackValue = resolveErrorBoundaryFallback(fallback, boundaryState.error, reset);
-		if (fallbackValue instanceof Node) return fallbackValue;
-		return createDOMNode(fallbackValue, parentNamespace) ?? document.createComment("");
-	}
-	try {
-		return createDOMNode(children, parentNamespace) ?? document.createComment("");
-	} catch (error) {
-		if (node.__instance) reportBoundaryError(node.__instance, error, props.onError);
-		else logger.error("[Askr] ErrorBoundary caught render error:", error);
-		const fallbackValue = resolveErrorBoundaryFallback(fallback, error, reset);
-		if (fallbackValue instanceof Node) return fallbackValue;
-		return createDOMNode(fallbackValue, parentNamespace) ?? document.createComment("");
-	}
-}
-function syncForItemDom(parent, scope, vnode) {
-	let dom = scope.dom ?? null;
-	const parentNamespace = parent.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : void 0;
-	if (_isDOMElement(vnode) && typeof vnode.type === "function") {
-		const syncedComponentDom = syncComponentElement(dom, vnode, vnode.type, vnode.props ?? {}, parentNamespace);
-		if (syncedComponentDom) {
-			scope.dom = syncedComponentDom ?? void 0;
-			return syncedComponentDom;
-		}
-	}
-	if (!dom) {
-		dom = materializeChildScopeDom(vnode, parentNamespace);
-		scope.dom = dom ?? void 0;
-		return dom;
-	}
-	if (dom.nodeType === 3 && (typeof vnode === "string" || typeof vnode === "number")) {
-		dom.data = String(vnode);
-		return dom;
-	}
-	if (dom.nodeType === 8 && (vnode === null || vnode === void 0 || vnode === false)) return dom;
-	if (dom instanceof Element && _isDOMElement(vnode) && typeof vnode.type === "string" && tagNamesEqualIgnoreCase(dom.tagName, vnode.type)) {
-		updateElementFromVnode(dom, vnode, true);
-		return dom;
-	}
-	const nextDom = materializeChildScopeDom(vnode, parentNamespace);
-	if (!nextDom) {
-		if (dom.parentNode === parent) {
-			teardownNodeSubtree(dom);
-			dom.parentNode.removeChild(dom);
-		}
-		scope.dom = void 0;
-		return null;
-	}
-	if (dom.parentNode === parent) parent.replaceChild(nextDom, dom);
-	teardownNodeSubtree(dom);
-	scope.dom = nextDom;
-	return nextDom;
-}
-function normalizeStableIntrinsicChildren(children) {
-	if (children === null || children === void 0 || children === false) return [];
-	return Array.isArray(children) ? children : [children];
-}
-function getStableIntrinsicChildren(vnode) {
-	return normalizeStableIntrinsicChildren(vnode.props?.children ?? vnode.children);
-}
-function patchStableIntrinsicText(domNode, nextVNode) {
-	if (domNode.nodeType !== 3 || typeof nextVNode !== "string" && typeof nextVNode !== "number") return false;
-	const nextText = String(nextVNode);
-	const textNode = domNode;
-	if (textNode.data !== nextText) {
-		recordBenchEvent("domTextSet");
-		textNode.data = nextText;
-	}
-	return true;
-}
-function patchStableIntrinsicElement(dom, nextVNode) {
-	if (typeof nextVNode.type !== "string" || !tagNamesEqualIgnoreCase(dom.tagName, nextVNode.type)) return false;
-	updateElementFromVnode(dom, nextVNode, false);
-	const nextChildren = getStableIntrinsicChildren(nextVNode);
-	if (dom.childNodes.length !== nextChildren.length) return false;
-	for (let index = 0; index < nextChildren.length; index += 1) {
-		const nextChild = nextChildren[index];
-		const currentChildNode = dom.childNodes[index];
-		if (!currentChildNode) return false;
-		if (patchStableIntrinsicText(currentChildNode, nextChild)) continue;
-		if (currentChildNode instanceof Element && _isDOMElement(nextChild) && typeof nextChild.type === "string" && patchStableIntrinsicElement(currentChildNode, nextChild)) continue;
-		return false;
-	}
-	return true;
-}
-function resolveStableIntrinsicPatchVNode(dom, vnode) {
-	if (!_isDOMElement(vnode)) return null;
-	if (typeof vnode.type === "string") return tagNamesEqualIgnoreCase(dom.tagName, vnode.type) ? vnode : null;
-	if (typeof vnode.type !== "function") return null;
-	const host = dom;
-	const existingInstance = findHostInstanceByType(host, vnode.type);
-	if (!existingInstance || existingInstance.fn !== vnode.type || host.__ASKR_WRAPPER_HOST) return null;
-	const snapshot = getVNodeContextFrame(vnode) || getCurrentContextFrame() || existingInstance.ownerFrame || null;
-	captureInlineRenderSnapshot(existingInstance);
-	existingInstance.props = (vnode.props ?? {}) || {};
-	existingInstance.isRoot = isRouteRootComponentVNode(vnode);
-	existingInstance.portalScope = getCurrentInstance()?.portalScope ?? existingInstance.portalScope;
-	inheritComponentCleanupStrict(existingInstance);
-	if (snapshot) existingInstance.ownerFrame = snapshot;
-	const result = withContext(snapshot, () => renderComponentInline(existingInstance));
-	if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must return synchronously.");
-	const resolvedResult = resolveNestedComponentResult(result, snapshot ?? null, existingInstance);
-	if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase(dom.tagName, resolvedResult.type)) return inheritComponentKey(resolvedResult, vnode);
-	return null;
-}
-function tryPatchStableForDirtyItem(scope) {
-	incDevCounter("stableForPatchAttempt");
-	if (!(scope.dom instanceof Element) || scope.vnode === void 0) return false;
-	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) incDevCounter("stableForPatchHit");
-	return didPatch;
-}
-function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
-	if (controlState.kind !== "for") {
-		const activeScope = controlState.activeScope;
-		const activeVNode = childrenVNodes[0];
-		const nextDom = activeScope && activeVNode !== void 0 ? syncForItemDom(parent, activeScope, activeVNode) : null;
-		for (let i = 0; i < controlState.lastRemovedNodes.length; i++) {
-			const removedNode = controlState.lastRemovedNodes[i];
-			if (removedNode instanceof Element) teardownNodeSubtree(removedNode);
-			if (removedNode.parentNode === parent) {
-				recordBenchEvent("domRemove");
-				parent.removeChild(removedNode);
-			}
-		}
-		if (nextDom) {
-			if (parent.childNodes.length !== 1 || parent.firstChild !== nextDom || controlState.lastRemovedNodes.length > 0) parent.replaceChildren(nextDom);
-		} else if (parent.firstChild) parent.textContent = "";
-		keyedElements.delete(parent);
-		clearControlBoundaryDomUpdateState(controlState);
-		return;
-	}
-	commitForStateBoundaryChildren(parent, controlState, childrenVNodes, {
-		isProduction: () => getRuntimeEnv().NODE_ENV === "production",
-		syncForItemDom,
-		tryPatchStableForDirtyItem
-	});
-}
-/**
-* Update an existing element's attributes and children from vnode
-*/
-function updateElementFromVnode(el, vnode, updateChildren = true, forceChildrenUpdate = false) {
-	if (!_isDOMElement(vnode)) return;
-	const props = vnode.props || {};
-	const domVNode = vnode;
-	if (isHydrationSkipped(el)) {
-		clearHydrationDeferredSubtree(el);
-		return;
-	}
-	materializeKey(el, vnode, props);
-	updateElementRef(el, props.ref);
-	const existingListeners = elementListeners.get(el);
-	const existingReactiveProps = elementReactivePropsCleanup.get(el);
-	if ((!existingListeners || existingListeners.size === 0) && (!existingReactiveProps || existingReactiveProps.size === 0)) {
-		if (!forceChildrenUpdate && hasMatchingStaticProps(el, props, vnode.type)) {
-			if (updateChildren) {
-				const children = props.children ?? vnode.children;
-				if (!forceChildrenUpdate && canReuseStaticSubtree(el, domVNode)) return;
-				updateElementChildren(el, children, forceChildrenUpdate);
-			}
-			return;
-		}
-	}
-	let desiredListenerKeys = null;
-	let desiredDelegatedEventNames = null;
-	let desiredReactivePropNames = null;
-	const usesReactiveChildren = syncReactiveScalarChild(el, props.children ?? domVNode.children);
-	if (usesReactiveChildren) (desiredReactivePropNames ??= /* @__PURE__ */ new Set()).add(REACTIVE_CHILDREN_KEY);
-	for (const key in props) {
-		const value = props[key];
-		if (key === "ref") continue;
-		if (isSkippedProp(key)) continue;
-		const eventProp = parseEventProp(key);
-		const eventName = eventProp?.eventName;
-		const eventCapture = eventProp?.capture ?? false;
-		const listenerKey = eventName === void 0 ? null : getEventListenerKey(eventName, eventCapture);
-		if (value === void 0 || value === null || value === false) {
-			if (key === "class" || key === "className") writeElementClassName(el, "");
-			else if (key === "value") applyFormControlProp(el, key, "", vnode.type);
-			else if (key === "checked") applyFormControlProp(el, key, false, vnode.type);
-			else if (listenerKey && existingListeners?.has(listenerKey)) {
-				const entry = existingListeners.get(listenerKey);
-				incDevCounter("listenerRemoves");
-				if (entry.isDelegated) removeDelegatedListener(el, entry.eventName);
-				else if (entry.options !== void 0) el.removeEventListener(entry.eventName, entry.handler, entry.options);
-				else el.removeEventListener(entry.eventName, entry.handler);
-				existingListeners.delete(listenerKey);
-			} else {
-				const entry = existingReactiveProps?.get(key);
-				if (entry) {
-					entry.cleanup();
-					existingReactiveProps?.delete(key);
-				} else removeRenderedAttribute(el, key);
-			}
-			continue;
-		}
-		if (typeof value === "function" && !eventProp && key !== "ref") {
-			const existingEntry = existingReactiveProps?.get(key);
-			if (existingReactiveProps && existingReactiveProps.size > 0) (desiredReactivePropNames ??= /* @__PURE__ */ new Set()).add(key);
-			if (existingEntry && existingEntry.fnRef === value) continue;
-			if (existingEntry?.updateFn) {
-				existingEntry.updateFn(value);
-				existingEntry.fnRef = value;
-				continue;
-			}
-			if (existingEntry) existingEntry.cleanup();
-			const reactive = setupReactiveProp(el, key, value, vnode.type);
-			if (!elementReactivePropsCleanup.has(el)) elementReactivePropsCleanup.set(el, /* @__PURE__ */ new Map());
-			elementReactivePropsCleanup.get(el).set(key, {
-				cleanup: reactive.cleanup,
-				updateFn: (nextValue) => {
-					reactive.updateFn(nextValue);
-				},
-				fnRef: value
-			});
-			continue;
-		}
-		const existingReactiveEntry = existingReactiveProps?.get(key);
-		if (existingReactiveEntry) {
-			existingReactiveEntry.cleanup();
-			existingReactiveProps?.delete(key);
-		}
-		if (key === "class" || key === "className") writeElementClassName(el, String(value));
-		else if (key === "style") applyStylePropValue(el, value);
-		else if (key === "value" || key === "checked") applyFormControlProp(el, key, value, vnode.type);
-		else if (eventProp && listenerKey) {
-			const eventName = eventProp.eventName;
-			const eventCapture = eventProp.capture;
-			const useDelegation = !eventCapture && isEventDelegationEnabled() && isDelegatedEvent(eventName);
-			if (useDelegation) (desiredDelegatedEventNames ??= /* @__PURE__ */ new Set()).add(eventName);
-			if (useDelegation) {
-				const existingDelegated = getDelegatedHandlerForElement(el, eventName);
-				if (existingDelegated?.original === value) continue;
-				if (existingDelegated && updateDelegatedListener(el, eventName, value, value, void 0)) continue;
-				addDelegatedListener(el, eventName, value, value, void 0);
-				continue;
-			}
-			(desiredListenerKeys ??= /* @__PURE__ */ new Set()).add(listenerKey);
-			const existing = existingListeners?.get(listenerKey);
-			if (existing && existing.original === value) continue;
-			if (existing) {
-				if (useDelegation && existing.isDelegated && updateDelegatedListener(el, eventName, value, value, void 0)) {
-					existing.handler = value;
-					existing.original = value;
-					existing.options = void 0;
-					continue;
-				}
-				if (!useDelegation && !existing.isDelegated && existing.updateHandler) {
-					existing.updateHandler(value);
-					existing.original = value;
-					continue;
-				}
-				if (existing.isDelegated) removeDelegatedListener(el, existing.eventName);
-				else if (existing.options !== void 0) el.removeEventListener(existing.eventName, existing.handler, existing.options);
-				else el.removeEventListener(existing.eventName, existing.handler);
-			}
-			const options = getEventListenerOptions(eventName, eventCapture);
-			const mutableHandler = createMutableWrappedHandler(value, true);
-			const trackedHandler = mutableHandler.handler;
-			if (options !== void 0) el.addEventListener(eventName, trackedHandler, options);
-			else el.addEventListener(eventName, trackedHandler);
-			incDevCounter("listenerAdds");
-			const listenerEntry = {
-				handler: trackedHandler,
-				original: value,
-				eventName,
-				options,
-				isDelegated: false,
-				updateHandler: mutableHandler?.updateHandler
-			};
-			if (!elementListeners.has(el)) elementListeners.set(el, /* @__PURE__ */ new Map());
-			elementListeners.get(el).set(listenerKey, listenerEntry);
-		} else setRenderedAttribute(el, key, String(value));
-	}
-	removeStaleAttributes(el, domVNode, props);
-	if (existingListeners && existingListeners.size > 0) if (desiredListenerKeys === null) {
-		existingListeners.forEach((entry) => {
-			incDevCounter("listenerRemoves");
-			if (entry.isDelegated) removeDelegatedListener(el, entry.eventName);
-			else if (entry.options !== void 0) el.removeEventListener(entry.eventName, entry.handler, entry.options);
-			else el.removeEventListener(entry.eventName, entry.handler);
-		});
-		elementListeners.delete(el);
-	} else {
-		existingListeners.forEach((entry, listenerKey) => {
-			if (!desiredListenerKeys.has(listenerKey)) {
-				incDevCounter("listenerRemoves");
-				if (entry.isDelegated) removeDelegatedListener(el, entry.eventName);
-				else if (entry.options !== void 0) el.removeEventListener(entry.eventName, entry.handler, entry.options);
-				else el.removeEventListener(entry.eventName, entry.handler);
-				existingListeners.delete(listenerKey);
-			}
-		});
-		if (existingListeners.size === 0) elementListeners.delete(el);
-	}
-	const delegatedHandlers = getDelegatedHandlersForElement(el);
-	if (delegatedHandlers && delegatedHandlers.size > 0) {
-		if (desiredDelegatedEventNames === null) for (const eventName of delegatedHandlers.keys()) removeDelegatedListener(el, eventName);
-		else for (const eventName of delegatedHandlers.keys()) if (!desiredDelegatedEventNames.has(eventName)) removeDelegatedListener(el, eventName);
-	}
-	if (existingReactiveProps && existingReactiveProps.size > 0) if (desiredReactivePropNames === null) {
-		existingReactiveProps.forEach((entry) => {
-			entry.cleanup();
-		});
-		elementReactivePropsCleanup.delete(el);
-	} else {
-		existingReactiveProps.forEach((entry, key) => {
-			if (!desiredReactivePropNames.has(key)) {
-				entry.cleanup();
-				existingReactiveProps.delete(key);
-			}
-		});
-		if (existingReactiveProps.size === 0) elementReactivePropsCleanup.delete(el);
-	}
-	if (updateChildren) {
-		const children = props.children ?? vnode.children;
-		if (usesReactiveChildren) return;
-		updateElementChildren(el, children, forceChildrenUpdate);
-	}
-}
-function updateElementChildren(el, children, forceUpdate = false) {
-	const directControlBoundary = getDirectControlBoundaryVNode(children);
-	if (directControlBoundary) {
-		const controlState = getControlBoundaryState(directControlBoundary);
-		if (!controlState) throw new Error("[updateElementChildren] Control boundary missing internal state");
-		registerControlBoundaryCommitOwner(el, controlState);
-		commitForBoundaryChildren(el, controlState, evaluateControlBoundaryState(controlState));
-		return;
-	}
-	clearControlBoundaryCommitOwner(el);
-	if (children === null || children === void 0) {
-		for (let n = el.firstChild; n;) {
-			const next = n.nextSibling;
-			teardownNodeSubtree(n);
-			n = next;
-		}
-		el.textContent = "";
-		return;
-	}
-	if (!Array.isArray(children) && isFragmentVNode(children)) {
-		updateUnkeyedChildren(el, normalizeComponentChildren(children), forceUpdate);
-		return;
-	}
-	if (!Array.isArray(children) && (typeof children === "string" || typeof children === "number")) {
-		if (el.childNodes.length === 1 && el.firstChild?.nodeType === 3) {
-			const s = String(children);
-			const t = el.firstChild;
-			if (t.data !== s) t.data = s;
-		} else {
-			for (let n = el.firstChild; n;) {
-				const next = n.nextSibling;
-				teardownNodeSubtree(n);
-				n = next;
-			}
-			el.textContent = String(children);
-		}
-		return;
-	}
-	if (Array.isArray(children)) {
-		const normalizedChildren = normalizeComponentChildren(children);
-		if (trySyncScalarChildSequenceInPlace(el, normalizedChildren)) {
-			keyedElements.delete(el);
-			return;
-		}
-		if (hasKeyedVNodeChildren(normalizedChildren)) {
-			const newKeyMap = reconcileKeyedChildren(el, normalizedChildren, getOrBuildDomKeyMap(el));
-			keyedElements.set(el, newKeyMap);
-			return;
-		}
-		if (isBulkTextFastPathEligible(el, normalizedChildren)) {
-			performBulkTextReplace(el, normalizedChildren);
-			keyedElements.delete(el);
-			return;
-		}
-		updateUnkeyedChildren(el, normalizedChildren, forceUpdate);
-		return;
-	}
-	if (_isDOMElement(children)) {
-		updateUnkeyedChildren(el, [children], forceUpdate);
-		return;
-	}
-	for (let n = el.firstChild; n;) {
-		const next = n.nextSibling;
-		teardownNodeSubtree(n);
-		n = next;
-	}
-	el.textContent = "";
-	const dom = createDOMNode(children);
-	if (dom) el.appendChild(dom);
-}
-function hasKeyedVNodeChildren(children) {
-	for (let i = 0; i < children.length; i++) if (extractKey(children[i]) !== void 0) return true;
-	return false;
-}
-function isEmptyChild(child) {
-	return child === null || child === void 0 || child === false;
-}
-function getOrBuildDomKeyMap(parent) {
-	let keyMap = keyedElements.get(parent);
-	if (!keyMap) {
-		keyMap = /* @__PURE__ */ new Map();
-		for (let child = parent.firstElementChild; child; child = child.nextElementSibling) {
-			const key = child.getAttribute("data-key");
-			if (key !== null) {
-				keyMap.set(key, child);
-				const numericKey = Number(key);
-				if (!Number.isNaN(numericKey)) keyMap.set(numericKey, child);
-			}
-		}
-		if (keyMap.size > 0) keyedElements.set(parent, keyMap);
-	}
-	return keyMap.size > 0 ? keyMap : void 0;
-}
-function upperCommonTagName(tag) {
-	switch (tag) {
-		case "div": return "DIV";
-		case "span": return "SPAN";
-		case "p": return "P";
-		case "a": return "A";
-		case "button": return "BUTTON";
-		case "input": return "INPUT";
-		case "ul": return "UL";
-		case "ol": return "OL";
-		case "li": return "LI";
-		default: return null;
-	}
-}
-function tagsEqualIgnoreCase(elementTagName, vnodeType) {
-	const upperCommon = upperCommonTagName(vnodeType);
-	if (upperCommon !== null && elementTagName === upperCommon) return true;
-	return tagNamesEqualIgnoreCase(elementTagName, vnodeType);
-}
-const STATIC_CHILD_SLOTS_CACHE = Symbol.for("__askrStaticChildSlots");
-let staticChildSlotsCacheEnabled = true;
-function setStaticChildSlotsCacheEnabled(enabled) {
-	staticChildSlotsCacheEnabled = enabled;
-}
-function collectStaticChildSlots(children, slots) {
-	if (isFragmentVNode(children)) return collectStaticChildSlots(children.props?.children ?? children.children, slots);
-	if (Array.isArray(children)) {
-		for (const child of children) if (!collectStaticChildSlots(child, slots)) return false;
-		return true;
-	}
-	if (children === null || children === void 0 || children === false) return true;
-	if (typeof children === "string" || typeof children === "number") {
-		slots.push({
-			kind: "text",
-			value: String(children)
-		});
-		return true;
-	}
-	if (_isDOMElement(children) && typeof children.type === "string") {
-		slots.push({
-			kind: "element",
-			value: children
-		});
-		return true;
-	}
-	return false;
-}
-function getStaticChildSlots(vnode) {
-	if (staticChildSlotsCacheEnabled) {
-		const cached = vnode[STATIC_CHILD_SLOTS_CACHE];
-		if (cached !== void 0) return cached;
-	}
-	const slots = [];
-	const staticSlots = collectStaticChildSlots(vnode.props?.children ?? vnode.children, slots) ? slots : null;
-	if (staticChildSlotsCacheEnabled) {
-		const cacheNode = vnode;
-		if (Object.isExtensible(vnode)) cacheNode[STATIC_CHILD_SLOTS_CACHE] = staticSlots;
-	}
-	return staticSlots;
-}
-function hasMatchingStaticProps(el, props, vnodeType) {
-	let staticPropCount = 0;
-	for (const key in props) {
-		if (isSkippedProp(key)) continue;
-		const value = props[key];
-		if (value === void 0 || value === null || value === false) return false;
-		if (parseEventName(key) || typeof value === "function") return false;
-		if (key === "class" || key === "className") {
-			if (readElementClassName(el) !== String(value)) return false;
-			staticPropCount += 1;
-			continue;
-		}
-		if (key === "style") {
-			const styleValue = typeof value === "string" ? value.trim().replace(/;$/, "") : null;
-			const domStyle = el.getAttribute("style")?.trim().replace(/;$/, "") ?? "";
-			if (styleValue === null || domStyle !== styleValue) return false;
-			staticPropCount += 1;
-			continue;
-		}
-		if (key === "value" || key === "checked") {
-			if (el[key] !== value) return false;
-			staticPropCount += 1;
-			continue;
-		}
-		if (key === "selected" && vnodeType === "option") {
-			if (el.selected !== Boolean(value)) return false;
-			staticPropCount += 1;
-			continue;
-		}
-		if (el.getAttribute(getRenderedAttributeName(el, key)) !== String(value)) return false;
-		staticPropCount += 1;
-	}
-	return el.attributes.length === staticPropCount;
-}
-function canReuseStaticSubtree(el, vnode) {
-	if (typeof vnode.type !== "string" || !tagsEqualIgnoreCase(el.tagName, vnode.type)) return false;
-	if (!hasMatchingStaticProps(el, vnode.props || {}, vnode.type)) return false;
-	const slots = getStaticChildSlots(vnode);
-	if (!slots) return false;
-	if (el.childNodes.length !== slots.length) return false;
-	for (let index = 0; index < slots.length; index += 1) {
-		const slot = slots[index];
-		const current = el.childNodes[index];
-		if (!current) return false;
-		if (slot.kind === "text") {
-			if (current.nodeType !== 3 || current.data !== slot.value) return false;
-			continue;
-		}
-		if (!(current instanceof Element)) return false;
-		if (!canReuseStaticSubtree(current, slot.value)) return false;
-	}
-	return true;
-}
-function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
-	const parentNamespace = parent.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : void 0;
-	const trySyncComponentChild = (currentDom, next) => {
-		if (typeof next.type !== "function") return null;
-		return syncComponentElement(currentDom, next, next.type, (next.props ?? {}) || {}, parentNamespace, forceUpdate);
-	};
-	const trySyncControlBoundaryChild = (parent, currentNode, next) => {
-		if (next.type !== __FOR_BOUNDARY__) return false;
-		const controlState = getControlBoundaryState(next);
-		if (!controlState || controlState.kind === "for") return false;
-		const childrenVNodes = evaluateControlBoundaryState(controlState);
-		const activeScope = controlState.activeScope;
-		const activeVNode = childrenVNodes[0];
-		const nextDom = activeScope && activeVNode !== void 0 ? syncForItemDom(parent, activeScope, activeVNode) : null;
-		for (let i = 0; i < controlState.lastRemovedNodes.length; i++) {
-			const removedNode = controlState.lastRemovedNodes[i];
-			if (removedNode.parentNode !== parent) continue;
-			teardownNodeSubtree(removedNode);
-			if (nextDom && nextDom !== removedNode && !nextDom.parentNode) parent.replaceChild(nextDom, removedNode);
-			else parent.removeChild(removedNode);
-		}
-		if (nextDom && !nextDom.parentNode) if (currentNode?.parentNode === parent) {
-			teardownNodeSubtree(currentNode);
-			parent.replaceChild(nextDom, currentNode);
-		} else parent.appendChild(nextDom);
-		else if (!nextDom && currentNode?.parentNode === parent) {
-			teardownNodeSubtree(currentNode);
-			parent.removeChild(currentNode);
-		}
-		clearControlBoundaryDomUpdateState(controlState);
-		return true;
-	};
-	const hasText = newChildren.some((c) => typeof c === "string" || typeof c === "number");
-	const hasElements = newChildren.some((c) => _isDOMElement(c));
-	const hasEmptyChildren = newChildren.some(isEmptyChild);
-	const hasComponentChildren = newChildren.some((c) => _isDOMElement(c) && typeof c.type === "function");
-	const hasNonElementDomChildren = parent.childNodes.length !== parent.children.length;
-	if (!hasEmptyChildren && !hasText && !hasComponentChildren && !hasNonElementDomChildren && hasElements && parent.children.length === newChildren.length) {
-		const c = parent.children;
-		for (let i = 0; i < newChildren.length; i++) {
-			const next = newChildren[i];
-			const current = c[i];
-			if (!current || next === void 0) continue;
-			if (_isDOMElement(next) && typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) updateElementFromVnode(current, next, true, forceUpdate);
-			else {
-				const dom = createDOMNode(next, parentNamespace);
-				if (dom) {
-					teardownNodeSubtree(current);
-					parent.replaceChild(dom, current);
-				}
-			}
-			else if (_isDOMElement(next)) {
-				if (trySyncControlBoundaryChild(parent, current, next)) continue;
-				const synced = trySyncComponentChild(current, next);
-				if (synced && synced !== current) teardownNodeSubtree(current);
-				else if (!synced) {
-					const dom = createDOMNode(next, parentNamespace);
-					if (dom) {
-						teardownNodeSubtree(current);
-						parent.replaceChild(dom, current);
-					}
-				}
-			} else {
-				const dom = createDOMNode(next, parentNamespace);
-				if (dom) {
-					teardownNodeSubtree(current);
-					parent.replaceChild(dom, current);
-				}
-			}
-		}
-		return;
-	}
-	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++) {
-			const currentNode = allNodes[i];
-			const next = newChildren[i];
-			const nextIsEmpty = isEmptyChild(next);
-			if (nextIsEmpty && currentNode) {
-				teardownNodeSubtree(currentNode);
-				currentNode.remove();
-				continue;
-			}
-			if (!currentNode && !nextIsEmpty) {
-				const dom = createDOMNode(next, parentNamespace);
-				if (dom) parent.appendChild(dom);
-				continue;
-			}
-			if (!currentNode || nextIsEmpty) continue;
-			if (typeof next === "string" || typeof next === "number") if (currentNode.nodeType === 3) currentNode.data = String(next);
-			else {
-				const textNode = document.createTextNode(String(next));
-				parent.replaceChild(textNode, currentNode);
-			}
-			else if (_isDOMElement(next)) if (currentNode.nodeType === 1) {
-				const currentEl = currentNode;
-				if (typeof next.type === "string") if (tagsEqualIgnoreCase(currentEl.tagName, next.type)) updateElementFromVnode(currentEl, next, true, forceUpdate);
-				else {
-					const dom = createDOMNode(next, parentNamespace);
-					if (dom) {
-						teardownNodeSubtree(currentEl);
-						parent.replaceChild(dom, currentNode);
-					}
-				}
-				else {
-					if (trySyncControlBoundaryChild(parent, currentNode, next)) continue;
-					const synced = trySyncComponentChild(currentEl, next);
-					if (synced && synced !== currentNode) teardownNodeSubtree(currentEl);
-					else if (!synced) {
-						const dom = createDOMNode(next, parentNamespace);
-						if (dom) {
-							teardownNodeSubtree(currentEl);
-							parent.replaceChild(dom, currentNode);
-						}
-					}
-				}
-			} else {
-				const dom = createDOMNode(next, parentNamespace);
-				if (dom) parent.replaceChild(dom, currentNode);
-			}
-		}
-		return;
-	}
-	if (newChildren.length === 1 && existing.length === 0 && parent.childNodes.length === 1) {
-		const firstNewChild = newChildren[0];
-		const firstExisting = parent.firstChild;
-		if ((typeof firstNewChild === "string" || typeof firstNewChild === "number") && firstExisting?.nodeType === 3) {
-			firstExisting.data = String(firstNewChild);
-			return;
-		}
-	}
-	if (existing.length === 0 && parent.childNodes.length > 0) {
-		for (let n = parent.firstChild; n;) {
-			const next = n.nextSibling;
-			teardownNodeSubtree(n);
-			n = next;
-		}
-		parent.textContent = "";
-	}
-	const max = Math.max(existing.length, newChildren.length);
-	for (let i = 0; i < max; i++) {
-		const current = existing[i];
-		const next = newChildren[i];
-		const nextIsEmpty = isEmptyChild(next);
-		if (nextIsEmpty && current) {
-			teardownNodeSubtree(current);
-			current.remove();
-			continue;
-		}
-		if (!current && !nextIsEmpty) {
-			const dom = createDOMNode(next, parentNamespace);
-			if (dom) parent.appendChild(dom);
-			continue;
-		}
-		if (!current || nextIsEmpty) continue;
-		if (typeof next === "string" || typeof next === "number") {
-			const textNode = document.createTextNode(String(next));
-			teardownNodeSubtree(current);
-			parent.replaceChild(textNode, current);
-		} else if (_isDOMElement(next)) if (typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) updateElementFromVnode(current, next, true, forceUpdate);
-		else {
-			const dom = createDOMNode(next, parentNamespace);
-			if (dom) {
-				teardownNodeSubtree(current);
-				parent.replaceChild(dom, current);
-			}
-		}
-		else {
-			const synced = trySyncComponentChild(current, next);
-			if (synced && synced !== current) teardownNodeSubtree(current);
-			else if (!synced) {
-				const dom = createDOMNode(next, parentNamespace);
-				if (dom) {
-					teardownNodeSubtree(current);
-					parent.replaceChild(dom, current);
-				}
-			}
-		}
-		else {
-			const dom = createDOMNode(next);
-			if (dom) {
-				teardownNodeSubtree(current);
-				parent.replaceChild(dom, current);
-			}
-		}
-	}
-}
-//#endregion
-export { IS_DOM_AVAILABLE, commitForBoundaryChildren, createDOMNode, createForBoundary, markReactivePropsDirtySource, setStaticChildSlotsCacheEnabled, syncComponentElement, tryPatchStableForDirtyItem, updateElementChildren, updateElementFromVnode, updateUnkeyedChildren };
-
-//# sourceMappingURL=dom.js.map
+import "./boundaries.js";
+import { isBulkTextFastPathEligible, performBulkPositionalKeyedTextUpdate, performBulkTextReplace } from "./children.js";
+import { syncComponentElement } from "./component-host.js";
+import { setStaticChildSlotsCacheEnabled } from "./static-reuse.js";
+import { updateElementChildren, updateUnkeyedChildren } from "./element-children.js";
+import { markReactivePropsDirtySource } from "./prop-bindings.js";
+import { tryPatchStableForDirtyItem } from "./stable-patch.js";
+import { IS_DOM_AVAILABLE, createDOMNode, updateElementFromVnode } from "./dom-internal.js";
+export { IS_DOM_AVAILABLE, createDOMNode, isBulkTextFastPathEligible, markReactivePropsDirtySource, performBulkPositionalKeyedTextUpdate, performBulkTextReplace, setStaticChildSlotsCacheEnabled, syncComponentElement, tryPatchStableForDirtyItem, updateElementChildren, updateElementFromVnode, updateUnkeyedChildren };