@weasel-js/core 1.9.4 → 1.10.0

package/dist/canvas/SceneCanvas.js

@@ -1,735 +1,331 @@
-import { normalizeView as e, viewZoom as t } from "../core/viewport/view.js";
-import { rectFromPlane as n } from "../core/viewport/parallax.js";
-import { DeviceProfileProvider as r, useDeviceProfile as i } from "../core/device/useDeviceProfile.js";
-import { targetSizesPx as a } from "../core/device/targets.js";
-import { useAnimator as o } from "../animation/useAnimator.js";
-import { useViewAnimationOn as ee } from "../core/viewport/useViewAnimation.js";
-import { clientToWorld as te } from "../core/viewport/clientToWorld.js";
-import { dlog as s, dwarn as ne } from "../debug/flag.js";
-import { useSelection as re } from "../core/selection/useSelection.js";
-import { AUTO_POSE_DESCRIPTOR as ie } from "../interactions/actions/resize/autoPoseDescriptor.js";
-import { pathFromPlane as ae } from "./planeClips.js";
-import { createDispatcherPreviewSources as oe, createGestureSource as se } from "./SceneCanvas/dispatcherGestureBounds.js";
-import { ViewInputsProvider as ce } from "./viewInputs.js";
-import { createSceneLayerGate as le } from "./sceneLayerPaint.js";
-import { ViewRegistryProvider as ue, useOptionalViewRegistry as de } from "./viewRegistry.js";
-import { CanvasView as fe } from "./CanvasView.js";
-import { useLateContentRedraw as pe } from "./useLateContentRedraw.js";
-import { rotateAroundAABBCenter as me } from "./poseRotation.js";
+import { DeviceProfileProvider as e, useDeviceProfile as t } from "../core/device/useDeviceProfile.js";
+import { dlog as n } from "../debug/flag.js";
+import { AUTO_POSE_DESCRIPTOR as ee } from "../core/geometry/autoPoseDescriptor.js";
+import { ViewInputsProvider as te } from "./viewInputs.js";
+import { ViewRegistryProvider as ne } from "./viewRegistry.js";
+import { CanvasView as r } from "./CanvasView.js";
+import { rotateAroundAABBCenter as i } from "./poseRotation.js";
 import "./defaultDrawOne.js";
-import { PointerProviderIfRoot as he, PointerPublisher as ge } from "./SceneCanvas/PointerProviderIfRoot.js";
-import { sceneFromJSON as _e } from "../core/scene/scene.js";
-import { createLongPressFeedbackContribution as ve } from "../features/longPress/longPressFeedback.js";
-import { KIT_SHAPE_KINDS as ye } from "../core/shapeKinds.js";
-import { registerContentHandler as be } from "../features/ingestion/contentHandlers.js";
-import { KIT_STANDARD_ACTION_IDS as xe } from "../interactions/actions/useStandardActions.js";
-import { useTools as Se } from "../tools/overlayBinding.js";
-import { selectionMoveContribution as Ce, selectionResizeContribution as we, selectionRotateContribution as Te } from "../tools/builtin/select/selectionContributions.js";
-import { useHandTool as Ee } from "../tools/builtin/hand/useHandTool.js";
-import { never as c } from "../features/chrome-caps/conditions.js";
-import { resolveVisibility as De } from "../features/chrome-caps/resolve.js";
-import { buildChromeCtx as Oe } from "../features/chrome-caps/buildChromeCtx.js";
-import { useHoverTracking as ke } from "../features/chrome-caps/useHoverTracking.js";
-import { DEFAULT_ALLOWED_CAPABILITIES as Ae } from "../features/chrome-caps/index.js";
-import { acquireKitContentHandlers as je } from "../features/ingestion/registerKitHandlers.js";
-import { itemsFromFiles as Me } from "../features/ingestion/index.js";
-import { createPathEditingOverlayLayer as Ne } from "../features/paths/pathEditingOverlayLayer.js";
-import { createPenPreviewLayer as Pe } from "../features/paths/penPreviewLayer.js";
-import { usePublishSelection as Fe } from "../features/selection/SelectionContext.js";
-import { createSelectionOverlayLayer as Ie, rotationBadgeOf as Le } from "../features/selection/overlay.js";
-import { createNodeRouting as Re } from "../core/scene/NodeRouting.js";
-import { installTestHookIfRequested as ze, releaseTestHook as Be } from "../test-hook/install.js";
-import { Canvas as Ve } from "./Canvas.js";
-import { IS_DEV as He } from "./SceneCanvas/isDev.js";
-import { COORD_DEV as Ue, coordTrace as We } from "./SceneCanvas/coordTrace.js";
-import { GestureDispatcherMounter as Ge } from "./SceneCanvas/GestureDispatcherMounter.js";
-import { resolveEditablePathOf as Ke } from "./deps/editAnchors.js";
-import { StandardActionsRegistrar as qe } from "./SceneCanvas/StandardActionsRegistrar.js";
-import { contributionEntries as Je } from "./SceneCanvas/useContributionRoles.js";
-import { ToolKeybindingsMounter as Ye } from "./SceneCanvas/ToolKeybindingsMounter.js";
-import { inferredNodeRouting as Xe } from "./SceneCanvas/defaultNodeRouting.js";
-import { SCENE_CANVAS_FEATURES as Ze, featureActionIds as Qe, resolveFeatures as $e } from "./SceneCanvas/features.js";
-import { BUILTIN_TOOL_IDS as l, DEFAULT_HANDLE_SIZE as et, NON_SHAPE_BUILTIN_TOOLS as tt, mergeLayersWithDefaults as nt } from "./SceneCanvas/props.js";
-import { useBuiltinShapeTools as rt } from "./SceneCanvas/useBuiltinShapeTools.js";
-import { useDispatcherOverlayLayer as it } from "./SceneCanvas/useDispatcherOverlayLayer.js";
-import { usePreviewGhostLayer as at } from "./SceneCanvas/usePreviewGhostLayer.js";
-import { useSceneSelectTool as ot } from "./SceneCanvas/useSceneSelectTool.js";
-import { makeGetNodeAtPoint as st } from "./getNodeAtPoint.js";
-import { useSceneAdapter as ct } from "./sceneAdapter.js";
-import { composeAlphaFor as lt, wireSceneSlotToScene as ut } from "./sceneSlotWiring.js";
-import { createSlopsDebugLayer as dt } from "./slopsDebugLayer.js";
-import { useHitObserver as ft } from "./useHitObserver.js";
-import { forwardRef as pt, useCallback as u, useEffect as d, useInsertionEffect as mt, useMemo as f, useRef as p, useState as m } from "react";
-import { assignRef as ht, useLatest as h } from "@weasel-js/react";
-import { createDispatcher as gt } from "@weasel-js/routing";
-import { InputScope as _t } from "@weasel-js/routing/react";
-import { Fragment as vt, jsx as g, jsxs as yt } from "react/jsx-runtime";
-import { getActiveModeFor as bt } from "@weasel-js/modes";
+import { PointerProviderIfRoot as re, PointerPublisher as ie } from "./SceneCanvas/PointerProviderIfRoot.js";
+import { isSerializedScene as ae } from "../core/scene/serialization.js";
+import { sceneFromJSON as oe } from "../core/scene/scene.js";
+import { useCanvasCamera as se } from "./SceneCanvas/useCanvasCamera.js";
+import { useHeldModifiers as ce } from "./SceneCanvas/useHeldModifiers.js";
+import { useCanvasIngestion as le } from "../features/ingestion/useCanvasIngestion.js";
+import { isSelectedNode as ue } from "../features/paths/pathEditState.js";
+import { usePathEditState as de } from "../features/paths/usePathEdit.js";
+import { useTestHook as fe } from "../test-hook/useTestHook.js";
+import { Canvas as pe } from "./Canvas.js";
+import { DevHuds as me } from "./SceneCanvas/DevHuds.js";
+import { GestureDispatcherMounter as he } from "./SceneCanvas/GestureDispatcherMounter.js";
+import { actionsMuting as ge } from "./SceneCanvas/useActionsPropResolver.js";
+import { viewportZoomOption as _e } from "./SceneCanvas/useViewportActions.js";
+import { StandardActionsRegistrar as ve } from "./SceneCanvas/StandardActionsRegistrar.js";
+import { contributionEntries as ye } from "./SceneCanvas/useContributionRoles.js";
+import { ToolKeybindingsMounter as be } from "./SceneCanvas/ToolKeybindingsMounter.js";
+import { useCanvasDispatcher as xe } from "./SceneCanvas/useCanvasDispatcher.js";
+import { useCanvasSelection as Se } from "./SceneCanvas/useCanvasSelection.js";
+import { SCENE_CANVAS_FEATURES as Ce } from "./SceneCanvas/features.js";
+import { BUILTIN_TOOL_IDS as we, DEFAULT_HANDLE_SIZE as a } from "./SceneCanvas/props.js";
+import { useCanvasTools as Te, useEnabledFeatures as Ee, useFeatureBindings as De } from "./SceneCanvas/useCanvasTools.js";
+import { useNodeAtPoint as Oe } from "./SceneCanvas/useNodeAtPoint.js";
+import { useNodeKinds as ke } from "./SceneCanvas/useNodeKinds.js";
+import { useAddedViews as Ae, useSceneCanvasHandle as je } from "./SceneCanvas/useSceneCanvasHandle.js";
+import { composeAlphaFor as Me } from "./sceneSlotWiring.js";
+import { useSceneCanvasLayers as Ne } from "./SceneCanvas/useSceneCanvasLayers.js";
+import { useChromeRules as Pe, useSceneHover as Fe, useSurfaceChromeCaps as Ie } from "./SceneCanvas/useSceneChrome.js";
+import { useSceneRedrawSources as Le } from "./SceneCanvas/useSceneRedrawSources.js";
+import { useSceneSelectTool as Re } from "./SceneCanvas/useSceneSelectTool.js";
+import { useViewLayerGate as ze } from "./SceneCanvas/useViewLayerGate.js";
+import { useSceneAdapter as Be } from "./sceneAdapter.js";
+import { useHitObserver as o } from "./useHitObserver.js";
+import { forwardRef as s, useEffect as Ve, useMemo as c, useRef as l, useState as He } from "react";
+import { useLatest as Ue } from "@weasel-js/react";
+import { InputScope as u } from "@weasel-js/routing/react";
+import { jsx as d, jsxs as We } from "react/jsx-runtime";
+import { getActiveModeFor as Ge } from "@weasel-js/modes";
 //#region src/canvas/SceneCanvas.tsx
-Ue && typeof window < "u" && (window.__weaselCoordLog__ = We);
-function xt(e) {
+function Ke(e) {
 	if (e === !1) return !1;
 	let { slops: t, ...n } = e;
 	return n;
 }
-var St = /* @__PURE__ */ new Set(), Ct = /* @__PURE__ */ new Set();
-function wt(e) {
-	return typeof e.setActive == "function";
-}
-function _(ue, me) {
-	let { scene: Ue, geometry: We, poseDescriptor: Ze, selectTool: l, insertTool: et, insertNodeFactories: pt, insertPaint: _t, ingestion: _, layouts: Tt, layoutDropTarget: Et, reflowTransition: Dt, poseComposition: v, geometryProjection: Ot, routing: kt, selection: At, selectionOptions: jt, selectable: Mt = !0, tools: y, features: Nt, enableKeybindings: Pt = !0, claimKeys: Ft = !1, enableGestureDispatcher: It = !0, onToolsCreated: Lt, defaultTools: Rt, toolOptions: zt, initialActiveTool: Bt, ambient: Vt, versionCheck: Ht, longPress: Ut, viewport: b, layers: Wt, actions: Gt, actionDefaults: Kt, describeKind: qt, animator: x, views: Jt, children: Yt, shaders: Xt, flattenTolerance: Zt, backgroundFill: Qt, cursorCoordsHud: $t, pickHud: en, debug: S, modalityHud: tn, alphaFor: C, layerVisibility: nn, layerOrder: rn, isPointerInteractive: an, onDoubleClick: on, onClick: sn, chromeVisibility: w, modes: T, getFocused: cn, device: ln, ...un } = ue, E = Ze ?? ie, D = i(ln), dn = f(() => a(D.targetScale), [D.targetScale]), fn = (e) => typeof e == "object" && !!e && e.version === 1 && Array.isArray(e.nodes), [pn] = m(() => fn(Ue) ? _e(Ue, {}) : null), O = pn ?? Ue, { view: k, onViewChange: A, defaultView: mn, redrawOn: hn, ...gn } = un, j = f(() => T ? bt(T) : void 0, [T]), _n = f(() => T ? [...hn ?? [], T] : hn, [T, hn]), M = p(null), N = p(null), [vn, yn] = m(!1);
-	d(() => (s("scene-canvas", "mount"), () => s("scene-canvas", "unmount")), []);
-	let bn = _?.handlers;
-	d(() => {
-		let e = [je()];
-		for (let t of bn ?? []) e.push(be(t));
-		return () => e.forEach((e) => e());
-	}, [bn]), d(() => {
-		if (x) return x.onTick(() => {
-			N.current?.requestRedraw?.();
-		});
-	}, [x]), pe(u(() => {
-		N.current?.requestRedraw?.();
-	}, [])), d(() => O.overrides.subscribe(() => {
-		N.current?.requestRedraw?.();
-	}), [O]), d(() => O.subscribe(() => {
-		N.current?.requestRedraw?.();
-	}), [O]);
-	let P = p(e(k ?? mn ?? {
-		x: 0,
-		y: 0,
-		scale: {
-			x: 1,
-			y: 1
-		}
-	}));
-	mt(() => {
-		k !== void 0 && (P.current = e(k));
-	}), d(() => {
-		let e = N.current;
-		if (e) return P.current = e.getView(), e.subscribeView((e) => {
-			P.current = e;
-		});
-	}, [vn]);
-	let xn = u((t) => {
-		let n = N.current;
-		if (k === void 0 && n) {
-			n.setView(t);
-			return;
-		}
-		A?.(e(t));
-	}, [k, A]), Sn = o(), Cn = f(() => ({
-		get: () => P.current,
-		set: xn
-	}), [xn]), F = ee(Cn, Sn), wn = u((e) => {
-		F.stopIfExternal(), A?.(e);
-	}, [A, F]), Tn = b?.animatedZoom, En = b?.zoom ?? !0, Dn = f(() => {
-		if (En === !1) return !1;
-		let e = typeof En == "object" ? En : {};
-		return Tn ? {
-			...e,
-			animate: Tn === !0 ? {} : Tn
-		} : e;
-	}, [En, Tn]), On = f(() => ({
+function f(e, ne) {
+	let { scene: i, geometry: Ce, poseDescriptor: we, selectTool: a, insertNodeFactories: s, insertPaint: u, ingestion: f, layouts: p, layoutDropTarget: m, reflowTransition: h, geometryProjection: qe, routing: Je, selection: Ye, selectionOptions: Xe, selectable: g = !0, tools: Ze, features: Qe, enableKeybindings: _ = !0, claimKeys: $e = !1, enableGestureDispatcher: et = !0, onToolsCreated: tt, defaultTools: nt, toolOptions: rt, initialActiveTool: it, ambient: at, versionCheck: ot, longPress: st, viewport: v, layers: ct, actions: y, describeKind: lt, animator: ut, views: dt, children: ft, debug: b, alphaFor: x, layerVisibility: S, layerOrder: pt, isPointerInteractive: mt, onDoubleClick: ht, onClick: gt, chromeVisibility: C, modes: w, pathEdit: _t, getFocused: vt, cursorCoordsHud: yt, pickHud: bt, modalityHud: xt, view: St, onViewChange: Ct, defaultView: wt, viewBounds: Tt, redrawOn: Et, ...T } = e, E = we ?? ee, D = t(), [Dt] = He(() => ae(i) ? oe(i, {}) : null), O = Dt ?? i, k = c(() => w ? Ge(w) : void 0, [w]), Ot = ce(), kt = Le({
+		supplied: Et,
 		scene: O,
-		...jt ?? {}
-	}), [O, jt]), kn = re(On), I = At ?? kn, An = I.adapterMethods, jn = f(() => ({
-		getSelection: () => An.getSelection(),
-		setSelection: () => {}
-	}), [An]), L = f(() => {
-		if (Mt) return I;
-		let e = () => {};
-		return {
-			get current() {
-				return I.current;
-			},
-			get: I.get,
-			contains: I.contains,
-			set: e,
-			add: e,
-			remove: e,
-			toggle: e,
-			clear: e,
-			applyClick: e,
-			adapterMethods: jn
-		};
-	}, [
-		I,
-		Mt,
-		jn
-	]), Mn = L.current, Nn = f(() => {
-		if (Mn.length === 0) return;
-		let e = [];
-		for (let t of Mn) {
-			let n = O.get(t);
-			if (!n) {
-				e.push(void 0);
-				continue;
-			}
-			if (qt) {
-				e.push(qt(n));
-				continue;
-			}
-			if (n.kind === "container") {
-				e.push("group");
-				continue;
-			}
-			let r = n.pose;
-			if (r && typeof r == "object" && "kind" in r && typeof r.kind == "string") {
-				e.push("path");
-				continue;
-			}
-			e.push(void 0);
+		heldModifiers: Ot,
+		animator: ut,
+		modes: w
+	}), A = l(null), j = l(null);
+	Ve(() => (n("scene-canvas", "mount"), () => n("scene-canvas", "unmount")), []);
+	let { viewState: M, viewAnimation: N, camera: At } = se({
+		view: St,
+		defaultView: wt,
+		onViewChange: Ct,
+		viewBounds: Tt,
+		width: T.width,
+		height: T.height,
+		requestRedraw: () => {
+			j.current?.requestRedraw();
 		}
-		return e;
-	}, [
-		Mn,
-		O,
-		qt
-	]);
-	Fe(Mn, Nn);
-	let [Pn, Fn] = m(""), In = h(Pn), Ln = p(void 0), R = u(() => {
-		let e = Ln.current;
-		return e && !e() ? "" : In.current;
-	}, [In]), Rn = p(Ct), zn = p(null), Bn = f(() => ({
-		getEditingId: () => R(),
-		setEditingId: (e) => Fn(e ?? ""),
-		getSelectedAnchors: () => Rn.current,
-		setSelectedAnchors: (e) => {
-			Rn.current = e, N.current?.requestRedraw?.();
-		},
-		getMarquee: () => zn.current,
-		setMarquee: (e) => {
-			zn.current = e, N.current?.requestRedraw?.();
-		}
-	}), [R]), Vn = f(() => ({
-		handleHitRadius: dn.handle,
-		extendClickLocked: () => R() !== "",
-		...l
-	}), [
-		l,
-		dn.handle,
-		R
-	]), Hn = h(L), z = f(() => {
-		let e = kt === void 0 ? Xe : kt;
-		if (e.length === 0) return;
-		let t = Re();
-		for (let n of e) t.register(n);
-		return (e) => t.classify(e);
-	}, [kt]), Un = f(() => {
-		if (z) return (e) => {
-			let t = O.get(e);
-			return t ? z(t.data) : void 0;
-		};
-	}, [z, O]), Wn = f(() => lt(O, C), [O, C]), B = de(), Gn = h({
-		layerVisibility: nn,
-		layerOrder: rn
-	}), [Kn] = m(le), qn = u((e) => Kn(B?.surface()?.layers() ?? [], Gn.current)(e), [
-		B,
-		Kn,
-		Gn
-	]), Jn = nn !== void 0 || rn !== void 0 ? qn : void 0, Yn = v !== void 0 && v.closure !== "identity", V = ct(O, {
+	}), { viewRef: P } = M, F = v?.zoom, I = v?.animatedZoom, jt = c(() => _e(F, I), [F, I]), L = Se({
+		scene: O,
+		supplied: Ye,
+		options: Xe,
+		selectable: g,
+		describeKind: lt
+	}), R = de({
+		host: _t,
+		isAllowed: k ? () => k().allowedCapabilities.has("edits-anchors") : void 0,
+		isSelectedNode: (e) => ue(O, L, e)
+	}), Mt = c(() => ({
+		extendClickLocked: () => R.getEditingId() !== "",
+		...a
+	}), [a, R]), Nt = Ue(L), { kindOfData: Pt, kindOfNode: z } = ke(O, Je), B = c(() => Me(O, x), [O, x]), V = ze(S, pt), H = Be(O, {
 		selection: L.adapterMethods,
 		poseDescriptor: E,
-		commitInsert: et?.create,
-		insertLayer: et?.layer,
-		layouts: Tt,
-		poseComposition: v,
-		cascadeContainerPose: !Yn
-	}), { selectTool: Xn, pickEvery: H, pickBest: U, boundsOf: Zn, boundsOfPose: Qn, planeOfNode: $n, moveOptions: er } = ot({
+		layouts: p
+	}), { selectTool: Ft, pickEvery: U, pickBest: W, boundsOf: G, boundsOfPose: K, planeOfNode: q, moveOptions: It } = Re({
 		scene: O,
-		adapter: V,
+		adapter: H,
 		poseDescriptor: E,
-		geometry: We,
+		geometry: Ce,
 		getView: () => P.current,
-		...C ? { alphaOf: Wn } : {},
-		...Jn ? { layerIsPainted: Jn } : {},
-		selectTool: Vn
-	}), tr = h($n), nr = f(() => {
-		if (!U) return;
-		let e = st(U, (e) => {
-			let t = V.getNode(e);
-			return t ? {
-				kind: z ? z(t.data) : "unknown",
-				pose: V.getWorldPose(e),
-				data: t
-			} : null;
-		});
-		return an ? (t, n, r) => {
-			let i = e(t, n, r);
-			return i == null || an(i.id) === !1 ? null : i;
-		} : e;
-	}, [
-		V,
-		U,
-		an,
-		z
-	]), rr = (Nt ?? []).join("|"), ir = b !== void 0, W = f(() => $e(Nt, { viewport: ir }), [rr, ir]), ar = !!b?.inertia, or = typeof b?.inertia == "object" ? b.inertia : void 0, sr = ar ? {
-		friction: or?.friction,
-		minSpeed: or?.minSpeed,
-		boundary: or?.boundary,
-		bounds: or?.bounds
-	} : void 0, cr = Ee(sr ? { inertia: sr } : {}), lr = [
-		...Rt ?? [],
-		...W.has("select") ? ["select"] : [],
-		...W.has("view") ? ["hand"] : []
-	], ur = /* @__PURE__ */ new Set([...tt, ...ye]), dr = !y || wt(y) ? null : y, fr = /* @__PURE__ */ new Set();
-	if (dr) {
-		for (let [e, t] of Object.entries(dr)) if (t === !0) {
-			if (!ur.has(e)) {
-				He && console.warn(`[SceneCanvas] tools.${e}=true is not a known built-in id; ignoring`);
-				continue;
-			}
-			fr.add(e);
-		}
-	}
-	let G = (e) => lr.includes(e) || fr.has(e), K = rt({ options: zt }), pr = f(() => ve(), []), mr = Ut?.feedback ?? !0, hr = mr === !0 ? pr : mr || null, gr = f(() => hr ? [...Vt ?? [], hr] : Vt ?? [], [Vt, hr]), q = {};
-	G("select") && (q.select = Xn), G("hand") && (q.hand = cr), G("rect") && (q.rect = K.rect), G("ellipse") && (q.ellipse = K.ellipse), G("line") && (q.line = K.line), G("polygon") && (q.polygon = K.polygon), G("star") && (q.star = K.star), G("pen") && (q.pen = K.pen), G("pencil") && (q.pencil = K.pencil), G("lasso") && (q.lasso = K.lasso), G("text") && (q.text = K.text);
-	let _r = dr;
-	if (_r) for (let [e, t] of Object.entries(_r)) if (t === !1) delete q[e];
-	else if (t === !0) continue;
-	else He && e in q && console.warn(`[SceneCanvas] tools prop overrides bundled "${e}" tool`), q[e] = t;
-	let vr = y && wt(y) ? y : null, yr = Se({
-		active: Bt ?? ("select" in q ? "select" : null),
-		registry: q,
-		...gr.length ? { ambient: gr } : {},
-		...T ? { modes: T } : {}
-	}), br = h(vr ?? yr), J = h(j), xr = u((e) => {
-		let t = J.current;
-		if (!t) return !0;
-		let n = (br.current?.registry)?.[e]?.eligibility.capabilities ?? [];
-		if (n.length === 0) return !1;
-		let r = t().allowedCapabilities;
-		for (let e of n) if (r.has(e)) return !0;
-		return !1;
-	}, [J, br]), Y = vr ?? yr, Sr = f(() => ({ move: er }), [er]), Cr = l?.rotate || void 0, wr = f(() => [
-		...W.has("resize") ? [we()] : [],
-		...W.has("rotate") ? [Te({ rotate: Cr })] : [],
-		...W.has("move") ? [Ce(Sr)] : []
-	], [
-		W,
-		Sr,
-		Cr
-	]), Tr = f(() => {
-		let e = Qe(W), t = [
-			...Object.values(Y.registry),
-			...Y.ambient,
-			...wr
-		];
-		for (let n of t) for (let t of n.bindings ?? []) e.add(t.actionId);
-		return xe.filter((t) => !e.has(t));
-	}, [
-		W,
-		Y,
-		wr
-	]), Er = h(Lt);
-	d(() => {
-		Er.current?.(Y);
-	}, [Y, Er]);
-	let Dr = h(nr), Or = ft(on, Dr), kr = ft(sn, Dr), X = f(() => nt(Wt, D.targetScale), [Wt, D.targetScale]), Ar = f(() => {
-		if (l?.rotate !== !1) return Gt;
-		if (Gt === null) return null;
-		let e = { ...Gt ?? {} };
-		return "rotate" in e || (e.rotate = null), e;
-	}, [Gt, l?.rotate]), jr = p(null), Mr = p(null);
-	Mr.current ||= gt({ getAction: (e) => jr.current?.(e) });
-	let Z = Mr.current, Nr = f(() => se(() => Mr.current), []), { previewIdsExtra: Pr, previewPoseExtra: Fr } = f(() => oe(() => Mr.current), []), Ir = f(() => {
-		let e = X.scene;
-		return !e || "layer" in e ? e : ut(e, O, C, x?.colorOverrides, v);
-	}, [
-		X.scene,
-		C,
-		O,
-		x,
-		v
-	]), Lr = at({
+		...x ? { alphaOf: B } : {},
+		...V ? { layerIsPainted: V } : {},
+		selectTool: Mt
+	}), Lt = Oe({
+		pickBest: W,
+		nodes: H,
+		kindOfData: Pt,
+		isPointerInteractive: mt
+	}), J = Ee(Qe, v !== void 0), { tools: Y, internal: Rt, takeover: zt } = Te({
+		select: Ft,
+		enabled: J,
+		tools: Ze,
+		defaultTools: nt,
+		toolOptions: rt,
+		inertia: v?.inertia,
+		ambient: at,
+		pressFeedback: st?.feedback,
+		initialActiveTool: it,
+		modes: w,
+		onToolsCreated: tt
+	}), { contributions: Bt, standardActionsExclude: Vt } = De({
+		enabled: J,
+		tools: Y,
+		move: It,
+		rotate: a?.rotate || void 0
+	}), X = Ue(Lt), Ht = o(ht, X), Ut = o(gt, X), Z = a?.rotate === !1, Wt = c(() => Z ? ge(y, "rotate") : y, [y, Z]), { dispatcher: Q, getActionRef: Gt, gestureSource: Kt, previewIdsExtra: qt, previewPoseExtra: Jt } = xe(), { layers: Yt, rotationBadge: $, chromeAffordancesRef: Xt } = Ne({
+		layers: ct,
+		targetScale: D.targetScale,
 		scene: O,
-		sceneSlot: Ir,
-		dispatcher: Z
-	}), Rr = it({ dispatcher: Z }), zr = h(nr), { getHover: Br, canvasRef: Vr } = ke({
-		nodeAtClientPoint: (e, t) => {
-			let n = M.current;
-			if (!n) return null;
-			let r = B?.resolver.at(null, e, t), i = r?.origin ?? n.getBoundingClientRect(), a = r?.view ?? P.current, [o, ee] = te(e, t, i, a), s = r?.id == null ? void 0 : B?.list().find((e) => e.id === r.id), ne = zr.current?.(o, ee, s ? {
-				scale: a.scale,
-				layerIsPainted: s.layerIsPainted
-			} : a);
-			return ne ? { id: ne.id } : null;
-		},
-		enabled: w !== void 0
-	}), Hr = h(L.current), Ur = h(cn), Wr = f(() => {
-		let e = {};
-		return W.has("outline") || (e["selection.outline"] = c), W.has("resize") || (e["selection.resize-handles"] = c), W.has("rotate") || (e["selection.rotation-handle"] = c), Mt || (e["action.marquee"] = c, e["action.lasso"] = c), l?.rotate === !1 && (e["selection.rotation-handle"] = c), Object.keys(e).length === 0 ? w : {
-			...e,
-			...w
-		};
-	}, [
-		w,
-		Mt,
-		l?.rotate,
-		W
-	]), Gr = h(Wr), Kr = h(D), qr = h(l?.resize?.resizable), Q = u((e) => {
-		let n = e.selection, r = J.current?.() ?? {
-			id: "normal",
-			allowedCapabilities: Ae
-		}, i = Oe({
-			focused: !Ur.current || Ur.current(),
-			selection: n,
-			multiActive: n.length > 1,
-			modifiers: {
-				alt: !1,
-				ctrl: !1,
-				meta: !1,
-				shift: !1
-			},
-			action: e.action,
-			hover: Br(),
-			view: e.view
-		}), a = qr.current, o = a ? n.every((e) => a(e)) : void 0;
-		return {
-			...i,
-			zoom: t(e.view),
-			mode: r.id,
-			allowedCapabilities: r.allowedCapabilities,
-			selectionResizable: o,
-			editingAnchors: R() !== "",
-			device: Kr.current
-		};
-	}, [
-		Br,
-		R,
-		J,
-		Ur,
-		qr,
-		Kr
-	]), Jr = u(() => ({
-		selection: Hr.current,
-		view: P.current,
-		action: Z.getActiveAction()
-	}), [Z, Hr]), Yr = u(() => Q(Jr()), [Q, Jr]), Xr = f(() => j ? () => J.current().allowedCapabilities.has("edits-anchors") : void 0, [j, J]);
-	mt(() => {
-		Ln.current = Xr;
-	});
-	let $ = f(() => ({
-		ruleCtx: (e) => J.current ? Q(e) : void 0,
-		isVisible: (e) => De(Gr.current, Q(e))
-	}), [
-		Q,
-		J,
-		Gr
-	]), Zr = u(() => $.isVisible(Jr()), [$, Jr]), Qr = G("pen"), $r = f(() => Qr ? Pe({ penTool: K.pen }) : null, [K.pen, Qr]);
-	d(() => {
-		N.current?.requestRedraw?.();
-	}, [Pn]);
-	let ei = h(O), ti = S !== void 0 && S !== !1 && S.slops === !0, ni = X.selectionOverlay, ri = ni ? Le(ni) : null, ii = f(() => ri, [ri?.distancePx, ri?.sizePx]), ai = p([]), oi = f(() => dt({ getAffordances: () => ai.current }), []), si = (e, t, n) => {
-		let r = ei.current?.get(e);
-		if (!r) return null;
-		let i = r.pose, a = r.data, o = !1;
-		for (let n of t) {
-			let t = n.previewIds?.();
-			if (!t) continue;
-			let r = !1;
-			for (let n of t) if (n === e) {
-				r = !0;
-				break;
-			}
-			if (!r) continue;
-			let ee = n.previewPose?.(e);
-			ee != null && !o && (i = ee, o = !0);
-			let te = n.previewData?.(e);
-			te != null && (a = te, o = !0);
-		}
-		return ae(Ke({
-			pose: i,
-			data: a
-		}), tr.current(e, n));
-	}, ci = f(() => Ne({
-		getEditingId: () => R() || null,
-		getPose: (e, t, n) => si(e, t, n),
-		getSelectedAnchors: () => Rn.current,
-		getMarquee: (e) => {
-			let t = zn.current, r = t ? tr.current(R(), e) : null;
-			return t && r ? n(r, t) : t;
-		}
-	}), []), li = u(() => {
-		let e = R();
-		return e ? /* @__PURE__ */ new Set([e]) : St;
-	}, [R]), ui = f(() => {
-		let e = X.selectionOverlay;
-		if (e === null) return null;
-		let t = e ?? {}, n = t.getSuppressedIds, r = () => {
-			let e = li(), t = n?.();
-			if (!t || t.size === 0) return e;
-			if (e.size === 0) return t;
-			let r = new Set(t);
-			for (let t of e) r.add(t);
-			return r;
-		};
-		return Ie({
-			...t,
-			getSuppressedIds: r,
-			...t.poseById ? {
-				getPose: t.poseById,
-				poseDescriptor: t.poseDescriptor ?? E
-			} : {}
-		});
-	}, [
-		X.selectionOverlay,
-		li,
-		E
-	]), di = f(() => ({
-		...X,
-		...Ir ? { scene: Ir } : {},
-		selectionOverlay: ui ? { layer: ui } : X.selectionOverlay === null ? null : void 0,
-		previewGhost: {
-			layer: Lr,
-			after: "scene"
-		},
-		dispatcherOverlay: {
-			layer: Rr,
-			after: "previewGhost"
-		},
-		...$r ? { penPreview: {
-			layer: $r,
-			after: "dispatcherOverlay"
-		} } : {},
-		pathEditingOverlay: {
-			layer: ci,
-			after: "selectionOverlay"
+		adapter: H,
+		poseDescriptor: E,
+		alphaFor: x,
+		colorOverrides: ut?.colorOverrides,
+		boundsOf: G,
+		planeOfNode: q,
+		previewIds: qt,
+		dispatcher: Q,
+		pathEditState: R,
+		slops: b !== void 0 && b !== !1 && b.slops === !0
+	}), { getHover: Zt, canvasRef: Qt } = Fe({
+		canvasApiRef: j,
+		viewRef: P,
+		nodeAtPointRef: X,
+		enabled: C !== void 0
+	}), $t = Pe({
+		enabled: J,
+		selectable: g,
+		rotateOff: Z,
+		chromeVisibility: C
+	}), { chromeCaps: en, getIsVisible: tn, getRuleCtx: nn } = Ie({
+		source: {
+			rules: $t,
+			getMode: k,
+			getFocused: vt,
+			getHover: Zt,
+			getModifiers: Ot.get,
+			resizable: a?.resize?.resizable,
+			editingAnchors: () => R.getEditingId() !== "",
+			device: D
 		},
-		...ti ? { slopsDebug: {
-			layer: oi,
-			after: "pathEditingOverlay"
-		} } : {}
-	}), [
-		X,
-		Ir,
-		ui,
-		Lr,
-		Rr,
-		$r,
-		ci,
-		ti,
-		oi
-	]), fi = p(null), pi = _?.clipboard?.reviver, mi = _?.clipboard?.enabled !== !1, hi = h(_?.clipboard?.onOmitted), gi = f(() => {
-		if (mi && V?.commitPaste) return {
-			adapter: V,
-			...pi ? { reviver: pi } : {},
-			onOmitted: (e) => hi.current?.(e)
-		};
-	}, [
-		V,
-		mi,
-		pi,
-		hi
-	]), _i = u((e, t) => {
-		let n = e.map((e) => e instanceof File ? Me([e])[0] : e);
-		if (n.length !== 0) {
-			if (!fi.current) {
-				ne("ingest", "CanvasExtensionApi.ingest called before the action registry mounted — call ignored. Defer to an effect or event handler.");
-				return;
-			}
-			fi.current.trigger("ingest", {
-				items: n,
-				...t ? {
-					worldX: t.x,
-					worldY: t.y
-				} : {}
-			});
-		}
-	}, []), [vi, yi] = m([]), bi = u((e) => (yi((t) => [...t.filter((t) => t.id !== e.id), e]), {
-		id: e.id,
-		draw: (t, n, r) => B?.list().find((t) => t.id === e.id)?.layer.draw(t, n, r) ?? [],
-		remove: () => yi((t) => t.filter((t) => t !== e))
-	}), [B]), xi = u((e) => {
-		M.current = e?.element ?? null, Vr(M.current);
-		let t = e ? {
-			...e,
-			ingest: _i,
-			animateView: F.animate,
-			stopViewAnimation: F.stop,
-			isViewAnimating: F.isAnimating,
-			addView: bi
-		} : null;
-		N.current = t, yn(t !== null), ht(me, t);
-	}, [
-		me,
-		_i,
-		F,
-		bi,
-		Vr
-	]), Si = f(() => ({
-		adapter: V,
+		selection: L.current,
+		viewRef: P,
+		dispatcher: Q
+	}), rn = l(null), { ingest: an, clipboard: on } = le(H, () => rn.current, f), { views: sn, addView: cn } = Ae(), { handleRef: ln, ready: un } = je({
+		ref: ne,
+		elementRef: A,
+		apiRef: j,
+		onElement: Qt,
+		ingest: an,
+		viewAnimation: N,
+		camera: At,
+		addView: cn
+	}), dn = c(() => ({
+		adapter: H,
 		geometry: E,
-		boundsOf: Zn,
-		boundsOfPose: Qn,
-		planeOfNode: $n,
-		tools: Y,
-		pickEvery: H,
-		pickBest: U,
-		kindOfNode: Un,
-		chromeCaps: $,
+		boundsOf: G,
+		boundsOfPose: K,
+		planeOfNode: q,
+		pickEvery: U,
+		pickBest: W,
+		kindOfNode: z,
+		chromeCaps: en,
 		selectionApi: L,
-		rotationBadge: ii
+		rotationBadge: $
 	}), [
-		V,
-		E,
-		Zn,
-		Qn,
-		$n,
-		Y,
 		H,
+		E,
+		G,
+		K,
+		q,
 		U,
-		Un,
-		$,
+		W,
+		z,
+		en,
 		L,
-		ii
-	]), Ci = /* @__PURE__ */ g(Ve, {
-		ref: xi,
-		adapter: V,
-		selection: L,
-		poseDescriptor: E,
-		tools: Y,
-		layers: di,
-		pickEvery: H,
-		boundsOf: Zn,
-		boundsOfPose: Qn,
-		getIsVisible: Zr,
-		previewIdsExtra: Pr,
-		gestureSource: Nr,
-		previewPoseExtra: Fr,
-		backgroundFill: Qt,
-		cursorCoordsHud: $t,
-		pickHud: en,
-		modalityHud: tn,
-		...S === void 0 ? {} : { debug: xt(S) },
-		pickBest: U,
-		contentVersion: O.getVersion,
-		layerVisibility: nn,
-		layerOrder: rn,
-		...k === void 0 ? { defaultView: mn } : { view: k },
-		onViewChange: wn,
-		shaders: Xt,
-		flattenTolerance: Zt,
-		..._n ? { redrawOn: _n } : {},
-		...gn
-	}), wi = h(O), Ti = h(L);
-	return d(() => {
-		if (process.env.NODE_ENV !== "production") {
-			let e = ze({
-				getScene: () => wi.current,
-				getSelectionIds: () => Ti.current?.current ?? [],
-				getView: () => P.current,
-				getActiveToolId: () => br.current?.active ?? null
-			});
-			if (e) return e._markReady(), () => Be(e);
-		}
-	}, [
-		wi,
-		Ti,
-		br
-	]), /* @__PURE__ */ g(r, {
-		value: ln,
-		children: /* @__PURE__ */ g(ce, {
-			value: Si,
-			children: /* @__PURE__ */ g(vt, { children: /* @__PURE__ */ g(he, { children: /* @__PURE__ */ yt(vt, { children: [
-				Ci,
-				/* @__PURE__ */ g(ge, { canvasRef: M }),
-				/* @__PURE__ */ g(qe, {
-					selection: L,
-					scene: O,
-					adapter: V,
-					actionDefaults: Kt,
-					actions: Ar,
-					excludeActions: Tr,
-					currentViewRef: P,
-					onViewChange: xn,
-					resizeOptions: l?.resize,
-					poseDescriptor: E,
-					geometryProjection: Ot,
-					dispatcher: Z,
-					getActionRef: jr,
-					pickEvery: H,
-					layerIsPainted: Jn,
-					alphaOf: C ? Wn : void 0,
-					viewportPanEnabled: W.has("view") ? b?.pan ?? !0 : !1,
-					viewportZoom: W.has("view") ? Dn : !1,
-					viewportPinchZoom: W.has("view") ? b?.pinchZoom ?? !0 : !1,
-					viewportRecenter: b?.recenter,
-					viewAnimation: F,
-					editAnchorsExternalState: Bn,
-					anchorEditingAllowed: Xr,
-					layouts: Tt,
-					layoutDropTarget: Et,
-					reflowTransition: Dt,
-					poseComposition: v,
-					insertNodeFactories: pt,
-					insertPaint: _t,
-					snapPoint: zt?.snapPoint,
-					canvasRef: M,
-					canvasApiRef: N,
-					ingestionResolveSrc: _?.resolveSrc,
-					ingestionSvg: _?.svg,
-					ingestionClipboard: gi,
-					actionsRegistryRef: fi
-				}),
-				/* @__PURE__ */ g(Ge, {
-					canvasRef: M,
-					canvasApiRef: N,
-					tools: Y,
-					contributions: wr,
-					enabled: It,
-					keyboard: Pt,
-					claimKeys: Ft,
-					selectionRef: Hn,
-					boundsOf: Zn,
-					planeOfNode: $n,
-					pickEvery: H,
-					pickBest: U,
-					kindOfNode: Un,
-					viewRef: P,
-					dispatcher: Z,
-					getIsVisibleForCanvas: Zr,
-					getRuleCtx: j ? Yr : void 0,
-					targetScale: D.targetScale,
-					handleHitRadius: l?.handleHitRadius,
-					rotationBadge: ii,
-					chromeAffordancesRef: ai,
-					onDoubleClick: Or,
-					onClick: kr,
-					longPress: Ut
-				}),
-				/* @__PURE__ */ g(Ye, {
-					internalTools: yr,
-					toolsTakeover: vr ?? void 0,
-					enableKeybindings: Pt,
-					isToolEligible: xr,
-					canvasApi: vn ? N.current : null,
-					versionCheck: Ht
-				}),
-				Jt?.map((e, t) => /* @__PURE__ */ g(fe, {
-					...e,
-					order: e.order ?? t
-				}, e.id)),
-				Je(Y).flatMap((e) => e.views ?? []).map((e) => /* @__PURE__ */ g(fe, { ...e }, `contribution:${e.id}`)),
-				vi.map((e) => /* @__PURE__ */ g(fe, { ...e }, `added:${e.id}`)),
-				Yt
-			] }) }) })
-		})
+		$
+	]);
+	return fe({
+		getScene: () => O,
+		getSelectionIds: () => L.current ?? [],
+		getView: () => P.current,
+		getActiveToolId: () => Y.active ?? null
+	}), /* @__PURE__ */ d(te, {
+		value: dn,
+		children: /* @__PURE__ */ We(re, { children: [
+			/* @__PURE__ */ d(pe, {
+				ref: ln,
+				adapter: H,
+				selection: L,
+				poseDescriptor: E,
+				tools: Y,
+				layers: Yt,
+				boundsOf: G,
+				boundsOfPose: K,
+				getIsVisible: tn,
+				gestureSource: Kt,
+				previewPoseExtra: Jt,
+				...b === void 0 ? {} : { debug: Ke(b) },
+				contentVersion: O.getVersion,
+				layerVisibility: S,
+				layerOrder: pt,
+				viewState: M,
+				redrawOn: kt,
+				...T
+			}),
+			/* @__PURE__ */ d(me, {
+				cursorCoords: yt,
+				pick: bt,
+				modality: xt,
+				canvasRef: A,
+				canvasApiRef: j,
+				detachedInput: T.paintInto ? T.inputElement ?? null : void 0,
+				viewRef: P,
+				pickEvery: U,
+				pickBest: W
+			}),
+			/* @__PURE__ */ d(ie, {
+				canvasRef: A,
+				canvasApiRef: j
+			}),
+			/* @__PURE__ */ d(ve, {
+				selection: L,
+				scene: O,
+				adapter: H,
+				actions: Wt,
+				excludeActions: Vt,
+				currentViewRef: P,
+				onViewChange: M.setViewFromInput,
+				resizeOptions: a?.resize,
+				poseDescriptor: E,
+				geometryProjection: qe,
+				dispatcher: Q,
+				getActionRef: Gt,
+				pickEvery: U,
+				layerIsPainted: V,
+				alphaOf: x ? B : void 0,
+				viewportPanEnabled: J.has("view") ? v?.pan ?? !0 : !1,
+				viewportZoom: J.has("view") ? jt : !1,
+				viewportPinchZoom: J.has("view") ? v?.pinchZoom ?? !0 : !1,
+				viewportRecenter: v?.recenter,
+				viewAnimation: N,
+				editAnchorsExternalState: R,
+				layouts: p,
+				layoutDropTarget: m,
+				reflowTransition: h,
+				insertNodeFactories: s,
+				insertPaint: u,
+				snapPoint: rt?.snapPoint,
+				canvasRef: A,
+				canvasApiRef: j,
+				ingestionResolveSrc: f?.resolveSrc,
+				ingestionSvg: f?.svg,
+				ingestionClipboard: on,
+				actionsRegistryRef: rn
+			}),
+			/* @__PURE__ */ d(he, {
+				canvasRef: A,
+				canvasApiRef: j,
+				tools: Y,
+				contributions: Bt,
+				enabled: et,
+				keyboard: _,
+				claimKeys: $e,
+				selectionRef: Nt,
+				boundsOf: G,
+				planeOfNode: q,
+				pickEvery: U,
+				pickBest: W,
+				kindOfNode: z,
+				viewRef: P,
+				dispatcher: Q,
+				getIsVisibleForCanvas: tn,
+				getRuleCtx: nn,
+				targetScale: D.targetScale,
+				handleHitRadius: a?.handleHitRadius,
+				rotationBadge: $,
+				chromeAffordancesRef: Xt,
+				onDoubleClick: Ht,
+				onClick: Ut,
+				longPress: st
+			}),
+			/* @__PURE__ */ d(be, {
+				internalTools: Rt,
+				toolsTakeover: zt ?? void 0,
+				enableKeybindings: _,
+				modes: w,
+				canvasApi: un ? j.current : null,
+				versionCheck: ot
+			}),
+			dt?.map((e, t) => /* @__PURE__ */ d(r, {
+				...e,
+				order: e.order ?? t
+			}, e.id)),
+			ye(Y).flatMap((e) => e.views ?? []).map((e) => /* @__PURE__ */ d(r, { ...e }, `contribution:${e.id}`)),
+			sn.map((e) => /* @__PURE__ */ d(r, { ...e }, `added:${e.id}`)),
+			ft
+		] })
 	});
 }
-var Tt = pt(_);
-function Et(e, t) {
-	return /* @__PURE__ */ g(_t, {
-		yoke: e.yoke,
-		children: /* @__PURE__ */ g(ue, { children: /* @__PURE__ */ g(Tt, {
-			...e,
-			ref: t
-		}) })
+var p = s(f);
+function m({ device: t, ...n }, ee) {
+	return /* @__PURE__ */ d(u, {
+		yoke: n.yoke,
+		children: /* @__PURE__ */ d(e, {
+			value: t,
+			children: /* @__PURE__ */ d(ne, { children: /* @__PURE__ */ d(p, {
+				...n,
+				ref: ee
+			}) })
+		})
 	});
 }
-var Dt = pt(Et);
+var h = s(m);
 //#endregion
-export { l as BUILTIN_TOOL_IDS, et as DEFAULT_HANDLE_SIZE, Ze as SCENE_CANVAS_FEATURES, Dt as SceneCanvas, me as rotateAroundAABBCenter };
+export { we as BUILTIN_TOOL_IDS, a as DEFAULT_HANDLE_SIZE, Ce as SCENE_CANVAS_FEATURES, h as SceneCanvas, i as rotateAroundAABBCenter };
 
 //# sourceMappingURL=SceneCanvas.js.map