@weasel-js/core 1.15.0 → 1.15.2

package/dist/canvas/defaultDrawOne.js

@@ -3,7 +3,7 @@ import { overChildren } from "./overChildren.js";
 import { textCommandFromRuns } from "@weasel-js/renderer";
 import { INHERIT } from "@weasel-js/paint";
 
-//#region src/canvas/defaultDrawOne.ts
+// src/canvas/defaultDrawOne.ts
 function pixelScaleOf(view) {
 	const dpr = typeof window !== "undefined" && window.devicePixelRatio || 1;
 	return Math.max(Math.abs(view.scale.x), Math.abs(view.scale.y)) * dpr;
@@ -73,6 +73,5 @@ function paintBoundsFor(drawOne) {
 	return drawOne === defaultDrawOne ? defaultPaintBounds : void 0;
 }
 
-//#endregion
 export { defaultDrawOne, defaultPaintBounds, paintBoundsFor };
 //# sourceMappingURL=defaultDrawOne.js.map

package/dist/canvas/deps/areaSelect.js

@@ -2,7 +2,7 @@ import { hitTestArea, regionPickOptions } from "./hitTestArea.js";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/areaSelect.ts
+// src/canvas/deps/areaSelect.ts
 /**
 * `useAreaSelectDepSource` — wires the `areaSelect` dep consumed by
 * `areaSelectAction`. The dep exposes:
@@ -14,27 +14,29 @@ import { useDepSource } from "@weasel-js/routing/react";
 * ref internally), so callers can pass fresh selection/scene refs without
 * triggering re-registration.
 */
-function useAreaSelectDepSource(scene, selection, descriptor, alphaOf, reachable) {
+function useAreaSelectDepSource(scene, selection, descriptor, alphaOf, reachable, targetOf) {
 	const sceneRef = useLatest(scene);
 	const selectionRef = useLatest(selection);
 	const descriptorRef = useLatest(descriptor);
 	const alphaOfRef = useLatest(alphaOf);
 	const reachableRef = useLatest(reachable);
+	const targetOfRef = useLatest(targetOf);
 	useDepSource("areaSelect", () => {
 		const sc = sceneRef.current;
 		const s = selectionRef.current;
 		const d = descriptorRef.current;
 		const a = alphaOfRef.current;
 		const r = reachableRef.current;
+		const t = targetOfRef.current;
 		const keep = (ids) => r ? ids.filter((id) => r(id)) : ids;
 		return {
 			hitTestArea: (bounds, view) => keep(hitTestArea(sc, bounds, regionPickOptions(view, a), d)),
+			...t ? { targetOf: t } : {},
 			getSelection: () => s.current,
 			setSelection: (ids) => s.set(ids)
 		};
 	});
 }
 
-//#endregion
 export { useAreaSelectDepSource };
 //# sourceMappingURL=areaSelect.js.map

package/dist/canvas/deps/areaSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"areaSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/areaSelect.ts"],"sourcesContent":["/**\n * `useAreaSelectDepSource` — wires the `areaSelect` dep consumed by\n * `areaSelectAction`. The dep exposes:\n *   - `hitTestArea(bounds)` — silhouette-aware scan over `scene.renderOrderNodes()`\n *     (rect poses by AABB; polygon poses by the kernel polygon-overlap test).\n *   - `getSelection` / `setSelection` — passthrough to the kit selection api.\n *\n * Built once per render and stabilised by `useDepSource` (which reads via a\n * ref internally), so callers can pass fresh selection/scene refs without\n * triggering re-registration.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { AreaSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, regionPickOptions } from './hitTestArea';\n\nexport function useAreaSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n  /** Whether a node can be reached at all: the canvas's one answer, which picking reads too. */\n  reachable?: (id: string) => boolean,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n  const reachableRef = useLatest(reachable);\n\n  useDepSource('areaSelect', (): AreaSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    const r = reachableRef.current;\n    const keep = (ids: NodeId[]): NodeId[] => (r ? ids.filter((id) => r(id)) : ids);\n    return {\n      hitTestArea: (bounds, view) =>\n        keep(hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d)),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,SAAgB,uBACd,OACA,WACA,YAEA,SAEA,WACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,eAAe,UAAU,SAAS;CAExC,aAAa,oBAAmC;EAC9C,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,aAAa;EACvB,MAAM,QAAQ,QAA6B,IAAI,IAAI,QAAQ,OAAO,EAAE,EAAE,CAAC,IAAI;EAC3E,OAAO;GACL,cAAc,QAAQ,SACpB,KAAKA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GACnE,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAG;EAClC;CACF,CAAC;AACH"}
+{"version":3,"file":"areaSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/areaSelect.ts"],"sourcesContent":["/**\n * `useAreaSelectDepSource` — wires the `areaSelect` dep consumed by\n * `areaSelectAction`. The dep exposes:\n *   - `hitTestArea(bounds)` — silhouette-aware scan over `scene.renderOrderNodes()`\n *     (rect poses by AABB; polygon poses by the kernel polygon-overlap test).\n *   - `getSelection` / `setSelection` — passthrough to the kit selection api.\n *\n * Built once per render and stabilised by `useDepSource` (which reads via a\n * ref internally), so callers can pass fresh selection/scene refs without\n * triggering re-registration.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { AreaSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, regionPickOptions } from './hitTestArea';\n\nexport function useAreaSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n  /** Whether a node can be reached at all: the canvas's one answer, which picking reads too. */\n  reachable?: (id: string) => boolean,\n  /** The node selecting a hit selects, as a click picks. */\n  targetOf?: (id: string) => string,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n  const reachableRef = useLatest(reachable);\n  const targetOfRef = useLatest(targetOf);\n\n  useDepSource('areaSelect', (): AreaSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    const r = reachableRef.current;\n    const t = targetOfRef.current;\n    const keep = (ids: NodeId[]): NodeId[] => (r ? ids.filter((id) => r(id)) : ids);\n    return {\n      hitTestArea: (bounds, view) =>\n        keep(hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d)),\n      ...(t ? { targetOf: t } : {}),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,SAAgB,uBACd,OACA,WACA,YAEA,SAEA,WAEA,UACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,cAAc,UAAU,QAAQ;CAEtC,aAAa,oBAAmC;EAC9C,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,YAAY;EACtB,MAAM,QAAQ,QAA6B,IAAI,IAAI,QAAQ,OAAO,EAAE,EAAE,CAAC,IAAI;EAC3E,OAAO;GACL,cAAc,QAAQ,SACpB,KAAKA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GACnE,GAAI,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC;GAC3B,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAG;EAClC;CACF,CAAC;AACH"}

package/dist/canvas/deps/booleans.js

@@ -1,17 +1,17 @@
-import { poseDescriptorForNode } from "../../core/geometry/poseDescriptor.js";
-import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
 import { sceneInheritedPaintOf } from "../inheritedPaints.js";
-import { pathPaintOf } from "../nodeShapes/nodePaint.js";
-import { asNodeId } from "../../core/scene/types.js";
+import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
+import { poseDescriptorForNode } from "../../core/geometry/poseDescriptor.js";
 import { sceneMutators } from "../../core/scene/sceneMutators.js";
+import { asNodeId } from "../../core/scene/types.js";
 import { scenePoseFrame } from "../../interactions/actions/poseFrame.js";
+import { pathPaintOf } from "../nodeShapes/nodePaint.js";
 import { drawnPose, leafPath, storePiece } from "./pathLeaf.js";
 import { pathInWorld } from "@weasel-js/geom";
 import { useMemo } from "react";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/booleans.ts
+// src/canvas/deps/booleans.ts
 /**
 * The kit `booleansAdapter` dep: what the Pathfinder actions, and any tool
 * reading the dep, work on over a canvas's own path leaves.
@@ -100,6 +100,5 @@ function useBooleansAdapterSource(scene, selection, adapter, poseDescriptor) {
 	useDepSource("booleansAdapter", () => booleans);
 }
 
-//#endregion
 export { useBooleansAdapterSource };
 //# sourceMappingURL=booleans.js.map

package/dist/canvas/deps/changes.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { useDepRegistry } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/changes.ts
+// src/canvas/deps/changes.ts
 /**
 * `useDepChangeNotices` — tells the dep registry when the scene, the
 * selection, or the path-edit state changed. Sources are thunks, so nothing else lets chrome showing
@@ -16,6 +16,5 @@ function useDepChangeNotices(scene, selected, pathEdit) {
 	}, [registry, selected]);
 }
 
-//#endregion
 export { useDepChangeNotices };
 //# sourceMappingURL=changes.js.map

package/dist/canvas/deps/chromeRules.js

@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useState } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/deps/chromeRules.ts
+// src/canvas/deps/chromeRules.ts
 /**
 * The `chromeRules` dep: the canvas's chrome-visibility rules, read and set
 * at run time, for an action that shows or hides a piece of chrome.
@@ -32,6 +32,5 @@ function useChromeRulesDep(rules) {
 	};
 }
 
-//#endregion
 export { useChromeRulesDep };
 //# sourceMappingURL=chromeRules.js.map

package/dist/canvas/deps/debug.js

@@ -1,6 +1,6 @@
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/debug.ts
+// src/canvas/deps/debug.ts
 /**
 * `useDebugDepSource` — wires the `debug` dep: the sink of the canvas this
 * registrar belongs to, so actions report to the debug overlay that canvas
@@ -11,6 +11,5 @@ function useDebugDepSource(canvasApiRef) {
 	useDepSource("debug", () => canvasApiRef.current?.getDebug() ?? void 0);
 }
 
-//#endregion
 export { useDebugDepSource };
 //# sourceMappingURL=debug.js.map

package/dist/canvas/deps/dispatchSources.js

@@ -1,6 +1,6 @@
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/dispatchSources.ts
+// src/canvas/deps/dispatchSources.ts
 var hitOf = (c) => ({
 	bodyTarget: c.body,
 	bodyKind: c.kind,
@@ -22,6 +22,5 @@ function useDispatchDepSources(longPress, classifyTarget, kindOfNode) {
 	useDepSource("kindOfNode", () => (id) => kindOfNode.current?.(id));
 }
 
-//#endregion
 export { hitAtOf, useDispatchDepSources };
 //# sourceMappingURL=dispatchSources.js.map

package/dist/canvas/deps/dispatcher.js

@@ -1,7 +1,7 @@
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/dispatcher.ts
+// src/canvas/deps/dispatcher.ts
 /**
 * `useDispatcherDepSource` — wires the `dispatcher` dep so actions can
 * abort in-flight handles (`cancelGestureAction` is the kit's only
@@ -17,6 +17,5 @@ function useDispatcherDepSource(dispatcher) {
 	useDepSource("dispatcher", () => ({ cancelAll: (reason) => ref.current.cancelAll(reason) }));
 }
 
-//#endregion
 export { useDispatcherDepSource };
 //# sourceMappingURL=dispatcher.js.map

package/dist/canvas/deps/editAnchors.js

@@ -1,7 +1,7 @@
 import { locksOf } from "../../interactions/actions/edit-anchors/params.js";
-import { representationOf } from "../../domains/paths/pathRepresentation.js";
-import { classifyPathStorage, pathEditPathOf, resolveEditablePathOf } from "../../domains/paths/editablePath.js";
 import { anchorDataPatch } from "../../domains/paths/anchorData.js";
+import { classifyPathStorage, pathEditPathOf, resolveEditablePathOf } from "../../domains/paths/editablePath.js";
+import { representationOf } from "../../domains/paths/pathRepresentation.js";
 import { finishCtx, finishEdit, otherOps, pathEditFollower, reshapeOps } from "./pathEditCommits.js";
 import { useTransformFollower } from "./transformFollowers.js";
 import { createPathEditState, isSelectedNode } from "../../domains/paths/pathEditState.js";
@@ -10,7 +10,7 @@ import { useLatest } from "@weasel-js/react";
 import { resolveParams } from "@weasel-js/routing";
 import { useDepRegistry, useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/editAnchors.ts
+// src/canvas/deps/editAnchors.ts
 /**
 * `useEditAnchorsDepSource` — wires the `editAnchors` dep.
 *
@@ -152,6 +152,5 @@ function pathAccess(sc, ad, extensions) {
 	};
 }
 
-//#endregion
 export { resolveEditablePathOf, useEditAnchorsDepSource };
 //# sourceMappingURL=editAnchors.js.map

package/dist/canvas/deps/enteredGroup.js

@@ -1,7 +1,8 @@
+import { createEmitter } from "@weasel-js/registry";
 import { useEffect, useMemo } from "react";
 import { useDepRegistry, useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/enteredGroup.ts
+// src/canvas/deps/enteredGroup.ts
 /**
 * The entered group: the group a press resolves inside of. Session state beside
 * the selection, not scene data, so it is never saved and never undone.
@@ -28,13 +29,13 @@ function reachableInGroup(scene, group, id) {
 function createEnteredGroup(scene) {
 	let chain = [];
 	let announced = null;
-	const listeners = /* @__PURE__ */ new Set();
+	const listeners = createEmitter();
 	const isGroup = (id) => isEnterable(scene.get(id));
 	const get = () => chain.find(isGroup) ?? null;
 	const groupsFrom = (id) => [id, ...scene.ancestorsOf(id)].filter(isGroup);
 	const announce = () => {
 		announced = get();
-		for (const fn of [...listeners]) fn();
+		listeners.emit();
 	};
 	let stopScene = null;
 	const watchScene = () => scene.subscribe(() => {
@@ -63,9 +64,9 @@ function createEnteredGroup(scene) {
 				announced = get();
 				stopScene = watchScene();
 			}
-			listeners.add(fn);
+			const off = listeners.subscribe(fn);
 			return () => {
-				listeners.delete(fn);
+				off();
 				if (listeners.size === 0) {
 					stopScene?.();
 					stopScene = null;
@@ -85,6 +86,5 @@ function useEnteredGroupApiSource(dep) {
 	useEffect(() => dep.subscribe(() => registry.changed?.()), [dep, registry]);
 }
 
-//#endregion
 export { createEnteredGroup, isEnterable, reachableInGroup, useEnteredGroup, useEnteredGroupApiSource };
 //# sourceMappingURL=enteredGroup.js.map

package/dist/canvas/deps/enteredGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"enteredGroup.js","names":[],"sources":["../../../src/canvas/deps/enteredGroup.ts"],"sourcesContent":["/**\n * The entered group: the group a press resolves inside of. Session state beside\n * the selection, not scene data, so it is never saved and never undone.\n *\n * It remembers the entered group and the groups above it. `get()` answers the\n * innermost of those still in the scene, so deleting the group lands on its\n * parent, and an undo that brings it back lands on it again.\n */\nimport { useEffect, useMemo } from 'react';\nimport { useDepRegistry, useDepSource } from '@weasel-js/routing/react';\nimport type { NodeId, Scene } from 'core/scene/types';\n\n/** The group a press resolves inside of, held beside the selection; `<SceneCanvas enteredGroup>` takes one. */\nexport interface EnteredGroupApi {\n  get(): NodeId | null;\n  enter(id: NodeId): void;\n  /** Moves to the nearest group above the current one, or to none. */\n  leave(): void;\n  /** Leaves every entered group at once. */\n  leaveAll(): void;\n  subscribe(fn: () => void): () => void;\n}\n\n/** Whether a node is entered as a group is: a group, or a node that consumes its children. */\nexport function isEnterable(node: { kind?: string; consumesChildren?: boolean } | undefined): boolean {\n  return node?.kind === 'group' || node?.consumesChildren === true;\n}\n\n/** Whether `id` is reachable while `group` is entered: inside it, and not the group itself, and\n *  not consumed by a node inside it (`SceneNode.consumesChildren`). With nothing entered every node\n *  no node consumes is. Picking, region selects and select-all all ask this. */\nexport function reachableInGroup(\n  scene: Pick<Scene<unknown, string, unknown>, 'ancestorsOf' | 'get'>,\n  group: NodeId | null,\n  id: string,\n): boolean {\n  for (const above of scene.ancestorsOf(id as NodeId)) {\n    if (above === group) return true;\n    if (scene.get(above)?.consumesChildren === true) return false;\n  }\n  return group === null;\n}\n\ntype SceneReads = Pick<Scene<unknown, string, unknown>, 'get' | 'ancestorsOf' | 'subscribe'>;\n\n/** An entered-group store over `scene`, with nothing entered. */\nexport function createEnteredGroup(scene: SceneReads): EnteredGroupApi {\n  let chain: NodeId[] = [];\n  let announced: NodeId | null = null;\n  const listeners = new Set<() => void>();\n\n  const isGroup = (id: NodeId) => isEnterable(scene.get(id));\n  const get = (): NodeId | null => chain.find(isGroup) ?? null;\n  const groupsFrom = (id: NodeId): NodeId[] => [id, ...scene.ancestorsOf(id)].filter(isGroup);\n\n  const announce = () => {\n    announced = get();\n    for (const fn of [...listeners]) fn();\n  };\n\n  let stopScene: (() => void) | null = null;\n  const watchScene = () => scene.subscribe(() => {\n    if (get() !== announced) announce();\n  });\n\n  return {\n    get,\n    enter(id) {\n      if (!isGroup(id)) return;\n      chain = groupsFrom(id);\n      announce();\n    },\n    leave() {\n      const here = get();\n      if (here === null) return;\n      chain = groupsFrom(here).slice(1);\n      announce();\n    },\n    leaveAll() {\n      if (get() === null) return;\n      chain = [];\n      announce();\n    },\n    subscribe(fn) {\n      if (listeners.size === 0) {\n        announced = get();\n        stopScene = watchScene();\n      }\n      listeners.add(fn);\n      return () => {\n        listeners.delete(fn);\n        if (listeners.size === 0) { stopScene?.(); stopScene = null; }\n      };\n    },\n  };\n}\n\n/** One entered-group store for the life of the scene. */\nexport function useEnteredGroup(scene: SceneReads): EnteredGroupApi {\n  return useMemo(() => createEnteredGroup(scene), [scene]);\n}\n\nexport function useEnteredGroupApiSource(dep: EnteredGroupApi): void {\n  useDepSource('enteredGroup', () => dep);\n  // What is drawn or pasted while a group is entered lands in it, unless a source\n  // registered under this one, such as a symmetry group, names a container.\n  useDepSource('insertInto', (below) => ({ get: () => below()?.get() ?? dep.get() }));\n  const registry = useDepRegistry();\n  useEffect(() => dep.subscribe(() => registry.changed?.()), [dep, registry]);\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAgB,YAAY,MAA0E;CACpG,OAAO,MAAM,SAAS,WAAW,MAAM,qBAAqB;AAC9D;;;;AAKA,SAAgB,iBACd,OACA,OACA,IACS;CACT,KAAK,MAAM,SAAS,MAAM,YAAY,EAAY,GAAG;EACnD,IAAI,UAAU,OAAO,OAAO;EAC5B,IAAI,MAAM,IAAI,KAAK,CAAC,EAAE,qBAAqB,MAAM,OAAO;CAC1D;CACA,OAAO,UAAU;AACnB;;AAKA,SAAgB,mBAAmB,OAAoC;CACrE,IAAI,QAAkB,CAAC;CACvB,IAAI,YAA2B;CAC/B,MAAM,4BAAY,IAAI,IAAgB;CAEtC,MAAM,WAAW,OAAe,YAAY,MAAM,IAAI,EAAE,CAAC;CACzD,MAAM,YAA2B,MAAM,KAAK,OAAO,KAAK;CACxD,MAAM,cAAc,OAAyB,CAAC,IAAI,GAAG,MAAM,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,OAAO;CAE1F,MAAM,iBAAiB;EACrB,YAAY,IAAI;EAChB,KAAK,MAAM,MAAM,CAAC,GAAG,SAAS,GAAG,GAAG;CACtC;CAEA,IAAI,YAAiC;CACrC,MAAM,mBAAmB,MAAM,gBAAgB;EAC7C,IAAI,IAAI,MAAM,WAAW,SAAS;CACpC,CAAC;CAED,OAAO;EACL;EACA,MAAM,IAAI;GACR,IAAI,CAAC,QAAQ,EAAE,GAAG;GAClB,QAAQ,WAAW,EAAE;GACrB,SAAS;EACX;EACA,QAAQ;GACN,MAAM,OAAO,IAAI;GACjB,IAAI,SAAS,MAAM;GACnB,QAAQ,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC;GAChC,SAAS;EACX;EACA,WAAW;GACT,IAAI,IAAI,MAAM,MAAM;GACpB,QAAQ,CAAC;GACT,SAAS;EACX;EACA,UAAU,IAAI;GACZ,IAAI,UAAU,SAAS,GAAG;IACxB,YAAY,IAAI;IAChB,YAAY,WAAW;GACzB;GACA,UAAU,IAAI,EAAE;GAChB,aAAa;IACX,UAAU,OAAO,EAAE;IACnB,IAAI,UAAU,SAAS,GAAG;KAAE,YAAY;KAAG,YAAY;IAAM;GAC/D;EACF;CACF;AACF;;AAGA,SAAgB,gBAAgB,OAAoC;CAClE,OAAO,cAAc,mBAAmB,KAAK,GAAG,CAAC,KAAK,CAAC;AACzD;AAEA,SAAgB,yBAAyB,KAA4B;CACnE,aAAa,sBAAsB,GAAG;CAGtC,aAAa,eAAe,WAAW,EAAE,WAAW,MAAM,CAAC,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE,EAAE;CAClF,MAAM,WAAW,eAAe;CAChC,gBAAgB,IAAI,gBAAgB,SAAS,UAAU,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC;AAC5E"}
+{"version":3,"file":"enteredGroup.js","names":[],"sources":["../../../src/canvas/deps/enteredGroup.ts"],"sourcesContent":["/**\n * The entered group: the group a press resolves inside of. Session state beside\n * the selection, not scene data, so it is never saved and never undone.\n *\n * It remembers the entered group and the groups above it. `get()` answers the\n * innermost of those still in the scene, so deleting the group lands on its\n * parent, and an undo that brings it back lands on it again.\n */\nimport { useEffect, useMemo } from 'react';\nimport { createEmitter } from '@weasel-js/registry';\nimport { useDepRegistry, useDepSource } from '@weasel-js/routing/react';\nimport type { NodeId, Scene } from 'core/scene/types';\n\n/** The group a press resolves inside of, held beside the selection; `<SceneCanvas enteredGroup>` takes one. */\nexport interface EnteredGroupApi {\n  get(): NodeId | null;\n  enter(id: NodeId): void;\n  /** Moves to the nearest group above the current one, or to none. */\n  leave(): void;\n  /** Leaves every entered group at once. */\n  leaveAll(): void;\n  subscribe(fn: () => void): () => void;\n}\n\n/** Whether a node is entered as a group is: a group, or a node that consumes its children. */\nexport function isEnterable(node: { kind?: string; consumesChildren?: boolean } | undefined): boolean {\n  return node?.kind === 'group' || node?.consumesChildren === true;\n}\n\n/** Whether `id` is reachable while `group` is entered: inside it, and not the group itself, and\n *  not consumed by a node inside it (`SceneNode.consumesChildren`). With nothing entered every node\n *  no node consumes is. Picking, region selects and select-all all ask this. */\nexport function reachableInGroup(\n  scene: Pick<Scene<unknown, string, unknown>, 'ancestorsOf' | 'get'>,\n  group: NodeId | null,\n  id: string,\n): boolean {\n  for (const above of scene.ancestorsOf(id as NodeId)) {\n    if (above === group) return true;\n    if (scene.get(above)?.consumesChildren === true) return false;\n  }\n  return group === null;\n}\n\ntype SceneReads = Pick<Scene<unknown, string, unknown>, 'get' | 'ancestorsOf' | 'subscribe'>;\n\n/** An entered-group store over `scene`, with nothing entered. */\nexport function createEnteredGroup(scene: SceneReads): EnteredGroupApi {\n  let chain: NodeId[] = [];\n  let announced: NodeId | null = null;\n  const listeners = createEmitter();\n\n  const isGroup = (id: NodeId) => isEnterable(scene.get(id));\n  const get = (): NodeId | null => chain.find(isGroup) ?? null;\n  const groupsFrom = (id: NodeId): NodeId[] => [id, ...scene.ancestorsOf(id)].filter(isGroup);\n\n  const announce = () => {\n    announced = get();\n    listeners.emit();\n  };\n\n  let stopScene: (() => void) | null = null;\n  const watchScene = () => scene.subscribe(() => {\n    if (get() !== announced) announce();\n  });\n\n  return {\n    get,\n    enter(id) {\n      if (!isGroup(id)) return;\n      chain = groupsFrom(id);\n      announce();\n    },\n    leave() {\n      const here = get();\n      if (here === null) return;\n      chain = groupsFrom(here).slice(1);\n      announce();\n    },\n    leaveAll() {\n      if (get() === null) return;\n      chain = [];\n      announce();\n    },\n    subscribe(fn) {\n      if (listeners.size === 0) {\n        announced = get();\n        stopScene = watchScene();\n      }\n      const off = listeners.subscribe(fn);\n      return () => {\n        off();\n        if (listeners.size === 0) { stopScene?.(); stopScene = null; }\n      };\n    },\n  };\n}\n\n/** One entered-group store for the life of the scene. */\nexport function useEnteredGroup(scene: SceneReads): EnteredGroupApi {\n  return useMemo(() => createEnteredGroup(scene), [scene]);\n}\n\nexport function useEnteredGroupApiSource(dep: EnteredGroupApi): void {\n  useDepSource('enteredGroup', () => dep);\n  // What is drawn or pasted while a group is entered lands in it, unless a source\n  // registered under this one, such as a symmetry group, names a container.\n  useDepSource('insertInto', (below) => ({ get: () => below()?.get() ?? dep.get() }));\n  const registry = useDepRegistry();\n  useEffect(() => dep.subscribe(() => registry.changed?.()), [dep, registry]);\n}\n"],"mappings":";;;;;;;;;;;;;;AAyBA,SAAgB,YAAY,MAA0E;CACpG,OAAO,MAAM,SAAS,WAAW,MAAM,qBAAqB;AAC9D;;;;AAKA,SAAgB,iBACd,OACA,OACA,IACS;CACT,KAAK,MAAM,SAAS,MAAM,YAAY,EAAY,GAAG;EACnD,IAAI,UAAU,OAAO,OAAO;EAC5B,IAAI,MAAM,IAAI,KAAK,CAAC,EAAE,qBAAqB,MAAM,OAAO;CAC1D;CACA,OAAO,UAAU;AACnB;;AAKA,SAAgB,mBAAmB,OAAoC;CACrE,IAAI,QAAkB,CAAC;CACvB,IAAI,YAA2B;CAC/B,MAAM,YAAY,cAAc;CAEhC,MAAM,WAAW,OAAe,YAAY,MAAM,IAAI,EAAE,CAAC;CACzD,MAAM,YAA2B,MAAM,KAAK,OAAO,KAAK;CACxD,MAAM,cAAc,OAAyB,CAAC,IAAI,GAAG,MAAM,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,OAAO;CAE1F,MAAM,iBAAiB;EACrB,YAAY,IAAI;EAChB,UAAU,KAAK;CACjB;CAEA,IAAI,YAAiC;CACrC,MAAM,mBAAmB,MAAM,gBAAgB;EAC7C,IAAI,IAAI,MAAM,WAAW,SAAS;CACpC,CAAC;CAED,OAAO;EACL;EACA,MAAM,IAAI;GACR,IAAI,CAAC,QAAQ,EAAE,GAAG;GAClB,QAAQ,WAAW,EAAE;GACrB,SAAS;EACX;EACA,QAAQ;GACN,MAAM,OAAO,IAAI;GACjB,IAAI,SAAS,MAAM;GACnB,QAAQ,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC;GAChC,SAAS;EACX;EACA,WAAW;GACT,IAAI,IAAI,MAAM,MAAM;GACpB,QAAQ,CAAC;GACT,SAAS;EACX;EACA,UAAU,IAAI;GACZ,IAAI,UAAU,SAAS,GAAG;IACxB,YAAY,IAAI;IAChB,YAAY,WAAW;GACzB;GACA,MAAM,MAAM,UAAU,UAAU,EAAE;GAClC,aAAa;IACX,IAAI;IACJ,IAAI,UAAU,SAAS,GAAG;KAAE,YAAY;KAAG,YAAY;IAAM;GAC/D;EACF;CACF;AACF;;AAGA,SAAgB,gBAAgB,OAAoC;CAClE,OAAO,cAAc,mBAAmB,KAAK,GAAG,CAAC,KAAK,CAAC;AACzD;AAEA,SAAgB,yBAAyB,KAA4B;CACnE,aAAa,sBAAsB,GAAG;CAGtC,aAAa,eAAe,WAAW,EAAE,WAAW,MAAM,CAAC,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE,EAAE;CAClF,MAAM,WAAW,eAAe;CAChC,gBAAgB,IAAI,gBAAgB,SAAS,UAAU,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC;AAC5E"}

package/dist/canvas/deps/geometryProjection.js

@@ -1,7 +1,7 @@
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/geometryProjection.ts
+// src/canvas/deps/geometryProjection.ts
 /**
 * Wires the `geometryProjection` dep consumed by pose-transform actions.
 * A source that returns `undefined` is indistinguishable from no registration:
@@ -12,6 +12,5 @@ function useGeometryProjection(projection) {
 	useDepSource("geometryProjection", () => ref.current);
 }
 
-//#endregion
 export { useGeometryProjection };
 //# sourceMappingURL=geometryProjection.js.map

package/dist/canvas/deps/hitTestArea.js

@@ -1,13 +1,13 @@
-import { rectToPlane, toPlane } from "../../core/viewport/parallax.js";
 import { poseDescriptorForNode, visualBoundsViaDescriptor } from "../../core/geometry/poseDescriptor.js";
 import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
+import { pickWalk } from "../pickWalk.js";
+import { rectToPlane, toPlane } from "../../core/viewport/parallax.js";
 import { findShapeInk, findShapeSilhouette } from "../NodeShape.js";
-import { polygonRegion, poseOutline, rectRegion, regionBoundsOf, regionOf, regionTakes, regionTakesByBounds } from "../../core/geometry/regionHit.js";
 import { scenePickSource } from "../scenePickSource.js";
-import { pickWalk } from "../pickWalk.js";
+import { polygonRegion, poseOutline, rectRegion, regionBoundsOf, regionOf, regionTakes, regionTakesByBounds } from "../../core/geometry/regionHit.js";
 import { applyToPoint, boundsOfPath, pathIntersectsRect } from "@weasel-js/geom";
 
-//#region src/canvas/deps/hitTestArea.ts
+// src/canvas/deps/hitTestArea.ts
 /** The pick options a region dep hands the shared walk: the asking view's
 *  layer gate and camera, and the surface's alpha. */
 function regionPickOptions(view, alphaOf) {
@@ -105,6 +105,5 @@ function regionInCopy(r, m) {
 	}, r.isRect && keepsAxes);
 }
 
-//#endregion
 export { hitTestArea, hitTestLassoPolygon, regionPickOptions, regionPickQuery };
 //# sourceMappingURL=hitTestArea.js.map

package/dist/canvas/deps/ingestion.js

@@ -2,7 +2,7 @@ import { viewportWorldRect } from "../../core/viewport/viewportWorldRect.js";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/ingestion.ts
+// src/canvas/deps/ingestion.ts
 function useIngestionDepSource(canvasRef, getView, resolveSrc, svg, clipboard, handlers) {
 	const getViewRef = useLatest(getView);
 	const resolveSrcRef = useLatest(resolveSrc);
@@ -35,6 +35,5 @@ function useIngestionDepSource(canvasRef, getView, resolveSrc, svg, clipboard, h
 	}));
 }
 
-//#endregion
 export { useIngestionDepSource };
 //# sourceMappingURL=ingestion.js.map

package/dist/canvas/deps/insert.js

@@ -1,16 +1,16 @@
-import { insertPreviewExtent } from "../insertPreviewExtent.js";
 import { insertSite } from "./insertSite.js";
-import { minSizeOf } from "../../core/scene/minSize.js";
 import { createInsertOp } from "../../core/ops/create.js";
+import { insertPreviewExtent } from "../insertPreviewExtent.js";
 import { cycleFill, solid, strokeOf } from "../../util/paint.js";
 import { stickyData } from "../../tools/builtin/sticky/stickyNode.js";
+import { minSizeOf } from "../../core/scene/minSize.js";
 import { ellipsePath, linePath, polygonFromPoints, rectPath, regularPolygonPath, schneiderFit, starPath } from "@weasel-js/geom";
 import { useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 import { DEFAULT_TEXT_FILL } from "@weasel-js/text";
 import { useDepRegistry, useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/insert.ts
+// src/canvas/deps/insert.ts
 /**
 * `useInsertDepSource` — wires the `insert` dep consumed by `insertAction`.
 *
@@ -218,6 +218,5 @@ function useInsertDepSource(scene, adapter, factories, paint = paletteInsertPain
 	});
 }
 
-//#endregion
 export { paletteInsertPaint, useInsertDepSource };
 //# sourceMappingURL=insert.js.map

package/dist/canvas/deps/insertSite.js

@@ -1,9 +1,9 @@
+import { insertParent } from "../../interactions/actions/insert/parent.js";
 import { composeChildFrame, composesFrames } from "../../core/scene/composeFrame.js";
-import { definesFrame } from "../../core/scene/effectivePose.js";
 import { viewPoseAdapter } from "../../core/scene/scrollOffsets.js";
-import { insertParent } from "../../interactions/actions/insert/parent.js";
+import { definesFrame } from "../../core/scene/effectivePose.js";
 
-//#region src/canvas/deps/insertSite.ts
+// src/canvas/deps/insertSite.ts
 /**
 * Where an insert lands: the container the `insertInto` dep names, on that container's
 * layer, with the pose made local to it when the scene composes frames —
@@ -36,6 +36,5 @@ function insertSite(sc, into, canDropInto) {
 	};
 }
 
-//#endregion
 export { insertSite };
 //# sourceMappingURL=insertSite.js.map

package/dist/canvas/deps/kitSettings.js

@@ -1,7 +1,7 @@
 import { useKitSettings, useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/kitSettings.ts
+// src/canvas/deps/kitSettings.ts
 /**
 * Wires the `kitSettings` dep: the store of the nearest `<KitSettingsProvider>`,
 * resolved at invocation so a provider swapped above the canvas reaches the next action.
@@ -11,6 +11,5 @@ function useKitSettingsDepSource() {
 	useDepSource("kitSettings", () => ref.current);
 }
 
-//#endregion
 export { useKitSettingsDepSource };
 //# sourceMappingURL=kitSettings.js.map

package/dist/canvas/deps/lassoSelect.js

@@ -2,34 +2,36 @@ import { hitTestArea, hitTestLassoPolygon, regionPickOptions } from "./hitTestAr
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/lassoSelect.ts
+// src/canvas/deps/lassoSelect.ts
 /**
 * `useLassoSelectDepSource` — wires the `lassoSelect` dep consumed by
 * `lassoSelectAction`: `hitTestLasso` tests the lasso polygon itself, and
 * `hitTestArea` is the same silhouette-aware rect test `areaSelect` uses.
 */
-function useLassoSelectDepSource(scene, selection, descriptor, alphaOf, reachable) {
+function useLassoSelectDepSource(scene, selection, descriptor, alphaOf, reachable, targetOf) {
 	const sceneRef = useLatest(scene);
 	const selectionRef = useLatest(selection);
 	const descriptorRef = useLatest(descriptor);
 	const alphaOfRef = useLatest(alphaOf);
 	const reachableRef = useLatest(reachable);
+	const targetOfRef = useLatest(targetOf);
 	useDepSource("lassoSelect", () => {
 		const sc = sceneRef.current;
 		const s = selectionRef.current;
 		const d = descriptorRef.current;
 		const a = alphaOfRef.current;
 		const r = reachableRef.current;
+		const t = targetOfRef.current;
 		const keep = (ids) => r ? ids.filter((id) => r(id)) : ids;
 		return {
 			hitTestLasso: (polygon, mode, view) => keep(hitTestLassoPolygon(sc, polygon, mode, regionPickOptions(view, a), d)),
 			hitTestArea: (bounds, view) => keep(hitTestArea(sc, bounds, regionPickOptions(view, a), d)),
+			...t ? { targetOf: t } : {},
 			getSelection: () => s.current,
 			setSelection: (ids) => s.set(ids)
 		};
 	});
 }
 
-//#endregion
 export { useLassoSelectDepSource };
 //# sourceMappingURL=lassoSelect.js.map

package/dist/canvas/deps/lassoSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"lassoSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/lassoSelect.ts"],"sourcesContent":["/**\n * `useLassoSelectDepSource` — wires the `lassoSelect` dep consumed by\n * `lassoSelectAction`: `hitTestLasso` tests the lasso polygon itself, and\n * `hitTestArea` is the same silhouette-aware rect test `areaSelect` uses.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { LassoSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, hitTestLassoPolygon, regionPickOptions } from './hitTestArea';\n\nexport function useLassoSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n  /** Whether a node can be reached at all: the canvas's one answer, which picking reads too. */\n  reachable?: (id: string) => boolean,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n  const reachableRef = useLatest(reachable);\n\n  useDepSource('lassoSelect', (): LassoSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    const r = reachableRef.current;\n    const keep = (ids: NodeId[]): NodeId[] => (r ? ids.filter((id) => r(id)) : ids);\n    return {\n      hitTestLasso: (polygon, mode, view) =>\n        keep(hitTestLassoPolygon(sc, polygon, mode, regionPickOptions(view, a), d)),\n      hitTestArea: (bounds, view) =>\n        keep(hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d)),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids as NodeId[]),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,wBACd,OACA,WACA,YAEA,SAEA,WACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,eAAe,UAAU,SAAS;CAExC,aAAa,qBAAqC;EAChD,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,aAAa;EACvB,MAAM,QAAQ,QAA6B,IAAI,IAAI,QAAQ,OAAO,EAAE,EAAE,CAAC,IAAI;EAC3E,OAAO;GACL,eAAe,SAAS,MAAM,SAC5B,KAAK,oBAAoB,IAAI,SAAS,MAAM,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GAC5E,cAAc,QAAQ,SACpB,KAAKA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GACnE,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAe;EAC9C;CACF,CAAC;AACH"}
+{"version":3,"file":"lassoSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/lassoSelect.ts"],"sourcesContent":["/**\n * `useLassoSelectDepSource` — wires the `lassoSelect` dep consumed by\n * `lassoSelectAction`: `hitTestLasso` tests the lasso polygon itself, and\n * `hitTestArea` is the same silhouette-aware rect test `areaSelect` uses.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { LassoSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, hitTestLassoPolygon, regionPickOptions } from './hitTestArea';\n\nexport function useLassoSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n  /** Whether a node can be reached at all: the canvas's one answer, which picking reads too. */\n  reachable?: (id: string) => boolean,\n  /** The node selecting a hit selects, as a click picks. */\n  targetOf?: (id: string) => string,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n  const reachableRef = useLatest(reachable);\n  const targetOfRef = useLatest(targetOf);\n\n  useDepSource('lassoSelect', (): LassoSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    const r = reachableRef.current;\n    const t = targetOfRef.current;\n    const keep = (ids: NodeId[]): NodeId[] => (r ? ids.filter((id) => r(id)) : ids);\n    return {\n      hitTestLasso: (polygon, mode, view) =>\n        keep(hitTestLassoPolygon(sc, polygon, mode, regionPickOptions(view, a), d)),\n      hitTestArea: (bounds, view) =>\n        keep(hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d)),\n      ...(t ? { targetOf: t } : {}),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids as NodeId[]),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,wBACd,OACA,WACA,YAEA,SAEA,WAEA,UACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,cAAc,UAAU,QAAQ;CAEtC,aAAa,qBAAqC;EAChD,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,YAAY;EACtB,MAAM,QAAQ,QAA6B,IAAI,IAAI,QAAQ,OAAO,EAAE,EAAE,CAAC,IAAI;EAC3E,OAAO;GACL,eAAe,SAAS,MAAM,SAC5B,KAAK,oBAAoB,IAAI,SAAS,MAAM,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GAC5E,cAAc,QAAQ,SACpB,KAAKA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GACnE,GAAI,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC;GAC3B,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAe;EAC9C;CACF,CAAC;AACH"}

package/dist/canvas/deps/layout.js

@@ -3,7 +3,7 @@ import { useEffect } from "react";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/layout.ts
+// src/canvas/deps/layout.ts
 /**
 * `useLayoutDepSource` — wires the `layout` dep consumed by `moveAction`'s
 * drag-time reflow pass. A container's layout is the one its scene node
@@ -35,6 +35,5 @@ function useLayoutDepSource(scene, dropTarget, reflow) {
 	}), [scene, ref]);
 }
 
-//#endregion
 export { useLayoutDepSource };
 //# sourceMappingURL=layout.js.map

package/dist/canvas/deps/modeDefaultTool.js

@@ -2,7 +2,7 @@ import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 import { defaultToolOf } from "@weasel-js/modes";
 
-//#region src/canvas/deps/modeDefaultTool.ts
+// src/canvas/deps/modeDefaultTool.ts
 /**
 * Wires the `modeDefaultTool` dep: the tool the canvas's active mode starts
 * on, when the canvas mounts it. Absent with no mode registry.
@@ -18,6 +18,5 @@ function useModeDefaultToolDepSource(modes, tools) {
 	});
 }
 
-//#endregion
 export { useModeDefaultToolDepSource };
 //# sourceMappingURL=modeDefaultTool.js.map

package/dist/canvas/deps/nodeAtPoint.js

@@ -2,7 +2,7 @@ import { asNodeId } from "../../core/scene/types.js";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/nodeAtPoint.ts
+// src/canvas/deps/nodeAtPoint.ts
 function useNodeAtPointDepSource(pickEvery) {
 	const pickRef = useLatest(pickEvery);
 	useDepSource("nodeAtPoint", () => {
@@ -17,6 +17,5 @@ function useNodeAtPointDepSource(pickEvery) {
 	});
 }
 
-//#endregion
 export { useNodeAtPointDepSource };
 //# sourceMappingURL=nodeAtPoint.js.map

package/dist/canvas/deps/pathEditCommits.js

@@ -1,13 +1,13 @@
-import { sceneDependentsOf } from "../../core/scene/dependents.js";
 import { createTransformOp } from "../../core/ops/transform.js";
 import { createSetDataOp } from "../../core/ops/setData.js";
-import { withoutShapeGenerator } from "../../domains/paths/shapeGenerator.js";
 import { createDeleteOp } from "../../core/ops/delete.js";
+import { writtenBy } from "../../core/ops/writtenBy.js";
+import { sceneDependentsOf } from "../../core/scene/dependents.js";
 import { pathEditPathOf, storeEditablePath } from "../../domains/paths/editablePath.js";
+import { withoutShapeGenerator } from "../../domains/paths/shapeGenerator.js";
 import { withoutGeometryBoundData } from "../../domains/paths/pathEditExtension.js";
-import { writtenBy } from "../../core/ops/writtenBy.js";
 
-//#region src/canvas/deps/pathEditCommits.ts
+// src/canvas/deps/pathEditCommits.ts
 /** The scene as an extension's `finishEdit` reads it. */
 function finishCtx(sc, id, extensions) {
 	return {
@@ -184,6 +184,5 @@ function pathEditFollower(sc, extensions) {
 	};
 }
 
-//#endregion
 export { finishCtx, finishEdit, otherOps, pathEditFollower, reshapeOps, transformOps, transformPreview };
 //# sourceMappingURL=pathEditCommits.js.map

package/dist/canvas/deps/pathLeaf.js

@@ -1,6 +1,6 @@
 import { poseLinearOf, worldEditToStorage } from "@weasel-js/geom";
 
-//#region src/canvas/deps/pathLeaf.ts
+// src/canvas/deps/pathLeaf.ts
 /** How `g` draws a leaf at `world`, or null for a pose it reads no finite box from. */
 function drawnPose(g, world) {
 	const b = g.getBounds(world);
@@ -61,6 +61,5 @@ function leafPath(scene, node) {
 	return path && (path.kind === "rect" || path.kind === "polygon") ? path : null;
 }
 
-//#endregion
 export { drawnPose, leafPath, storePiece };
 //# sourceMappingURL=pathLeaf.js.map

package/dist/canvas/deps/pathLeafDeps.js

@@ -1,13 +1,12 @@
-import { useSliceDepSource } from "./slice.js";
 import { useBooleansAdapterSource } from "./booleans.js";
+import { useSliceDepSource } from "./slice.js";
 
-//#region src/canvas/deps/pathLeafDeps.ts
+// src/canvas/deps/pathLeafDeps.ts
 /** The kit deps that rewrite a scene's path leaves: `slice` and `booleansAdapter`. */
 function usePathLeafDepSources(scene, selection, adapter, poseDescriptor) {
 	useSliceDepSource(scene, selection, adapter, poseDescriptor);
 	useBooleansAdapterSource(scene, selection, adapter, poseDescriptor);
 }
 
-//#endregion
 export { usePathLeafDepSources };
 //# sourceMappingURL=pathLeafDeps.js.map

package/dist/canvas/deps/poseDescriptor.js

@@ -2,13 +2,12 @@ import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js"
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/poseDescriptor.ts
+// src/canvas/deps/poseDescriptor.ts
 /** Publish the pose descriptor every built-in action reads. */
 function usePoseDescriptorDepSource(descriptor) {
 	const ref = useLatest(descriptor);
 	useDepSource("poseDescriptor", () => ref.current ?? AUTO_POSE_DESCRIPTOR);
 }
 
-//#endregion
 export { usePoseDescriptorDepSource };
 //# sourceMappingURL=poseDescriptor.js.map

package/dist/canvas/deps/previewPaths.js

@@ -2,7 +2,7 @@ import { createPathOverlay } from "../pathOverlay.js";
 import { useMemo } from "react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/previewPaths.ts
+// src/canvas/deps/previewPaths.ts
 /**
 * `usePreviewPathsDepSource` — wires the `previewPaths` dep: where an
 * action's `preview` draws what it would make, over this canvas.
@@ -39,6 +39,5 @@ function usePreviewPathsDepSource(canvasApiRef) {
 	useDepSource("previewPaths", () => dep);
 }
 
-//#endregion
 export { PREVIEW_PATHS_LAYER_ID, createPreviewPaths, usePreviewPathsDepSource };
 //# sourceMappingURL=previewPaths.js.map

package/dist/canvas/deps/resizePolicy.js

@@ -1,7 +1,7 @@
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/resizePolicy.ts
+// src/canvas/deps/resizePolicy.ts
 /**
 * Wires the `resizePolicy` dep consumed by `resizeAction`. Omitted
 * `constraints` default to none; Shift's aspect lock is the snap session's.
@@ -37,6 +37,5 @@ function resizePolicyOptions(o) {
 	};
 }
 
-//#endregion
 export { resizePolicyOptions, useResizePolicy };
 //# sourceMappingURL=resizePolicy.js.map