@weasel-js/core 1.10.1 → 1.11.1

package/dist/{clone-C0eADtS0.d.ts → clone-C3e0OTuF.d.ts}

@@ -1,6 +1,9 @@
-import { a as PlaneMap, S as SnapTarget, M as MoveAdapter } from './types-DBbbCy0i.js';
+import { a as PlaneMap } from './types-7puAuVD2.js';
 import { Op } from '@weasel-js/history';
-import { Bounds, ModifierState, View, ResizeAnchor } from '@weasel-js/routing';
+import { S as SnapTarget, M as MoveAdapter } from './types-oFeQ5VjV.js';
+import { FramedBox, View } from '@weasel-js/geom';
+import { KitSettingsStore } from '@weasel-js/react';
+import { ModifierState, ResizeAnchor } from '@weasel-js/routing';
 
 /**
  * What a behavior needs to take a pose between the frame a node stores it in
@@ -20,6 +23,10 @@ interface GestureFrames<TPose> {
     /** How the world the gesture edits in maps into the world `layer`'s nodes
      *  are stored in, read now. Null when they are the same world. */
     planeOf(layer: string): PlaneMap | null;
+    /** The axis-aligned box `id` covers drawn at `worldPose`: its stroke
+     *  included unless the canvas opted out. What a snap that lines boxes up
+     *  measures, so it agrees with the selection chrome. */
+    drawnBounds?(id: string, worldPose: TPose): FramedBox;
 }
 
 /** Pointer position in world coords, and in client coords when the event carried them
@@ -60,6 +67,12 @@ interface GestureContext<TPose, TNode extends {
      * through this before comparing them with a pose.
      */
     plane?: PlaneMap | null;
+    /**
+     * The kit settings of the canvas the gesture runs on (its `kitSettings` dep),
+     * for a behavior or snap strategy to read a reach or threshold the moment it
+     * uses one. Absent or null where nothing published a store.
+     */
+    kitSettings?: KitSettingsStore | null;
     /**
      * Frame math over the scene the gesture edits; see {@link GestureFrames}.
      * Set by move, resize, rotate, and clone. Absent where no node is behind
@@ -83,12 +96,6 @@ interface GestureContext<TPose, TNode extends {
      */
     scratch: Record<string, unknown>;
 }
-/** Pluggable per-gesture snap rule; receives the proposed pose and returns a snapped pose or `null` to skip. */
-interface SnapStrategy<TPose> {
-    snap(pose: TPose, ctx: GestureContext<TPose, {
-        id: string;
-    }>): TPose | null;
-}
 /**
  * Generalized base behavior. Each hook defines an alias that pins the
  * proposed-pose shape (TProposed) and the onMove return shape (TMoveResult).
@@ -134,29 +141,15 @@ interface BehaviorEnd {
     answered: boolean;
 }
 /**
- * Uniform group transform proposed by a gesture and shaped by behaviors.
- * Applied identically to every dragged id so a multi-select gesture cannot
- * drift apart. Only `'translate'` is wired end-to-end.
+ * The translation a drag proposes and its behaviors shape, applied identically
+ * to every dragged id so a multi-select gesture cannot drift apart. Resize and
+ * rotate behaviors answer in their own terms (`ResizeMoveResult`,
+ * `RotateMoveResult`), not through this.
  */
 type GroupTransform = {
     kind: 'translate';
     dx: number;
     dy: number;
-} | {
-    kind: 'scale';
-    pivot: {
-        x: number;
-        y: number;
-    };
-    sx: number;
-    sy: number;
-} | {
-    kind: 'rotate';
-    pivot: {
-        x: number;
-        y: number;
-    };
-    angle: number;
 };
 /**
  * Per-frame result a `MoveBehavior.onMove` can return. `snap` announces a
@@ -196,23 +189,23 @@ interface MoveEnd extends BehaviorEnd {
     };
 }
 /** A behavior on a move — shapes the proposed transform during a drag.
- *  Behaviors receive a `GroupTransform` (currently always `'translate'`) and
- *  return a `BehaviorResult` shaping it. */
+ *  Behaviors receive a `GroupTransform` and return a `BehaviorResult` shaping
+ *  it. */
 type MoveBehavior<TPose> = ActionBehavior<TPose, GroupTransform, BehaviorResult<TPose>, MoveEnd>;
 
 /** Per-frame proposed resize: pose plus the anchor pinning the opposite corner. */
-interface ResizeProposed<TPose extends Bounds> {
+interface ResizeProposed<TPose extends FramedBox> {
     pose: TPose;
     anchor: ResizeAnchor;
 }
 /** Per-frame result a `BoundsConstraint.onMove` can return to override the proposed pose. */
-interface ResizeMoveResult<TPose extends Bounds> {
+interface ResizeMoveResult<TPose extends FramedBox> {
     pose?: TPose;
 }
 /** A bounds-frame constraint plugged into `resizeAction`.
  *  Reads/writes `{x,y,width,height}` and can override the proposed pose
  *  on each frame (e.g. lock-aspect, clamp-min-size, snap-to-grid). */
-type BoundsConstraint<TPose extends Bounds> = ActionBehavior<TPose, ResizeProposed<TPose>, ResizeMoveResult<TPose>>;
+type BoundsConstraint<TPose extends FramedBox> = ActionBehavior<TPose, ResizeProposed<TPose>, ResizeMoveResult<TPose>>;
 /** Live overlay state for rendering the in-flight resize ghost. */
 interface ResizeOverlay<TPose> {
     id: string;
@@ -259,7 +252,7 @@ interface InsertPoint {
 interface InsertProposed<TPose> {
     start: InsertPoint;
     current: InsertPoint;
-    bounds: Bounds;
+    bounds: FramedBox;
     pose: TPose;
 }
 /** Per-frame result an `InsertBehavior.onMove` can return to override the start/current points. */
@@ -277,7 +270,7 @@ interface InsertOverlay<TPose> {
     start: InsertPoint;
     current: InsertPoint;
     /** Axis-aligned bounding rect derived from `start`/`current`. */
-    bounds: Bounds;
+    bounds: FramedBox;
     /** TPose constructed from `bounds`. */
     pose: TPose;
 }
@@ -326,45 +319,6 @@ interface LassoSelectOverlay {
     };
     shiftHeld: boolean;
 }
-/** Frames a point-snap behavior can return for the resize to back-solve. */
-type PointSnapFrame = 'dragged-corner' | 'fixed-corner' | 'center' | 'origin';
-/** Per-frame world-space context handed to `PointSnapBehavior.onMove`.
- *  `draggedCorner` and `fixedCorner` are `null` for edge drags
- *  (`anchor.x === 'free'` or `anchor.y === 'free'`). `center` and
- *  `origin` are always present. */
-interface PointSnapContext<TPose extends Bounds> {
-    draggedCorner: {
-        worldX: number;
-        worldY: number;
-    } | null;
-    fixedCorner: {
-        worldX: number;
-        worldY: number;
-    } | null;
-    center: {
-        worldX: number;
-        worldY: number;
-    };
-    origin: {
-        worldX: number;
-        worldY: number;
-    };
-    rotation: number;
-    anchor: ResizeAnchor;
-    proposed: TPose;
-    modifiers: ModifierState;
-}
-/** Per-frame snap result. A behavior returns at most one. */
-interface PointSnapResult {
-    frame: PointSnapFrame;
-    worldX: number;
-    worldY: number;
-}
-/** A point-snap behavior, plugged into `ResizePolicy.pointSnap`. */
-interface PointSnapBehavior<TPose extends Bounds> {
-    id?: string;
-    onMove(ctx: PointSnapContext<TPose>): PointSnapResult | null | undefined;
-}
 /** What a `CloneBehavior.onMove` can return: the translation to use for
  *  every copy, and a snap target to announce. */
 type CloneBehaviorResult<TPose> = Pick<BehaviorResult<TPose>, 'transform' | 'snap'>;
@@ -379,4 +333,4 @@ type CloneBehaviorResult<TPose> = Pick<BehaviorResult<TPose>, 'transform' | 'sna
  */
 type CloneBehavior<TPose> = ActionBehavior<TPose, GroupTransform, CloneBehaviorResult<TPose>>;
 
-export type { ActionBehavior as A, BoundsConstraint as B, CloneBehavior as C, GestureContext as G, InsertBehavior as I, LassoSelectBehavior as L, MoveBehavior as M, PointSnapBehavior as P, RotateBehavior as R, SnapStrategy as S, AreaSelectOverlay as a, BehaviorEnd as b, BehaviorResult as c, CloneBehaviorResult as d, GestureFrames as e, GroupTransform as f, InsertMoveResult as g, InsertOverlay as h, InsertPoint as i, InsertProposed as j, LassoSelectMoveResult as k, LassoSelectOverlay as l, LassoSelectPose as m, LassoSelectProposed as n, MoveEnd as o, PointSnapContext as p, PointSnapFrame as q, PointSnapResult as r, PointerState as s, ResizeMoveResult as t, ResizeOverlay as u, ResizeProposed as v, RotateMoveResult as w, RotateOverlay as x, RotateProposed as y };
+export type { ActionBehavior as A, BoundsConstraint as B, CloneBehavior as C, GestureContext as G, InsertBehavior as I, LassoSelectBehavior as L, MoveBehavior as M, PointerState as P, RotateBehavior as R, AreaSelectOverlay as a, BehaviorEnd as b, BehaviorResult as c, CloneBehaviorResult as d, GestureFrames as e, GroupTransform as f, InsertMoveResult as g, InsertOverlay as h, InsertPoint as i, InsertProposed as j, LassoSelectMoveResult as k, LassoSelectOverlay as l, LassoSelectPose as m, LassoSelectProposed as n, MoveEnd as o, ResizeMoveResult as p, ResizeOverlay as q, ResizeProposed as r, RotateMoveResult as s, RotateOverlay as t, RotateProposed as u };

package/dist/clone.d.ts

@@ -1,7 +1,9 @@
-export { C as CloneBehavior, d as CloneBehaviorResult } from './clone-C0eADtS0.js';
-import './types-DBbbCy0i.js';
-import '@weasel-js/history';
+export { C as CloneBehavior, d as CloneBehaviorResult } from './clone-C3e0OTuF.js';
+import './types-7puAuVD2.js';
 import '@weasel-js/geom';
-import '@weasel-js/routing';
-import './poseDescriptor-Bqk-11Rl.js';
+import '@weasel-js/history';
+import './types-oFeQ5VjV.js';
+import './poseDescriptor-DN2yfnq_.js';
 import '@weasel-js/animator';
+import '@weasel-js/react';
+import '@weasel-js/routing';

package/dist/core/adapters/testing/rootsTree.js

@@ -0,0 +1,17 @@
+//#region src/core/adapters/testing/rootsTree.ts
+/** The tree of a fake adapter whose nodes never nest: every id in `order` is a root, bottom
+*  first. `setChildOrder` rewrites `order` in place. */
+function rootsTree(order = [], nodeOf = () => void 0) {
+	return {
+		getNode: nodeOf,
+		getParent: (_id) => null,
+		getChildren: (parentId) => parentId === null ? order.slice() : [],
+		setChildOrder: (parentId, ids) => {
+			if (parentId === null) order.splice(0, order.length, ...ids);
+		}
+	};
+}
+
+//#endregion
+export { rootsTree };
+//# sourceMappingURL=rootsTree.js.map

package/dist/core/adapters/testing/rootsTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rootsTree.js","names":[],"sources":["../../../../src/core/adapters/testing/rootsTree.ts"],"sourcesContent":["/** The tree of a fake adapter whose nodes never nest: every id in `order` is a root, bottom\n *  first. `setChildOrder` rewrites `order` in place. */\nexport function rootsTree<TNode extends { id: string } = { id: string }>(\n  order: string[] = [],\n  nodeOf: (id: string) => TNode | undefined = () => undefined,\n) {\n  return {\n    getNode: nodeOf,\n    getParent: (_id: string): string | null => null,\n    getChildren: (parentId: string | null): string[] => (parentId === null ? order.slice() : []),\n    setChildOrder: (parentId: string | null, ids: string[]): void => {\n      if (parentId === null) order.splice(0, order.length, ...ids);\n    },\n  };\n}\n"],"mappings":";;;AAEA,SAAgB,UACd,QAAkB,CAAC,GACnB,eAAkD,QAClD;CACA,OAAO;EACL,SAAS;EACT,YAAY,QAA+B;EAC3C,cAAc,aAAuC,aAAa,OAAO,MAAM,MAAM,IAAI,CAAC;EAC1F,gBAAgB,UAAyB,QAAwB;GAC/D,IAAI,aAAa,MAAM,MAAM,OAAO,GAAG,MAAM,QAAQ,GAAG,GAAG;EAC7D;CACF;AACF"}

package/dist/core/applyOps.js

@@ -1,12 +1,28 @@
 //#region src/core/applyOps.ts
-function e(e, t, n) {
-	for (let n of t) n.apply(e);
+/**
+* Default `applyOps` implementation: apply each op in order against
+* `adapter`. Used by hooks when an adapter omits `applyOps`. Apps that
+* need history integration (checkpoint + push entry) supply their own
+* `applyOps` instead.
+*
+* The `_label` parameter mirrors the `applyOps(ops, label)` signature so
+* call-sites can dispatch through `(adapter.applyOps ?? applyOpsTo)` with
+* matching arguments. The default ignores it.
+*/
+function applyOpsTo(adapter, ops, _label) {
+	for (const op of ops) op.apply(adapter);
 }
-function t(t, n, r) {
-	let i = t;
-	i.applyOps ? i.applyOps(n, r) : e(t, n, r);
+/**
+* Dispatcher: invokes `adapter.applyOps` if present, otherwise falls back
+* to `applyOpsTo`. Convenience for hooks so they don't repeat the
+* `?? applyOpsTo` pattern at every call site.
+*/
+function dispatchApplyBatch(adapter, ops, label) {
+	const a = adapter;
+	if (a.applyOps) a.applyOps(ops, label);
+	else applyOpsTo(adapter, ops, label);
 }
-//#endregion
-export { e as applyOpsTo, t as dispatchApplyBatch };
 
+//#endregion
+export { applyOpsTo, dispatchApplyBatch };
 //# sourceMappingURL=applyOps.js.map

package/dist/core/applyOps.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyOps.js","names":["applyOpsTo","op","ops","adapter","dispatchApplyBatch","a","label"],"sources":["../../src/core/applyOps.ts"],"sourcesContent":["import type { Op } from './ops/types';\n\n/**\n * Default `applyOps` implementation: apply each op in order against\n * `adapter`. Used by hooks when an adapter omits `applyOps`. Apps that\n * need history integration (checkpoint + push entry) supply their own\n * `applyOps` instead.\n *\n * The `_label` parameter mirrors the `applyOps(ops, label)` signature so\n * call-sites can dispatch through `(adapter.applyOps ?? applyOpsTo)` with\n * matching arguments. The default ignores it.\n */\nexport function applyOpsTo<A>(adapter: A, ops: Op[], _label?: string): void {\n  for (const op of ops) op.apply(adapter);\n}\n\n/**\n * Dispatcher: invokes `adapter.applyOps` if present, otherwise falls back\n * to `applyOpsTo`. Convenience for hooks so they don't repeat the\n * `?? applyOpsTo` pattern at every call site.\n */\nexport function dispatchApplyBatch<A>(\n  adapter: A,\n  ops: Op[],\n  label?: string,\n): void {\n  const a = adapter as { applyOps?: (ops: Op[], label?: string) => void };\n  if (a.applyOps) a.applyOps(ops, label);\n  else applyOpsTo(adapter, ops, label);\n}\n"],"mappings":";AAYA,SAAgBA,EAAc,GAAY,GAAW,GAAuB;CAC1E,KAAK,IAAMC,KAAMC,GAAK,EAAG,MAAMC,CAAO;AACxC;AAOA,SAAgBC,EACd,GACA,GACA,GACM;CACN,IAAMC,IAAIF;CACV,AAAIE,EAAE,WAAUA,EAAE,SAASH,GAAKI,CAAK,IAChCN,EAAWG,GAASD,GAAKI,CAAK;AACrC"}
+{"version":3,"file":"applyOps.js","names":[],"sources":["../../src/core/applyOps.ts"],"sourcesContent":["import type { Op } from './ops/types';\n\n/**\n * Default `applyOps` implementation: apply each op in order against\n * `adapter`. Used by hooks when an adapter omits `applyOps`. Apps that\n * need history integration (checkpoint + push entry) supply their own\n * `applyOps` instead.\n *\n * The `_label` parameter mirrors the `applyOps(ops, label)` signature so\n * call-sites can dispatch through `(adapter.applyOps ?? applyOpsTo)` with\n * matching arguments. The default ignores it.\n */\nexport function applyOpsTo<A>(adapter: A, ops: Op[], _label?: string): void {\n  for (const op of ops) op.apply(adapter);\n}\n\n/**\n * Dispatcher: invokes `adapter.applyOps` if present, otherwise falls back\n * to `applyOpsTo`. Convenience for hooks so they don't repeat the\n * `?? applyOpsTo` pattern at every call site.\n */\nexport function dispatchApplyBatch<A>(\n  adapter: A,\n  ops: Op[],\n  label?: string,\n): void {\n  const a = adapter as { applyOps?: (ops: Op[], label?: string) => void };\n  if (a.applyOps) a.applyOps(ops, label);\n  else applyOpsTo(adapter, ops, label);\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,WAAc,SAAY,KAAW,QAAuB;CAC1E,KAAK,MAAM,MAAM,KAAK,GAAG,MAAM,OAAO;AACxC;;;;;;AAOA,SAAgB,mBACd,SACA,KACA,OACM;CACN,MAAM,IAAI;CACV,IAAI,EAAE,UAAU,EAAE,SAAS,KAAK,KAAK;MAChC,WAAW,SAAS,KAAK,KAAK;AACrC"}

package/dist/core/device/index.js

@@ -1,5 +1,6 @@
-import { watchDevicePixelRatio as e } from "./watchDevicePixelRatio.js";
-import { DeviceProfileProvider as t, useDeviceProfile as n } from "./useDeviceProfile.js";
-import { ANCHOR_HIT_BASE_PX as r, HANDLE_BASE_PX as i, ROTATION_HANDLE_BASE_PX as a } from "./targets.js";
-import { COARSE_TARGET_SCALE as o, DEFAULT_DEVICE_PROFILE as s, resolveDeviceProfile as c } from "@weasel-js/routing";
-export { r as ANCHOR_HIT_BASE_PX, o as COARSE_TARGET_SCALE, s as DEFAULT_DEVICE_PROFILE, t as DeviceProfileProvider, i as HANDLE_BASE_PX, a as ROTATION_HANDLE_BASE_PX, c as resolveDeviceProfile, n as useDeviceProfile, e as watchDevicePixelRatio };
+import { watchDevicePixelRatio } from "./watchDevicePixelRatio.js";
+import { DeviceProfileProvider, useDeviceProfile } from "./useDeviceProfile.js";
+import { ANCHOR_HIT_BASE_PX, HANDLE_BASE_PX, ROTATION_HANDLE_BASE_PX } from "./targets.js";
+import { COARSE_TARGET_SCALE, DEFAULT_DEVICE_PROFILE as DEFAULT_DEVICE_PROFILE$1, resolveDeviceProfile as resolveDeviceProfile$1 } from "@weasel-js/routing";
+
+export { ANCHOR_HIT_BASE_PX, COARSE_TARGET_SCALE, DEFAULT_DEVICE_PROFILE$1 as DEFAULT_DEVICE_PROFILE, DeviceProfileProvider, HANDLE_BASE_PX, ROTATION_HANDLE_BASE_PX, resolveDeviceProfile$1 as resolveDeviceProfile, useDeviceProfile, watchDevicePixelRatio };

package/dist/core/device/targets.js

@@ -1,17 +1,38 @@
 //#region src/core/device/targets.ts
-var e = {
+/**
+* Base sizes for grabbable chrome, in CSS pixels at `targetScale = 1`, and the
+* one accessor that resolves them for a live pointer type.
+*
+* Paint and hit-test MUST scale together, or chrome can be seen and not
+* grabbed, so every kit-internal use site goes through {@link targetSizesPx}.
+* The bare constants below are the unscaled numbers, exported for consumers.
+*/
+var BASE_PX = {
 	handle: 8,
 	anchor: 8,
 	rotationDistance: 24
-}, t = e.handle, n = e.anchor, r = e.rotationDistance;
-function i(t = 1) {
+};
+/** Selection corner-handle visual size and hit radius. */
+var HANDLE_BASE_PX = BASE_PX.handle;
+/** Path anchor / control-point hit radius. */
+var ANCHOR_HIT_BASE_PX = BASE_PX.anchor;
+/** Distance from a selection's top edge to the rotation handle's center. */
+var ROTATION_HANDLE_BASE_PX = BASE_PX.rotationDistance;
+/**
+* How big is grabbable chrome, in CSS pixels, for this pointer type?
+*
+* `targetScale` comes from the live {@link DeviceProfile} — 1 for a mouse,
+* {@link COARSE_TARGET_SCALE} for touch. `base` replaces any of the unscaled
+* sizes, as the `targets` kit settings do; the scale multiplies onto it.
+*/
+function targetSizesPx(targetScale = 1, base = {}) {
 	return {
-		handle: e.handle * t,
-		anchor: e.anchor * t,
-		rotationDistance: e.rotationDistance * t
+		handle: (base.handle ?? BASE_PX.handle) * targetScale,
+		anchor: (base.anchor ?? BASE_PX.anchor) * targetScale,
+		rotationDistance: (base.rotationDistance ?? BASE_PX.rotationDistance) * targetScale
 	};
 }
-//#endregion
-export { n as ANCHOR_HIT_BASE_PX, t as HANDLE_BASE_PX, r as ROTATION_HANDLE_BASE_PX, i as targetSizesPx };
 
+//#endregion
+export { ANCHOR_HIT_BASE_PX, HANDLE_BASE_PX, ROTATION_HANDLE_BASE_PX, targetSizesPx };
 //# sourceMappingURL=targets.js.map

package/dist/core/device/targets.js.map

@@ -1 +1 @@
-{"version":3,"file":"targets.js","names":["BASE_PX","HANDLE_BASE_PX","ANCHOR_HIT_BASE_PX","ROTATION_HANDLE_BASE_PX","targetSizesPx","targetScale"],"sources":["../../../src/core/device/targets.ts"],"sourcesContent":["/**\n * Base sizes for grabbable chrome, in CSS pixels at `targetScale = 1`, and the\n * one accessor that resolves them for a live pointer type.\n *\n * Paint and hit-test MUST scale together, or chrome can be seen and not\n * grabbed, so every kit-internal use site goes through {@link targetSizesPx}.\n * The bare constants below are the unscaled numbers, exported for consumers.\n */\n\nconst BASE_PX = {\n  handle: 8,\n  anchor: 8,\n  rotationDistance: 24,\n} as const;\n\n/** Selection corner-handle visual size and hit radius. */\nexport const HANDLE_BASE_PX = BASE_PX.handle;\n\n/** Path anchor / control-point hit radius. */\nexport const ANCHOR_HIT_BASE_PX = BASE_PX.anchor;\n\n/** Distance from a selection's top edge to the rotation handle's center. */\nexport const ROTATION_HANDLE_BASE_PX = BASE_PX.rotationDistance;\n\n/** Grabbable-chrome sizes resolved for one pointer type, in CSS pixels. */\nexport interface TargetSizesPx {\n  /** Corner-handle visual size and hit radius. */\n  handle: number;\n  /** Anchor / control-point hit radius. */\n  anchor: number;\n  /** Distance from a selection's top edge to the rotation handle's center,\n   *  which is also the rotate band's minimum thickness. */\n  rotationDistance: number;\n}\n\n/**\n * How big is grabbable chrome, in CSS pixels, for this pointer type?\n *\n * `targetScale` comes from the live {@link DeviceProfile} — 1 for a mouse,\n * {@link COARSE_TARGET_SCALE} for touch.\n */\nexport function targetSizesPx(targetScale = 1): TargetSizesPx {\n  return {\n    handle: BASE_PX.handle * targetScale,\n    anchor: BASE_PX.anchor * targetScale,\n    rotationDistance: BASE_PX.rotationDistance * targetScale,\n  };\n}\n"],"mappings":";AASA,IAAMA,IAAU;CACd,QAAQ;CACR,QAAQ;CACR,kBAAkB;AACpB,GAGaC,IAAiBD,EAAQ,QAGzBE,IAAqBF,EAAQ,QAG7BG,IAA0BH,EAAQ;AAmB/C,SAAgBI,EAAc,IAAc,GAAkB;CAC5D,OAAO;EACL,QAAQJ,EAAQ,SAASK;EACzB,QAAQL,EAAQ,SAASK;EACzB,kBAAkBL,EAAQ,mBAAmBK;CAC/C;AACF"}
+{"version":3,"file":"targets.js","names":[],"sources":["../../../src/core/device/targets.ts"],"sourcesContent":["/**\n * Base sizes for grabbable chrome, in CSS pixels at `targetScale = 1`, and the\n * one accessor that resolves them for a live pointer type.\n *\n * Paint and hit-test MUST scale together, or chrome can be seen and not\n * grabbed, so every kit-internal use site goes through {@link targetSizesPx}.\n * The bare constants below are the unscaled numbers, exported for consumers.\n */\n\nconst BASE_PX = {\n  handle: 8,\n  anchor: 8,\n  rotationDistance: 24,\n} as const;\n\n/** Selection corner-handle visual size and hit radius. */\nexport const HANDLE_BASE_PX = BASE_PX.handle;\n\n/** Path anchor / control-point hit radius. */\nexport const ANCHOR_HIT_BASE_PX = BASE_PX.anchor;\n\n/** Distance from a selection's top edge to the rotation handle's center. */\nexport const ROTATION_HANDLE_BASE_PX = BASE_PX.rotationDistance;\n\n/** Grabbable-chrome sizes resolved for one pointer type, in CSS pixels. */\nexport interface TargetSizesPx {\n  /** Corner-handle visual size and hit radius. */\n  handle: number;\n  /** Anchor / control-point hit radius. */\n  anchor: number;\n  /** Distance from a selection's top edge to the rotation handle's center,\n   *  which is also the rotate band's minimum thickness. */\n  rotationDistance: number;\n}\n\n/**\n * How big is grabbable chrome, in CSS pixels, for this pointer type?\n *\n * `targetScale` comes from the live {@link DeviceProfile} — 1 for a mouse,\n * {@link COARSE_TARGET_SCALE} for touch. `base` replaces any of the unscaled\n * sizes, as the `targets` kit settings do; the scale multiplies onto it.\n */\nexport function targetSizesPx(targetScale = 1, base: Partial<TargetSizesPx> = {}): TargetSizesPx {\n  return {\n    handle: (base.handle ?? BASE_PX.handle) * targetScale,\n    anchor: (base.anchor ?? BASE_PX.anchor) * targetScale,\n    rotationDistance: (base.rotationDistance ?? BASE_PX.rotationDistance) * targetScale,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,IAAM,UAAU;CACd,QAAQ;CACR,QAAQ;CACR,kBAAkB;AACpB;;AAGA,IAAa,iBAAiB,QAAQ;;AAGtC,IAAa,qBAAqB,QAAQ;;AAG1C,IAAa,0BAA0B,QAAQ;;;;;;;;AAoB/C,SAAgB,cAAc,cAAc,GAAG,OAA+B,CAAC,GAAkB;CAC/F,OAAO;EACL,SAAS,KAAK,UAAU,QAAQ,UAAU;EAC1C,SAAS,KAAK,UAAU,QAAQ,UAAU;EAC1C,mBAAmB,KAAK,oBAAoB,QAAQ,oBAAoB;CAC1E;AACF"}

package/dist/core/device/useDeviceProfile.js

@@ -1,69 +1,103 @@
-import { watchDevicePixelRatio as e } from "./watchDevicePixelRatio.js";
-import { createContext as t, createElement as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { DEFAULT_DEVICE_PROFILE as s, resolveDeviceProfile as c } from "@weasel-js/routing";
+import { watchDevicePixelRatio } from "./watchDevicePixelRatio.js";
+import { createContext, createElement, useContext, useEffect, useMemo, useState } from "react";
+import { DEFAULT_DEVICE_PROFILE, resolveDeviceProfile } from "@weasel-js/routing";
+
 //#region src/core/device/useDeviceProfile.ts
-var l = "(pointer: coarse)", u = "(hover: hover)";
-function d() {
-	return typeof window < "u" && typeof window.matchMedia == "function";
+var COARSE_QUERY = "(pointer: coarse)";
+var HOVER_QUERY = "(hover: hover)";
+function hasMatchMedia() {
+	return typeof window !== "undefined" && typeof window.matchMedia === "function";
 }
-function f() {
-	let e = typeof window < "u" && window.devicePixelRatio || 1;
-	return d() ? {
-		coarsePointer: window.matchMedia(l).matches,
-		canHover: window.matchMedia(u).matches,
-		dpr: e
-	} : {
-		coarsePointer: s.coarsePointer,
-		canHover: s.canHover,
-		dpr: e
+function detectOnce() {
+	const dpr = typeof window !== "undefined" && window.devicePixelRatio || 1;
+	if (!hasMatchMedia()) return {
+		coarsePointer: DEFAULT_DEVICE_PROFILE.coarsePointer,
+		canHover: DEFAULT_DEVICE_PROFILE.canHover,
+		dpr
+	};
+	return {
+		coarsePointer: window.matchMedia(COARSE_QUERY).matches,
+		canHover: window.matchMedia(HOVER_QUERY).matches,
+		dpr
 	};
 }
-function p(t) {
-	let [n, r] = o(f);
-	return i(() => {
-		if (!t || !d()) return;
-		let n = window.matchMedia(l), i = window.matchMedia(u), a = (e) => r((t) => ({
-			...t,
+/**
+* Detect device facts and keep them live.
+*
+* Three subscriptions: pointer coarseness, hover capability, and pixel
+* density. None while `watch` is false, and the facts then go stale.
+*/
+function useDetectedFacts(watch) {
+	const [facts, setFacts] = useState(detectOnce);
+	useEffect(() => {
+		if (!watch || !hasMatchMedia()) return;
+		const coarseMq = window.matchMedia(COARSE_QUERY);
+		const hoverMq = window.matchMedia(HOVER_QUERY);
+		const onCoarse = (e) => setFacts((f) => ({
+			...f,
 			coarsePointer: e.matches
-		})), o = (e) => r((t) => ({
-			...t,
+		}));
+		const onHover = (e) => setFacts((f) => ({
+			...f,
 			canHover: e.matches
 		}));
-		n.addEventListener("change", a), i.addEventListener("change", o);
-		let s = e((e) => r((t) => t.dpr === e ? t : {
-			...t,
-			dpr: e
+		coarseMq.addEventListener("change", onCoarse);
+		hoverMq.addEventListener("change", onHover);
+		const unwatchDensity = watchDevicePixelRatio((next) => setFacts((f) => f.dpr === next ? f : {
+			...f,
+			dpr: next
 		}));
-		return r({
-			coarsePointer: n.matches,
-			canHover: i.matches,
+		setFacts({
+			coarsePointer: coarseMq.matches,
+			canHover: hoverMq.matches,
 			dpr: window.devicePixelRatio || 1
-		}), () => {
-			s(), n.removeEventListener("change", a), i.removeEventListener("change", o);
+		});
+		return () => {
+			unwatchDensity();
+			coarseMq.removeEventListener("change", onCoarse);
+			hoverMq.removeEventListener("change", onHover);
 		};
-	}, [t]), n;
+	}, [watch]);
+	return facts;
 }
-var m = t(null);
-function h(e) {
-	let t = r(m), n = p(t === null), i = t ?? n, { coarsePointer: o, canHover: s, dpr: l, targetScale: u } = e ?? {};
-	return a(() => c(i, {
-		...o === void 0 ? {} : { coarsePointer: o },
-		...s === void 0 ? {} : { canHover: s },
-		...l === void 0 ? {} : { dpr: l },
-		...u === void 0 ? {} : { targetScale: u }
+var DeviceProfileContext = createContext(null);
+/**
+* Read the ambient device profile.
+*
+* Uses the nearest {@link DeviceProfileProvider} when one exists, watching
+* nothing of its own, and otherwise detects for itself — so a standalone overlay or a labkit panel
+* rendered outside a `<SceneCanvas>` still gets correct facts.
+*
+* `overrides` always wins over both, which is what makes tests and
+* force-touch-chrome demos possible without stubbing `matchMedia`.
+*/
+function useDeviceProfile(overrides) {
+	const provided = useContext(DeviceProfileContext);
+	const detected = useDetectedFacts(provided === null);
+	const base = provided ?? detected;
+	const { coarsePointer, canHover, dpr, targetScale } = overrides ?? {};
+	return useMemo(() => resolveDeviceProfile(base, {
+		...coarsePointer !== void 0 ? { coarsePointer } : {},
+		...canHover !== void 0 ? { canHover } : {},
+		...dpr !== void 0 ? { dpr } : {},
+		...targetScale !== void 0 ? { targetScale } : {}
 	}), [
-		i,
-		o,
-		s,
-		l,
-		u
+		base,
+		coarsePointer,
+		canHover,
+		dpr,
+		targetScale
 	]);
 }
-function g({ value: e, children: t }) {
-	let r = h(e);
-	return n(m.Provider, { value: r }, t);
+/**
+* Publish one resolved profile to a subtree. `<SceneCanvas>` renders this so
+* overlays, affordances, and consumer chrome all read the same object.
+*/
+function DeviceProfileProvider({ value, children }) {
+	const profile = useDeviceProfile(value);
+	return createElement(DeviceProfileContext.Provider, { value: profile }, children);
 }
-//#endregion
-export { g as DeviceProfileProvider, h as useDeviceProfile };
 
+//#endregion
+export { DeviceProfileProvider, useDeviceProfile };
 //# sourceMappingURL=useDeviceProfile.js.map

package/dist/core/device/useDeviceProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeviceProfile.js","names":["COARSE_QUERY","HOVER_QUERY","hasMatchMedia","detectOnce","dpr","DEFAULT_DEVICE_PROFILE","useDetectedFacts","facts","setFacts","useState","useEffect","watch","coarseMq","hoverMq","onCoarse","f","onHover","unwatchDensity","watchDevicePixelRatio","next","DeviceProfileContext","createContext","useDeviceProfile","provided","useContext","detected","base","overrides","useMemo","resolveDeviceProfile","coarsePointer","canHover","targetScale","DeviceProfileProvider","profile","value","createElement","children"],"sources":["../../../src/core/device/useDeviceProfile.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type { DetectedDeviceFacts, DeviceProfile } from './types';\nimport { DEFAULT_DEVICE_PROFILE, resolveDeviceProfile } from '@weasel-js/routing';\nimport { watchDevicePixelRatio } from './watchDevicePixelRatio';\n\nconst COARSE_QUERY = '(pointer: coarse)';\nconst HOVER_QUERY = '(hover: hover)';\n\nfunction hasMatchMedia(): boolean {\n  return typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n}\n\nfunction detectOnce(): DetectedDeviceFacts {\n  // Density is read unconditionally: `devicePixelRatio` does not depend on\n  // `matchMedia` existing. Only *watching* density needs a media query.\n  // Gating this read behind `hasMatchMedia()` would report density 1 under\n  // any environment without matchMedia — including jsdom, which would\n  // silently break `useCanvasSize`'s existing DPR assertions.\n  const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n  if (!hasMatchMedia()) {\n    return {\n      coarsePointer: DEFAULT_DEVICE_PROFILE.coarsePointer,\n      canHover: DEFAULT_DEVICE_PROFILE.canHover,\n      dpr,\n    };\n  }\n  return {\n    coarsePointer: window.matchMedia(COARSE_QUERY).matches,\n    canHover: window.matchMedia(HOVER_QUERY).matches,\n    dpr,\n  };\n}\n\n/**\n * Detect device facts and keep them live.\n *\n * Three subscriptions: pointer coarseness, hover capability, and pixel\n * density. None while `watch` is false, and the facts then go stale.\n */\nfunction useDetectedFacts(watch: boolean): DetectedDeviceFacts {\n  const [facts, setFacts] = useState<DetectedDeviceFacts>(detectOnce);\n\n  useEffect(() => {\n    if (!watch || !hasMatchMedia()) return;\n\n    const coarseMq = window.matchMedia(COARSE_QUERY);\n    const hoverMq = window.matchMedia(HOVER_QUERY);\n\n    const onCoarse = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, coarsePointer: e.matches }));\n    const onHover = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, canHover: e.matches }));\n\n    coarseMq.addEventListener('change', onCoarse as EventListener);\n    hoverMq.addEventListener('change', onHover as EventListener);\n\n    const unwatchDensity = watchDevicePixelRatio((next) =>\n      setFacts((f) => (f.dpr === next ? f : { ...f, dpr: next })));\n\n    // Re-sync once on mount: a query could have changed between the\n    // useState initializer and the effect running.\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- re-syncs media queries that may have changed before subscribing\n    setFacts({\n      coarsePointer: coarseMq.matches,\n      canHover: hoverMq.matches,\n      dpr: window.devicePixelRatio || 1,\n    });\n\n    return () => {\n      unwatchDensity();\n      coarseMq.removeEventListener('change', onCoarse as EventListener);\n      hoverMq.removeEventListener('change', onHover as EventListener);\n    };\n  }, [watch]);\n\n  return facts;\n}\n\nconst DeviceProfileContext = createContext<DeviceProfile | null>(null);\n\n/**\n * Read the ambient device profile.\n *\n * Uses the nearest {@link DeviceProfileProvider} when one exists, watching\n * nothing of its own, and otherwise detects for itself — so a standalone overlay or a labkit panel\n * rendered outside a `<SceneCanvas>` still gets correct facts.\n *\n * `overrides` always wins over both, which is what makes tests and\n * force-touch-chrome demos possible without stubbing `matchMedia`.\n */\nexport function useDeviceProfile(overrides?: Partial<DeviceProfile>): DeviceProfile {\n  const provided = useContext(DeviceProfileContext);\n  const detected = useDetectedFacts(provided === null);\n  const base: DetectedDeviceFacts = provided ?? detected;\n  const { coarsePointer, canHover, dpr, targetScale } = overrides ?? {};\n  return useMemo(\n    () =>\n      resolveDeviceProfile(base, {\n        ...(coarsePointer !== undefined ? { coarsePointer } : {}),\n        ...(canHover !== undefined ? { canHover } : {}),\n        ...(dpr !== undefined ? { dpr } : {}),\n        ...(targetScale !== undefined ? { targetScale } : {}),\n      }),\n    [base, coarsePointer, canHover, dpr, targetScale],\n  );\n}\n\n/** Props for `<DeviceProfileProvider>`. */\nexport interface DeviceProfileProviderProps {\n  /** Partial override folded over detected facts. */\n  value?: Partial<DeviceProfile>;\n  children: ReactNode;\n}\n\n/**\n * Publish one resolved profile to a subtree. `<SceneCanvas>` renders this so\n * overlays, affordances, and consumer chrome all read the same object.\n */\nexport function DeviceProfileProvider({ value, children }: DeviceProfileProviderProps) {\n  const profile = useDeviceProfile(value);\n  return createElement(DeviceProfileContext.Provider, { value: profile }, children);\n}\n"],"mappings":";;;;AAaA,IAAMA,IAAe,qBACfC,IAAc;AAEpB,SAASC,IAAyB;CAChC,OAAO,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe;AACvE;AAEA,SAASC,IAAkC;CAMzC,IAAMC,IAAO,OAAO,SAAW,OAAe,OAAO,oBAAqB;CAQ1E,OAPKF,EAAc,IAOZ;EACL,eAAe,OAAO,WAAWF,CAAY,CAAC,CAAC;EAC/C,UAAU,OAAO,WAAWC,CAAW,CAAC,CAAC;EACzC;CACF,IAVS;EACL,eAAeI,EAAuB;EACtC,UAAUA,EAAuB;EACjC;CACF;AAOJ;AAQA,SAASC,EAAiB,GAAqC;CAC7D,IAAM,CAACC,GAAOC,KAAYC,EAA8BN,CAAU;CAmClE,OAjCAO,QAAgB;EACd,IAAI,CAACC,KAAS,CAACT,EAAc,GAAG;EAEhC,IAAMU,IAAW,OAAO,WAAWZ,CAAY,GACzCa,IAAU,OAAO,WAAWZ,CAAW,GAEvCa,KAAY,MAChBN,GAAU,OAAO;GAAE,GAAGO;GAAG,eAAe,EAAE;EAAQ,EAAE,GAChDC,KAAW,MACfR,GAAU,OAAO;GAAE,GAAGO;GAAG,UAAU,EAAE;EAAQ,EAAE;EAGjD,AADAH,EAAS,iBAAiB,UAAUE,CAAyB,GAC7DD,EAAQ,iBAAiB,UAAUG,CAAwB;EAE3D,IAAMC,IAAiBC,GAAuB,MAC5CV,GAAU,MAAOO,EAAE,QAAQI,IAAOJ,IAAI;GAAE,GAAGA;GAAG,KAAKI;EAAK,CAAE,CAAC;EAW7D,OANAX,EAAS;GACP,eAAeI,EAAS;GACxB,UAAUC,EAAQ;GAClB,KAAK,OAAO,oBAAoB;EAClC,CAAC,SAEY;GAGX,AAFAI,EAAe,GACfL,EAAS,oBAAoB,UAAUE,CAAyB,GAChED,EAAQ,oBAAoB,UAAUG,CAAwB;EAChE;CACF,GAAG,CAACL,CAAK,CAAC,GAEHJ;AACT;AAEA,IAAMa,IAAuBC,EAAoC,IAAI;AAYrE,SAAgBC,EAAiB,GAAmD;CAClF,IAAMC,IAAWC,EAAWJ,CAAoB,GAC1CK,IAAWnB,EAAiBiB,MAAa,IAAI,GAC7CG,IAA4BH,KAAYE,GACxC,EAAE,kBAAe,aAAU,QAAK,mBAAgBE,KAAa,CAAC;CACpE,OAAOC,QAEHC,EAAqBH,GAAM;EACzB,GAAII,MAAkB,KAAA,IAAgC,CAAC,IAArB,EAAE,iBAAc;EAClD,GAAIC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACxC,GAAI3B,MAAQ,KAAA,IAAsB,CAAC,IAAX,EAAE,OAAI;EAC9B,GAAI4B,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;CAChD,CAAC,GACH;EAACN;EAAMI;EAAeC;EAAU3B;EAAK4B;CAAW,CAClD;AACF;AAaA,SAAgBC,EAAsB,EAAE,UAAO,eAAwC;CACrF,IAAMC,IAAUZ,EAAiBa,CAAK;CACtC,OAAOC,EAAchB,EAAqB,UAAU,EAAE,OAAOc,EAAQ,GAAGG,CAAQ;AAClF"}
+{"version":3,"file":"useDeviceProfile.js","names":[],"sources":["../../../src/core/device/useDeviceProfile.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type { DetectedDeviceFacts, DeviceProfile } from './types';\nimport { DEFAULT_DEVICE_PROFILE, resolveDeviceProfile } from '@weasel-js/routing';\nimport { watchDevicePixelRatio } from './watchDevicePixelRatio';\n\nconst COARSE_QUERY = '(pointer: coarse)';\nconst HOVER_QUERY = '(hover: hover)';\n\nfunction hasMatchMedia(): boolean {\n  return typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n}\n\nfunction detectOnce(): DetectedDeviceFacts {\n  // Density is read unconditionally: `devicePixelRatio` does not depend on\n  // `matchMedia` existing. Only *watching* density needs a media query.\n  // Gating this read behind `hasMatchMedia()` would report density 1 under\n  // any environment without matchMedia — including jsdom, which would\n  // silently break `useCanvasSize`'s existing DPR assertions.\n  const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n  if (!hasMatchMedia()) {\n    return {\n      coarsePointer: DEFAULT_DEVICE_PROFILE.coarsePointer,\n      canHover: DEFAULT_DEVICE_PROFILE.canHover,\n      dpr,\n    };\n  }\n  return {\n    coarsePointer: window.matchMedia(COARSE_QUERY).matches,\n    canHover: window.matchMedia(HOVER_QUERY).matches,\n    dpr,\n  };\n}\n\n/**\n * Detect device facts and keep them live.\n *\n * Three subscriptions: pointer coarseness, hover capability, and pixel\n * density. None while `watch` is false, and the facts then go stale.\n */\nfunction useDetectedFacts(watch: boolean): DetectedDeviceFacts {\n  const [facts, setFacts] = useState<DetectedDeviceFacts>(detectOnce);\n\n  useEffect(() => {\n    if (!watch || !hasMatchMedia()) return;\n\n    const coarseMq = window.matchMedia(COARSE_QUERY);\n    const hoverMq = window.matchMedia(HOVER_QUERY);\n\n    const onCoarse = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, coarsePointer: e.matches }));\n    const onHover = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, canHover: e.matches }));\n\n    coarseMq.addEventListener('change', onCoarse as EventListener);\n    hoverMq.addEventListener('change', onHover as EventListener);\n\n    const unwatchDensity = watchDevicePixelRatio((next) =>\n      setFacts((f) => (f.dpr === next ? f : { ...f, dpr: next })));\n\n    // Re-sync once on mount: a query could have changed between the\n    // useState initializer and the effect running.\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- re-syncs media queries that may have changed before subscribing\n    setFacts({\n      coarsePointer: coarseMq.matches,\n      canHover: hoverMq.matches,\n      dpr: window.devicePixelRatio || 1,\n    });\n\n    return () => {\n      unwatchDensity();\n      coarseMq.removeEventListener('change', onCoarse as EventListener);\n      hoverMq.removeEventListener('change', onHover as EventListener);\n    };\n  }, [watch]);\n\n  return facts;\n}\n\nconst DeviceProfileContext = createContext<DeviceProfile | null>(null);\n\n/**\n * Read the ambient device profile.\n *\n * Uses the nearest {@link DeviceProfileProvider} when one exists, watching\n * nothing of its own, and otherwise detects for itself — so a standalone overlay or a labkit panel\n * rendered outside a `<SceneCanvas>` still gets correct facts.\n *\n * `overrides` always wins over both, which is what makes tests and\n * force-touch-chrome demos possible without stubbing `matchMedia`.\n */\nexport function useDeviceProfile(overrides?: Partial<DeviceProfile>): DeviceProfile {\n  const provided = useContext(DeviceProfileContext);\n  const detected = useDetectedFacts(provided === null);\n  const base: DetectedDeviceFacts = provided ?? detected;\n  const { coarsePointer, canHover, dpr, targetScale } = overrides ?? {};\n  return useMemo(\n    () =>\n      resolveDeviceProfile(base, {\n        ...(coarsePointer !== undefined ? { coarsePointer } : {}),\n        ...(canHover !== undefined ? { canHover } : {}),\n        ...(dpr !== undefined ? { dpr } : {}),\n        ...(targetScale !== undefined ? { targetScale } : {}),\n      }),\n    [base, coarsePointer, canHover, dpr, targetScale],\n  );\n}\n\n/** Props for `<DeviceProfileProvider>`. */\nexport interface DeviceProfileProviderProps {\n  /** Partial override folded over detected facts. */\n  value?: Partial<DeviceProfile>;\n  children: ReactNode;\n}\n\n/**\n * Publish one resolved profile to a subtree. `<SceneCanvas>` renders this so\n * overlays, affordances, and consumer chrome all read the same object.\n */\nexport function DeviceProfileProvider({ value, children }: DeviceProfileProviderProps) {\n  const profile = useDeviceProfile(value);\n  return createElement(DeviceProfileContext.Provider, { value: profile }, children);\n}\n"],"mappings":";;;;;AAaA,IAAM,eAAe;AACrB,IAAM,cAAc;AAEpB,SAAS,gBAAyB;CAChC,OAAO,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe;AACvE;AAEA,SAAS,aAAkC;CAMzC,MAAM,MAAO,OAAO,WAAW,eAAe,OAAO,oBAAqB;CAC1E,IAAI,CAAC,cAAc,GACjB,OAAO;EACL,eAAe,uBAAuB;EACtC,UAAU,uBAAuB;EACjC;CACF;CAEF,OAAO;EACL,eAAe,OAAO,WAAW,YAAY,CAAC,CAAC;EAC/C,UAAU,OAAO,WAAW,WAAW,CAAC,CAAC;EACzC;CACF;AACF;;;;;;;AAQA,SAAS,iBAAiB,OAAqC;CAC7D,MAAM,CAAC,OAAO,YAAY,SAA8B,UAAU;CAElE,gBAAgB;EACd,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG;EAEhC,MAAM,WAAW,OAAO,WAAW,YAAY;EAC/C,MAAM,UAAU,OAAO,WAAW,WAAW;EAE7C,MAAM,YAAY,MAChB,UAAU,OAAO;GAAE,GAAG;GAAG,eAAe,EAAE;EAAQ,EAAE;EACtD,MAAM,WAAW,MACf,UAAU,OAAO;GAAE,GAAG;GAAG,UAAU,EAAE;EAAQ,EAAE;EAEjD,SAAS,iBAAiB,UAAU,QAAyB;EAC7D,QAAQ,iBAAiB,UAAU,OAAwB;EAE3D,MAAM,iBAAiB,uBAAuB,SAC5C,UAAU,MAAO,EAAE,QAAQ,OAAO,IAAI;GAAE,GAAG;GAAG,KAAK;EAAK,CAAE,CAAC;EAK7D,SAAS;GACP,eAAe,SAAS;GACxB,UAAU,QAAQ;GAClB,KAAK,OAAO,oBAAoB;EAClC,CAAC;EAED,aAAa;GACX,eAAe;GACf,SAAS,oBAAoB,UAAU,QAAyB;GAChE,QAAQ,oBAAoB,UAAU,OAAwB;EAChE;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO;AACT;AAEA,IAAM,uBAAuB,cAAoC,IAAI;;;;;;;;;;;AAYrE,SAAgB,iBAAiB,WAAmD;CAClF,MAAM,WAAW,WAAW,oBAAoB;CAChD,MAAM,WAAW,iBAAiB,aAAa,IAAI;CACnD,MAAM,OAA4B,YAAY;CAC9C,MAAM,EAAE,eAAe,UAAU,KAAK,gBAAgB,aAAa,CAAC;CACpE,OAAO,cAEH,qBAAqB,MAAM;EACzB,GAAI,kBAAkB,SAAY,EAAE,cAAc,IAAI,CAAC;EACvD,GAAI,aAAa,SAAY,EAAE,SAAS,IAAI,CAAC;EAC7C,GAAI,QAAQ,SAAY,EAAE,IAAI,IAAI,CAAC;EACnC,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;CACrD,CAAC,GACH;EAAC;EAAM;EAAe;EAAU;EAAK;CAAW,CAClD;AACF;;;;;AAaA,SAAgB,sBAAsB,EAAE,OAAO,YAAwC;CACrF,MAAM,UAAU,iBAAiB,KAAK;CACtC,OAAO,cAAc,qBAAqB,UAAU,EAAE,OAAO,QAAQ,GAAG,QAAQ;AAClF"}

package/dist/core/device/useTargetBasePx.js

@@ -0,0 +1,23 @@
+import { useMemo } from "react";
+import { useKitSetting } from "@weasel-js/react";
+
+//#region src/core/device/useTargetBasePx.ts
+/** The unscaled chrome sizes the `targets` kit settings give, for `targetSizesPx`'s `base`. */
+function useTargetBasePx() {
+	const handle = useKitSetting("targets.handlePx");
+	const anchor = useKitSetting("targets.anchorHitPx");
+	const rotationDistance = useKitSetting("targets.rotationDistancePx");
+	return useMemo(() => ({
+		handle,
+		anchor,
+		rotationDistance
+	}), [
+		handle,
+		anchor,
+		rotationDistance
+	]);
+}
+
+//#endregion
+export { useTargetBasePx };
+//# sourceMappingURL=useTargetBasePx.js.map

package/dist/core/device/useTargetBasePx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTargetBasePx.js","names":[],"sources":["../../../src/core/device/useTargetBasePx.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useKitSetting } from '@weasel-js/react';\nimport type { TargetSizesPx } from './targets';\n\n/** The unscaled chrome sizes the `targets` kit settings give, for `targetSizesPx`'s `base`. */\nexport function useTargetBasePx(): Partial<TargetSizesPx> {\n  const handle = useKitSetting('targets.handlePx');\n  const anchor = useKitSetting('targets.anchorHitPx');\n  const rotationDistance = useKitSetting('targets.rotationDistancePx');\n  return useMemo(() => ({ handle, anchor, rotationDistance }), [handle, anchor, rotationDistance]);\n}\n"],"mappings":";;;;;AAKA,SAAgB,kBAA0C;CACxD,MAAM,SAAS,cAAc,kBAAkB;CAC/C,MAAM,SAAS,cAAc,qBAAqB;CAClD,MAAM,mBAAmB,cAAc,4BAA4B;CACnE,OAAO,eAAe;EAAE;EAAQ;EAAQ;CAAiB,IAAI;EAAC;EAAQ;EAAQ;CAAgB,CAAC;AACjG"}

package/dist/core/device/watchDevicePixelRatio.js

@@ -1,17 +1,34 @@
 //#region src/core/device/watchDevicePixelRatio.ts
-function e(e) {
-	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
-	let t = !1, n = null, r = () => {
-		t || (i(), e(window.devicePixelRatio || 1));
+/**
+* Call `onChange` each time `window.devicePixelRatio` changes: the window
+* moved to a display of another density, or the page zoomed. Returns the
+* unsubscribe. A no-op where `matchMedia` does not exist.
+*
+* `(resolution: Ndppx)` stops matching as soon as density changes, so one
+* listener fires once and goes dead; this arms a fresh query at the new
+* density on every change.
+*/
+function watchDevicePixelRatio(onChange) {
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {};
+	let disposed = false;
+	let query = null;
+	const onDensity = () => {
+		if (disposed) return;
+		arm();
+		onChange(window.devicePixelRatio || 1);
 	};
-	function i() {
-		n?.removeEventListener("change", r), n = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`), n.addEventListener("change", r);
+	function arm() {
+		query?.removeEventListener("change", onDensity);
+		query = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`);
+		query.addEventListener("change", onDensity);
 	}
-	return i(), () => {
-		t = !0, n?.removeEventListener("change", r);
+	arm();
+	return () => {
+		disposed = true;
+		query?.removeEventListener("change", onDensity);
 	};
 }
-//#endregion
-export { e as watchDevicePixelRatio };
 
+//#endregion
+export { watchDevicePixelRatio };
 //# sourceMappingURL=watchDevicePixelRatio.js.map

package/dist/core/device/watchDevicePixelRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"watchDevicePixelRatio.js","names":["watchDevicePixelRatio","disposed","query","onDensity","arm","onChange"],"sources":["../../../src/core/device/watchDevicePixelRatio.ts"],"sourcesContent":["/**\n * Call `onChange` each time `window.devicePixelRatio` changes: the window\n * moved to a display of another density, or the page zoomed. Returns the\n * unsubscribe. A no-op where `matchMedia` does not exist.\n *\n * `(resolution: Ndppx)` stops matching as soon as density changes, so one\n * listener fires once and goes dead; this arms a fresh query at the new\n * density on every change.\n */\nexport function watchDevicePixelRatio(onChange: (dpr: number) => void): () => void {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  let disposed = false;\n  let query: MediaQueryList | null = null;\n  const onDensity = (): void => {\n    if (disposed) return;\n    arm();\n    onChange(window.devicePixelRatio || 1);\n  };\n  function arm(): void {\n    query?.removeEventListener('change', onDensity);\n    query = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`);\n    query.addEventListener('change', onDensity);\n  }\n  arm();\n  return () => {\n    disposed = true;\n    query?.removeEventListener('change', onDensity);\n  };\n}\n"],"mappings":";AASA,SAAgBA,EAAsB,GAA6C;CACjF,IAAI,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,YAAY,aAAa,CAAC;CAC5F,IAAIC,IAAW,IACXC,IAA+B,MAC7BC,UAAwB;EAC5B,AAAIF,MACJG,EAAI,GACJC,EAAS,OAAO,oBAAoB,CAAC;CACvC;CACA,SAASD,IAAY;EAGnB,AAFAF,GAAO,oBAAoB,UAAUC,CAAS,GAC9C,IAAQ,OAAO,WAAW,gBAAgB,OAAO,oBAAoB,EAAE,MAAM,GAC7ED,EAAM,iBAAiB,UAAUC,CAAS;CAC5C;CAEA,OADAC,EAAI,SACS;EAEX,AADA,IAAW,IACXF,GAAO,oBAAoB,UAAUC,CAAS;CAChD;AACF"}
+{"version":3,"file":"watchDevicePixelRatio.js","names":[],"sources":["../../../src/core/device/watchDevicePixelRatio.ts"],"sourcesContent":["/**\n * Call `onChange` each time `window.devicePixelRatio` changes: the window\n * moved to a display of another density, or the page zoomed. Returns the\n * unsubscribe. A no-op where `matchMedia` does not exist.\n *\n * `(resolution: Ndppx)` stops matching as soon as density changes, so one\n * listener fires once and goes dead; this arms a fresh query at the new\n * density on every change.\n */\nexport function watchDevicePixelRatio(onChange: (dpr: number) => void): () => void {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  let disposed = false;\n  let query: MediaQueryList | null = null;\n  const onDensity = (): void => {\n    if (disposed) return;\n    arm();\n    onChange(window.devicePixelRatio || 1);\n  };\n  function arm(): void {\n    query?.removeEventListener('change', onDensity);\n    query = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`);\n    query.addEventListener('change', onDensity);\n  }\n  arm();\n  return () => {\n    disposed = true;\n    query?.removeEventListener('change', onDensity);\n  };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,sBAAsB,UAA6C;CACjF,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY,aAAa,CAAC;CAC5F,IAAI,WAAW;CACf,IAAI,QAA+B;CACnC,MAAM,kBAAwB;EAC5B,IAAI,UAAU;EACd,IAAI;EACJ,SAAS,OAAO,oBAAoB,CAAC;CACvC;CACA,SAAS,MAAY;EACnB,OAAO,oBAAoB,UAAU,SAAS;EAC9C,QAAQ,OAAO,WAAW,gBAAgB,OAAO,oBAAoB,EAAE,MAAM;EAC7E,MAAM,iBAAiB,UAAU,SAAS;CAC5C;CACA,IAAI;CACJ,aAAa;EACX,WAAW;EACX,OAAO,oBAAoB,UAAU,SAAS;CAChD;AACF"}