@weasel-js/core 1.4.0-pre.0 → 1.4.0

package/dist/{chunk-IMFXEINV.js → chunk-HYJL7OOJ.js}

@@ -1,4 +1,4 @@
-import { ActionDisabledReason, useOptionalDepRegistry, DepRegistryProvider, useActionsRegistry, ActionsProvider, useDepRegistry, reportRouteConflicts, buildDepsFromRequires, useDepSource, actionBindings } from './chunk-H6E6KPTU.js';
+import { ActionDisabledReason, useOptionalDepRegistry, DepRegistryProvider, useActionsRegistry, ActionsProvider, useDepRegistry, reportRouteConflicts, buildDepsFromRequires, useDepSource, actionBindings } from './chunk-UTIFY2UU.js';
 import { scratchKey, createTransformOp, snap, getScratch, createReparentOp, setScratch } from './chunk-Y5KS66G7.js';
 import { fixedCornerOf, DEFAULT_RESIZE_BEHAVIORS, CORNER_ANCHORS, cornerPoint } from './chunk-BLJNRMKB.js';
 import { AUTO_POSE_DESCRIPTOR, resolveUnit, polylineFromPoints, starPath, regularPolygonPath, linePath, ellipsePath, rectPath, polygonFromPoints, PATH_M, PATH_L, PATH_Z, RECT_POSE_DESCRIPTOR, pathPoseDescriptor, withinPxRadius, boundsOfPath, PATH_Q, PATH_C, DEFAULT_FLATTEN_TOLERANCE, flattenQuadratic, flattenCubic, PathBuilder, pointInPath, strokeHitTest, transformPath, translatePath, pxExtent, remapRotatedLeaf, withinPxBox, flattenCubicWithArcLen, flattenQuadraticWithArcLen, PATH_CMD_LENGTHS, pointToGridCell } from './chunk-SBFC6J3C.js';
@@ -6,7 +6,7 @@ import { dispatchApplyBatch, dlog, dwarn, usePointerContext, PointerContextProvi
 import { createSetSelectionOp } from './chunk-ZB7UYJVG.js';
 import { registerOpFactory, createDeleteOp, createInsertOp, rebuildOp } from './chunk-2KKYDDDD.js';
 import { getTexture, chunks, dots, crosshatch, hatch } from './chunk-BJN5ZRIJ.js';
-import { createContext, createElement, forwardRef, useMemo, useRef, useCallback, useState, useImperativeHandle, useSyncExternalStore, useEffect, useLayoutEffect, useContext, useId, useReducer } from 'react';
+import { createContext, createElement, forwardRef, useMemo, useRef, useCallback, useState, useEffect, useImperativeHandle, useSyncExternalStore, useLayoutEffect, useContext, useId, useReducer } from 'react';
 import { subscribeGlyphReady, DEFAULT_BAKE_BUDGET, TEXT_VERT_SRC, TEXT_FRAG_SRC, TEXT_SDF_UNIFORMS, TEXT_SDF_ATTRIBUTES, TEXT_FRAG_R8_SRC, markAllFontsNotUploaded, resetBakeBudget, syncDynamicPageTexture, ensureFontTexture, dynamicPageTextureId, textureCacheKey } from '@weasel-js/font';
 export { canQueryLocalFonts, canQueryLocalFonts as canQueryLocalFonts2, enableLocalFontOutlines, enableLocalFontOutlines as enableLocalFontOutlines2, hasFontOutlines, hasFontOutlines as hasFontOutlines2, isCanvasFont, isCanvasFont as isCanvasFont2, listFontOutlines, listFontOutlines as listFontOutlines2, outlineStatus, outlineStatus as outlineStatus2, registerCanvasFont, registerCanvasFont as registerCanvasFont2, registerFont, registerFont as registerFont2, registerFontOutlines, registerFontOutlines as registerFontOutlines2, subscribeGlyphReady, subscribeGlyphReady as subscribeGlyphReady2, unregisterCanvasFont, unregisterCanvasFont as unregisterCanvasFont2, unregisterFontOutlines, unregisterFontOutlines as unregisterFontOutlines2 } from '@weasel-js/font';
 import { resolveTextStyle, resolveAlign, resolveRuns, cachedLayoutRuns, verticalAlignOffset, runsToPlainText, toRuns, fontString, textLineBoxes } from '@weasel-js/text';
@@ -19,11 +19,13 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import polygonClipping from 'polygon-clipping';
 import { matchSpec, RESERVED_ID_PREFIXES, RESERVED_ID_NAMES, parseTargetSpec, mimeMatchesGlob } from '@weasel-js/gestures';
 import { NORMAL, IMPLICIT_TAGS } from '@weasel-js/modes';
+import { GLYPHS, cursorWorldSize, cursorPaintOps, chromeLineWidthScale, cursorPaintMatrix, resolveCursorTier, cursorFor, resolveCursor } from '@weasel-js/cursor';
+export { bakeCursor, cursorFor, resolveCursor, resolveCursorTier } from '@weasel-js/cursor';
 import { createHistory } from '@weasel-js/history';
 export * from '@weasel-js/history';
 
 // src/version.ts
-var VERSION = "1.4.0-pre.0" ;
+var VERSION = "1.4.0" ;
 
 // src/features/grid/roundToCell.ts
 function roundToCell(value, cellSize) {
@@ -6731,8 +6733,8 @@ function runLayoutPass(scratch, moveCtx) {
       for (const [cid, pose] of srcLayout.childPoses(srcContainer, srcChildren)) {
         const cur = composeWorldPose(poseAdapter, cid, pc.compose);
         const next = pose;
-        const same = cur.x === next.x && cur.y === next.y && cur.width === next.width && cur.height === next.height;
-        if (same) continue;
+        const same2 = cur.x === next.x && cur.y === next.y && cur.width === next.width && cur.height === next.height;
+        if (same2) continue;
         sourceReflow.set(cid, pose);
         const parent = scene.get(asNodeId(cid))?.parent ?? null;
         scratch.previews.set(asNodeId(cid), rebaseLocalPose(poseAdapter, pose, parent, pc.compose, pc.decompose));
@@ -8125,6 +8127,11 @@ var cloneAction = {
   id: "clone",
   label: "Clone",
   defaultBinding: { kind: "drag" },
+  // The platform's duplicate cursor, and the whole reason this field is
+  // modifier-aware: the select tool binds clone behind `mods: { alt: true }`,
+  // so the pump predicts it — and shows this — only while Alt is down.
+  cursor: "copy",
+  activeCursor: "copy",
   eligible: { capability: ["edits-page", "creates-selection"] },
   requires: ["selection", "scene", "applyOps"],
   invoker: {
@@ -12285,8 +12292,6 @@ function useHoverTracking(args) {
   }, [canvasRef, enabled]);
   return () => hoverRef.current;
 }
-
-// src/interactions/dispatcher/dispatcher.ts
 function pointerGestureId(pointerId) {
   return `pointer-${pointerId ?? "mouse"}`;
 }
@@ -12791,7 +12796,7 @@ function createDispatcher(opts) {
   }
   function inFlightCursor() {
     for (const action of inFlightActions.values()) {
-      const cursor = action.activeCursor ?? action.cursor;
+      const cursor = resolveCursor(action.activeCursor ?? action.cursor);
       if (cursor) return cursor;
     }
     return null;
@@ -12974,8 +12979,6 @@ function itemsFromClipboardData(cd) {
   }
   return out;
 }
-
-// src/interactions/dispatcher/useGestureDispatcher.tsx
 var DROPOVER_CLASS = "weasel-dropover";
 function stylusOf(e) {
   return {
@@ -13017,7 +13020,7 @@ function computeMultiTouchGeometry(positions) {
   return { centroid, spread };
 }
 function useGestureDispatcher(opts) {
-  const { canvasRef, actions, toolsById, enabled = true, keyboard = true, affordanceAt, classifyTarget, dispatcher: dispatcherOpt, clientToWorld: clientToWorld2, requestRedraw, getRuleCtx, onDoubleClick, views } = opts;
+  const { canvasRef, actions, toolsById, enabled = true, keyboard = true, affordanceAt, classifyTarget, dispatcher: dispatcherOpt, clientToWorld: clientToWorld2, requestRedraw, paintedCursor, getRuleCtx, onDoubleClick, views } = opts;
   const onDoubleClickRef = useRef(onDoubleClick);
   onDoubleClickRef.current = onDoubleClick;
   const activeTool = useActiveToolContext();
@@ -13066,6 +13069,8 @@ function useGestureDispatcher(opts) {
   ];
   const requestRedrawRef = useRef(requestRedraw);
   requestRedrawRef.current = requestRedraw;
+  const paintedCursorRef = useRef(paintedCursor);
+  paintedCursorRef.current = paintedCursor;
   const lastClickRef = useRef(null);
   const prevActiveRef = useRef(activeTool.active);
   useEffect(() => {
@@ -13405,20 +13410,39 @@ function useGestureDispatcher(opts) {
     let lastHover = null;
     let cursorOverridden = false;
     const clearHoverCursor = () => {
+      paintedCursorRef.current?.()?.setOverride(null);
       if (cursorOverridden && canvas) {
         canvas.style.cursor = "";
         cursorOverridden = false;
       }
     };
-    const applyHoverCursor = (cursor) => {
-      if (cursor && canvas) {
-        canvas.style.cursor = cursor;
-        cursorOverridden = true;
-      } else {
+    const applyHoverCursor = (spec) => {
+      const tier = spec === null ? null : resolveCursorTier(spec);
+      if (!tier || !canvas) {
         clearHoverCursor();
+        return;
       }
+      const painted = tier.kind === "painted" ? tier : null;
+      paintedCursorRef.current?.()?.setOverride(painted);
+      const cursor = tier.kind === "css" ? tier.css : "none";
+      if (!cursor) {
+        clearHoverCursor();
+        return;
+      }
+      canvas.style.cursor = cursor;
+      cursorOverridden = true;
     };
+    function pushPaintedPointer() {
+      const painted = paintedCursorRef.current?.();
+      if (!painted?.active() || !canvas || !lastHover) return;
+      const r = canvas.getBoundingClientRect();
+      painted.setPointer(lastHover.clientX - r.left, lastHover.clientY - r.top);
+    }
     function refreshHoverCursor() {
+      resolveHoverCursor();
+      pushPaintedPointer();
+    }
+    function resolveHoverCursor() {
       if (!canvas || !lastHover) return;
       if (activePointers.size > 0 || dispatcherNow().inFlight().size > 0) {
         applyHoverCursor(dispatcherNow().inFlightCursor());
@@ -13470,6 +13494,7 @@ function useGestureDispatcher(opts) {
     };
     const onHoverPointerLeave = () => {
       lastHover = null;
+      paintedCursorRef.current?.()?.clearPointer();
       clearHoverCursor();
     };
     const onPointerUp = (e) => {
@@ -15199,7 +15224,7 @@ function validateId(id, kind) {
 }
 function defineTool(def) {
   validateId(def.id, "tool");
-  const resolveCursor = (ctx) => {
+  const resolveCursor3 = (ctx) => {
     if (def.cursor == null) return "";
     return typeof def.cursor === "function" ? def.cursor(ctx) : def.cursor;
   };
@@ -15217,7 +15242,7 @@ function defineTool(def) {
     onActivate: def.onActivate,
     onDeactivate: def.onDeactivate,
     initScratch: def.initScratch ?? (() => null),
-    cursor: resolveCursor,
+    cursor: resolveCursor3,
     bindings: def.bindings,
     overlay: def.overlay,
     overlayPosition: def.overlayPosition
@@ -17287,6 +17312,9 @@ function transformOf(state, targetId) {
     identity: false
   };
 }
+function angleOf(xf) {
+  return xf.identity ? 0 : Math.atan2(xf.sin, xf.cos);
+}
 function localToWorld(xf, lx, ly) {
   if (xf.identity) return { x: lx, y: ly };
   const dx = lx - xf.cx;
@@ -17590,11 +17618,7 @@ var DEFAULT_PAINT = {
   insetPx: 10
 };
 function createRotationAffordance(opts = {}) {
-  const {
-    bandPx = 24,
-    paint = DEFAULT_PAINT,
-    cursor = "grab"
-  } = opts;
+  const { bandPx = 24, paint = DEFAULT_PAINT, cursor } = opts;
   const annulusPaint = (() => {
     if (!paint) return null;
     if ("paint" in paint) {
@@ -17632,7 +17656,14 @@ function createRotationAffordance(opts = {}) {
         },
         ...annulusPaint ? { paint: annulusPaint } : {},
         hitKind: "rotate-handle",
-        cursor,
+        // Turned with the target, so the arc follows the selection it rotates.
+        // Resolved per region rather than defaulted in the option list because
+        // the angle is only known once a target is picked.
+        cursor: cursor ?? {
+          glyph: "rotate",
+          angle: angleOf(transformOf(state, target.id)),
+          fallback: "grab"
+        },
         bind: () => ({
           initialScratch: {
             targetId: target.id,
@@ -17808,8 +17839,6 @@ function constrainTo45(dx, dy) {
   const snapped = Math.round(angle / step) * step;
   return { dx: Math.cos(snapped) * mag, dy: Math.sin(snapped) * mag };
 }
-
-// src/tools/builtin/pen/usePenTool.ts
 function freshScratch() {
   return {
     finishedSubpaths: [],
@@ -18048,7 +18077,7 @@ function usePenTool(options) {
       hookName: "usePenTool",
       // Reads the tool's own ref rather than a scratch handed in by a
       // dispatcher — the pen owns this state and nothing else needs it.
-      cursor: () => scratchRef.current?.closeHintActive ? "pointer" : "crosshair",
+      cursor: () => scratchRef.current?.closeHintActive ? "pointer" : cursorFor("pen", { fallback: "crosshair" }),
       presentation: {
         label: "Pen",
         icon: createElement(PenIcon),
@@ -18117,7 +18146,7 @@ function useRectTool() {
       id: "rect",
       capabilities: ["creates-shapes"],
       hookName: "useRectTool",
-      cursor: "crosshair",
+      cursor: cursorFor("crosshairRect", { fallback: "crosshair" }),
       presentation: {
         label: "Rectangle",
         icon: createElement(RectIcon),
@@ -18143,7 +18172,7 @@ function useEllipseTool() {
       id: "ellipse",
       capabilities: ["creates-shapes"],
       hookName: "useEllipseTool",
-      cursor: "crosshair",
+      cursor: cursorFor("crosshairEllipse", { fallback: "crosshair" }),
       presentation: {
         label: "Ellipse",
         group: "shape",
@@ -18224,7 +18253,7 @@ function useEyedropperTool(opts) {
       hookName: "useEyedropperTool",
       keybinding,
       hotkey,
-      cursor: "crosshair",
+      cursor: cursorFor("eyedropper", { fallback: "crosshair" }),
       presentation: {
         label: "Eyedropper",
         icon: createElement(EyedropperIcon),
@@ -18251,7 +18280,7 @@ function useLineTool() {
       id: "line",
       capabilities: ["creates-shapes"],
       hookName: "useLineTool",
-      cursor: "crosshair",
+      cursor: cursorFor("crosshairLine", { fallback: "crosshair" }),
       presentation: {
         label: "Line",
         group: "shape",
@@ -18366,7 +18395,7 @@ function usePolygonTool(options = {}) {
       id: "polygon",
       capabilities: ["creates-shapes"],
       hookName: "usePolygonTool",
-      cursor: "crosshair",
+      cursor: cursorFor("crosshairPolygon", { fallback: "crosshair" }),
       // Registered by <ToolActionsMounter>, inside the ActionsProvider —
       // see `ToolDef.actions` for why the hook can't register it itself.
       actions: [adjustSidesAction],
@@ -18466,7 +18495,7 @@ function useStarTool(options = {}) {
       id: "star",
       capabilities: ["creates-shapes"],
       hookName: "useStarTool",
-      cursor: "crosshair",
+      cursor: cursorFor("crosshairStar", { fallback: "crosshair" }),
       // Registered by <ToolActionsMounter>, inside the ActionsProvider —
       // see `ToolDef.actions` for why the hook can't register it itself.
       actions: [adjustPointsAction],
@@ -18522,7 +18551,7 @@ function usePencilTool() {
       id: "pencil",
       capabilities: ["creates-paths"],
       hookName: "usePencilTool",
-      cursor: "crosshair",
+      cursor: cursorFor("pencil", { fallback: "crosshair" }),
       presentation: {
         label: "Pencil",
         group: "draw",
@@ -19593,6 +19622,113 @@ function buildSceneTree(adapter, drawOne, view, forLayer, derivedPathOf) {
   }
   return out;
 }
+
+// src/features/cursor/paintedCursorState.ts
+function same(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  return a.glyph === b.glyph && a.angle === b.angle && a.size === b.size && a.worldRadius === b.worldRadius;
+}
+function createPaintedCursorState() {
+  let base = null;
+  let override = null;
+  let at = null;
+  const subs = /* @__PURE__ */ new Set();
+  const notify2 = () => {
+    for (const fn of subs) fn();
+  };
+  return {
+    setBase(cursor) {
+      if (same(base, cursor)) return;
+      base = cursor;
+      notify2();
+    },
+    setOverride(cursor) {
+      if (same(override, cursor)) return;
+      override = cursor;
+      notify2();
+    },
+    setPointer(x, y) {
+      if (at && at.x === x && at.y === y) return;
+      at = { x, y };
+      if (override ?? base) notify2();
+    },
+    clearPointer() {
+      if (at === null) return;
+      at = null;
+      notify2();
+    },
+    active() {
+      return (override ?? base) !== null;
+    },
+    current() {
+      const cursor = override ?? base;
+      if (!cursor || !at) return null;
+      return { cursor, at };
+    },
+    subscribe(fn) {
+      subs.add(fn);
+      return () => {
+        subs.delete(fn);
+      };
+    }
+  };
+}
+var PAINTED_CURSOR_LAYER_ID = "painted-cursor";
+var pathCache = /* @__PURE__ */ new Map();
+function pathFor(d) {
+  let p = pathCache.get(d);
+  if (p === void 0) {
+    p = pathFromD(d);
+    pathCache.set(d, p);
+  }
+  return p;
+}
+function commandFor2(op) {
+  return {
+    kind: "path",
+    path: pathFor(op.d),
+    ...op.fill !== void 0 ? { fill: { color: op.fill } } : {},
+    ...op.stroke !== void 0 ? {
+      stroke: {
+        paint: { color: op.stroke.color },
+        width: op.stroke.width,
+        cap: "round",
+        join: "round"
+      }
+    } : {}
+  };
+}
+function createPaintedCursorLayer(state) {
+  return {
+    id: PAINTED_CURSOR_LAYER_ID,
+    label: "Painted cursor",
+    space: "screen",
+    draw: (_data, view) => {
+      const frame = state.current();
+      if (!frame) return [];
+      const { cursor, at } = frame;
+      const glyph = GLYPHS[cursor.glyph];
+      if (!glyph) return [];
+      const scale2 = (view.scale.x + view.scale.y) / 2;
+      const worldSized = cursor.worldRadius !== void 0;
+      const size = worldSized ? cursorWorldSize(glyph, cursor.worldRadius, scale2) : cursor.size ?? 24;
+      if (!(size > 0) || !Number.isFinite(size)) return [];
+      const ops = cursorPaintOps(
+        glyph,
+        worldSized ? { lineWidthScale: chromeLineWidthScale(glyph, size) } : {}
+      );
+      const [a, b, c, d, e, f] = cursorPaintMatrix(glyph, {
+        size,
+        angle: cursor.angle,
+        at
+      });
+      const transform = new Float32Array([a, b, 0, c, d, 0, e, f, 1]);
+      const children = ops.map(commandFor2);
+      return [{ kind: "group", transform, children }];
+    }
+  };
+}
 function mat3ToRenderMatrix(m) {
   return new Float32Array([m[0], m[1], 0, m[2], m[3], 0, m[4], m[5], 1]);
 }
@@ -19973,11 +20109,11 @@ function resolveToolsCursor(tools, ctxBase) {
   const id = tools.hotkeyEngaged ?? tools.active;
   const tool = tools.registry[id];
   if (!tool?.cursor) return void 0;
-  if (typeof tool.cursor === "string") return tool.cursor;
+  if (typeof tool.cursor !== "function") return resolveCursorTier(tool.cursor);
   if (!ctxBase) return void 0;
   try {
     const base = ctxBase();
-    return tool.cursor({ ...base, scratch: null });
+    return resolveCursorTier(tool.cursor({ ...base, scratch: null }));
   } catch {
     return void 0;
   }
@@ -20142,6 +20278,14 @@ function CanvasInner(props, ref) {
       viewSubsRef.current.delete(fn);
     };
   }, []);
+  const paintedCursor = useMemo(() => createPaintedCursorState(), []);
+  const paintedCursorLayer = useMemo(
+    () => createPaintedCursorLayer(paintedCursor),
+    [paintedCursor]
+  );
+  useEffect(() => paintedCursor.subscribe(() => {
+    requestRedraw();
+  }), [paintedCursor, requestRedraw]);
   useImperativeHandle(ref, () => ({
     // Named rather than read off `canvasRef` so the handle rebuilds when a
     // detached surface's input element arrives, which is a render later.
@@ -20154,7 +20298,8 @@ function CanvasInner(props, ref) {
     getView,
     setView,
     subscribeView,
-    getPaintedVersion
+    getPaintedVersion,
+    paintedCursor
   }), [
     canvasRef,
     ownCanvasRef,
@@ -20168,7 +20313,8 @@ function CanvasInner(props, ref) {
     getView,
     setView,
     subscribeView,
-    getPaintedVersion
+    getPaintedVersion,
+    paintedCursor
   ]);
   const glRendererRef = useRef(null);
   const layerCacheRef = useRef(/* @__PURE__ */ new Map());
@@ -20432,8 +20578,16 @@ function CanvasInner(props, ref) {
   const layersWithDebug = useMemo(() => {
     const withViews = viewRegistry ? [...layers, ...viewRegistry.list().map((r) => r.layer)] : layers;
     const base = debugSink && resolvedDebugConfig ? [...withViews, createDebugOverlayLayer({ sink: debugSink, config: resolvedDebugConfig })] : withViews;
-    return [...base, ...extrasRef.current];
-  }, [layers, debugSink, resolvedDebugConfig, extrasVersion, viewRegistry, viewRegistryVersion]);
+    return [...base, ...extrasRef.current, paintedCursorLayer];
+  }, [
+    layers,
+    debugSink,
+    resolvedDebugConfig,
+    extrasVersion,
+    viewRegistry,
+    viewRegistryVersion,
+    paintedCursorLayer
+  ]);
   const shaderIdKey = shaders?.map((h) => h.id).join("|") ?? "";
   const paintInputsRef = useRef({
     layers: layersWithDebug,
@@ -20555,8 +20709,14 @@ function CanvasInner(props, ref) {
     if (!renderer) return;
     registerShadersOnRenderer(renderer, shaders);
   }, [shaderIdKey]);
-  const toolsCursor = tools ? resolveToolsCursor(tools, toolsCtxBase) : void 0;
+  const toolsCursorTier = tools ? resolveToolsCursor(tools, toolsCtxBase) : void 0;
+  const toolsCursor = toolsCursorTier === void 0 ? void 0 : toolsCursorTier.kind === "css" ? toolsCursorTier.css : "none";
   const effectiveStyle = toolsCursor ? { ...style, cursor: toolsCursor } : style;
+  const toolsPainted = toolsCursorTier?.kind === "painted" ? toolsCursorTier : null;
+  const toolsPaintedKey = toolsPainted ? `${toolsPainted.glyph}|${toolsPainted.angle}|${toolsPainted.size}|${toolsPainted.worldRadius}` : "";
+  useEffect(() => {
+    paintedCursor.setBase(toolsPainted);
+  }, [paintedCursor, toolsPaintedKey]);
   const layersForMoveRef = useRef(layersWithDebug);
   layersForMoveRef.current = layersWithDebug;
   useEffect(() => {
@@ -21895,10 +22055,16 @@ function createCornerResizeAffordance(opts = {}) {
           hitKind: c.kind,
           // Diagonal by fixed-corner parity: a matched-axis anchor (min-min /
           // max-max fixed) means the dragged corner sits on the ↘ diagonal;
-          // mixed axes sit on the ↗ diagonal. Not rotation-aware — a rotated
-          // target keeps the unrotated hint, the same policy as every
-          // mainstream editor short of Figma.
-          cursor: c.anchor.x === c.anchor.y ? "nwse-resize" : "nesw-resize",
+          // mixed axes sit on the ↗ diagonal. The glyph is horizontal at angle
+          // 0, so the diagonal is a half-quarter-turn either way, plus the
+          // target's own rotation. The keyword is the fallback rather than the
+          // answer: CSS has four of them, which cannot express a target
+          // rotated to anything but a multiple of 45°.
+          cursor: {
+            glyph: "resize",
+            angle: (c.anchor.x === c.anchor.y ? Math.PI / 4 : -Math.PI / 4) + angleOf(xf),
+            fallback: c.anchor.x === c.anchor.y ? "nwse-resize" : "nesw-resize"
+          },
           bind: () => ({
             initialScratch: {
               anchor: c.anchor,
@@ -25921,6 +26087,10 @@ function GestureDispatcherMounter({
   const requestRedraw = useCallback(() => {
     canvasApiRef?.current?.requestRedraw?.();
   }, [canvasApiRef]);
+  const paintedCursor = useCallback(
+    () => canvasApiRef?.current?.paintedCursor,
+    [canvasApiRef]
+  );
   const views = useMemo(() => {
     if (!viewRegistry) return void 0;
     return {
@@ -25939,6 +26109,7 @@ function GestureDispatcherMounter({
     dispatcher,
     clientToWorld: clientToWorld2,
     requestRedraw,
+    paintedCursor,
     getRuleCtx,
     onDoubleClick,
     ...views ? { views } : {}
@@ -30685,6 +30856,6 @@ function mergeContributions(...bundles) {
   return out;
 }
 
-export { ALWAYS, ANCHOR_HIT_BASE_PX, ActionsProviderIfRoot, ActiveToolContextProvider, ActiveToolContextProviderIfRoot, ArrowIcon, BUILTIN_MARKERS, BUNDLE_TOOLS, COARSE_TARGET_SCALE, CURVE_REPS, CanvasView, ColorOverrideRegistry, CropIcon, CursorCoordsHud, DEFAULT_ALPHA_DECAY, DEFAULT_ALPHA_MIN, DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME, DEFAULT_DEVICE_PROFILE, DEFAULT_FILL_COLOR, DEFAULT_HANDLE_SIZE2 as DEFAULT_HANDLE_SIZE, DEFAULT_MAX_ZOOM, DEFAULT_MIN_ZOOM, DEFAULT_PALETTE, DEFAULT_ROTATION_HANDLE_DISTANCE, DEFAULT_SHAPE_FILL, DEFAULT_STROKE_COLOR, DEFAULT_VELOCITY_DECAY, DepRegistryProviderIfRoot, DeviceProfileProvider, DivideIcon, EASINGS, EllipseIcon, ExcludeIcon, EyedropperIcon, FALLBACK_FIT_VIEW, GHOST_STROKE, HANDLE_BASE_PX, HandIcon, IDENTITY_COLOR_MATRIX, IDENTITY_JOINT, IDENTITY_POSE_COMPOSITION, ImageIcon, IntersectIcon, KIT_SHAPE_KINDS, LassoIcon, LineIcon, MIXED, MOVE_ANCHORS, MinimapCanvas, NEVER, OUTLINE_MIN_SCREEN_PX, PATH_ANCHOR_CHROME_ID, PenIcon, PencilIcon, PickHud, PointerProviderIfRoot, PolygonIcon, RECT_ALIGN_PROJECTION, ROTATION_HANDLE_BASE_PX, RectIcon, SPRING_PRESETS, SceneCanvas, SceneViewCanvas, SelectIcon, SelectionContextProvider, SelectionContextProviderIfRoot, ShaderCompileError, StarIcon, SubtractIcon, TOOL_PREF_KINDS, TextIcon, UnionIcon, UnknownIcon, VERSION, VIEW_ANIMATION_KEY, WeaselProvider, WeaselRenderer, _resetMarkersForTests, _resetPaintKindsForTests, aabbCenter, actionIs, actionShortcuts, alignDeltaFor, alignInsertBehavior, alignMoveBehavior, alignResizeBehavior, always, and, animateLifecycle, animateOnSetPose, annulusSemiAxes, applyBooleanOp, applyStyleToRange, areaSelectAction, arrayAdapter, asNodeId, asPaint, axisAlignedBounds, bezierCubic, bezierQuadratic, blendPoses, buildChromeCtx, buildGradientRamp, buildRuleCtx, buildSceneViewCommands, canBringForward, canHover, canSendBackward, capabilityAll, capabilityIn, capabilityIs, capabilityNot, caretIndexAt, cellAt, charOffsetToDomPosition, clampView, clearSelectionAction, clientToCanvas, clipboardCopyAction, clipboardCutAction, cloneAction, coarsePointer, composeAffordanceLayer, composePath, composeRectPose, composeSelectionPose, composeWorldPose, computeFitView, computeFitViewport, computeIndicatorCommand, computeWheelAction, cond, constrainTo45, containedThenNearest, countPathAnchors, createCellHighlightLayer, createChildrenLayer, createCornerResizeAffordance, createDebugOverlayLayer, createDebugSink, createDispatcher, createGridLayer, createGuidesLayer, createHistory2 as createHistory, createMoveToIndexOp, createNodeProperties, createNodeRouting, createParallaxLayer, createPathAnchorAffordances, createPathEditingOverlayLayer, createPathLayer, createPenPreviewLayer, createReorderOp, createRotationAffordance, createScene, createSelectionHandlesLayer, createSelectionOutlineLayer, createSelectionOverlayLayer, createSetDataOp, createSetLayerOp, createSetPathOp, createSetTextOp, createTextLayer, createViewResolver, createViewportLayer, cubicBezierEasing, cycleVertexColors, decomposePath, decomposeRectPose, defaultCommitAdapter, defaultDrawOne, defaultLabelTextRenderer, defaultNodeProperties, defaultNodeRouting, defaultVisibilityRules, defineTool, defineViewportTool, deriveAlignmentGuides, deriveParallaxView, describeRule, domPositionToCharOffset, domToRuns, drawLayers, drawOneLayer, easeIn, easeInBack, easeInBounce, easeInCirc, easeInCubic, easeInElastic, easeInExpo, easeInOut, easeInOutBack, easeInOutBounce, easeInOutCirc, easeInOutCubic, easeInOutElastic, easeInOutExpo, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInQuad, easeInQuart, easeInQuint, easeInSine, easeOut, easeOutBack, easeOutBounce, easeOutCirc, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easeOutSine, editAnchorsAction, enterTextEditAction, enumerateAnchors, evaluate, fillInPoseFrame, fillToBoundsFrame, findNodeShape, findShapeInk, findShapeSilhouette, fitTextPose, fitToBounds, fitViewToBounds, fitZoom, focused, forEachCoalesced, frameRect, freeform, gateLayer, gesturing, getAlpha01, getImageBitmap, getMarker, getNodeShapes, getPaintKind, getStylusData, gradientForBounds, gradientGeometry, hexToRgba, hitAffordanceRegions, hitAnchor, hitRotationHandle, hostAnchorCss, hostAnchorRect, hovering, hoveringSelected, imageStatus, inferredNodeProperties, inferredNodeRouting, insertAction, interpolateView, isBuiltinToolPref, isEditableTarget2 as isEditableTarget, isGradientFill, isLayerPainted, isLayerVisible, isPatternSpec, keySpecShortcut, lassoSelectAction, lerpColorArray, lerpOklab, lerpOklch, linear, listMarkers, listPaintKinds, liveScope, makePinchZoomAction, makeViewportZoomAction, markerDrawCommands, markerInset, markerKeyOf, markerSites, mat3, matchAlignment, matchesKeyBinding, meanScale, mergeAlphaFromPrev, mergeContributions, modeIn, modeIs, modeNot, modifierHeld, momentum, moveAction, multiActive, nearest, nearestWithin, nestedHitTester, never, nodeHasFlag, none, normalizeHex, not, nurbs, oklabToOklch, oklabToSrgbU8, oklchToOklab, openFilePicker, or, paintAlpha, paintKindOf, paintWithAlpha, paintWithColor, parseColor, parseColorToRgba255, parseDebugFlags, pathContainsPoint, pathContainsPolygon, pathContainsRect, pathDistanceToPoint, pathDivide, pathExclude, pathFromD, pathInPoseFrame, pathInWorld, pathIntersect, pathIntersectsPolygon, pathIntersectsRect, pathOriginProjection, pathSubtract, pathToAnchors, pathUnion, pickTopMostHit, pinchZoomAction, planPixelRender, pointInRotatedRect, pointInTextPose, poseRotationOf, pressureToWidth, rainbowVertexColors, rebaseLocalPose, rectCorners, registerContentHandler, registerMarker, registerNodeShape, registerPaintKind, registerProgram, renderLabel, renderSceneToCanvas, renderSceneToPixels, resizeAction, resolveColor, resolveDeviceProfile, resolveEasing, resolveFillPattern, resolveMarkerSize, resolveParams, resolvePatternSpec, resolveSkeleton, resolveStrokeWidth, resolveVisibility, rgbaToHex, rotateAction, rotateAroundAABBCenter, rotatePathAround, rotatePoint, rotatedRectCorners, rotationDegreesUnit, rotationHandle, roundToCell, runsToDom, sampleGradientStops, sampleTrack, sceneFromJSON, sceneNodeClientRect, sceneSelectionStore, sceneToAdapter, scopeBindings, screenToWorld, selectFromLasso, selectionAtLeast, selectionEmpty, selectionIs, setFlagOverRange, shapeCoversPoint, sliceAction, snapPoint, solid, solidVertexColors, specificity, spiro, splitPathByLine, splitSubpaths, springPose, springVertexColors, srgbU8ToOklab, staggerVertexColors, startThresholdDrag, strokeInsets, strokeOf, strokeWith, styleAtRange, subscribeImageReady, tessellate, tessellateStroke, textCommand, textCommandFromRuns, tileGrid, toHex8, translatePoseViaDescriptor, translateRectPose, trimPolyline, tweenPose, tweenVertexColors, unionAABB, unionBounds, unionBoundsPath, useActiveToolContext, useAlign, useAnimator, useArrayAdapter, useAutoCenter, useBooleans, useBooleansAdapter, useCanvasFocus, useCanvasSize, useDecayLoop, useDeviceProfile, useDistribute, useDragGesture, useDragHandle, useDragRadial, useDragRect, useDropZone, useEllipseTool, useEyedropperTool, useGestureDispatcher, useGridCellHover, useGuides, useHandTool, useHandleDrag, useHostAnchor, useHoverTracking, useImageTool, useKeybindings, useLassoTool, useLineTool, useNodeOverlayFrame, useOptionalActiveToolContext, usePenTool, usePencilTool, usePinchGesture, usePinchZoomTool, usePointerStylus, usePolygonTool, usePublishSelection, useRectTool, useResizePolicy, useRotateTool, useScene, useSceneAdapter, useSceneTextEdit, useSelectTool, useSelection, useSelectionContext, useSimulation, useSliceDep, useStandardActions, useStarTool, useTextEdit, useTextTool, useTools, useVelocityTracker, useViewAnimation, useVisibleRaf, useZoom, viewToMat3, viewToTransform, viewportDragPanAction, viewportZoomAction, viewportsAt, visualBoundsViaDescriptor, when, withAlpha01, withCoord, withGradientKind, worldEditToStorage, worldPoseLookup, worldToScreen, zoomAt, zoomAtLeast };
-//# sourceMappingURL=chunk-IMFXEINV.js.map
-//# sourceMappingURL=chunk-IMFXEINV.js.map
+export { ALWAYS, ANCHOR_HIT_BASE_PX, ActionsProviderIfRoot, ActiveToolContextProvider, ActiveToolContextProviderIfRoot, ArrowIcon, BUILTIN_MARKERS, BUNDLE_TOOLS, COARSE_TARGET_SCALE, CURVE_REPS, CanvasView, ColorOverrideRegistry, CropIcon, CursorCoordsHud, DEFAULT_ALPHA_DECAY, DEFAULT_ALPHA_MIN, DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME, DEFAULT_DEVICE_PROFILE, DEFAULT_FILL_COLOR, DEFAULT_HANDLE_SIZE2 as DEFAULT_HANDLE_SIZE, DEFAULT_MAX_ZOOM, DEFAULT_MIN_ZOOM, DEFAULT_PALETTE, DEFAULT_ROTATION_HANDLE_DISTANCE, DEFAULT_SHAPE_FILL, DEFAULT_STROKE_COLOR, DEFAULT_VELOCITY_DECAY, DepRegistryProviderIfRoot, DeviceProfileProvider, DivideIcon, EASINGS, EllipseIcon, ExcludeIcon, EyedropperIcon, FALLBACK_FIT_VIEW, GHOST_STROKE, HANDLE_BASE_PX, HandIcon, IDENTITY_COLOR_MATRIX, IDENTITY_JOINT, IDENTITY_POSE_COMPOSITION, ImageIcon, IntersectIcon, KIT_SHAPE_KINDS, LassoIcon, LineIcon, MIXED, MOVE_ANCHORS, MinimapCanvas, NEVER, OUTLINE_MIN_SCREEN_PX, PAINTED_CURSOR_LAYER_ID, PATH_ANCHOR_CHROME_ID, PenIcon, PencilIcon, PickHud, PointerProviderIfRoot, PolygonIcon, RECT_ALIGN_PROJECTION, ROTATION_HANDLE_BASE_PX, RectIcon, SPRING_PRESETS, SceneCanvas, SceneViewCanvas, SelectIcon, SelectionContextProvider, SelectionContextProviderIfRoot, ShaderCompileError, StarIcon, SubtractIcon, TOOL_PREF_KINDS, TextIcon, UnionIcon, UnknownIcon, VERSION, VIEW_ANIMATION_KEY, WeaselProvider, WeaselRenderer, _resetMarkersForTests, _resetPaintKindsForTests, aabbCenter, actionIs, actionShortcuts, alignDeltaFor, alignInsertBehavior, alignMoveBehavior, alignResizeBehavior, always, and, animateLifecycle, animateOnSetPose, annulusSemiAxes, applyBooleanOp, applyStyleToRange, areaSelectAction, arrayAdapter, asNodeId, asPaint, axisAlignedBounds, bezierCubic, bezierQuadratic, blendPoses, buildChromeCtx, buildGradientRamp, buildRuleCtx, buildSceneViewCommands, canBringForward, canHover, canSendBackward, capabilityAll, capabilityIn, capabilityIs, capabilityNot, caretIndexAt, cellAt, charOffsetToDomPosition, clampView, clearSelectionAction, clientToCanvas, clipboardCopyAction, clipboardCutAction, cloneAction, coarsePointer, composeAffordanceLayer, composePath, composeRectPose, composeSelectionPose, composeWorldPose, computeFitView, computeFitViewport, computeIndicatorCommand, computeWheelAction, cond, constrainTo45, containedThenNearest, countPathAnchors, createCellHighlightLayer, createChildrenLayer, createCornerResizeAffordance, createDebugOverlayLayer, createDebugSink, createDispatcher, createGridLayer, createGuidesLayer, createHistory2 as createHistory, createMoveToIndexOp, createNodeProperties, createNodeRouting, createPaintedCursorLayer, createPaintedCursorState, createParallaxLayer, createPathAnchorAffordances, createPathEditingOverlayLayer, createPathLayer, createPenPreviewLayer, createReorderOp, createRotationAffordance, createScene, createSelectionHandlesLayer, createSelectionOutlineLayer, createSelectionOverlayLayer, createSetDataOp, createSetLayerOp, createSetPathOp, createSetTextOp, createTextLayer, createViewResolver, createViewportLayer, cubicBezierEasing, cycleVertexColors, decomposePath, decomposeRectPose, defaultCommitAdapter, defaultDrawOne, defaultLabelTextRenderer, defaultNodeProperties, defaultNodeRouting, defaultVisibilityRules, defineTool, defineViewportTool, deriveAlignmentGuides, deriveParallaxView, describeRule, domPositionToCharOffset, domToRuns, drawLayers, drawOneLayer, easeIn, easeInBack, easeInBounce, easeInCirc, easeInCubic, easeInElastic, easeInExpo, easeInOut, easeInOutBack, easeInOutBounce, easeInOutCirc, easeInOutCubic, easeInOutElastic, easeInOutExpo, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInQuad, easeInQuart, easeInQuint, easeInSine, easeOut, easeOutBack, easeOutBounce, easeOutCirc, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easeOutSine, editAnchorsAction, enterTextEditAction, enumerateAnchors, evaluate, fillInPoseFrame, fillToBoundsFrame, findNodeShape, findShapeInk, findShapeSilhouette, fitTextPose, fitToBounds, fitViewToBounds, fitZoom, focused, forEachCoalesced, frameRect, freeform, gateLayer, gesturing, getAlpha01, getImageBitmap, getMarker, getNodeShapes, getPaintKind, getStylusData, gradientForBounds, gradientGeometry, hexToRgba, hitAffordanceRegions, hitAnchor, hitRotationHandle, hostAnchorCss, hostAnchorRect, hovering, hoveringSelected, imageStatus, inferredNodeProperties, inferredNodeRouting, insertAction, interpolateView, isBuiltinToolPref, isEditableTarget2 as isEditableTarget, isGradientFill, isLayerPainted, isLayerVisible, isPatternSpec, keySpecShortcut, lassoSelectAction, lerpColorArray, lerpOklab, lerpOklch, linear, listMarkers, listPaintKinds, liveScope, makePinchZoomAction, makeViewportZoomAction, markerDrawCommands, markerInset, markerKeyOf, markerSites, mat3, matchAlignment, matchesKeyBinding, meanScale, mergeAlphaFromPrev, mergeContributions, modeIn, modeIs, modeNot, modifierHeld, momentum, moveAction, multiActive, nearest, nearestWithin, nestedHitTester, never, nodeHasFlag, none, normalizeHex, not, nurbs, oklabToOklch, oklabToSrgbU8, oklchToOklab, openFilePicker, or, paintAlpha, paintKindOf, paintWithAlpha, paintWithColor, parseColor, parseColorToRgba255, parseDebugFlags, pathContainsPoint, pathContainsPolygon, pathContainsRect, pathDistanceToPoint, pathDivide, pathExclude, pathFromD, pathInPoseFrame, pathInWorld, pathIntersect, pathIntersectsPolygon, pathIntersectsRect, pathOriginProjection, pathSubtract, pathToAnchors, pathUnion, pickTopMostHit, pinchZoomAction, planPixelRender, pointInRotatedRect, pointInTextPose, poseRotationOf, pressureToWidth, rainbowVertexColors, rebaseLocalPose, rectCorners, registerContentHandler, registerMarker, registerNodeShape, registerPaintKind, registerProgram, renderLabel, renderSceneToCanvas, renderSceneToPixels, resizeAction, resolveColor, resolveDeviceProfile, resolveEasing, resolveFillPattern, resolveMarkerSize, resolveParams, resolvePatternSpec, resolveSkeleton, resolveStrokeWidth, resolveVisibility, rgbaToHex, rotateAction, rotateAroundAABBCenter, rotatePathAround, rotatePoint, rotatedRectCorners, rotationDegreesUnit, rotationHandle, roundToCell, runsToDom, sampleGradientStops, sampleTrack, sceneFromJSON, sceneNodeClientRect, sceneSelectionStore, sceneToAdapter, scopeBindings, screenToWorld, selectFromLasso, selectionAtLeast, selectionEmpty, selectionIs, setFlagOverRange, shapeCoversPoint, sliceAction, snapPoint, solid, solidVertexColors, specificity, spiro, splitPathByLine, splitSubpaths, springPose, springVertexColors, srgbU8ToOklab, staggerVertexColors, startThresholdDrag, strokeInsets, strokeOf, strokeWith, styleAtRange, subscribeImageReady, tessellate, tessellateStroke, textCommand, textCommandFromRuns, tileGrid, toHex8, translatePoseViaDescriptor, translateRectPose, trimPolyline, tweenPose, tweenVertexColors, unionAABB, unionBounds, unionBoundsPath, useActiveToolContext, useAlign, useAnimator, useArrayAdapter, useAutoCenter, useBooleans, useBooleansAdapter, useCanvasFocus, useCanvasSize, useDecayLoop, useDeviceProfile, useDistribute, useDragGesture, useDragHandle, useDragRadial, useDragRect, useDropZone, useEllipseTool, useEyedropperTool, useGestureDispatcher, useGridCellHover, useGuides, useHandTool, useHandleDrag, useHostAnchor, useHoverTracking, useImageTool, useKeybindings, useLassoTool, useLineTool, useNodeOverlayFrame, useOptionalActiveToolContext, usePenTool, usePencilTool, usePinchGesture, usePinchZoomTool, usePointerStylus, usePolygonTool, usePublishSelection, useRectTool, useResizePolicy, useRotateTool, useScene, useSceneAdapter, useSceneTextEdit, useSelectTool, useSelection, useSelectionContext, useSimulation, useSliceDep, useStandardActions, useStarTool, useTextEdit, useTextTool, useTools, useVelocityTracker, useViewAnimation, useVisibleRaf, useZoom, viewToMat3, viewToTransform, viewportDragPanAction, viewportZoomAction, viewportsAt, visualBoundsViaDescriptor, when, withAlpha01, withCoord, withGradientKind, worldEditToStorage, worldPoseLookup, worldToScreen, zoomAt, zoomAtLeast };
+//# sourceMappingURL=chunk-HYJL7OOJ.js.map
+//# sourceMappingURL=chunk-HYJL7OOJ.js.map