foldkit-primitives 0.3.0 → 0.4.0

package/dist/interaction/index.mjs

@@ -1,5 +1,6 @@
 import { t as __exportAll } from "../rolldown-runtime-D7D4PA-g.mjs";
-import { a as HideOutside, c as tabbableWithin, i as Moved, n as MoveEnded, o as ScrollLock, r as MoveStarted, s as FocusScope, t as Move } from "../move-CZwHyTGk.mjs";
+import { C as MoveEnded, D as ScrollLock, E as HideOutside, O as FocusScope, S as Move, T as Moved, _ as zoneOf, a as TextCommitted, b as Targets, d as DragPlace, f as DragStarted, g as boxOf, h as PointerDrag, i as TextCancelled, k as tabbableWithin, l as DragCancelled, m as DraggedOver, n as EditAsked, o as TextEdited, p as DragZone, r as EditableText, s as textOf, t as FollowTabStop, u as DragDropped, v as TargetHovered, w as MoveStarted, x as targetOf, y as TargetPressed } from "../follow-tab-stop-DpxwLXvU.mjs";
+import { n as perInput, r as sameIds, t as clearQuery } from "../internal-DP-xLKbT.mjs";
 import { a as modalityOfKey, i as Modality, t as InputModality } from "../input-modality-m6v7__Xs.mjs";
 import { Effect, Option, Queue, Schema, Stream } from "effect";
 import * as Mount from "foldkit/mount";
@@ -23,11 +24,11 @@ var dismiss_layer_exports = /* @__PURE__ */ __exportAll({
 	Dismiss: () => Dismiss,
 	LAYER_ATTRIBUTE: () => LAYER_ATTRIBUTE,
 	Layer: () => Layer$1,
-	Message: () => Message$8,
-	Model: () => Model$8,
+	Message: () => Message$9,
+	Model: () => Model$9,
 	TRIGGER_ATTRIBUTE: () => TRIGGER_ATTRIBUTE,
-	behavior: () => behavior$10,
-	bundle: () => bundle$8,
+	behavior: () => behavior$14,
+	bundle: () => bundle$9,
 	layersOnPath: () => layersOnPath,
 	toDismiss: () => toDismiss
 });
@@ -43,10 +44,10 @@ const Layer$1 = Schema.Struct({
 	/** Dismiss on Escape when topmost. */
 	escape: Schema.Boolean
 });
-const Model$8 = Schema.Struct({ 
+const Model$9 = Schema.Struct({ 
 /** The open layers at the last event, bottom to top. */
 layers: Schema.Array(Layer$1) });
-const Message$8 = defineMessageUnion({
+const Message$9 = defineMessageUnion({
 	/** A pointer went down; `inside` are the layers whose element or trigger was on the event's path. */
 	PressedAt: {
 		layers: Schema.Array(Layer$1),
@@ -63,26 +64,30 @@ const toDismiss = (layers, inside) => {
 	});
 	return layers.slice(topmostHit + 1).filter((layer) => layer.outside).map((layer) => layer.id);
 };
-const bundle$8 = Bundle.make("DismissLayer", {
-	Model: Model$8,
-	Message: Message$8,
+const sameLayers = (a, b) => a.length === b.length && a.every((layer, index) => layer.id === b[index].id && layer.outside === b[index].outside && layer.escape === b[index].escape);
+const bundle$9 = Bundle.make("DismissLayer", {
+	Model: Model$9,
+	Message: Message$9,
 	init: () => ({ model: { layers: [] } }),
-	update: (_model, message) => Message$8.match(message, {
-		PressedAt: ({ layers, inside }) => {
-			const ids = toDismiss(layers, inside);
-			return ids.length === 0 ? { model: { layers } } : {
-				model: { layers },
-				outMessage: Dismiss.make({ ids })
-			};
-		},
-		PressedEscape: ({ layers }) => {
-			const top = layers[layers.length - 1];
-			return top !== void 0 && top.escape ? {
-				model: { layers },
-				outMessage: Dismiss.make({ ids: [top.id] })
-			} : { model: { layers } };
-		}
-	}),
+	update: (model, message) => {
+		const next = sameLayers(model.layers, message.layers) ? model : { layers: message.layers };
+		return Message$9.match(message, {
+			PressedAt: ({ layers, inside }) => {
+				const ids = toDismiss(layers, inside);
+				return ids.length === 0 ? { model: next } : {
+					model: next,
+					outMessage: Dismiss.make({ ids })
+				};
+			},
+			PressedEscape: ({ layers }) => {
+				const top = layers[layers.length - 1];
+				return top !== void 0 && top.escape ? {
+					model: next,
+					outMessage: Dismiss.make({ ids: [top.id] })
+				} : { model: next };
+			}
+		});
+	},
 	subscriptions: () => Subscription.make()(() => ({ document: Subscription.persistent(documentEvents()) }))
 });
 const openLayers = (root) => Array.from(root.querySelectorAll(`[${LAYER_ATTRIBUTE}]`)).map((element) => ({
@@ -108,13 +113,13 @@ const layersOnPath = (path) => {
 const documentEvents = () => {
 	if (typeof document === "undefined") return Stream.empty;
 	return Stream.callback((queue) => Effect.acquireRelease(Effect.sync(() => {
-		const onPointerDown = (event) => Queue.offerUnsafe(queue, Message$8.PressedAt({
+		const onPointerDown = (event) => Queue.offerUnsafe(queue, Message$9.PressedAt({
 			layers: openLayers(document),
 			inside: layersOnPath(event.composedPath())
 		}));
 		const onKeyDown = (event) => {
 			if (event.key !== "Escape") return;
-			Queue.offerUnsafe(queue, Message$8.PressedEscape({ layers: openLayers(document) }));
+			Queue.offerUnsafe(queue, Message$9.PressedEscape({ layers: openLayers(document) }));
 		};
 		document.addEventListener("pointerdown", onPointerDown, { capture: true });
 		document.addEventListener("keydown", onKeyDown, { capture: true });
@@ -133,7 +138,7 @@ const documentEvents = () => {
 * parent Model is the whole lifecycle. Not for an element with `popover`,
 * which the browser dismisses itself.
 */
-const behavior$10 = (_declared) => (slots) => (options) => Behavior.forSlots(slots)({
+const behavior$14 = (_declared) => (slots) => (options) => Behavior.forSlots(slots)({
 	[options.layer]: Behavior.slot({
 		requires: { capability: Capability.Container },
 		attributes: ({ input, h }) => [
@@ -148,13 +153,34 @@ const behavior$10 = (_declared) => (slots) => (options) => Behavior.forSlots(slo
 	}) }
 }, { name: "DismissLayer" });
 //#endregion
+//#region src/interaction/editable-text.ts
+/**
+* `EditableText` as a Behavior: attaches the `foldkit-primitives/dom` Mount to
+* a container slot and maps what it reports into the view's Messages. No
+* Bundle: the text typed is a fact, and what it changes is the parent's
+* `update`.
+*/
+var editable_text_exports = /* @__PURE__ */ __exportAll({
+	EditAsked: () => EditAsked,
+	TextCancelled: () => TextCancelled,
+	TextCommitted: () => TextCommitted,
+	TextEdited: () => TextEdited,
+	behavior: () => behavior$13,
+	mount: () => EditableText,
+	textOf: () => textOf
+});
+const behavior$13 = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+	requires: { capability: Capability.Container },
+	mount: () => Mount.mapMessage(EditableText({ attribute: options.attribute }), options.toMessage)
+}) }, { name: "EditableText" });
+//#endregion
 //#region src/interaction/focus-scope.ts
 /**
 * `FocusScope` as a Behavior: attaches the `foldkit-primitives/dom` Mount to a
 * container slot. No Bundle, because which element has focus is a DOM fact.
 */
 var focus_scope_exports = /* @__PURE__ */ __exportAll({
-	behavior: () => behavior$9,
+	behavior: () => behavior$12,
 	mount: () => FocusScope,
 	tabbableWithin: () => tabbableWithin
 });
@@ -165,7 +191,7 @@ var focus_scope_exports = /* @__PURE__ */ __exportAll({
 * `restore`, focus returns to the element that had it. A dialog that is not
 * a native `<dialog>`, a menu, or a command palette takes this.
 */
-const behavior$9 = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+const behavior$12 = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
 	requires: { capability: Capability.Container },
 	mount: () => FocusScope({
 		contain: options.contain ?? true,
@@ -177,11 +203,11 @@ const behavior$9 = (slots) => (options) => Behavior.forSlots(slots)({ [options.c
 //#region src/interaction/focus-visible.ts
 var focus_visible_exports = /* @__PURE__ */ __exportAll({
 	Modality: () => Modality,
-	behavior: () => behavior$8,
+	behavior: () => behavior$11,
 	bundle: () => InputModality,
 	modalityOfKey: () => modalityOfKey
 });
-const behavior$8 = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
+const behavior$11 = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
 	requires: { capability: Capability.Focusable },
 	attributes: ({ input, h }) => input[declared.field].modality === "keyboard" ? [h.DataAttribute("focus-visible", "true")] : []
 }) }, { name: "FocusVisible" });
@@ -195,29 +221,29 @@ const behavior$8 = (declared) => (slots) => (options) => Behavior.forSlots(slots
 * function of the items and the key; the Behavior wires it to the slots.
 */
 var roving_tabindex_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$7,
-	Message: () => Message$7,
-	Model: () => Model$7,
+	Args: () => Args$8,
+	Message: () => Message$8,
+	Model: () => Model$8,
 	Orientation: () => Orientation,
-	behavior: () => behavior$7,
-	bundle: () => bundle$7,
+	behavior: () => behavior$10,
+	bundle: () => bundle$8,
 	idSelector: () => idSelector,
 	itemAttributes: () => itemAttributes,
-	move: () => move$1,
-	tabStop: () => tabStop
+	move: () => move$2,
+	tabStop: () => tabStop$1
 });
 const Orientation = Schema.Literals([
 	"vertical",
 	"horizontal",
 	"both"
 ]);
-const Model$7 = Schema.Struct({ 
+const Model$8 = Schema.Struct({ 
 /** The current item's id, or `null` before any item has been focused. */
 current: Schema.NullOr(Schema.String) });
-const Message$7 = defineMessageUnion({ 
+const Message$8 = defineMessageUnion({ 
 /** An item became current: the user focused it, or a key moved there. */
 Focused: { id: Schema.String } });
-const Args$7 = Schema.Struct({
+const Args$8 = Schema.Struct({
 	orientation: Orientation,
 	/** Wrap from the last enabled item to the first, and back. */
 	loop: Schema.Boolean,
@@ -225,14 +251,14 @@ const Args$7 = Schema.Struct({
 	*  `aria-activedescendant` instead of moving focus. */
 	virtual: Schema.Boolean
 });
-const bundle$7 = Bundle.make("RovingTabindex", {
-	Model: Model$7,
-	Message: Message$7,
-	args: Args$7,
+const bundle$8 = Bundle.make("RovingTabindex", {
+	Model: Model$8,
+	Message: Message$8,
+	args: Args$8,
 	init: () => ({ model: { current: null } }),
-	update: (_model, message) => ({ model: { current: message.id } })
+	update: (model, message) => model.current === message.id ? { model } : { model: { current: message.id } }
 });
-const isPlain = (modifiers) => !modifiers.ctrlKey && !modifiers.altKey && !modifiers.metaKey;
+const isPlain$1 = (modifiers) => !modifiers.ctrlKey && !modifiers.altKey && !modifiers.metaKey;
 /**
 * The index the key moves to from `current`, over the enabled indices only, or
 * `undefined` when the key is not a navigation key here. `current` may be
@@ -240,8 +266,8 @@ const isPlain = (modifiers) => !modifiers.ctrlKey && !modifiers.altKey && !modif
 * item. Under `rtl`, left and right swap. PageUp and PageDown move by `page`
 * and clamp at the ends, never wrapping.
 */
-const move$1 = (enabled, current, key, modifiers, options) => {
-	if (enabled.length === 0 || !isPlain(modifiers)) return void 0;
+const move$2 = (enabled, current, key, modifiers, options) => {
+	if (enabled.length === 0 || !isPlain$1(modifiers)) return void 0;
 	const first = enabled[0];
 	const last = enabled[enabled.length - 1];
 	if (key === "Home") return first;
@@ -266,7 +292,7 @@ const move$1 = (enabled, current, key, modifiers, options) => {
 	return enabled[next];
 };
 /** The item that holds the tab stop: the current one, else the first enabled. */
-const tabStop = (items, current) => {
+const tabStop$1 = (items, current) => {
 	const index = current === null ? -1 : items.indexOf(current);
 	if (index !== -1 && !items.isDisabled(index)) return index;
 	return items.enabled[0] ?? -1;
@@ -281,7 +307,7 @@ const idSelector = (id) => `[id="${id.replace(/["\\]/g, "\\$&")}"]`;
 const itemAttributes = (h, items, current, item, virtual, focused) => {
 	const id = item.id ?? items.ids[item.index];
 	if (id === void 0) return [];
-	const isStop = tabStop(items, current) === item.index;
+	const isStop = tabStop$1(items, current) === item.index;
 	return [...virtual ? [] : [h.Tabindex(isStop ? 0 : -1)], h.OnFocus(focused(id))];
 };
 /**
@@ -295,21 +321,22 @@ const itemAttributes = (h, items, current, item, virtual, focused) => {
 * attributes are data, so a view that no longer attaches this leaves no
 * `tabindex` behind.
 */
-const behavior$7 = (declared, args) => (slots) => (options) => {
-	const wrap = (id) => declared.wrapper.make(Message$7.Focused({ id }));
+const behavior$10 = (declared, args) => (slots) => (options) => {
+	const wrap = (id) => declared.wrapper.make(Message$8.Focused({ id }));
 	const slice = (input) => input[declared.field];
+	const itemsOf = perInput(options.items);
 	return Behavior.forSlots(slots)({
 		[options.container]: Behavior.slot({
 			requires: { capability: Capability.Interactive },
 			attributes: ({ input, h }) => {
-				const items = options.items(input);
+				const items = itemsOf(input);
 				const current = slice(input).current;
 				const from = current === null ? -1 : items.indexOf(current);
 				const direction = options.direction?.(input) ?? "ltr";
-				const stop = tabStop(items, current);
+				const stop = tabStop$1(items, current);
 				const stopId = stop === -1 ? void 0 : items.ids[stop];
 				const target = (key, modifiers) => {
-					const next = move$1(items.enabled, from, key, modifiers, {
+					const next = move$2(items.enabled, from, key, modifiers, {
 						...args,
 						direction
 					});
@@ -326,7 +353,7 @@ const behavior$7 = (declared, args) => (slots) => (options) => {
 			requires: { capability: Capability.Focusable },
 			attributes: ({ input, h, item }) => {
 				if (item === void 0) return [];
-				return itemAttributes(h, options.items(input), slice(input).current, item, args.virtual, wrap);
+				return itemAttributes(h, itemsOf(input), slice(input).current, item, args.virtual, wrap);
 			}
 		})
 	}, { name: "RovingTabindex" });
@@ -343,20 +370,20 @@ const behavior$7 = (declared, args) => (slots) => (options) => {
 * on a view.
 */
 var grid_navigation_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$6,
-	Message: () => Message$6,
-	Model: () => Model$6,
-	behavior: () => behavior$6,
-	bundle: () => bundle$6,
-	move: () => move
+	Args: () => Args$7,
+	Message: () => Message$7,
+	Model: () => Model$7,
+	behavior: () => behavior$9,
+	bundle: () => bundle$7,
+	move: () => move$1
 });
-const Model$6 = Schema.Struct({ 
+const Model$7 = Schema.Struct({ 
 /** The current cell's id, or `null` before any cell has been focused. */
 current: Schema.NullOr(Schema.String) });
-const Message$6 = defineMessageUnion({ 
+const Message$7 = defineMessageUnion({ 
 /** A cell became current: the user focused it, or a key moved there. */
 Focused: { id: Schema.String } });
-const Args$6 = Schema.Struct({
+const Args$7 = Schema.Struct({
 	/** Cells per row; the last row may be short. */
 	columns: Schema.Number.pipe(Schema.check(Schema.isGreaterThanOrEqualTo(1))),
 	/** Left and right continue into the previous and next row; up and down
@@ -366,12 +393,12 @@ const Args$6 = Schema.Struct({
 	*  `aria-activedescendant` instead of moving focus. */
 	virtual: Schema.Boolean
 });
-const bundle$6 = Bundle.make("GridNavigation", {
-	Model: Model$6,
-	Message: Message$6,
-	args: Args$6,
+const bundle$7 = Bundle.make("GridNavigation", {
+	Model: Model$7,
+	Message: Message$7,
+	args: Args$7,
 	init: () => ({ model: { current: null } }),
-	update: (_model, message) => ({ model: { current: message.id } })
+	update: (model, message) => model.current === message.id ? { model } : { model: { current: message.id } }
 });
 /**
 * The index the key moves to from `current` over a grid of `count` cells in
@@ -384,7 +411,7 @@ const bundle$6 = Bundle.make("GridNavigation", {
 * the first enabled cell and a backward key on the last. Under `rtl`, left
 * and right swap.
 */
-const move = (enabled, count, current, key, modifiers, options) => {
+const move$1 = (enabled, count, current, key, modifiers, options) => {
 	if (enabled.length === 0 || modifiers.altKey || modifiers.metaKey) return void 0;
 	const first = enabled[0];
 	const last = enabled[enabled.length - 1];
@@ -430,21 +457,22 @@ const move = (enabled, count, current, key, modifiers, options) => {
 * only dispatch and point with `aria-activedescendant`; each cell gets
 * `tabindex` 0 or -1 and reports `Focused` when focused.
 */
-const behavior$6 = (declared, args) => (slots) => (options) => {
-	const wrap = (id) => declared.wrapper.make(Message$6.Focused({ id }));
+const behavior$9 = (declared, args) => (slots) => (options) => {
+	const wrap = (id) => declared.wrapper.make(Message$7.Focused({ id }));
 	const slice = (input) => input[declared.field];
+	const itemsOf = perInput(options.items);
 	return Behavior.forSlots(slots)({
 		[options.container]: Behavior.slot({
 			requires: { capability: Capability.Interactive },
 			attributes: ({ input, h }) => {
-				const items = options.items(input);
+				const items = itemsOf(input);
 				const current = slice(input).current;
 				const from = current === null ? -1 : items.indexOf(current);
 				const direction = options.direction?.(input) ?? "ltr";
-				const stop = tabStop(items, current);
+				const stop = tabStop$1(items, current);
 				const stopId = stop === -1 ? void 0 : items.ids[stop];
 				const target = (key, modifiers) => {
-					const next = move(items.enabled, items.size, from, key, modifiers, {
+					const next = move$1(items.enabled, items.size, from, key, modifiers, {
 						columns: args.columns,
 						wrap: args.wrap,
 						direction
@@ -462,7 +490,7 @@ const behavior$6 = (declared, args) => (slots) => (options) => {
 			requires: { capability: Capability.Focusable },
 			attributes: ({ input, h, item }) => {
 				if (item === void 0) return [];
-				return itemAttributes(h, options.items(input), slice(input).current, item, args.virtual, wrap);
+				return itemAttributes(h, itemsOf(input), slice(input).current, item, args.virtual, wrap);
 			}
 		})
 	}, { name: "GridNavigation" });
@@ -495,18 +523,18 @@ const hideOutside = mountOn("HideOutside", () => HideOutside());
 * once in the page and style them visually hidden.
 */
 var live_announce_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$5,
-	Message: () => Message$5,
-	Model: () => Model$5,
+	Args: () => Args$6,
+	Message: () => Message$6,
+	Model: () => Model$6,
 	Politeness: () => Politeness,
 	REGION_ATTRIBUTE: () => REGION_ATTRIBUTE,
-	bundle: () => bundle$5,
+	bundle: () => bundle$6,
 	reread: () => reread,
 	say: () => say,
 	view: () => view
 });
 const Politeness = Schema.Literals(["polite", "assertive"]);
-const Model$5 = Schema.Struct({
+const Model$6 = Schema.Struct({
 	polite: Schema.String,
 	assertive: Schema.String,
 	/** Waiting for the debounce to read. */
@@ -516,7 +544,7 @@ const Model$5 = Schema.Struct({
 	})),
 	generation: Schema.Number
 });
-const Message$5 = defineMessageUnion({
+const Message$6 = defineMessageUnion({
 	Announced: {
 		message: Schema.String,
 		politeness: Politeness
@@ -525,7 +553,7 @@ const Message$5 = defineMessageUnion({
 	Cleared: { generation: Schema.Number }
 });
 const positive = Schema.Number.pipe(Schema.check(Schema.isGreaterThanOrEqualTo(0)), Schema.check(Schema.isFinite()));
-const Args$5 = Schema.Struct({
+const Args$6 = Schema.Struct({
 	/** A burst of announcements inside this window reads once, the last one. */
 	debounceMs: positive,
 	/** How long the text stays in the region. */
@@ -539,17 +567,17 @@ const after = (ms, message, name, generation) => ({
 	args: { generation },
 	effect: Effect.as(Effect.sleep(ms), message)
 });
-const bundle$5 = Bundle.make("LiveAnnounce", {
-	Model: Model$5,
-	Message: Message$5,
-	args: Args$5,
+const bundle$6 = Bundle.make("LiveAnnounce", {
+	Model: Model$6,
+	Message: Message$6,
+	args: Args$6,
 	init: () => ({ model: {
 		polite: "",
 		assertive: "",
 		pending: null,
 		generation: 0
 	} }),
-	update: (model, message, args) => Message$5.match(message, {
+	update: (model, message, args) => Message$6.match(message, {
 		Announced: ({ message: text, politeness }) => {
 			const generation = model.generation + 1;
 			return {
@@ -561,7 +589,7 @@ const bundle$5 = Bundle.make("LiveAnnounce", {
 					},
 					generation
 				},
-				commands: [after(args.debounceMs, Message$5.Read({ generation }), "LiveAnnounce.read", generation)]
+				commands: [after(args.debounceMs, Message$6.Read({ generation }), "LiveAnnounce.read", generation)]
 			};
 		},
 		Read: ({ generation }) => {
@@ -574,7 +602,7 @@ const bundle$5 = Bundle.make("LiveAnnounce", {
 					pending: null,
 					[region]: reread(model[region], text)
 				},
-				commands: [after(args.clearAfterMs, Message$5.Cleared({ generation }), "LiveAnnounce.clear", generation)]
+				commands: [after(args.clearAfterMs, Message$6.Cleared({ generation }), "LiveAnnounce.clear", generation)]
 			};
 		},
 		Cleared: ({ generation }) => generation === model.generation ? { model: {
@@ -585,7 +613,7 @@ const bundle$5 = Bundle.make("LiveAnnounce", {
 	})
 });
 /** The parent Message that announces `text`, to return from `update` or `onOut`. */
-const say = (declared) => (text, politeness = "polite") => declared.wrapper.make(Message$5.Announced({
+const say = (declared) => (text, politeness = "polite") => declared.wrapper.make(Message$6.Announced({
 	message: text,
 	politeness
 }));
@@ -613,21 +641,21 @@ const view = (model, h) => h.div([h.Attribute(REGION_ATTRIBUTE, "regions")], [h.
 * TestClock drives it. Which item matches is a pure function.
 */
 var typeahead_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$4,
-	Message: () => Message$4,
-	Model: () => Model$4,
-	behavior: () => behavior$5,
-	bundle: () => bundle$4,
+	Args: () => Args$5,
+	Message: () => Message$5,
+	Model: () => Model$5,
+	behavior: () => behavior$8,
+	bundle: () => bundle$5,
 	isPrintable: () => isPrintable,
 	match: () => match
 });
-const Model$4 = Schema.Struct({
+const Model$5 = Schema.Struct({
 	query: Schema.String,
 	/** Bumped per keystroke, carried by the clear it schedules, so a superseded
 	*  timer's `Expired` changes nothing. */
 	generation: Schema.Number
 });
-const Message$4 = defineMessageUnion({
+const Message$5 = defineMessageUnion({
 	/** A printable key was pressed with no ctrl, alt or meta. */
 	Typed: { char: Schema.String },
 	/** The clear timer fired for `generation`. */
@@ -635,18 +663,18 @@ const Message$4 = defineMessageUnion({
 	/** The query was dropped on purpose (a blur, a selection). */
 	Cleared: {}
 });
-const Args$4 = Schema.Struct({ 
+const Args$5 = Schema.Struct({ 
 /** How long the query survives after the last key. */
 timeoutMs: Schema.Number.pipe(Schema.check(Schema.isGreaterThan(0)), Schema.check(Schema.isFinite())) });
-const bundle$4 = Bundle.make("Typeahead", {
-	Model: Model$4,
-	Message: Message$4,
-	args: Args$4,
+const bundle$5 = Bundle.make("Typeahead", {
+	Model: Model$5,
+	Message: Message$5,
+	args: Args$5,
 	init: () => ({ model: {
 		query: "",
 		generation: 0
 	} }),
-	update: (model, message, args) => Message$4.match(message, {
+	update: (model, message, args) => Message$5.match(message, {
 		Typed: ({ char }) => {
 			const generation = model.generation + 1;
 			return {
@@ -657,18 +685,12 @@ const bundle$4 = Bundle.make("Typeahead", {
 				commands: [{
 					name: "Typeahead.expire",
 					args: { generation },
-					effect: Effect.as(Effect.sleep(args.timeoutMs), Message$4.Expired({ generation }))
+					effect: Effect.as(Effect.sleep(args.timeoutMs), Message$5.Expired({ generation }))
 				}]
 			};
 		},
-		Expired: ({ generation }) => generation === model.generation ? { model: {
-			...model,
-			query: ""
-		} } : { model },
-		Cleared: () => ({ model: {
-			...model,
-			query: ""
-		} })
+		Expired: ({ generation }) => generation === model.generation ? clearQuery(model) : { model },
+		Cleared: () => clearQuery(model)
 	})
 });
 const normalize = (text) => text.trimStart().toLocaleLowerCase();
@@ -701,8 +723,8 @@ const isPrintable = (key, modifiers) => key.length === 1 && !modifiers.ctrlKey &
 * With no match the key still extends the query, so the next one can match;
 * a space with an empty query is left to the host (it activates).
 */
-const behavior$5 = (declared) => (slots) => (options) => {
-	const wrap = (char) => declared.wrapper.make(Message$4.Typed({ char }));
+const behavior$8 = (declared) => (slots) => (options) => {
+	const wrap = (char) => declared.wrapper.make(Message$5.Typed({ char }));
 	return Behavior.forSlots(slots)({ [options.host]: Behavior.slot({
 		requires: { capability: Capability.Interactive },
 		attributes: ({ input, h }) => {
@@ -710,10 +732,10 @@ const behavior$5 = (declared) => (slots) => (options) => {
 			const query = input[declared.field].query;
 			const currentId = options.current(input);
 			const current = currentId === null ? -1 : items.indexOf(currentId);
-			const texts = items.ids.map((_, index) => options.text(input, index));
 			return [h.OnKeyDownFocus((key, modifiers) => {
 				if (!isPrintable(key, modifiers)) return Option.none();
 				if (key === " " && query === "") return Option.none();
+				const texts = items.ids.map((_, index) => options.text(input, index));
 				const found = match(texts, items.enabled, query + key, current);
 				const target = found === void 0 ? currentId : items.ids[found];
 				return Option.some({
@@ -735,19 +757,19 @@ const behavior$5 = (declared) => (slots) => (options) => {
 * both arrows and typeahead takes this, not `RovingTabindex` plus `Typeahead`.
 */
 var list_navigation_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$3,
-	Message: () => Message$3,
-	Model: () => Model$3,
-	behavior: () => behavior$4,
-	bundle: () => bundle$3,
+	Args: () => Args$4,
+	Message: () => Message$4,
+	Model: () => Model$4,
+	behavior: () => behavior$7,
+	bundle: () => bundle$4,
 	keyOutcome: () => keyOutcome
 });
-const Model$3 = Schema.Struct({
+const Model$4 = Schema.Struct({
 	current: Schema.NullOr(Schema.String),
 	query: Schema.String,
 	generation: Schema.Number
 });
-const Message$3 = defineMessageUnion({
+const Message$4 = defineMessageUnion({
 	/** An item became current: focused, or reached by a key. */
 	Focused: { id: Schema.String },
 	/** A printable key extended the query; `match` is the item it now picks, if any. */
@@ -758,7 +780,7 @@ const Message$3 = defineMessageUnion({
 	Expired: { generation: Schema.Number },
 	Cleared: {}
 });
-const Args$3 = Schema.Struct({
+const Args$4 = Schema.Struct({
 	orientation: Orientation,
 	loop: Schema.Boolean,
 	virtual: Schema.Boolean,
@@ -767,20 +789,20 @@ const Args$3 = Schema.Struct({
 	/** How many enabled items PageUp and PageDown move. */
 	page: Schema.Number.pipe(Schema.check(Schema.isInt()), Schema.check(Schema.isGreaterThan(0)))
 });
-const bundle$3 = Bundle.make("ListNavigation", {
-	Model: Model$3,
-	Message: Message$3,
-	args: Args$3,
+const bundle$4 = Bundle.make("ListNavigation", {
+	Model: Model$4,
+	Message: Message$4,
+	args: Args$4,
 	init: () => ({ model: {
 		current: null,
 		query: "",
 		generation: 0
 	} }),
-	update: (model, message, args) => Message$3.match(message, {
-		Focused: ({ id }) => ({ model: {
+	update: (model, message, args) => Message$4.match(message, {
+		Focused: ({ id }) => model.current === id ? { model } : { model: {
 			...model,
 			current: id
-		} }),
+		} },
 		Typed: ({ char, match }) => {
 			const generation = model.generation + 1;
 			return {
@@ -792,23 +814,17 @@ const bundle$3 = Bundle.make("ListNavigation", {
 				commands: [{
 					name: "ListNavigation.expire",
 					args: { generation },
-					effect: Effect.as(Effect.sleep(args.timeoutMs), Message$3.Expired({ generation }))
+					effect: Effect.as(Effect.sleep(args.timeoutMs), Message$4.Expired({ generation }))
 				}]
 			};
 		},
-		Expired: ({ generation }) => generation === model.generation ? { model: {
-			...model,
-			query: ""
-		} } : { model },
-		Cleared: () => ({ model: {
-			...model,
-			query: ""
-		} })
+		Expired: ({ generation }) => generation === model.generation ? clearQuery(model) : { model },
+		Cleared: () => clearQuery(model)
 	})
 });
 const keyOutcome = (items, texts, state, key, modifiers, options) => {
 	const from = state.current === null ? -1 : items.indexOf(state.current);
-	const moved = move$1(items.enabled, from, key, modifiers, options);
+	const moved = move$2(items.enabled, from, key, modifiers, options);
 	const movedId = moved === void 0 ? void 0 : items.ids[moved];
 	if (movedId !== void 0) return {
 		_tag: "Navigate",
@@ -830,11 +846,12 @@ const keyOutcome = (items, texts, state, key, modifiers, options) => {
 * `OnFocus` as under `RovingTabindex`. Under `virtual` nothing takes DOM focus
 * and the container carries `aria-activedescendant`.
 */
-const behavior$4 = (declared, args) => (slots) => (options) => {
+const behavior$7 = (declared, args) => (slots) => (options) => {
 	const wrap = (message) => declared.wrapper.make(message);
-	const focused = (id) => wrap(Message$3.Focused({ id }));
+	const focused = (id) => wrap(Message$4.Focused({ id }));
 	const slice = (input) => input[declared.field];
-	const outcomeMessage = (outcome) => outcome._tag === "Navigate" ? focused(outcome.id) : wrap(Message$3.Typed({
+	const itemsOf = perInput(options.items);
+	const outcomeMessage = (outcome) => outcome._tag === "Navigate" ? focused(outcome.id) : wrap(Message$4.Typed({
 		char: outcome.char,
 		match: outcome.match
 	}));
@@ -842,17 +859,16 @@ const behavior$4 = (declared, args) => (slots) => (options) => {
 		[options.container]: Behavior.slot({
 			requires: { capability: Capability.Interactive },
 			attributes: ({ input, h }) => {
-				const items = options.items(input);
+				const items = itemsOf(input);
 				const state = slice(input);
-				const texts = items.ids.map((_, index) => options.text(input, index));
 				const moveOptions = {
 					orientation: args.orientation,
 					loop: args.loop,
 					direction: options.direction?.(input) ?? "ltr",
 					page: args.page
 				};
-				const outcome = (key, modifiers) => Option.fromNullishOr(keyOutcome(items, texts, state, key, modifiers, moveOptions));
-				const stop = tabStop(items, state.current);
+				const outcome = (key, modifiers) => Option.fromNullishOr(keyOutcome(items, items.ids.map((_, index) => options.text(input, index)), state, key, modifiers, moveOptions));
+				const stop = tabStop$1(items, state.current);
 				const stopId = stop === -1 ? void 0 : items.ids[stop];
 				if (args.virtual) return [h.OnKeyDownPreventDefault((key, modifiers) => Option.map(outcome(key, modifiers), outcomeMessage)), ...stopId === void 0 ? [] : [h.AriaActiveDescendant(stopId)]];
 				return [h.OnKeyDownFocus((key, modifiers) => Option.map(outcome(key, modifiers), (result) => {
@@ -866,7 +882,7 @@ const behavior$4 = (declared, args) => (slots) => (options) => {
 		}),
 		[options.item]: Behavior.slot({
 			requires: { capability: Capability.Focusable },
-			attributes: ({ input, h, item }) => item === void 0 ? [] : itemAttributes(h, options.items(input), slice(input).current, item, args.virtual, focused)
+			attributes: ({ input, h, item }) => item === void 0 ? [] : itemAttributes(h, itemsOf(input), slice(input).current, item, args.virtual, focused)
 		})
 	}, { name: "ListNavigation" });
 };
@@ -882,13 +898,13 @@ const behavior$4 = (declared, args) => (slots) => (options) => {
 * the placement must say what a press does.
 */
 var press_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$2,
-	Message: () => Message$2,
-	Model: () => Model$2,
+	Args: () => Args$3,
+	Message: () => Message$3,
+	Model: () => Model$3,
 	PointerType: () => PointerType,
 	Pressed: () => Pressed,
-	behavior: () => behavior$3,
-	bundle: () => bundle$2,
+	behavior: () => behavior$6,
+	bundle: () => bundle$3,
 	events: () => events
 });
 const PointerType = Schema.Literals([
@@ -898,7 +914,7 @@ const PointerType = Schema.Literals([
 	"keyboard",
 	"virtual"
 ]);
-const Model$2 = Schema.Struct({
+const Model$3 = Schema.Struct({
 	/** Down and not yet released or cancelled. For styling. */
 	pressed: Schema.Boolean,
 	/** The pointer that pressed, so another pointer's up cannot release it. */
@@ -909,7 +925,7 @@ const Model$2 = Schema.Struct({
 	suppressing: Schema.NullOr(Schema.Number),
 	generation: Schema.Number
 });
-const Message$2 = defineMessageUnion({
+const Message$3 = defineMessageUnion({
 	PointerDown: {
 		pointerId: Schema.Number,
 		button: Schema.Number,
@@ -941,7 +957,7 @@ const Pressed = Schema.TaggedStruct("Pressed", {
 	/** Shift was held, for a range selection. */
 	shiftKey: Schema.Boolean
 });
-const Args$2 = Schema.Struct({ 
+const Args$3 = Schema.Struct({ 
 /** How long after a pointer press a `click` is taken for its ghost. */
 clickSuppressionMs: Schema.Number.pipe(Schema.check(Schema.isGreaterThanOrEqualTo(0)), Schema.check(Schema.isFinite())) });
 const idle = (model) => ({
@@ -952,10 +968,10 @@ const idle = (model) => ({
 });
 const isActivationKey$1 = (key) => key === "Enter" || key === " ";
 const asPointerType = (raw) => raw === "touch" || raw === "pen" ? raw : "mouse";
-const bundle$2 = Bundle.make("Press", {
-	Model: Model$2,
-	Message: Message$2,
-	args: Args$2,
+const bundle$3 = Bundle.make("Press", {
+	Model: Model$3,
+	Message: Message$3,
+	args: Args$3,
 	init: () => ({ model: {
 		pressed: false,
 		pointerId: null,
@@ -963,7 +979,7 @@ const bundle$2 = Bundle.make("Press", {
 		suppressing: null,
 		generation: 0
 	} }),
-	update: (model, message, args) => Message$2.match(message, {
+	update: (model, message, args) => Message$3.match(message, {
 		PointerDown: ({ pointerId, button }) => button !== 0 || model.pointerId !== null ? { model } : { model: {
 			...model,
 			pressed: true,
@@ -981,7 +997,7 @@ const bundle$2 = Bundle.make("Press", {
 				commands: [{
 					name: "Press.unsuppress",
 					args: { generation },
-					effect: Effect.as(Effect.sleep(args.clickSuppressionMs), Message$2.Unsuppressed({ generation }))
+					effect: Effect.as(Effect.sleep(args.clickSuppressionMs), Message$3.Unsuppressed({ generation }))
 				}],
 				outMessage: Pressed.make({
 					pointerType: asPointerType(pointerType),
@@ -1030,12 +1046,12 @@ const bundle$2 = Bundle.make("Press", {
 */
 const events = Mount.defineStream("PressEvents", {
 	messages: [
-		Message$2.PointerDown,
-		Message$2.PointerUp,
-		Message$2.PointerCancelled,
-		Message$2.KeyDown,
-		Message$2.KeyUp,
-		Message$2.Clicked
+		Message$3.PointerDown,
+		Message$3.PointerUp,
+		Message$3.PointerCancelled,
+		Message$3.KeyDown,
+		Message$3.KeyUp,
+		Message$3.Clicked
 	],
 	execute: ({ element }) => Stream.callback((queue) => Effect.acquireRelease(Effect.sync(() => {
 		const offer = (message) => {
@@ -1045,7 +1061,7 @@ const events = Mount.defineStream("PressEvents", {
 		const listeners = [
 			["pointerdown", (event) => {
 				const pointer = event;
-				offer(Message$2.PointerDown({
+				offer(Message$3.PointerDown({
 					pointerId: pointer.pointerId ?? 0,
 					button: pointer.button ?? 0,
 					pointerType: pointer.pointerType ?? "mouse"
@@ -1053,32 +1069,32 @@ const events = Mount.defineStream("PressEvents", {
 			}],
 			["pointerup", (event) => {
 				const pointer = event;
-				offer(Message$2.PointerUp({
+				offer(Message$3.PointerUp({
 					pointerId: pointer.pointerId ?? 0,
 					pointerType: pointer.pointerType ?? "mouse",
 					shiftKey: pointer.shiftKey ?? false
 				}));
 			}],
-			["pointerleave", (event) => offer(Message$2.PointerCancelled({ pointerId: event.pointerId ?? 0 }))],
-			["pointercancel", (event) => offer(Message$2.PointerCancelled({ pointerId: event.pointerId ?? 0 }))],
+			["pointerleave", (event) => offer(Message$3.PointerCancelled({ pointerId: event.pointerId ?? 0 }))],
+			["pointercancel", (event) => offer(Message$3.PointerCancelled({ pointerId: event.pointerId ?? 0 }))],
 			["keydown", (event) => {
 				const key = event;
 				if (isActivationKey$1(key.key)) key.preventDefault();
-				offer(Message$2.KeyDown({
+				offer(Message$3.KeyDown({
 					key: key.key,
 					repeat: key.repeat
 				}));
 			}],
 			["keyup", (event) => {
 				const key = event;
-				offer(Message$2.KeyUp({
+				offer(Message$3.KeyUp({
 					key: key.key,
 					shiftKey: key.shiftKey
 				}));
 			}],
 			["click", (event) => {
 				const click = event;
-				offer(Message$2.Clicked({
+				offer(Message$3.Clicked({
 					detail: click.detail ?? 0,
 					shiftKey: click.shiftKey ?? false
 				}));
@@ -1096,7 +1112,7 @@ const events = Mount.defineStream("PressEvents", {
 * decides nothing; a click, a touch, Enter, Space, or an assistive
 * technology's click all reach `update` and come out as one `Pressed`.
 */
-const behavior$3 = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
+const behavior$6 = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
 	requires: { capability: Capability.Interactive },
 	attributes: ({ input, h }) => [...input[declared.field].pressed ? [h.DataAttribute("pressed", "true")] : [], ...options.disabled?.(input) === true ? [h.AriaDisabled(true)] : []],
 	mount: () => Mount.mapMessage(events(), (message) => declared.wrapper.make(message))
@@ -1111,21 +1127,21 @@ const behavior$3 = (declared) => (slots) => (options) => Behavior.forSlots(slots
 * handle. A short press is `Press`'s business, not this Bundle's.
 */
 var long_press_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args$1,
+	Args: () => Args$2,
 	LongPressed: () => LongPressed,
-	Message: () => Message$1,
-	Model: () => Model$1,
-	behavior: () => behavior$2,
-	bundle: () => bundle$1
+	Message: () => Message$2,
+	Model: () => Model$2,
+	behavior: () => behavior$5,
+	bundle: () => bundle$2
 });
-const Model$1 = Schema.Struct({
+const Model$2 = Schema.Struct({
 	/** Down, and the threshold has not passed. */
 	holding: Schema.Boolean,
 	pointerId: Schema.NullOr(Schema.Number),
 	key: Schema.NullOr(Schema.String),
 	generation: Schema.Number
 });
-const Message$1 = defineMessageUnion({
+const Message$2 = defineMessageUnion({
 	PointerDown: {
 		pointerId: Schema.Number,
 		button: Schema.Number,
@@ -1155,7 +1171,7 @@ const Message$1 = defineMessageUnion({
 	}
 });
 const LongPressed = Schema.TaggedStruct("LongPressed", { pointerType: PointerType });
-const Args$1 = Schema.Struct({ thresholdMs: Schema.Number.pipe(Schema.check(Schema.isGreaterThan(0)), Schema.check(Schema.isFinite())) });
+const Args$2 = Schema.Struct({ thresholdMs: Schema.Number.pipe(Schema.check(Schema.isGreaterThan(0)), Schema.check(Schema.isFinite())) });
 const isActivationKey = (key) => key === "Enter" || key === " ";
 const released = (model) => ({
 	...model,
@@ -1175,24 +1191,24 @@ const start = (model, args, by, pointerType) => {
 		commands: [{
 			name: "LongPress.elapse",
 			args: { generation },
-			effect: Effect.as(Effect.sleep(args.thresholdMs), Message$1.Elapsed({
+			effect: Effect.as(Effect.sleep(args.thresholdMs), Message$2.Elapsed({
 				generation,
 				pointerType
 			}))
 		}]
 	};
 };
-const bundle$1 = Bundle.make("LongPress", {
-	Model: Model$1,
-	Message: Message$1,
-	args: Args$1,
+const bundle$2 = Bundle.make("LongPress", {
+	Model: Model$2,
+	Message: Message$2,
+	args: Args$2,
 	init: () => ({ model: {
 		holding: false,
 		pointerId: null,
 		key: null,
 		generation: 0
 	} }),
-	update: (model, message, args) => Message$1.match(message, {
+	update: (model, message, args) => Message$2.match(message, {
 		PointerDown: ({ pointerId, button, pointerType }) => button !== 0 || model.holding ? { model } : start(model, args, { pointerId }, pointerType === "touch" || pointerType === "pen" ? pointerType : "mouse"),
 		PointerUp: ({ pointerId }) => model.pointerId === pointerId ? { model: released(model) } : { model },
 		PointerCancelled: ({ pointerId }) => model.pointerId === pointerId ? { model: released(model) } : { model },
@@ -1211,7 +1227,7 @@ const bundle$1 = Bundle.make("LongPress", {
 * `LongPress` on one slot are refused by the resolver (two Mounts of one
 * name), so today a slot takes one of them.
 */
-const behavior$2 = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
+const behavior$5 = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
 	requires: { capability: Capability.Interactive },
 	attributes: ({ input, h }) => input[declared.field].holding ? [h.DataAttribute("holding", "true")] : [],
 	mount: () => Mount.mapMessage(events(), (fact) => declared.wrapper.make(fact))
@@ -1228,10 +1244,10 @@ var move_exports = /* @__PURE__ */ __exportAll({
 	MoveEnded: () => MoveEnded,
 	MoveStarted: () => MoveStarted,
 	Moved: () => Moved,
-	behavior: () => behavior$1,
+	behavior: () => behavior$4,
 	mount: () => Move
 });
-const behavior$1 = (slots) => (options) => Behavior.forSlots(slots)({ [options.handle]: Behavior.slot({
+const behavior$4 = (slots) => (options) => Behavior.forSlots(slots)({ [options.handle]: Behavior.slot({
 	requires: { capability: Capability.Draggable },
 	mount: () => Mount.mapMessage(Move(), options.toMessage)
 }) }, { name: "Move" });
@@ -1247,26 +1263,26 @@ const behavior$1 = (slots) => (options) => Behavior.forSlots(slots)({ [options.h
 * `Pressed` carries `shiftKey`.
 */
 var selection_exports = /* @__PURE__ */ __exportAll({
-	Args: () => Args,
-	Message: () => Message,
+	Args: () => Args$1,
+	Message: () => Message$1,
 	Mode: () => Mode,
-	Model: () => Model,
-	behavior: () => behavior,
+	Model: () => Model$1,
+	behavior: () => behavior$3,
 	between: () => between,
-	bundle: () => bundle
+	bundle: () => bundle$1
 });
 const Mode = Schema.Literals([
 	"single",
 	"multiple",
 	"none"
 ]);
-const Model = Schema.Struct({
+const Model$1 = Schema.Struct({
 	/** In selection order. */
 	selected: Schema.Array(Schema.String),
 	/** Where the last plain selection happened; a range extends from it. */
 	anchor: Schema.NullOr(Schema.String)
 });
-const Message = defineMessageUnion({
+const Message$1 = defineMessageUnion({
 	/** A plain activation: replaces in single mode, toggles in multiple mode. */
 	Activated: { id: Schema.String },
 	/** A Shift activation: selects everything between the anchor and `id` in `order`. */
@@ -1277,7 +1293,7 @@ const Message = defineMessageUnion({
 	Replaced: { ids: Schema.Array(Schema.String) },
 	Cleared: {}
 });
-const Args = Schema.Struct({
+const Args$1 = Schema.Struct({
 	mode: Mode,
 	/** In single mode, whether activating the selected item deselects it. */
 	allowEmpty: Schema.Boolean
@@ -1291,15 +1307,15 @@ const between = (order, from, to) => {
 	if (start === -1) return [to];
 	return order.slice(Math.min(start, end), Math.max(start, end) + 1);
 };
-const bundle = Bundle.make("Selection", {
-	Model,
-	Message,
-	args: Args,
+const bundle$1 = Bundle.make("Selection", {
+	Model: Model$1,
+	Message: Message$1,
+	args: Args$1,
 	init: () => ({ model: {
 		selected: [],
 		anchor: null
 	} }),
-	update: (model, message, args) => Message.match(message, {
+	update: (model, message, args) => Message$1.match(message, {
 		Activated: ({ id }) => {
 			if (args.mode === "none") return { model };
 			const isSelected = model.selected.includes(id);
@@ -1318,19 +1334,25 @@ const bundle = Bundle.make("Selection", {
 		Ranged: ({ id, order }) => {
 			if (args.mode !== "multiple") return { model };
 			const range = between(order, model.anchor, id);
-			return { model: {
-				selected: [...model.selected.filter((other) => !range.includes(other)), ...range],
-				anchor: model.anchor ?? id
+			const inRange = new Set(range);
+			const selected = [...model.selected.filter((other) => !inRange.has(other)), ...range];
+			const anchor = model.anchor ?? id;
+			return sameIds(selected, model.selected) && anchor === model.anchor ? { model } : { model: {
+				selected,
+				anchor
 			} };
 		},
-		Replaced: ({ ids }) => ({ model: {
-			selected: args.mode === "none" ? [] : [...new Set(ids)],
-			anchor: model.anchor
-		} }),
-		Cleared: () => ({ model: {
+		Replaced: ({ ids }) => {
+			const selected = args.mode === "none" ? [] : [...new Set(ids)];
+			return sameIds(selected, model.selected) ? { model } : { model: {
+				selected,
+				anchor: model.anchor
+			} };
+		},
+		Cleared: () => model.selected.length === 0 ? { model } : { model: {
 			selected: [],
 			anchor: model.anchor
-		} })
+		} }
 	})
 });
 /**
@@ -1338,8 +1360,10 @@ const bundle = Bundle.make("Selection", {
 * `aria-multiselectable` on the container in multiple mode; wires `OnClick`
 * to `Activated` unless told not to. A disabled item gets no click.
 */
-const behavior = (declared, args) => (slots) => (options) => {
+const behavior$3 = (declared, args) => (slots) => (options) => {
 	const wrap = (message) => declared.wrapper.make(message);
+	const itemsOf = perInput(options.items);
+	const selectedOf = perInput((input) => new Set(input[declared.field].selected));
 	return Behavior.forSlots(slots)({
 		...options.container === void 0 ? {} : { [options.container]: Behavior.slot({
 			requires: { capability: Capability.Container },
@@ -1349,16 +1373,275 @@ const behavior = (declared, args) => (slots) => (options) => {
 			requires: { capability: Capability.Interactive },
 			attributes: ({ input, h, item }) => {
 				if (item === void 0) return [];
-				const items = options.items(input);
+				const items = itemsOf(input);
 				const id = item.id ?? items.ids[item.index];
 				if (id === void 0) return [];
 				const clickable = options.click !== false && args.mode !== "none" && !items.isDisabled(item.index);
-				return [h.AriaSelected(input[declared.field].selected.includes(id)), ...clickable ? [h.OnClick(wrap(Message.Activated({ id })))] : []];
+				return [h.AriaSelected(selectedOf(input).has(id)), ...clickable ? [h.OnClick(wrap(Message$1.Activated({ id })))] : []];
 			}
 		})
 	}, { name: "Selection" });
 };
 //#endregion
-export { dismiss_layer_exports as DismissLayer, focus_scope_exports as FocusScope, focus_visible_exports as FocusVisible, grid_navigation_exports as GridNavigation, layers_exports as Layers, list_navigation_exports as ListNavigation, live_announce_exports as LiveAnnounce, long_press_exports as LongPress, move_exports as Move, press_exports as Press, roving_tabindex_exports as RovingTabindex, selection_exports as Selection, typeahead_exports as Typeahead };
+//#region src/interaction/targets.ts
+/**
+* `Targets` as a Behavior: attaches the `foldkit-primitives/dom` Mount to a
+* container slot and maps what it reports into the view's Messages. No Bundle:
+* which descendant is under the pointer, or was pressed, is already a fact, and
+* what it means is the parent's `update`.
+*/
+var targets_exports = /* @__PURE__ */ __exportAll({
+	TargetHovered: () => TargetHovered,
+	TargetPressed: () => TargetPressed,
+	behavior: () => behavior$2,
+	mount: () => Targets,
+	targetOf: () => targetOf
+});
+const behavior$2 = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+	requires: { capability: Capability.Container },
+	mount: () => Mount.mapMessage(Targets({
+		attribute: options.attribute,
+		preventDefault: options.preventDefault ?? false
+	}), options.toMessage)
+}) }, { name: "Targets" });
+//#endregion
+//#region src/interaction/pointer-drag.ts
+/**
+* `PointerDrag` as a Behavior: attaches the `foldkit-primitives/dom` Mount to
+* a container slot and maps what it reports into the view's Messages. No
+* Bundle: what is dragged and where the pointer is are facts, and what a drop
+* means, and whether it is allowed, is the parent's `update`.
+*/
+var pointer_drag_exports = /* @__PURE__ */ __exportAll({
+	DRAG_THRESHOLD: () => 4,
+	DragCancelled: () => DragCancelled,
+	DragDropped: () => DragDropped,
+	DragPlace: () => DragPlace,
+	DragStarted: () => DragStarted,
+	DragZone: () => DragZone,
+	DraggedOver: () => DraggedOver,
+	behavior: () => behavior$1,
+	boxOf: () => boxOf,
+	mount: () => PointerDrag,
+	zoneOf: () => zoneOf
+});
+const behavior$1 = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+	requires: { capability: Capability.Container },
+	mount: () => Mount.mapMessage(PointerDrag(options.targets === void 0 ? { attribute: options.attribute } : {
+		attribute: options.attribute,
+		targets: options.targets
+	}), options.toMessage)
+}) }, { name: "PointerDrag" });
+//#endregion
+//#region src/interaction/tree-navigation.ts
+/**
+* Keyboard navigation of a tree (a file explorer, a page's layers, a nested
+* menu), after the WAI-ARIA tree pattern: one tab stop, Up and Down through the
+* rows that are showing, Right to open a row or step into it, Left to close it
+* or step out to its parent, Home and End to the first and last row.
+*
+* The Model slice is the current row's id and which rows are open. Openness is
+* stored as the rows `toggled` away from a default, so a layers panel that
+* starts with everything open and a file tree that starts closed are the same
+* bundle with a different `openByDefault`, and neither stores every row.
+*
+* Which rows exist is the view's to say, each with its parent, in tree order.
+* What a key does is a pure function of those rows and the Model; the Behavior
+* wires it to the slots and writes the tree's ARIA attributes.
+*/
+var tree_navigation_exports = /* @__PURE__ */ __exportAll({
+	Args: () => Args,
+	Message: () => Message,
+	Model: () => Model,
+	behavior: () => behavior,
+	bundle: () => bundle,
+	isOpen: () => isOpen,
+	move: () => move,
+	shown: () => shown,
+	tabStop: () => tabStop
+});
+const Model = Schema.Struct({
+	/** The current row's id, or `null` before any row has been focused. */
+	current: Schema.NullOr(Schema.String),
+	/** The rows whose open state differs from `openByDefault`. */
+	toggled: Schema.Array(Schema.String)
+});
+const Message = defineMessageUnion({
+	/** A row became current: the user focused it, or a key moved there. */
+	Focused: { id: Schema.String },
+	Opened: { id: Schema.String },
+	Closed: { id: Schema.String }
+});
+const Args = Schema.Struct({ 
+/** Whether a row with children starts open. */
+openByDefault: Schema.Boolean });
+/** Whether a row is open, given the default and what was toggled. */
+const isOpen = (model, args, id) => args.openByDefault !== model.toggled.includes(id);
+const setOpen = (model, args, id, open) => isOpen(model, args, id) === open ? model : {
+	...model,
+	toggled: model.toggled.includes(id) ? model.toggled.filter((toggled) => toggled !== id) : [...model.toggled, id]
+};
+const bundle = Bundle.make("TreeNavigation", {
+	Model,
+	Message,
+	args: Args,
+	init: () => ({ model: {
+		current: null,
+		toggled: []
+	} }),
+	update: (model, message, args) => {
+		switch (message._tag) {
+			case "Focused": return model.current === message.id ? { model } : { model: {
+				...model,
+				current: message.id
+			} };
+			case "Opened": return { model: setOpen(model, args, message.id, true) };
+			case "Closed": return { model: setOpen(model, args, message.id, false) };
+		}
+	}
+});
+/**
+* The rows that are showing: every row whose ancestors are all open, with its
+* level and its place among its siblings. A row whose parent is not a row is
+* treated as top-level.
+*/
+const shown = (rows, model, args) => {
+	const byId = new Map(rows.map((row) => [row.id, row]));
+	const siblingsOf = /* @__PURE__ */ new Map();
+	const positionOf = /* @__PURE__ */ new Map();
+	for (const row of rows) {
+		const parent = row.parent !== null && byId.has(row.parent) ? row.parent : null;
+		const count = (siblingsOf.get(parent) ?? 0) + 1;
+		siblingsOf.set(parent, count);
+		positionOf.set(row.id, count);
+	}
+	const levels = /* @__PURE__ */ new Map();
+	const showing = /* @__PURE__ */ new Map();
+	const result = [];
+	for (const row of rows) {
+		const parent = row.parent !== null && byId.has(row.parent) ? row.parent : null;
+		const level = parent === null ? 1 : (levels.get(parent) ?? 0) + 1;
+		levels.set(row.id, level);
+		const visible = parent === null || showing.get(parent) === true && isOpen(model, args, parent);
+		showing.set(row.id, visible);
+		if (!visible) continue;
+		result.push({
+			...row,
+			level,
+			position: positionOf.get(row.id) ?? 1,
+			siblings: siblingsOf.get(parent) ?? 1
+		});
+	}
+	return result;
+};
+const isPlain = (modifiers) => !modifiers.ctrlKey && !modifiers.altKey && !modifiers.metaKey;
+/**
+* What a key does from the current row, over the rows that are showing, or
+* `undefined` when it is not a key the tree handles. Disabled rows are stepped
+* over. With nothing current, Down and Home land on the first row, Up and End
+* on the last. Right and Left swap under `rtl`.
+*/
+const move = (rows, current, key, modifiers, model, args, direction = "ltr") => {
+	const enabled = rows.filter((row) => row.disabled !== true);
+	if (enabled.length === 0 || !isPlain(modifiers)) return void 0;
+	const focus = (row) => row === void 0 ? void 0 : {
+		_tag: "Focus",
+		id: row.id
+	};
+	const at = enabled.findIndex((row) => row.id === current);
+	const inward = direction === "rtl" ? "ArrowLeft" : "ArrowRight";
+	const outward = direction === "rtl" ? "ArrowRight" : "ArrowLeft";
+	if (key === "Home") return focus(enabled[0]);
+	if (key === "End") return focus(enabled[enabled.length - 1]);
+	if (key === "ArrowDown") return focus(at === -1 ? enabled[0] : enabled[Math.min(at + 1, enabled.length - 1)]);
+	if (key === "ArrowUp") return focus(at === -1 ? enabled[enabled.length - 1] : enabled[Math.max(at - 1, 0)]);
+	const row = enabled[at];
+	if (row === void 0) return key === inward || key === outward ? focus(enabled[0]) : void 0;
+	if (key === inward) {
+		if (!row.branch) return void 0;
+		if (!isOpen(model, args, row.id)) return {
+			_tag: "Open",
+			id: row.id
+		};
+		return focus(enabled.find((child) => child.parent === row.id));
+	}
+	if (key === outward) {
+		if (row.branch && isOpen(model, args, row.id)) return {
+			_tag: "Close",
+			id: row.id
+		};
+		return focus(enabled.find((parent) => parent.id === row.parent));
+	}
+};
+/** The row that holds the tab stop: the current one while it is showing, else the first. */
+const tabStop = (rows, current) => {
+	return (rows.find((row) => row.id === current && row.disabled !== true) ?? rows.find((row) => row.disabled !== true))?.id;
+};
+/**
+* Wires a placed `TreeNavigation` to the slots. The container's keys move focus
+* to the row they pick, or open or close the current row with focus left where
+* it is. Each showing row gets its id, `role="treeitem"`, `aria-level` (and
+* the same level as `--fk-tree-level`, so one `calc` indents any depth),
+* `aria-posinset`, `aria-setsize`, `aria-expanded` when it has children,
+* `aria-disabled` when disabled, a roving `tabindex`, and `OnFocus` reporting
+* it current. Every handled key is default-prevented.
+*/
+const behavior = (declared, args) => (slots) => (options) => {
+	const wrap = (message) => declared.wrapper.make(message);
+	const slice = (input) => input[declared.field];
+	const domId = options.domId ?? ((id) => id);
+	const prepare = perInput((input) => {
+		const model = slice(input);
+		const rows = shown(options.rows(input), model, args);
+		return {
+			model,
+			rows,
+			byId: new Map(rows.map((row) => [row.id, row])),
+			stop: tabStop(rows, model.current)
+		};
+	});
+	return Behavior.forSlots(slots)({
+		[options.container]: Behavior.slot({
+			requires: { capability: Capability.Interactive },
+			mount: () => FollowTabStop(),
+			attributes: ({ input, h }) => {
+				const { model, rows } = prepare(input);
+				const direction = options.direction?.(input) ?? "ltr";
+				return [h.OnKeyDownFocus((key, modifiers) => {
+					const action = move(rows, model.current, key, modifiers, model, args, direction);
+					if (action === void 0) return Option.none();
+					const message = action._tag === "Focus" ? Message.Focused({ id: action.id }) : action._tag === "Open" ? Message.Opened({ id: action.id }) : Message.Closed({ id: action.id });
+					return Option.some({
+						focusSelector: idSelector(domId(action.id)),
+						message: wrap(message)
+					});
+				})];
+			}
+		}),
+		[options.item]: Behavior.slot({
+			requires: { capability: Capability.Focusable },
+			attributes: ({ input, h, item }) => {
+				if (item === void 0) return [];
+				const { model, rows, byId, stop } = prepare(input);
+				const row = item.id === void 0 ? rows[item.index] : byId.get(item.id);
+				if (row === void 0) return [];
+				return [
+					h.Id(domId(row.id)),
+					h.Role("treeitem"),
+					h.AriaLevel(row.level),
+					h.Style({ "--fk-tree-level": String(row.level) }),
+					h.AriaPosinset(row.position),
+					h.AriaSetsize(row.siblings),
+					...row.branch ? [h.AriaExpanded(isOpen(model, args, row.id))] : [],
+					...row.disabled === true ? [h.AriaDisabled(true)] : [],
+					h.Tabindex(stop === row.id ? 0 : -1),
+					h.OnFocus(wrap(Message.Focused({ id: row.id })))
+				];
+			}
+		})
+	}, { name: "TreeNavigation" });
+};
+//#endregion
+export { dismiss_layer_exports as DismissLayer, editable_text_exports as EditableText, focus_scope_exports as FocusScope, focus_visible_exports as FocusVisible, grid_navigation_exports as GridNavigation, layers_exports as Layers, list_navigation_exports as ListNavigation, live_announce_exports as LiveAnnounce, long_press_exports as LongPress, move_exports as Move, pointer_drag_exports as PointerDrag, press_exports as Press, roving_tabindex_exports as RovingTabindex, selection_exports as Selection, targets_exports as Targets, tree_navigation_exports as TreeNavigation, typeahead_exports as Typeahead };
 
 //# sourceMappingURL=index.mjs.map