@askrjs/askr 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## Unreleased
 
+## 0.2.3 — 2026-08-25
+
+- fix(data): make mutation invalidation and reconcile retries generation-safe
+  when asynchronous submissions are superseded.
+- fix(renderer): keep DOM-range ownership consistent when anchors are
+  re-registered.
+- fix(interactions): respect RTL arrow-key direction in roving focus.
+- fix(runtime): harden scheduler, hydration, SSR, and error-boundary failure
+  paths.
+
 - feat(data): add lifecycle-owned dynamic keyed query collections with bounded
   initial loading, aggregate state, per-key retry, and shared query caching.
 - fix(runtime): reject recursive `derive()` and `selector()` reads before a

package/README.md

@@ -3,9 +3,11 @@
 [![CI](https://github.com/askrjs/askr/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/askrjs/askr/actions/workflows/ci.yml)
 [![npm version](https://img.shields.io/npm/v/%40askrjs%2Faskr.svg)](https://www.npmjs.com/package/@askrjs/askr)
 
-Askr is an actor-backed UI runtime for TypeScript applications.
-It provides explicit reactivity, routed application startup, server-side rendering,
-and static-site generation entrypoints.
+Askr is a lane-scheduled UI runtime for TypeScript applications. Its
+single-threaded scheduler serializes queued framework work; it is not a
+message-passing actor system. Askr provides explicit reactivity, routed
+application startup, server-side rendering, and static-site generation
+entrypoints.
 
 ## Quick Start
 
@@ -22,6 +24,9 @@ function Counter() {
 createIsland({ root: document.body, component: Counter });
 ```
 
+The tuple form above and the direct callable form below are equivalent; see
+[State usage forms](#state-usage-forms) for when each is convenient.
+
 ## What It Provides
 
 ### Runtime
@@ -41,12 +46,30 @@ on their own subpaths.
 
 State is read through getter functions and updated through setter functions.
 
+#### State usage forms
+
+`state()` returns one callable state cell that is also iterable. Destructuring
+it gives the cell as the getter and its `.set()` method as the setter:
+
 ```ts
 const [count, setCount] = state(0);
 console.log(count());
 setCount(1);
 ```
 
+The same state can be kept as one value and updated through `.set()`:
+
+```ts
+const count = state(0);
+console.log(count());
+count.set(1);
+```
+
+Prefer destructuring when local getter and setter names make event handlers
+clear. Prefer the direct form when passing the state cell around as one value or
+when keeping reads and writes under one name. Both forms have the same tracking,
+scheduling, and update semantics.
+
 ### Routing and app startup
 
 Startup belongs in `@askrjs/askr/boot`. Routing helpers live in
@@ -86,7 +109,12 @@ return <div>{data.value.name}</div>;
 }
 ```
 
-Query and mutation helpers live in `@askrjs/askr/data`.
+`@askrjs/askr/data` is the canonical entrypoint for all query, mutation,
+invalidation, and data-runtime helpers. The root package retains query creation
+and collection, definition and serving, prefetch, and hydration exports for
+compatibility with existing applications. Mutation, invalidation, and
+data-runtime control remain subpath-only. New code should import the whole data surface from
+`@askrjs/askr/data` rather than split related imports across entrypoints.
 
 ### Developer error boundaries
 

package/dist/{access-d_DCdwqn.js → access-BucjYZcX.js}

@@ -282,7 +282,15 @@ var Scheduler = class {
 		const target = typeof targetVersion === "number" ? targetVersion : this.flushVersion + 1;
 		if (this.flushVersion >= target) return Promise.resolve();
 		return new Promise((resolve, reject) => {
-			const timer = setTimeout(() => {
+			const waiter = {
+				target,
+				resolve,
+				reject
+			};
+			waiter.timer = setTimeout(() => {
+				const index = this.waiters.indexOf(waiter);
+				if (index >= 0) this.waiters.splice(index, 1);
+				if (waiter.timer !== void 0) clearTimeout(waiter.timer);
 				const diag = {
 					flushVersion: this.flushVersion,
 					queueLen: this.getPendingTaskCount(),
@@ -292,12 +300,7 @@ var Scheduler = class {
 				};
 				reject(/* @__PURE__ */ new Error(`waitForFlush timeout ${timeoutMs}ms: ${JSON.stringify(diag)}`));
 			}, timeoutMs);
-			this.waiters.push({
-				target,
-				resolve,
-				reject,
-				timer
-			});
+			this.waiters.push(waiter);
 		});
 	}
 	getState() {
@@ -331,8 +334,10 @@ var Scheduler = class {
 			return fn();
 		} finally {
 			this.inHandler = prevInHandler;
-			if (!this.inHandler) if (flushMode === "sync") this.flushIfQueued();
-			else this.scheduleFlushKick();
+			if (!this.inHandler) {
+				if (flushMode === "sync") this.flushIfQueued();
+				else this.scheduleFlushKick();
+			}
 		}
 	}
 	setInHandler(v) {
@@ -377,7 +382,7 @@ var Scheduler = class {
 		const ready = [];
 		const remaining = [];
 		for (const w of this.waiters) if (this.flushVersion >= w.target) {
-			if (w.timer) clearTimeout(w.timer);
+			if (w.timer !== void 0) clearTimeout(w.timer);
 			ready.push(w.resolve);
 		} else remaining.push(w);
 		this.waiters = remaining;

package/dist/actions/index.d.ts

@@ -1,2 +1,2 @@
-import { a as action, i as ActionValidationError, n as ActionForm, o as defineAction, r as ActionStatus, t as ActionDescriptor } from "../index-DSqXWc77.js";
+import { a as action, i as ActionValidationError, n as ActionForm, o as defineAction, r as ActionStatus, t as ActionDescriptor } from "../index-Dgjbo2gU.js";
 export { ActionDescriptor, ActionForm, ActionStatus, ActionValidationError, action, defineAction };

package/dist/actions/index.js

@@ -1,8 +1,9 @@
 import { d as getCurrentAppRenderRuntime } from "../component-scope-4I3yEMkb.js";
 import { r as getCurrentRenderData } from "../render-context-B7ohlh6t.js";
-import { t as state } from "../state-Ks-sWTQi.js";
+import { t as state } from "../state-BGJgYSyQ.js";
 import { jsx, jsxs } from "../jsx-runtime.js";
 import { c as resolveDataRuntimeState, s as invalidateQueriesForRuntime } from "../data-runtime-7t_Y0iv3.js";
+import { r as isCurrentAsyncGeneration } from "../shared-CYBH3F8I.js";
 //#region src/actions/runtime.ts
 const emptyFramework = Object.freeze({});
 /** @internal Read Askr-owned state from the current application root. */
@@ -97,8 +98,8 @@ function action(descriptor) {
 				if (!response.ok) throw envelope.error ?? validationError(envelope, descriptor.id) ?? /* @__PURE__ */ new Error(`Action failed (${response.status}).`);
 				const redirect = typeof envelope.redirect === "string" ? normalizeActionRedirect(envelope.redirect) : void 0;
 				const invalidates = Array.isArray(envelope.invalidates) ? envelope.invalidates.filter((prefix) => typeof prefix === "string") : descriptor.invalidates;
-				if (generation === actionSubmissionGenerations.get(value)) {
-					for (const prefix of invalidates) invalidateQueriesForRuntime(runtime, prefix, true);
+				for (const prefix of invalidates) invalidateQueriesForRuntime(runtime, prefix, true);
+				if (isCurrentAsyncGeneration(actionSubmissionGenerations.get(value) ?? 0, generation)) {
 					setValue({
 						pending: false,
 						result: envelope.result
@@ -107,7 +108,7 @@ function action(descriptor) {
 				}
 				return envelope.result;
 			} catch (error) {
-				if (generation === actionSubmissionGenerations.get(value)) setValue({
+				if (isCurrentAsyncGeneration(actionSubmissionGenerations.get(value) ?? 0, generation)) setValue({
 					pending: false,
 					error
 				});

package/dist/{activity-CAJ5eho-.d.ts → activity-DooIuxQO.d.ts}

@@ -1,4 +1,4 @@
-import { Rt as RouteSnapshot, wt as RouteParams } from "./index-DSqXWc77.js";
+import { $t as RouteSnapshot, zt as RouteParams } from "./index-Dgjbo2gU.js";
 //#region src/router/activity.d.ts
 /** Options for {@link onRouteChange}. */
 interface RouteChangeOptions {
@@ -9,6 +9,6 @@ type RouteChangeCleanup = void | (() => void);
 /** Register a callback to run whenever the active route changes, with optional cleanup. */
 declare function onRouteChange(fn: (current: RouteSnapshot, previous: RouteSnapshot | null) => RouteChangeCleanup, options?: RouteChangeOptions): void;
 /** Read the currently active route's {@link RouteSnapshot}; reactive during component render. */
-declare function currentRoute<TParams extends RouteParams = RouteParams>(): RouteSnapshot<TParams>;
+declare function currentRoute<TParams extends RouteParams = RouteParams, TState = unknown>(): RouteSnapshot<TParams, TState>;
 //#endregion
 export { onRouteChange as i, RouteChangeOptions as n, currentRoute as r, RouteChangeCleanup as t };

package/dist/{activity-B2Yy7Wz9.js → activity-FirwPXA_.js}

@@ -1,6 +1,6 @@
 import { d as getCurrentAppRenderRuntime, f as getCurrentComponentInstance, i as claimHookIndex } from "./component-scope-4I3yEMkb.js";
-import { a as registerCommitOperation } from "./component-internal-xW_OnTmC.js";
-import { l as notifyReadableReaders, o as markReactivePropsDirtySource, s as markReadableDerivedSubscribersDirty, u as recordReadableRead } from "./readable-D-JIKCg2.js";
+import { a as registerCommitOperation } from "./component-internal-C4hKKQBF.js";
+import { l as notifyReadableReaders, o as markReactivePropsDirtySource, s as markReadableDerivedSubscribersDirty, u as recordReadableRead } from "./readable-Di1fzSwm.js";
 import { n as getActiveRenderContext } from "./render-context-B7ohlh6t.js";
 import { n as syncRouteActivitySnapshot } from "./route-activity-CNJfpwx-.js";
 import { b as getActiveRoutes, c as removeRouteBasePath, d as deepFreeze, f as makeQuery, n as computeMatchesFromRoutes, p as parseLocation, y as getActiveRouteBasePath } from "./route-matching-Bo6UqG-5.js";
@@ -83,6 +83,14 @@ function onRouteChange(fn, options = {}) {
 	});
 }
 let serverLocation = null;
+function readLocationState() {
+	const historyState = typeof window !== "undefined" && window.history?.state ? window.history.state : null;
+	const hasState = historyState?.askrHasState === true;
+	return {
+		hasState,
+		state: hasState ? historyState.askrState : void 0
+	};
+}
 function logicalRoutePathname(pathname) {
 	const logical = removeRouteBasePath(pathname, getActiveRouteBasePath());
 	return logical === void 0 ? void 0 : parseLocation(logical).pathname;
@@ -111,11 +119,13 @@ function buildRouteSnapshot(pathname, search, hash) {
 	pathname = location.pathname;
 	const query = makeQuery(search);
 	const matches = location.withinBasePath ? computeMatchesFromRoutes(pathname, getActiveRoutes()) : [];
+	const locationState = readLocationState();
 	return Object.freeze({
 		path: pathname,
 		params: deepFreeze({ ...matches[0]?.params }),
 		query,
 		hash: hash || null,
+		...locationState,
 		matches: Object.freeze(matches)
 	});
 }
@@ -172,11 +182,13 @@ function readCurrentRouteSnapshot() {
 	const matches = withinBasePath ? computeMatchesFromRoutes(pathname, getActiveRoutes()) : [];
 	const routeParams = (withinBasePath ? getActiveRenderContext()?.params : void 0) ?? matches[0]?.params ?? {};
 	const params = deepFreeze({ ...routeParams });
+	const locationState = readLocationState();
 	return Object.freeze({
 		path: pathname,
 		params,
 		query,
 		hash: hash || null,
+		...locationState,
 		matches: Object.freeze(matches)
 	});
 }

package/dist/{compose-ref-1Fhs7mbF.js → aria-hKjThHcp.js}

@@ -85,21 +85,4 @@ function ariaSelected(selected) {
 	return selected === void 0 ? {} : { "aria-selected": String(selected) };
 }
 //#endregion
-//#region src/foundations/utilities/compose-ref.ts
-/** Write `value` to a {@link Ref}, ignoring failures on readonly object refs. */
-function setRef(ref, value) {
-	if (!ref) return;
-	if (typeof ref === "function") {
-		ref(value);
-		return;
-	}
-	if (Object.isExtensible(ref)) ref.current = value;
-}
-/** Combine multiple refs into one callback ref that writes to all of them. */
-function composeRefs(...refs) {
-	return (value) => {
-		for (const ref of refs) setRef(ref, value);
-	};
-}
-//#endregion
-export { ariaSelected as a, ariaExpanded as i, setRef as n, mergeProps as o, ariaDisabled as r, composeHandlers as s, composeRefs as t };
+export { composeHandlers as a, mergeProps as i, ariaExpanded as n, ariaSelected as r, ariaDisabled as t };

package/dist/benchmark.d.ts

@@ -1,4 +1,4 @@
-import "./jsx-runtime-BTzDdBJ_.js";
+import "./jsx-runtime-Cg7GqY1S.js";
 //#region src/bench/components/benchmark-row.d.ts
 interface BenchmarkRowData {
   id: number;

package/dist/benchmark.js

@@ -1,10 +1,10 @@
-import { r as flushRuntimeScheduler } from "./access-d_DCdwqn.js";
-import { t as state } from "./state-Ks-sWTQi.js";
-import { t as selector } from "./selector-NQiYHwZC.js";
-import { t as installRendererBridge } from "./renderer-RjZ8LHbt.js";
-import { i as For } from "./control-BLVTE1gO.js";
+import { r as flushRuntimeScheduler } from "./access-BucjYZcX.js";
+import { t as state } from "./state-BGJgYSyQ.js";
+import { t as selector } from "./selector-CsKuomw0.js";
+import { t as installRendererBridge } from "./renderer-Cl23O0hV.js";
+import { i as For } from "./control-C-wSaq9V.js";
 import { jsx, jsxs } from "./jsx-runtime.js";
-import { t as createIsland } from "./boot-DVwjHCNh.js";
+import { t as createIsland } from "./boot-tWyF6121.js";
 //#region src/bench/components/benchmark-row.tsx
 function BenchmarkRow({ item, isSelected, onSelect, onRemove }) {
 	return /* @__PURE__ */ jsxs("tr", {
@@ -63,8 +63,8 @@ function BenchmarkTable({ rows, isSelected, onSelect, onRemove }) {
 installRendererBridge();
 const benchmarkMetadata = {
 	packageName: "@askrjs/askr",
-	packageVersion: "0.2.2",
-	buildLabel: "0.2.2-local"
+	packageVersion: "0.2.4",
+	buildLabel: "0.2.4-local"
 };
 function getBenchmarkMetadata() {
 	return { ...benchmarkMetadata };

package/dist/boot/index.d.ts

@@ -1,11 +1,13 @@
-import { Bt as DataRuntime, dt as RouteAuthOptions, jt as RouteRegistry, sn as ComponentFunction } from "../index-DSqXWc77.js";
-import { a as ScrollRestorationOptions } from "../navigate-wel1e6cU.js";
+import { Et as RouteAuthOptions, Kt as RouteRegistry, Sn as ComponentFunction, tn as DataRuntime } from "../index-Dgjbo2gU.js";
+import { a as ScrollRestorationOptions } from "../navigate-F4sHgWbw.js";
 //#region src/boot/types.d.ts
 /** Configuration for {@link createIsland}: mounts one component onto existing DOM. */
 type IslandConfig = {
   root: Element | string;
   component: ComponentFunction;
   cspNonce?: string;
+  /** Optional data runtime owned by this island's render and event lifecycle. */
+  dataRuntime?: DataRuntime;
   cleanupStrict?: boolean;
   routes?: never;
 };

package/dist/boot/index.js

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

package/dist/{boot-DVwjHCNh.js → boot-tWyF6121.js}

@@ -1,19 +1,19 @@
-import { S as isProductionEnvironment, r as flushRuntimeScheduler, x as isDevelopmentEnvironment, y as logger } from "./access-d_DCdwqn.js";
+import { S as isProductionEnvironment, r as flushRuntimeScheduler, x as isDevelopmentEnvironment, y as logger } from "./access-BucjYZcX.js";
 import { n as Fragment, t as ELEMENT_TYPE } from "./jsx-DRS-qjiN.js";
-import { n as createComponentInstance, r as executeComponent } from "./component-internal-xW_OnTmC.js";
-import { t as cleanupComponent } from "./component-cleanup-DPe8claJ.js";
-import { p as isPromiseLike } from "./lifecycle-batch-BYECQw8T.js";
-import { _ as teardownNodeSubtree, d as removeAllListeners } from "./cleanup-DPtpXtA4.js";
+import { n as createComponentInstance, r as executeComponent } from "./component-internal-C4hKKQBF.js";
+import { t as cleanupComponent } from "./component-cleanup-jdbgjkT1.js";
+import { p as isPromiseLike } from "./lifecycle-batch-63aXFf2S.js";
+import { _ as teardownNodeSubtree, d as removeAllListeners } from "./cleanup-TXSsApEl.js";
 import { r as assertExecutionModel, t as _applyManifest } from "./manifest-D6rfj_jC.js";
 import { d as stopHydrationRenderPhase, l as startHydrationRenderPhase, y as pageRenderEnvelope } from "./render-context-B7ohlh6t.js";
-import { a as setStaticChildSlotsCacheEnabled, c as endHydrationDirectListenerMode, d as discardHydrationListenerTransaction, i as registerDeferredHydrationBoundary, l as beginHydrationListenerTransaction, n as activateHydrationBoundary$1, o as withIntrinsicHydrationAdoption, r as clearDeferredHydrationBoundaries, s as beginHydrationDirectListenerMode, t as installRendererBridge, u as commitHydrationListenerTransaction } from "./renderer-RjZ8LHbt.js";
-import { r as validateCspNonce, t as CspNonceScope } from "./csp-nonce-CCnMtOW-.js";
+import { a as setStaticChildSlotsCacheEnabled, c as endHydrationDirectListenerMode, d as discardHydrationListenerTransaction, i as registerDeferredHydrationBoundary, l as beginHydrationListenerTransaction, n as activateHydrationBoundary$1, o as withIntrinsicHydrationAdoption, r as clearDeferredHydrationBoundaries, s as beginHydrationDirectListenerMode, t as installRendererBridge, u as commitHydrationListenerTransaction } from "./renderer-Cl23O0hV.js";
+import { r as validateCspNonce, t as CspNonceScope } from "./csp-nonce-9NFUb7hJ.js";
 import { i as getDefaultDataRuntime } from "./data-runtime-7t_Y0iv3.js";
 import { a as hydrateDataRuntime } from "./query-registry-Bua3cDyb.js";
 import { I as lockRouteRegistration, P as hasRegisteredRoutes, _ as clearRouteState, m as _setActiveRouteAuthOptions } from "./route-matching-Bo6UqG-5.js";
-import { a as resolveRouteRequest, i as hasRouteRenderData, m as reviveDeferredValue, n as getRouteRenderContext, r as getRouteRenderData } from "./resolution-dVYwYXrI.js";
-import { o as createAppRenderRuntime, r as setServerLocation } from "./activity-B2Yy7Wz9.js";
-import { f as registerAppInstance, g as unregisterAppInstance, i as resolveRouteMeta, o as configureScrollRestoration, r as reconcileRouteMeta, t as initializeNavigation } from "./navigate-DvJvo--6.js";
+import { a as resolveRouteRequest, i as hasRouteRenderData, m as reviveDeferredValue, n as getRouteRenderContext, r as getRouteRenderData } from "./resolution-ClD-K7Lz.js";
+import { o as createAppRenderRuntime, r as setServerLocation } from "./activity-FirwPXA_.js";
+import { f as registerAppInstance, g as unregisterAppInstance, i as resolveRouteMeta, o as configureScrollRestoration, r as reconcileRouteMeta, t as initializeNavigation } from "./navigate-ZZu1IV0B.js";
 import { n as disposeRegisteredDefaultPortalScope, r as getDefaultPortalHost } from "./default-portal-runtime-DvMvWJVp.js";
 import "./ssr-DSHd_Q9K.js";
 //#region src/boot/hydration.ts
@@ -109,9 +109,7 @@ function shouldVerifyHydrationMarkup(config) {
 	return !isProductionEnvironment();
 }
 async function applySelectiveHydration(rootElement, resolved, path, cleanupStrict, hydrateOptions, source, hooks, interactionReplay) {
-	const hasPermanentSkips = (hydrateOptions.skipSelectors?.length ?? 0) > 0;
 	const hasBelowFoldDeferral = !!hydrateOptions.deferBelowFold;
-	const hasSelectiveBoundaries = hasPermanentSkips || hasBelowFoldDeferral;
 	let staticChildSlotsCacheSuspended = false;
 	let releaseSelectiveHydrationResources = () => {};
 	const restoreStaticChildSlotsCache = () => {
@@ -146,7 +144,7 @@ async function applySelectiveHydration(rootElement, resolved, path, cleanupStric
 		unregisterRootCleanupCallback = hooks.registerRootCleanupCallback(rootElement, releaseSelectiveHydrationResources);
 		window.addEventListener("scroll", handleScroll, { passive: true });
 	}
-	if (hydrateOptions.deferUntilIdle && !hasSelectiveBoundaries) {
+	if (hydrateOptions.deferUntilIdle && !hasBelowFoldDeferral) {
 		await queueIdleWork(() => {
 			hooks.mountOrUpdate(rootElement, (() => resolved.handler(resolved.params)), {
 				cleanupStrict,
@@ -630,7 +628,8 @@ function createIsland(config) {
 	if (hasRegisteredRoutes()) throw new Error("Routes are not supported with islands. Use createSPA (client) or createSSR (server) instead.");
 	mountOrUpdate(rootElement, config.component, {
 		cleanupStrict: config.cleanupStrict,
-		cspNonce: config.cspNonce
+		cspNonce: config.cspNonce,
+		appRuntime: createAppRenderRuntime({ dataRuntime: config.dataRuntime ?? getDefaultDataRuntime() })
 	});
 }
 /**
@@ -786,7 +785,7 @@ async function hydrateSPA(config) {
 			cspNonce: config.cspNonce
 		}));
 		if (shouldVerifyHydrationMarkup(config)) {
-			const { verifyHydrationSyncForUrl } = await import("./verify-hydration-CThsx0pq.js");
+			const { verifyHydrationSyncForUrl } = await import("./verify-hydration-BZPJ_kYa.js");
 			if (!verifyHydrationSyncForUrl({
 				root: rootElement,
 				url: currentUrl,

package/dist/{cleanup-DPtpXtA4.js → cleanup-TXSsApEl.js}

@@ -1,8 +1,9 @@
-import { l as runRuntimeHandlerScope, y as logger } from "./access-d_DCdwqn.js";
-import "./fastlane-DUxiFV9S.js";
+import { l as runRuntimeHandlerScope, y as logger } from "./access-BucjYZcX.js";
+import "./fastlane-BKZduiBQ.js";
 import { T as withAppRenderRuntime, d as getCurrentAppRenderRuntime } from "./component-scope-4I3yEMkb.js";
-import { t as cleanupComponent } from "./component-cleanup-DPe8claJ.js";
-import { u as registerLifecycleTransaction } from "./lifecycle-batch-BYECQw8T.js";
+import { t as cleanupComponent } from "./component-cleanup-jdbgjkT1.js";
+import { u as registerLifecycleTransaction } from "./lifecycle-batch-63aXFf2S.js";
+import { n as setRef } from "./compose-ref-Bfaf4kUC.js";
 //#region src/runtime/events.ts
 /**
 * Event delegation system for Askr
@@ -281,13 +282,7 @@ function replaceElementRefBookkeeping(element, ref) {
 	} else elementRefs.delete(element);
 }
 function applyRefValue(ref, value) {
-	const resolvedRef = ref;
-	if (!resolvedRef) return;
-	if (typeof resolvedRef === "function") {
-		resolvedRef(value);
-		return;
-	}
-	if (Object.isExtensible(resolvedRef)) resolvedRef.current = value;
+	setRef(ref, value);
 }
 function updateElementRef(element, ref) {
 	if (registerLifecycleTransaction({}, () => updateElementRefImmediately(element, ref), () => void 0)) return;

package/dist/{component-cleanup-DPe8claJ.js → component-cleanup-jdbgjkT1.js}

@@ -1,6 +1,6 @@
-import { S as isProductionEnvironment, x as isDevelopmentEnvironment, y as logger } from "./access-d_DCdwqn.js";
+import { S as isProductionEnvironment, x as isDevelopmentEnvironment, y as logger } from "./access-BucjYZcX.js";
 import { a as clearCurrentComponentScope, y as restoreCurrentComponentScope } from "./component-scope-4I3yEMkb.js";
-import { n as cleanupReadableSubscriptions, t as cleanupReadableSubscriptionSources } from "./readable-D-JIKCg2.js";
+import { n as cleanupReadableSubscriptions, t as cleanupReadableSubscriptionSources } from "./readable-Di1fzSwm.js";
 //#region src/runtime/state-diagnostics.ts
 /**
 * Report state cells that were never read during a component's completed

package/dist/{component-internal-xW_OnTmC.js → component-internal-C4hKKQBF.js}

@@ -1,10 +1,10 @@
 import { a as markTransparentComponentResult, i as markEagerControlPrimitive } from "./control-C-ApnFs1.js";
-import { S as isProductionEnvironment, n as enqueueRuntimeTask, o as getRuntimeRenderer, x as isDevelopmentEnvironment, y as logger } from "./access-d_DCdwqn.js";
-import { i as tryRuntimeFastLaneSync, n as isBulkCommitActive } from "./fastlane-DUxiFV9S.js";
+import { S as isProductionEnvironment, n as enqueueRuntimeTask, o as getRuntimeRenderer, x as isDevelopmentEnvironment, y as logger } from "./access-BucjYZcX.js";
+import { i as tryRuntimeFastLaneSync, n as isBulkCommitActive } from "./fastlane-BKZduiBQ.js";
 import { C as restoreRenderScopedComponent, S as restoreInlineRenderTracking, _ as getSignalForInstance, b as restoreDomCommitScope, c as enterDomCommitScope, f as getCurrentComponentInstance, l as enterRenderScopedComponent, m as getCurrentPortalScope, n as captureInlineComponentScope, o as clearRenderTracking, p as getCurrentInstance, r as captureInlineRenderTracking, s as enterComponentExecutionScope, t as beginRenderTracking, u as exitComponentExecutionScope, v as resetRenderState, x as restoreInlineComponentScope } from "./component-scope-4I3yEMkb.js";
 import { r as STATIC_CHILDREN, t as ELEMENT_TYPE } from "./jsx-DRS-qjiN.js";
-import { i as finalizeReadableSubscriptions } from "./readable-D-JIKCg2.js";
-import { a as enqueueLifecycleCommitForInstance, d as discardCommitOperations, f as executeCommittedLifecycleOperations, n as captureInlineRenderSnapshot$1, o as finalizeInlineReadSubscriptions, p as isPromiseLike, r as discardLifecycleCommitBatch, s as flushLifecycleCommitBatch, t as beginLifecycleCommitBatch } from "./lifecycle-batch-BYECQw8T.js";
+import { i as finalizeReadableSubscriptions } from "./readable-Di1fzSwm.js";
+import { a as enqueueLifecycleCommitForInstance, d as discardCommitOperations, f as executeCommittedLifecycleOperations, n as captureInlineRenderSnapshot$1, o as finalizeInlineReadSubscriptions, p as isPromiseLike, r as discardLifecycleCommitBatch, s as flushLifecycleCommitBatch, t as beginLifecycleCommitBatch } from "./lifecycle-batch-63aXFf2S.js";
 //#region src/runtime/context.ts
 const TransparentContextScopeComponent = markTransparentComponentResult(ContextScopeComponent);
 let nextScopeIdentityKey = 0;
@@ -689,7 +689,7 @@ function commitRenderedComponent(instance) {
 function mountInstanceInline(instance, target) {
 	instance.target = target;
 	try {
-		if (target instanceof Element) {
+		if (typeof Element !== "undefined" && target instanceof Element) {
 			const host = target;
 			const instances = host.__ASKR_INSTANCES;
 			if (!instances) {
@@ -702,7 +702,16 @@ function mountInstanceInline(instance, target) {
 				host.__ASKR_INSTANCE = nextInstances[0] ?? instance;
 			}
 		}
-	} catch (err) {}
+	} catch (err) {
+		if (isDevelopmentEnvironment()) {
+			const componentName = instance.fn.name || instance.id;
+			let hostName = "unknown";
+			try {
+				hostName = target?.tagName?.toLowerCase() || hostName;
+			} catch {}
+			logger.warn(`[askr] Failed to record DOM ownership for ${componentName} on <${hostName}>.`, err);
+		}
+	}
 	instance.notifyUpdate = instance._enqueueRun;
 	const wasFirstMount = !instance.mounted;
 	instance.mounted = true;
@@ -803,4 +812,4 @@ function warnInstanceOnce(instance, key, message) {
 	logger.warn(message);
 }
 //#endregion
-export { withContext as S, haveEquivalentContextFrames as _, registerCommitOperation as a, rebaseVNodeTreeWithContextFrame as b, createBoundaryReset as c, configureRenderDiagnostics as d, callWithContext as f, getVNodeContextFrame as g, getExecutionContextFrame as h, mountInstanceInline as i, reportBoundaryError as l, getCurrentContextFrame as m, createComponentInstance as n, renderComponentInline as o, defineScope as p, executeComponent as r, renderScopedComponent as s, captureInlineRenderSnapshot as t, registerCommitOperationForInstance as u, markVNodeTreeWithContextFrame as v, withAsyncResourceContext as x, readScope as y };
+export { withContext as C, withAsyncResourceContext as S, getVNodeContextFrame as _, registerCommitOperation as a, readScope as b, createBoundaryReset as c, registerCommitOperationForInstance as d, configureRenderDiagnostics as f, getExecutionContextFrame as g, getCurrentContextFrame as h, mountInstanceInline as i, reportBoundaryError as l, defineScope as m, createComponentInstance as n, renderComponentInline as o, callWithContext as p, executeComponent as r, renderScopedComponent as s, captureInlineRenderSnapshot as t, routeComponentErrorToBoundary as u, haveEquivalentContextFrames as v, rebaseVNodeTreeWithContextFrame as x, markVNodeTreeWithContextFrame as y };

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-import { ln as VNode } from "../index-DSqXWc77.js";
-import { r as JSXElement, s as Props } from "../types-DkVJhVs9.js";
+import { wn as VNode } from "../index-Dgjbo2gU.js";
+import { r as JSXElement, s as Props } from "../types-DWVrKn9N.js";
 //#region src/common/error-boundary.d.ts
 type ErrorBoundaryContent = VNode | readonly VNode[];
 type ErrorBoundaryFallbackValue = ErrorBoundaryContent | Node;

package/dist/compose-ref-Bfaf4kUC.js

@@ -0,0 +1,20 @@
+//#region src/foundations/utilities/compose-ref.ts
+/** Write `value` to a {@link Ref}, ignoring failures on readonly object refs. */
+function setRef(ref, value) {
+	if (!ref) return;
+	if (typeof ref === "function") {
+		ref(value);
+		return;
+	}
+	try {
+		ref.current = value;
+	} catch {}
+}
+/** Combine multiple refs into one callback ref that writes to all of them. */
+function composeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) setRef(ref, value);
+	};
+}
+//#endregion
+export { setRef as n, composeRefs as t };

package/dist/control/index.d.ts

@@ -1,2 +1,2 @@
-import { F as Show, I as ShowProps, L as For, M as CaseProps, N as Match, P as MatchProps, R as ForProps, j as Case } from "../index-DSqXWc77.js";
+import { F as Show, I as ShowProps, L as For, M as CaseProps, N as Match, P as MatchProps, R as ForProps, j as Case } from "../index-Dgjbo2gU.js";
 export { Case, type CaseProps, For, type ForProps, Match, type MatchProps, Show, type ShowProps };

package/dist/control/index.js

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

package/dist/{control-BLVTE1gO.js → control-C-wSaq9V.js}

@@ -1,9 +1,9 @@
 import { i as markEagerControlPrimitive, t as __CONTROL_BOUNDARY__ } from "./control-C-ApnFs1.js";
-import { x as isDevelopmentEnvironment } from "./access-d_DCdwqn.js";
+import { x as isDevelopmentEnvironment } from "./access-BucjYZcX.js";
 import { n as Fragment } from "./jsx-DRS-qjiN.js";
-import { m as createShowState, p as createCaseState, s as useForState } from "./for-internal-DKcYl3nl.js";
-import { t as createFineGrainedEffect } from "./effect-BQP5o0Kx.js";
-import { t as state } from "./state-Ks-sWTQi.js";
+import { m as createShowState, p as createCaseState, s as useForState } from "./for-internal-DyBHfKJA.js";
+import { t as createFineGrainedEffect } from "./effect-CNwstBBD.js";
+import { t as state } from "./state-BGJgYSyQ.js";
 //#region src/control/shared.ts
 function normalizeBoundaryChild(value) {
 	if (Array.isArray(value)) {

package/dist/{control-DdFw-Caz.d.ts → control-Cxag1yqV.d.ts}

@@ -1,4 +1,4 @@
-import { s as Props } from "./types-DkVJhVs9.js";
+import { s as Props } from "./types-DWVrKn9N.js";
 //#region src/common/control.d.ts
 declare const EAGER_CONTROL_PRIMITIVE: unique symbol;
 type EagerControlPrimitive<P extends Props = Props> = ((props: P) => unknown) & {

package/dist/{csp-nonce-CCnMtOW-.js → csp-nonce-9NFUb7hJ.js}

@@ -1,4 +1,4 @@
-import { p as defineScope, y as readScope } from "./component-internal-xW_OnTmC.js";
+import { b as readScope, m as defineScope } from "./component-internal-C4hKKQBF.js";
 //#region src/common/url.ts
 const SAFE_URL_SCHEMES = /* @__PURE__ */ new Set([
 	"http",

package/dist/data/index.d.ts

@@ -1,2 +1,2 @@
-import { $t as QueryKeyPart, Bt as DataRuntime, C as createMutation, Gt as MutationOptions, Ht as InvalidateOnIntervalOptions, Jt as QueryCollectionEntry, Kt as Query, Qt as QueryDefinition, S as createQuery, Ut as InvalidateOptions, Vt as DataRuntimeOptions, Wt as Mutation, Xt as QueryCollectionOptions, Yt as QueryCollectionKey, Zt as QueryConsistency, _ as invalidate, b as createDataRuntime, c as ServerQueryRegistry, d as defineServerQueries, en as QueryPrefetchContext, f as dehydrateDataRuntime, g as createQueryCollection, h as serveQuery, l as createQueryPrefetchContext, m as prefetchQuery, nn as QueryStaleReason, p as hydrateDataRuntime, qt as QueryCollection, rn as ServerQueryHandler, s as ServerQueryEntry, tn as QueryScope, u as defineQuery, v as invalidateOnInterval, x as getDefaultDataRuntime, y as queryScope } from "../index-DSqXWc77.js";
+import { C as createMutation, S as createQuery, _ as invalidate, _n as QueryStaleReason, an as Mutation, b as createDataRuntime, c as ServerQueryRegistry, cn as QueryCollection, d as defineServerQueries, dn as QueryCollectionOptions, f as dehydrateDataRuntime, fn as QueryConsistency, g as createQueryCollection, gn as QueryScope, h as serveQuery, hn as QueryPrefetchContext, in as InvalidateOptions, l as createQueryPrefetchContext, ln as QueryCollectionEntry, m as prefetchQuery, mn as QueryKeyPart, nn as DataRuntimeOptions, on as MutationOptions, p as hydrateDataRuntime, pn as QueryDefinition, rn as InvalidateOnIntervalOptions, s as ServerQueryEntry, sn as Query, tn as DataRuntime, u as defineQuery, un as QueryCollectionKey, v as invalidateOnInterval, vn as ServerQueryHandler, x as getDefaultDataRuntime, y as queryScope } from "../index-Dgjbo2gU.js";
 export { type DataRuntime, type DataRuntimeOptions, type InvalidateOnIntervalOptions, type InvalidateOptions, type Mutation, type MutationOptions, type Query, type QueryCollection, type QueryCollectionEntry, type QueryCollectionKey, type QueryCollectionOptions, type QueryConsistency, type QueryDefinition, type QueryKeyPart, type QueryPrefetchContext, type QueryScope, type QueryStaleReason, type ServerQueryEntry, type ServerQueryHandler, type ServerQueryRegistry, createDataRuntime, createMutation, createQuery, createQueryCollection, createQueryPrefetchContext, defineQuery, defineServerQueries, dehydrateDataRuntime, getDefaultDataRuntime, hydrateDataRuntime, invalidate, invalidateOnInterval, prefetchQuery, queryScope, serveQuery };

package/dist/data/index.js

@@ -1,4 +1,4 @@
 import { i as getDefaultDataRuntime, t as createDataRuntime } from "../data-runtime-7t_Y0iv3.js";
-import { c as invalidateOnInterval, l as queryScope, n as createQuery, r as createMutation, s as invalidate, t as createQueryCollection } from "../data-BjUf0PPS.js";
+import { a as invalidateOnInterval, i as invalidate, n as createQuery, o as queryScope, r as createMutation, t as createQueryCollection } from "../data-ghKopAbp.js";
 import { a as hydrateDataRuntime, i as dehydrateDataRuntime, n as defineQuery, o as prefetchQuery, r as defineServerQueries, s as serveQuery, t as createQueryPrefetchContext } from "../query-registry-Bua3cDyb.js";
 export { createDataRuntime, createMutation, createQuery, createQueryCollection, createQueryPrefetchContext, defineQuery, defineServerQueries, dehydrateDataRuntime, getDefaultDataRuntime, hydrateDataRuntime, invalidate, invalidateOnInterval, prefetchQuery, queryScope, serveQuery };