@weasel-js/core 1.9.3 → 1.10.0

package/dist/canvas/SceneCanvas.js

@@ -1,989 +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 { clientToWorld as a } from "../core/viewport/clientToWorld.js";
-import { HANDLE_BASE_PX as o, targetSizesPx as s } from "../core/device/targets.js";
-import { AUTO_POSE_DESCRIPTOR as c } from "../interactions/actions/resize/autoPoseDescriptor.js";
-import { KIT_SHAPE_KINDS as l } from "../core/shapeKinds.js";
-import { usePointerContext as u } from "../features/pointer/PointerContext.js";
-import { dlog as d, dwarn as ee } from "../debug/flag.js";
-import { registerContentHandler as f } from "../features/ingestion/contentHandlers.js";
-import { KIT_STANDARD_ACTION_IDS as te, useStandardActions as p } from "../interactions/actions/useStandardActions.js";
-import { resizePolicyOptions as ne, useResizePolicy as m } from "./deps/resizePolicy.js";
-import { usePoseDescriptorDepSource as h } from "./deps/poseDescriptor.js";
-import { usePoseCompositionDepSource as re } from "./deps/poseComposition.js";
-import { useSliceDepSource as ie } from "./deps/slice.js";
-import { useDecayLoop as g } from "../core/viewport/useDecayLoop.js";
-import { useAnimator as ae } from "../animation/useAnimator.js";
-import { useViewAnimationOn as _ } from "../core/viewport/useViewAnimation.js";
-import { useTools as oe } from "../tools/overlayBinding.js";
-import { useKeybindings as v } from "../tools/useKeybindings.js";
-import { pathFromPlane as se } from "./planeClips.js";
-import { selectionMoveContribution as y, selectionResizeContribution as b, selectionRotateContribution as ce } from "../tools/builtin/select/selectionContributions.js";
-import { useHandTool as le } from "../tools/builtin/hand/useHandTool.js";
-import { defaultDrawOne as ue, defaultPaintBounds as de, paintBoundsFor as x } from "./defaultDrawOne.js";
-import { useLateContentRedraw as fe } from "./useLateContentRedraw.js";
-import { createSceneLayerGate as pe } from "./sceneLayerPaint.js";
-import { EMPTY_CHROME_STATE as me } from "../core/selection/chromeState.js";
-import { ViewRegistryProvider as S, useOptionalViewRegistry as he } from "./viewRegistry.js";
-import { useSelection as ge } from "../core/selection/useSelection.js";
-import { createSelectionOverlayLayer as C, rotationBadgeOf as _e } from "../features/selection/overlay.js";
-import { rotateAroundAABBCenter as ve } from "./poseRotation.js";
-import { Canvas as ye } from "./Canvas.js";
-import { composeAlphaFor as be, wireSceneSlotToScene as xe } from "./sceneSlotWiring.js";
-import { useSceneAdapter as Se } from "./sceneAdapter.js";
-import { sceneFromJSON as Ce } from "../core/scene/scene.js";
-import { usePublishSelection as we } from "../features/selection/SelectionContext.js";
-import { ViewInputsProvider as Te } from "./viewInputs.js";
-import { anchorStateFrom as Ee, buildAffordanceAt as De, buildClassifyTarget as w, chromeAffordances as Oe } from "./affordanceAt.js";
-import { createDispatcherPreviewSources as ke, createGestureSource as Ae } from "./SceneCanvas/dispatcherGestureBounds.js";
-import { CanvasView as je } from "./CanvasView.js";
-import { contributionEntries as Me, useContributionRoles as Ne } from "./SceneCanvas/useContributionRoles.js";
-import { PointerProviderIfRoot as Pe, PointerPublisher as Fe } from "./SceneCanvas/PointerProviderIfRoot.js";
-import { useSceneSelectTool as Ie } from "./SceneCanvas/useSceneSelectTool.js";
-import { SCENE_CANVAS_FEATURES as Le, featureActionIds as Re, resolveFeatures as ze } from "./SceneCanvas/features.js";
-import { usePreviewGhostLayer as Be } from "./SceneCanvas/usePreviewGhostLayer.js";
-import { useDispatcherOverlayLayer as Ve } from "./SceneCanvas/useDispatcherOverlayLayer.js";
-import { createPenPreviewLayer as He } from "../features/paths/penPreviewLayer.js";
-import { createPathEditingOverlayLayer as Ue } from "../features/paths/pathEditingOverlayLayer.js";
-import { createSlopsDebugLayer as We } from "./slopsDebugLayer.js";
-import { useBuiltinShapeTools as Ge } from "./SceneCanvas/useBuiltinShapeTools.js";
-import { useViewDepSource as Ke } from "./deps/view.js";
-import { useAreaSelectDepSource as qe } from "./deps/areaSelect.js";
-import { useNodeAtPointDepSource as Je } from "./deps/nodeAtPoint.js";
-import { useLassoSelectDepSource as Ye } from "./deps/lassoSelect.js";
-import { useTextEditDepSource as Xe } from "./deps/textEdit.js";
-import { resolveEditablePathOf as Ze, useEditAnchorsDepSource as Qe } from "./deps/editAnchors.js";
-import { useInsertDepSource as $e } from "./deps/insert.js";
-import { useSnapDepSource as T } from "./deps/snap.js";
-import { useDebugDepSource as et } from "./deps/debug.js";
-import { useDispatcherDepSource as tt } from "./deps/dispatcher.js";
-import { useLayoutDepSource as nt } from "./deps/layout.js";
-import { useGeometryProjection as rt } from "./deps/geometryProjection.js";
-import { useIngestionDepSource as it } from "./deps/ingestion.js";
-import { useLayoutArrivals as at } from "../layout/arrivals.js";
-import { acquireKitContentHandlers as ot } from "../features/ingestion/registerKitHandlers.js";
-import { itemsFromFiles as st } from "../features/ingestion/index.js";
-import { useActionsPropResolver as ct } from "./SceneCanvas/useActionsPropResolver.js";
-import { useViewportActions as lt } from "./SceneCanvas/useViewportActions.js";
-import { createLongPressFeedbackContribution as ut } from "../features/longPress/longPressFeedback.js";
-import { createNodeRouting as dt } from "../core/scene/NodeRouting.js";
-import { inferredNodeRouting as ft } from "./SceneCanvas/defaultNodeRouting.js";
-import { installTestHookIfRequested as pt } from "../test-hook/install.js";
-import { makeGetNodeAtPoint as mt } from "./getNodeAtPoint.js";
-import { useHitObserver as ht } from "./useHitObserver.js";
-import { never as gt } from "../features/chrome-caps/conditions.js";
-import { resolveVisibility as _t } from "../features/chrome-caps/resolve.js";
-import { buildChromeCtx as vt } from "../features/chrome-caps/buildChromeCtx.js";
-import { useHoverTracking as yt } from "../features/chrome-caps/useHoverTracking.js";
-import { DEFAULT_ALLOWED_CAPABILITIES as bt } from "../features/chrome-caps/index.js";
-import { forwardRef as xt, useCallback as E, useEffect as D, useInsertionEffect as St, useMemo as O, useRef as k, useState as Ct } from "react";
-import { assignRef as wt, useLatest as A } from "@weasel-js/react";
-import { createDispatcher as Tt, createLongPressStore as Et } from "@weasel-js/routing";
-import { InputScope as Dt, useActionsRegistry as Ot, useDepRegistry as kt, useDepSource as At, useGestureDispatcher as j } from "@weasel-js/routing/react";
-import { Fragment as jt, jsx as M, jsxs as Mt } from "react/jsx-runtime";
-import { getActiveModeFor as Nt } from "@weasel-js/modes";
+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 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
-var Pt = o, Ft = (() => {
-	try {
-		return !1;
-	} catch {
-		return !1;
-	}
-})(), It = 200, N = [], Lt = Ft;
-Lt && typeof window < "u" && (window.__weaselCoordLog__ = N);
-function Rt(e) {
-	Lt && (N.push(e), N.length > It && N.shift());
-}
-function zt(e, t = 1) {
-	let n = {
-		scene: {
-			drawOne: ue,
-			paintBounds: de
-		},
-		selectionOverlay: { handles: { size: s(t).handle } }
-	};
-	if (!e) return n;
-	let r = { ...e };
-	if (!("scene" in e)) r.scene = n.scene;
-	else if (e.scene === null) r.scene = null;
-	else {
-		let t = {
-			...n.scene,
-			...e.scene
-		};
-		r.scene = e.scene && "paintBounds" in e.scene ? t : {
-			...t,
-			paintBounds: x(t.drawOne)
-		};
-	}
-	return r.selectionOverlay = "selectionOverlay" in e ? e.selectionOverlay === null ? null : {
-		...n.selectionOverlay,
-		...e.selectionOverlay
-	} : n.selectionOverlay, r;
-}
-var Bt = ["select", "hand"], Vt = [...Bt, ...l];
-function Ht(e) {
+function Ke(e) {
 	if (e === !1) return !1;
 	let { slops: t, ...n } = e;
 	return n;
 }
-var Ut = /* @__PURE__ */ new Set(), Wt = /* @__PURE__ */ new Set();
-function Gt(e) {
-	return typeof e.setActive == "function";
-}
-function P(o, u) {
-	let { scene: p, geometry: ne, poseDescriptor: m, selectTool: h, insertTool: re, insertNodeFactories: ie, ingestion: g, layouts: v, layoutDropTarget: ue, reflowTransition: de, poseComposition: x, geometryProjection: me, routing: S, selection: ve, selectionOptions: Ee, selectable: De = !0, tools: w, features: Oe, enableKeybindings: Ne = !0, enableGestureDispatcher: Le = !0, onToolsCreated: Ke, defaultTools: qe, toolOptions: Je, initialActiveTool: Ye, ambient: Xe, versionCheck: Qe, longPress: $e, viewport: T, layers: et, actions: tt, actionDefaults: nt, describeKind: rt, animator: it, views: at, children: ct, shaders: lt, flattenTolerance: xt, backgroundFill: Et, cursorCoordsHud: Dt, pickHud: Ot, debug: kt, modalityHud: At, alphaFor: j, layerVisibility: Pt, layerOrder: It, isPointerInteractive: N, onDoubleClick: Lt, onClick: Rt, chromeVisibility: Vt, modes: P, getFocused: Yt, device: Xt, ...Zt } = o, F = m ?? c, I = i(Xt), Qt = O(() => s(I.targetScale), [I.targetScale]), $t = (e) => typeof e == "object" && !!e && e.version === 1 && Array.isArray(e.nodes), [en] = Ct(() => $t(p) ? Ce(p, {}) : null), L = en ?? p, { view: R, onViewChange: tn, defaultView: nn, redrawOn: rn, ...an } = Zt, on = O(() => P ? Nt(P) : void 0, [P]), sn = O(() => P ? [...rn ?? [], P] : rn, [P, rn]), z = k(null), B = k(null), [cn, ln] = Ct(!1);
-	D(() => (d("scene-canvas", "mount"), () => d("scene-canvas", "unmount")), []);
-	let un = g?.handlers;
-	D(() => {
-		let e = [ot()];
-		for (let t of un ?? []) e.push(f(t));
-		return () => e.forEach((e) => e());
-	}, [un]), D(() => {
-		if (it) return it.onTick(() => {
-			B.current?.requestRedraw?.();
-		});
-	}, [it]), fe(E(() => {
-		B.current?.requestRedraw?.();
-	}, [])), D(() => L.overrides.subscribe(() => {
-		B.current?.requestRedraw?.();
-	}), [L]), D(() => L.subscribe(() => {
-		B.current?.requestRedraw?.();
-	}), [L]);
-	let V = k(e(R ?? nn ?? {
-		x: 0,
-		y: 0,
-		scale: {
-			x: 1,
-			y: 1
-		}
-	}));
-	St(() => {
-		R !== void 0 && (V.current = e(R));
-	}), D(() => {
-		let e = B.current;
-		if (e) return V.current = e.getView(), e.subscribeView((e) => {
-			V.current = e;
-		});
-	}, [cn]);
-	let dn = E((t) => {
-		let n = B.current;
-		if (R === void 0 && n) {
-			n.setView(t);
-			return;
-		}
-		tn?.(e(t));
-	}, [R, tn]), fn = ae(), pn = O(() => ({
-		get: () => V.current,
-		set: dn
-	}), [dn]), H = _(pn, fn), mn = E((e) => {
-		H.stopIfExternal(), tn?.(e);
-	}, [tn, H]), hn = T?.animatedZoom, gn = T?.zoom ?? !0, _n = O(() => {
-		if (gn === !1) return !1;
-		let e = typeof gn == "object" ? gn : {};
-		return hn ? {
-			...e,
-			animate: hn === !0 ? {} : hn
-		} : e;
-	}, [gn, hn]), vn = O(() => ({
-		scene: L,
-		...Ee ?? {}
-	}), [L, Ee]), yn = ge(vn), bn = ve ?? yn, xn = bn.adapterMethods, Sn = O(() => ({
-		getSelection: () => xn.getSelection(),
-		setSelection: () => {}
-	}), [xn]), U = O(() => {
-		if (De) return bn;
-		let e = () => {};
-		return {
-			get current() {
-				return bn.current;
-			},
-			get: bn.get,
-			contains: bn.contains,
-			set: e,
-			add: e,
-			remove: e,
-			toggle: e,
-			clear: e,
-			applyClick: e,
-			adapterMethods: Sn
-		};
-	}, [
-		bn,
-		De,
-		Sn
-	]), Cn = U.current, wn = O(() => {
-		if (Cn.length === 0) return;
-		let e = [];
-		for (let t of Cn) {
-			let n = L.get(t);
-			if (!n) {
-				e.push(void 0);
-				continue;
-			}
-			if (rt) {
-				e.push(rt(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);
-		}
-		return e;
-	}, [
-		Cn,
-		L,
-		rt
-	]);
-	we(Cn, wn);
-	let [Tn, En] = Ct(""), Dn = A(Tn), On = k(void 0), W = E(() => {
-		let e = On.current;
-		return e && !e() ? "" : Dn.current;
-	}, [Dn]), kn = k(Wt), An = k(null), jn = O(() => ({
-		getEditingId: () => W(),
-		setEditingId: (e) => En(e ?? ""),
-		getSelectedAnchors: () => kn.current,
-		setSelectedAnchors: (e) => {
-			kn.current = e, B.current?.requestRedraw?.();
-		},
-		getMarquee: () => An.current,
-		setMarquee: (e) => {
-			An.current = e, B.current?.requestRedraw?.();
-		}
-	}), [W]), Mn = O(() => ({
-		handleHitRadius: Qt.handle,
-		extendClickLocked: () => W() !== "",
-		...h
-	}), [
-		h,
-		Qt.handle,
-		W
-	]), Nn = A(U), Pn = O(() => {
-		let e = S === void 0 ? ft : S;
-		if (e.length === 0) return;
-		let t = dt();
-		for (let n of e) t.register(n);
-		return (e) => t.classify(e);
-	}, [S]), Fn = O(() => {
-		if (Pn) return (e) => {
-			let t = L.get(e);
-			return t ? Pn(t.data) : void 0;
-		};
-	}, [Pn, L]), In = O(() => be(L, j), [L, j]), Ln = he(), Rn = A({
-		layerVisibility: Pt,
-		layerOrder: It
-	}), [zn] = Ct(pe), Bn = E((e) => zn(Ln?.surface()?.layers() ?? [], Rn.current)(e), [
-		Ln,
-		zn,
-		Rn
-	]), Vn = Pt !== void 0 || It !== void 0 ? Bn : void 0, Hn = x !== void 0 && x.closure !== "identity", G = Se(L, {
-		selection: U.adapterMethods,
-		poseDescriptor: F,
-		commitInsert: re?.create,
-		insertLayer: re?.layer,
-		layouts: v,
-		poseComposition: x,
-		cascadeContainerPose: !Hn
-	}), { selectTool: Un, pickEvery: K, pickBest: Wn, boundsOf: Gn, boundsOfPose: Kn, planeOfNode: qn, moveOptions: Jn } = Ie({
-		scene: L,
-		adapter: G,
-		poseDescriptor: F,
-		geometry: ne,
-		getView: () => V.current,
-		...j ? { alphaOf: In } : {},
-		...Vn ? { layerIsPainted: Vn } : {},
-		selectTool: Mn
-	}), Yn = A(qn), Xn = O(() => {
-		if (!K) return;
-		let e = mt(K, (e) => {
-			let t = G.getNode(e);
-			return {
-				kind: t && Pn ? Pn(t.data) : "unknown",
-				pose: G.getWorldPose(e),
-				data: t ?? { id: e }
-			};
-		});
-		return N ? (t, n, r) => {
-			let i = e(t, n, r);
-			return i == null || N(i.id) === !1 ? null : i;
-		} : e;
-	}, [
-		G,
-		K,
-		N,
-		Pn
-	]), Zn = (Oe ?? []).join("|"), Qn = T !== void 0, q = O(() => ze(Oe, { viewport: Qn }), [Zn, Qn]), $n = !!T?.inertia, er = typeof T?.inertia == "object" ? T.inertia : void 0, tr = $n ? {
-		friction: er?.friction,
-		minSpeed: er?.minSpeed,
-		boundary: er?.boundary,
-		bounds: er?.bounds
-	} : void 0, nr = le(tr ? { inertia: tr } : {}), rr = [
-		...qe ?? [],
-		...q.has("select") ? ["select"] : [],
-		...q.has("view") ? ["hand"] : []
-	], ir = /* @__PURE__ */ new Set([...Bt, ...l]), ar = !w || Gt(w) ? null : w, or = /* @__PURE__ */ new Set();
-	if (ar) {
-		for (let [e, t] of Object.entries(ar)) if (t === !0) {
-			if (!ir.has(e)) {
-				Ft && console.warn(`[SceneCanvas] tools.${e}=true is not a known built-in id; ignoring`);
-				continue;
-			}
-			or.add(e);
-		}
-	}
-	let J = (e) => rr.includes(e) || or.has(e), Y = Ge({
-		scene: L,
-		adapter: G,
-		options: Je
-	}), sr = O(() => ut(), []), cr = $e?.feedback ?? !0, lr = cr === !0 ? sr : cr || null, ur = O(() => lr ? [...Xe ?? [], lr] : Xe ?? [], [Xe, lr]), X = {};
-	J("select") && (X.select = Un), J("hand") && (X.hand = nr), J("rect") && (X.rect = Y.rect), J("ellipse") && (X.ellipse = Y.ellipse), J("line") && (X.line = Y.line), J("polygon") && (X.polygon = Y.polygon), J("star") && (X.star = Y.star), J("pen") && (X.pen = Y.pen), J("pencil") && (X.pencil = Y.pencil), J("lasso") && (X.lasso = Y.lasso), J("text") && (X.text = Y.text);
-	let dr = ar;
-	if (dr) for (let [e, t] of Object.entries(dr)) if (t === !1) delete X[e];
-	else if (t === !0) continue;
-	else Ft && e in X && console.warn(`[SceneCanvas] tools prop overrides bundled "${e}" tool`), X[e] = t;
-	let fr = w && Gt(w) ? w : null, pr = oe({
-		active: Ye ?? ("select" in X ? "select" : null),
-		registry: X,
-		...ur.length ? { ambient: ur } : {},
-		...P ? { modes: P } : {}
-	}), mr = A(fr ?? pr), Z = A(on), hr = E((e) => {
-		let t = Z.current;
-		if (!t) return !0;
-		let n = (mr.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;
-	}, [Z, mr]), Q = fr ?? pr, gr = O(() => ({ move: Jn }), [Jn]), _r = h?.rotate || void 0, vr = O(() => [
-		...q.has("resize") ? [b()] : [],
-		...q.has("rotate") ? [ce({ rotate: _r })] : [],
-		...q.has("move") ? [y(gr)] : []
-	], [
-		q,
-		gr,
-		_r
-	]), yr = O(() => {
-		let e = Re(q), t = [
-			...Object.values(Q.registry),
-			...Q.ambient,
-			...vr
-		];
-		for (let n of t) for (let t of n.bindings ?? []) e.add(t.actionId);
-		return te.filter((t) => !e.has(t));
-	}, [
-		q,
-		Q,
-		vr
-	]), br = A(Ke);
-	D(() => {
-		br.current?.(Q);
-	}, [Q, br]);
-	let xr = A(Xn), Sr = ht(Lt, xr), Cr = ht(Rt, xr), $ = O(() => zt(et, I.targetScale), [et, I.targetScale]), wr = O(() => {
-		if (h?.rotate !== !1) return tt;
-		if (tt === null) return null;
-		let e = { ...tt ?? {} };
-		return "rotate" in e || (e.rotate = null), e;
-	}, [tt, h?.rotate]), Tr = k(null), Er = k(null);
-	Er.current ||= Tt({ getAction: (e) => Tr.current?.(e) });
-	let Dr = Er.current, Or = O(() => Ae(() => Er.current), []), { previewIdsExtra: kr, previewPoseExtra: Ar } = O(() => ke(() => Er.current), []), jr = O(() => {
-		let e = $.scene;
-		return !e || "layer" in e ? e : xe(e, L, j, it?.colorOverrides);
-	}, [
-		$.scene,
-		j,
-		L,
-		it
-	]), Mr = Be({
-		scene: L,
-		sceneSlot: jr,
-		dispatcher: Dr
-	}), Nr = Ve({ dispatcher: Dr }), Pr = A(Xn), Fr = yt({
-		canvasRef: z,
-		nodeAtClientPoint: (e, t) => {
-			let n = z.current;
-			if (!n) return null;
-			let r = Ln?.resolver.at(null, e, t), i = r?.origin ?? n.getBoundingClientRect(), o = r?.view ?? V.current, [s, c] = a(e, t, i, o), l = r?.id == null ? void 0 : Ln?.list().find((e) => e.id === r.id), u = Pr.current?.(s, c, l ? {
-				scale: o.scale,
-				layerIsPainted: l.layerIsPainted
-			} : o);
-			return u ? { id: u.id } : null;
-		},
-		enabled: Vt !== void 0
-	}), Ir = A(U.current), Lr = A(Yt), Rr = O(() => {
-		let e = {};
-		return q.has("outline") || (e["selection.outline"] = gt), q.has("resize") || (e["selection.resize-handles"] = gt), q.has("rotate") || (e["selection.rotation-handle"] = gt), De || (e["action.marquee"] = gt, e["action.lasso"] = gt), h?.rotate === !1 && (e["selection.rotation-handle"] = gt), Object.keys(e).length === 0 ? Vt : {
-			...e,
-			...Vt
-		};
-	}, [
-		Vt,
-		De,
-		h?.rotate,
-		q
-	]), zr = A(Rr), Br = A(I), Vr = A(h?.resize?.resizable), Hr = E((e) => {
-		let n = e.selection, r = Z.current?.() ?? {
-			id: "normal",
-			allowedCapabilities: bt
-		}, i = vt({
-			focused: !Lr.current || Lr.current(),
-			selection: n,
-			multiActive: n.length > 1,
-			modifiers: {
-				alt: !1,
-				ctrl: !1,
-				meta: !1,
-				shift: !1
-			},
-			action: e.action,
-			hover: Fr(),
-			view: e.view
-		}), a = Vr.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: W() !== "",
-			device: Br.current
-		};
-	}, [
-		Fr,
-		W,
-		Z,
-		Lr,
-		Vr,
-		Br
-	]), Ur = E(() => ({
-		selection: Ir.current,
-		view: V.current,
-		action: Dr.getActiveAction()
-	}), [Dr, Ir]), Wr = E(() => Hr(Ur()), [Hr, Ur]), Gr = O(() => on ? () => Z.current().allowedCapabilities.has("edits-anchors") : void 0, [on, Z]);
-	St(() => {
-		On.current = Gr;
-	});
-	let Kr = O(() => ({
-		ruleCtx: (e) => Z.current ? Hr(e) : void 0,
-		isVisible: (e) => _t(zr.current, Hr(e))
-	}), [
-		Hr,
-		Z,
-		zr
-	]), qr = E(() => Kr.isVisible(Ur()), [Kr, Ur]), Jr = J("pen"), Yr = O(() => Jr ? He({ penTool: Y.pen }) : null, [Y.pen, Jr]);
-	D(() => {
-		B.current?.requestRedraw?.();
-	}, [Tn]);
-	let Xr = A(L), Zr = kt !== void 0 && kt !== !1 && kt.slops === !0, Qr = $.selectionOverlay, $r = Qr ? _e(Qr) : null, ei = O(() => $r, [$r?.distancePx, $r?.sizePx]), ti = k([]), ni = O(() => We({ getAffordances: () => ti.current }), []), ri = (e, t, n) => {
-		let r = Xr.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 s = n.previewPose?.(e);
-			s != null && !o && (i = s, o = !0);
-			let c = n.previewData?.(e);
-			c != null && (a = c, o = !0);
-		}
-		return se(Ze({
-			pose: i,
-			data: a
-		}), Yn.current(e, n));
-	}, ii = O(() => Ue({
-		getEditingId: () => W() || null,
-		getPose: (e, t, n) => ri(e, t, n),
-		getSelectedAnchors: () => kn.current,
-		getMarquee: (e) => {
-			let t = An.current, r = t ? Yn.current(W(), e) : null;
-			return t && r ? n(r, t) : t;
+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,
+		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();
 		}
-	}), []), ai = E(() => {
-		let e = W();
-		return e ? /* @__PURE__ */ new Set([e]) : Ut;
-	}, [W]), oi = O(() => {
-		let e = $.selectionOverlay;
-		if (e === null) return null;
-		let t = e ?? {}, n = t.getSuppressedIds, r = () => {
-			let e = ai(), 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 C({
-			...t,
-			getSuppressedIds: r,
-			...t.poseById ? {
-				getPose: t.poseById,
-				poseDescriptor: t.poseDescriptor ?? F
-			} : {}
-		});
-	}, [
-		$.selectionOverlay,
-		ai,
-		F
-	]), si = O(() => ({
-		...$,
-		...jr ? { scene: jr } : {},
-		selectionOverlay: oi ? { layer: oi } : $.selectionOverlay === null ? null : void 0,
-		previewGhost: {
-			layer: Mr,
-			after: "scene"
-		},
-		dispatcherOverlay: {
-			layer: Nr,
-			after: "previewGhost"
+	}), { 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,
+		layouts: p
+	}), { selectTool: Ft, pickEvery: U, pickBest: W, boundsOf: G, boundsOfPose: K, planeOfNode: q, moveOptions: It } = Re({
+		scene: O,
+		adapter: H,
+		poseDescriptor: E,
+		geometry: Ce,
+		getView: () => P.current,
+		...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,
+		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
 		},
-		...Yr ? { penPreview: {
-			layer: Yr,
-			after: "dispatcherOverlay"
-		} } : {},
-		pathEditingOverlay: {
-			layer: ii,
-			after: "selectionOverlay"
-		},
-		...Zr ? { slopsDebug: {
-			layer: ni,
-			after: "pathEditingOverlay"
-		} } : {}
+		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: G,
+		boundsOfPose: K,
+		planeOfNode: q,
+		pickEvery: U,
+		pickBest: W,
+		kindOfNode: z,
+		chromeCaps: en,
+		selectionApi: L,
+		rotationBadge: $
 	}), [
-		$,
-		jr,
-		oi,
-		Mr,
-		Nr,
-		Yr,
-		ii,
-		Zr,
-		ni
-	]), ci = k(null), li = g?.clipboard?.reviver, ui = g?.clipboard?.enabled !== !1, di = O(() => {
-		if (ui && G?.commitPaste) return {
-			adapter: G,
-			...li ? { reviver: li } : {}
-		};
-	}, [
-		G,
-		ui,
-		li
-	]), fi = E((e, t) => {
-		let n = e.map((e) => e instanceof File ? st([e])[0] : e);
-		if (n.length !== 0) {
-			if (!ci.current) {
-				ee("ingest", "CanvasExtensionApi.ingest called before the action registry mounted — call ignored. Defer to an effect or event handler.");
-				return;
-			}
-			ci.current.trigger("ingest", {
-				items: n,
-				...t ? {
-					worldX: t.x,
-					worldY: t.y
-				} : {}
-			});
-		}
-	}, []), [pi, mi] = Ct([]), hi = E((e) => (mi((t) => [...t.filter((t) => t.id !== e.id), e]), {
-		id: e.id,
-		draw: (t, n, r) => Ln?.list().find((t) => t.id === e.id)?.layer.draw(t, n, r) ?? [],
-		remove: () => mi((t) => t.filter((t) => t !== e))
-	}), [Ln]), gi = E((e) => {
-		z.current = e?.element ?? null;
-		let t = e ? {
-			...e,
-			ingest: fi,
-			animateView: H.animate,
-			stopViewAnimation: H.stop,
-			isViewAnimating: H.isAnimating,
-			addView: hi
-		} : null;
-		B.current = t, ln(t !== null), wt(u, t);
-	}, [
-		u,
-		fi,
 		H,
-		hi
-	]), _i = O(() => ({
-		adapter: G,
-		geometry: F,
-		boundsOf: Gn,
-		boundsOfPose: Kn,
-		planeOfNode: qn,
-		tools: Q,
-		pickEvery: K,
-		pickBest: Wn,
-		kindOfNode: Fn,
-		chromeCaps: Kr,
-		selectionApi: U,
-		rotationBadge: ei
-	}), [
+		E,
 		G,
-		F,
-		Gn,
-		Kn,
-		qn,
-		Q,
 		K,
-		Wn,
-		Fn,
-		Kr,
+		q,
 		U,
-		ei
-	]), vi = /* @__PURE__ */ M(ye, {
-		ref: gi,
-		adapter: G,
-		selection: U,
-		poseDescriptor: F,
-		tools: Q,
-		layers: si,
-		pickEvery: K,
-		boundsOf: Gn,
-		boundsOfPose: Kn,
-		getIsVisible: qr,
-		previewIdsExtra: kr,
-		gestureSource: Or,
-		previewPoseExtra: Ar,
-		backgroundFill: Et,
-		cursorCoordsHud: Dt,
-		pickHud: Ot,
-		modalityHud: At,
-		...kt === void 0 ? {} : { debug: Ht(kt) },
-		pickBest: Wn,
-		contentVersion: L.getVersion,
-		layerVisibility: Pt,
-		layerOrder: It,
-		...R === void 0 ? { defaultView: nn } : { view: R },
-		onViewChange: mn,
-		shaders: lt,
-		flattenTolerance: xt,
-		...sn ? { redrawOn: sn } : {},
-		...an
-	}), yi = A(L), bi = A(U), xi = k(null);
-	return D(() => {
-		process.env.NODE_ENV !== "production" && (xi.current = pt({
-			getScene: () => yi.current,
-			getSelectionIds: () => bi.current?.current ?? [],
-			getView: () => V.current,
-			getActiveToolId: () => mr.current?.active ?? null
-		}), xi.current?._markReady());
-	}, [
-		yi,
-		bi,
-		mr
-	]), /* @__PURE__ */ M(r, {
-		value: Xt,
-		children: /* @__PURE__ */ M(Te, {
-			value: _i,
-			children: /* @__PURE__ */ M(jt, { children: /* @__PURE__ */ M(Pe, { children: /* @__PURE__ */ Mt(jt, { children: [
-				vi,
-				/* @__PURE__ */ M(Fe, { canvasRef: z }),
-				/* @__PURE__ */ M(Jt, {
-					selection: U,
-					scene: L,
-					adapter: G,
-					actionDefaults: nt,
-					actions: wr,
-					excludeActions: yr,
-					currentViewRef: V,
-					onViewChange: dn,
-					resizeOptions: h?.resize,
-					poseDescriptor: F,
-					geometryProjection: me,
-					dispatcher: Dr,
-					getActionRef: Tr,
-					pickEvery: K,
-					layerIsPainted: Vn,
-					alphaOf: j ? In : void 0,
-					viewportPanEnabled: q.has("view") ? T?.pan ?? !0 : !1,
-					viewportZoom: q.has("view") ? _n : !1,
-					viewportPinchZoom: q.has("view") ? T?.pinchZoom ?? !0 : !1,
-					viewportRecenter: T?.recenter,
-					viewAnimation: H,
-					editAnchorsExternalState: jn,
-					anchorEditingAllowed: Gr,
-					layouts: v,
-					layoutDropTarget: ue,
-					reflowTransition: de,
-					poseComposition: x,
-					insertNodeFactories: ie,
-					snapPoint: Je?.snapPoint,
-					canvasRef: z,
-					canvasApiRef: B,
-					ingestionResolveSrc: g?.resolveSrc,
-					ingestionSvg: g?.svg,
-					ingestionClipboard: di,
-					actionsRegistryRef: ci
-				}),
-				/* @__PURE__ */ M(qt, {
-					canvasRef: z,
-					canvasApiRef: B,
-					tools: Q,
-					contributions: vr,
-					enabled: Le,
-					keyboard: Ne,
-					selectionRef: Nn,
-					boundsOf: Gn,
-					planeOfNode: qn,
-					pickEvery: K,
-					pickBest: Wn,
-					kindOfNode: Fn,
-					viewRef: V,
-					dispatcher: Dr,
-					getIsVisibleForCanvas: qr,
-					getRuleCtx: on ? Wr : void 0,
-					targetScale: I.targetScale,
-					handleHitRadius: h?.handleHitRadius,
-					rotationBadge: ei,
-					chromeAffordancesRef: ti,
-					onDoubleClick: Sr,
-					onClick: Cr,
-					longPress: $e
-				}),
-				/* @__PURE__ */ M(Kt, {
-					internalTools: pr,
-					toolsTakeover: fr ?? void 0,
-					enableKeybindings: Ne,
-					isToolEligible: hr,
-					canvasApi: cn ? B.current : null,
-					versionCheck: Qe
-				}),
-				at?.map((e, t) => /* @__PURE__ */ M(je, {
-					...e,
-					order: e.order ?? t
-				}, e.id)),
-				Me(Q).flatMap((e) => e.views ?? []).map((e) => /* @__PURE__ */ M(je, { ...e }, `contribution:${e.id}`)),
-				pi.map((e) => /* @__PURE__ */ M(je, { ...e }, `added:${e.id}`)),
-				ct
-			] }) }) })
-		})
-	});
-}
-function Kt({ internalTools: e, toolsTakeover: t, enableKeybindings: n, isToolEligible: r, canvasApi: i, versionCheck: a }) {
-	return v(e, {
-		disable: !!t || !n,
-		isToolEligible: r
-	}), v(t ?? e, {
-		disable: !t || !n,
-		isToolEligible: r
-	}), Ne(t ?? e, i, a), null;
-}
-function qt({ canvasRef: e, canvasApiRef: t, tools: n, contributions: r, enabled: i, keyboard: o, selectionRef: s, boundsOf: c, planeOfNode: l, pickEvery: u, pickBest: d, kindOfNode: ee, viewRef: f, dispatcher: te, getIsVisibleForCanvas: p, getRuleCtx: ne, targetScale: m, handleHitRadius: h, rotationBadge: re, chromeAffordancesRef: ie, onDoubleClick: g, onClick: ae, longPress: _ }) {
-	let oe = Ot(), v = kt(), y = he(), b = O(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let [t, r] of Object.entries(n.registry)) e.set(t, r);
-		for (let t of r) e.set(t.id, t);
-		for (let t of n.ambient) e.set(t.id, t);
-		return e;
-	}, [
-		n.registry,
-		n.ambient,
-		r
-	]), ce = A(u), le = A(d), ue = A(ee), de = A(v), x = A(l), fe = O(() => Ee(() => de.current, (e, t) => se(t, x.current?.(e) ?? null)), [de, x]), pe = O(() => Oe({
-		...m === void 0 ? {} : { targetScale: m },
-		...h === void 0 ? {} : { handleHitRadius: h },
-		rotationBadge: re,
-		getAnchorState: fe
-	}), [
-		m,
-		h,
-		re,
-		fe
+		W,
+		z,
+		en,
+		L,
+		$
 	]);
-	St(() => {
-		ie && (ie.current = pe);
+	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
+		] })
 	});
-	let S = O(() => {
-		if (s && c && f) return De({
-			getChromeState: () => y?.surface()?.chromeState() ?? me,
-			getView: () => f.current ?? {
-				x: 0,
-				y: 0,
-				scale: {
-					x: 1,
-					y: 1
-				}
-			},
-			affordances: pe,
-			...p ? { getIsVisible: () => p() } : {}
-		});
-	}, [
-		s,
-		c,
-		f,
-		pe,
-		p,
-		y
-	]), ge = O(() => {
-		if (s && u && f) return w(() => s.current?.current ?? [], (e, t) => {
-			if (le.current) return le.current(e, t);
-			let n = ce.current?.(e, t) ?? [];
-			return n.length > 0 ? n[n.length - 1] : null;
-		}, (e) => ue.current?.(e));
-	}, [
-		s,
-		u,
-		f,
-		le,
-		ce,
-		ue
-	]), C = E((t, n) => {
-		let r = e.current, i = f?.current;
-		if (!r || !i) return Rt({
-			ts: Date.now(),
-			clientX: t,
-			clientY: n,
-			rect: null,
-			view: null,
-			world: {
-				x: t,
-				y: n
-			},
-			fallback: !0
-		}), {
-			x: t,
-			y: n
-		};
-		let o = r.getBoundingClientRect(), [s, c] = a(t, n, o, i), l = {
-			x: s,
-			y: c
-		};
-		return Rt({
-			ts: Date.now(),
-			clientX: t,
-			clientY: n,
-			rect: {
-				left: o.left,
-				top: o.top,
-				width: o.width,
-				height: o.height
-			},
-			view: {
-				x: i.x,
-				y: i.y,
-				scaleX: i.scale.x,
-				scaleY: i.scale.y
-			},
-			world: l,
-			fallback: !1
-		}), l;
-	}, [e, f]), _e = O(() => (e) => {
-		let n = t?.current?.hitTestExtras?.(e.x, e.y);
-		if (n) {
-			let e = n.hit;
-			return {
-				kind: `layer:${n.layerId}`,
-				owner: n.layerId,
-				strength: e.strength ?? "shared",
-				...e.claimedKinds === void 0 ? {} : { claimedKinds: e.claimedKinds },
-				...e.cursor === void 0 ? {} : { cursor: e.cursor },
-				...e.initialScratch === void 0 ? {} : { payload: e.initialScratch }
-			};
-		}
-		return S ? S(e) : null;
-	}, [S, t]), ve = E(() => {
-		t?.current?.requestRedraw?.();
-	}, [t]), ye = E(() => t?.current?.paintedCursor, [t]), [be] = Ct(Et), xe = O(() => ({
-		state: be,
-		..._?.duration === void 0 ? {} : { duration: _.duration },
-		..._?.haptics === void 0 ? {} : { haptics: _.haptics }
-	}), [
-		be,
-		_?.duration,
-		_?.haptics
-	]), Se = O(() => {
-		if (y) return {
-			targets: () => y.list().map((e) => ({
-				id: e.id,
-				...e.target
-			})),
-			resolver: y.resolver
-		};
-	}, [y]);
-	return j({
-		canvasRef: e,
-		actions: oe,
-		entriesById: b,
-		enabled: i,
-		keyboard: o,
-		affordanceAt: _e,
-		classifyTarget: ge,
-		dispatcher: te,
-		clientToWorld: C,
-		requestRedraw: ve,
-		paintedCursor: ye,
-		getRuleCtx: ne,
-		onClick: ae,
-		onDoubleClick: g,
-		longPress: xe,
-		...Se ? { views: Se } : {}
-	}), At("longPress", () => be), null;
-}
-function Jt({ selection: e, scene: t, adapter: n, actions: r, excludeActions: i, currentViewRef: a, onViewChange: o, resizeOptions: s, poseDescriptor: c, geometryProjection: l, dispatcher: d, getActionRef: ee, pickEvery: f, layerIsPainted: te, alphaOf: ne, viewportPanEnabled: m, viewportZoom: ae, viewportPinchZoom: _, viewportRecenter: oe, viewAnimation: v, editAnchorsExternalState: se, anchorEditingAllowed: y, poseComposition: b, layouts: ce, layoutDropTarget: le, reflowTransition: ue, insertNodeFactories: de, snapPoint: x, canvasRef: fe, canvasApiRef: pe, ingestionResolveSrc: me, ingestionSvg: S, ingestionClipboard: he, actionsRegistryRef: ge }) {
-	let C = Ot();
-	D(() => (ge.current = C, () => {
-		ge.current = null;
-	}), [C, ge]), D(() => {
-		if (C) return C.setDispatcher(d);
-	}, [C, d]), D(() => {
-		if (C) return ee.current = (e) => C.list().find((t) => t.id === e), () => {
-			ee.current = null;
-		};
-	}, [C, ee]);
-	let _e = g(), ve = Ke(a, o, oe, () => {
-		let e = fe.current;
-		return e ? {
-			width: e.clientWidth,
-			height: e.clientHeight
-		} : null;
-	}, v, _e, te);
-	p({
-		selection: e,
-		scene: t,
-		view: ve,
-		history: t.history,
-		exclude: i
-	}), At("rootView", () => ve);
-	let ye = u();
-	return At("pointer", () => ye ?? void 0), lt({
-		pan: m,
-		zoom: ae,
-		pinchZoom: _
-	}), qe(t, e, c, b, ne), Je(f), nt(t, ce, le, ue), at(t, {
-		layouts: ce,
-		poseDescriptor: c,
-		poseComposition: b
-	}), $e(t, n, de), ie(t, e, n, b, c), T(x), et(pe), it(fe, () => a.current, me, S, he), Ye(t, e, c, b, ne), Xe(t), Qe(t, e, n, se, { anchorEditingAllowed: y }), tt(d), h(c), re(b), ct(r, i.join("|")), /* @__PURE__ */ Mt(jt, { children: [s ? /* @__PURE__ */ M(Yt, { options: s }) : null, l ? /* @__PURE__ */ M(Xt, { projection: l }) : null] });
-}
-function Yt({ options: e }) {
-	return m(ne(e)), null;
 }
-function Xt({ projection: e }) {
-	return rt(e), null;
-}
-var Zt = xt(P);
-function F(e, t) {
-	return /* @__PURE__ */ M(Dt, {
-		yoke: e.yoke,
-		children: /* @__PURE__ */ M(S, { children: /* @__PURE__ */ M(Zt, {
-			...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 I = xt(F);
+var h = s(m);
 //#endregion
-export { Vt as BUILTIN_TOOL_IDS, Pt as DEFAULT_HANDLE_SIZE, Le as SCENE_CANVAS_FEATURES, I as SceneCanvas, zt as mergeLayersWithDefaults, ve 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