@weasel-js/core 1.3.0 → 1.4.0-pre.1

package/dist/{chunk-N3T7D6AS.js → chunk-FUQWXDG3.js}

@@ -1,7 +1,7 @@
-import { ActionDisabledReason, useOptionalDepRegistry, DepRegistryProvider, useActionsRegistry, ActionsProvider, useDepRegistry, reportRouteConflicts, buildDepsFromRequires, useDepSource, actionBindings } from './chunk-3ZV53ZW2.js';
-import { scratchKey, createTransformOp, snap, getScratch, createReparentOp, setScratch } from './chunk-AQS4JGRA.js';
-import { fixedCornerOf, DEFAULT_RESIZE_BEHAVIORS, CORNER_ANCHORS, cornerPoint } from './chunk-3FB44DBC.js';
-import { AUTO_POSE_DESCRIPTOR, resolveUnit, polygonFromPoints, starPath, regularPolygonPath, linePath, ellipsePath, rectPath, 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-F74NVEHT.js';
+import { ActionDisabledReason, useOptionalDepRegistry, DepRegistryProvider, useActionsRegistry, ActionsProvider, useDepRegistry, reportRouteConflicts, buildDepsFromRequires, useDepSource, actionBindings } from './chunk-H6E6KPTU.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';
 import { dispatchApplyBatch, dlog, dwarn, usePointerContext, PointerContextProvider, applyOpsTo, extractWeaselClipboardFromSvg, parseWeaselClipboardText, materializePaste, WEASEL_CLIPBOARD_MIME, WEASEL_CLIPBOARD_MIME_WEB, sniffWeaselClipboardText } from './chunk-67KE7SDP.js';
 import { createSetSelectionOp } from './chunk-ZB7UYJVG.js';
 import { registerOpFactory, createDeleteOp, createInsertOp, rebuildOp } from './chunk-2KKYDDDD.js';
@@ -14,16 +14,17 @@ export { DEFAULT_TEXT_STYLE, MARKDOWN_RUN_GRAMMAR, SCRIPT_METRICS, cachedLayoutR
 import earcut from 'earcut';
 import { dashForStrokeStyle, strokeDashStyleOf, alignedStrokeRect } from '@weasel-js/paint';
 export { STROKE_DASH_RATIOS, alignedStrokeRect, dashForStrokeStyle, strokeDashStyleOf } from '@weasel-js/paint';
-import { applyToPoint, rotateAboutPoint, boxToBox, pointInPolygon, segmentsCross, forEachSegment, pathCommandCoordCount, multiply as multiply$1, invert as invert$1, pointSegmentDist2 } from '@weasel-js/geom';
+import { clampRectWithin, applyToPoint, rotateAboutPoint, boxToBox, pointInPolygon, segmentsCross, forEachSegment, pathCommandCoordCount, multiply as multiply$1, invert as invert$1, pointSegmentDist2 } from '@weasel-js/geom';
 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 { cursorFor } from '@weasel-js/cursor';
 import { createHistory } from '@weasel-js/history';
 export * from '@weasel-js/history';
 
 // src/version.ts
-var VERSION = "1.3.0" ;
+var VERSION = "1.4.0-pre.1" ;
 
 // src/features/grid/roundToCell.ts
 function roundToCell(value, cellSize) {
@@ -1539,6 +1540,9 @@ function flattenPolygon(p, tolerance) {
   let coordIdx = 0;
   let prevX = 0;
   let prevY = 0;
+  let startX = 0;
+  let startY = 0;
+  let startAnchor = -1;
   let prevAnchor = -1;
   let anchorCounter = 0;
   for (let cmdIdx = 0; cmdIdx < commands.length; cmdIdx++) {
@@ -1548,6 +1552,9 @@ function flattenPolygon(p, tolerance) {
         contourStarts.push(out.length / 2);
         prevX = coords[coordIdx];
         prevY = coords[coordIdx + 1];
+        startX = prevX;
+        startY = prevY;
+        startAnchor = anchorCounter;
         out.push(prevX, prevY);
         anchorA.push(anchorCounter);
         anchorB.push(anchorCounter);
@@ -1617,6 +1624,9 @@ function flattenPolygon(p, tolerance) {
         break;
       }
       case PATH_Z: {
+        prevX = startX;
+        prevY = startY;
+        prevAnchor = startAnchor;
         break;
       }
       default:
@@ -4489,6 +4499,7 @@ var WeaselRenderer = class {
   heightCss;
   dpr;
   canvas = null;
+  target = null;
   imageMinification;
   flattenTolerance;
   bakeBudget;
@@ -4506,6 +4517,12 @@ var WeaselRenderer = class {
     const gl = opts.gl ?? opts.canvas.getContext("webgl2", { stencil: true });
     if (!gl) throw new Error("WeaselRenderer: WebGL2 not available");
     this.gl = gl;
+    const attrs = typeof this.gl.getContextAttributes === "function" ? this.gl.getContextAttributes() : null;
+    if (attrs && attrs.stencil === false) {
+      throw new Error(
+        "WeaselRenderer: the supplied WebGL2 context has no stencil buffer. Create it with { stencil: true } \u2014 clips and even-odd fills need one."
+      );
+    }
     this.widthCss = opts.width;
     this.heightCss = opts.height;
     this.dpr = opts.dpr;
@@ -4524,12 +4541,8 @@ var WeaselRenderer = class {
       this.canvas.addEventListener("webglcontextlost", this.boundOnLost);
       this.canvas.addEventListener("webglcontextrestored", this.boundOnRestored);
     }
-    this.gl.enable(this.gl.BLEND);
-    this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
-    this.gl.disable(this.gl.DEPTH_TEST);
-    this.gl.disable(this.gl.CULL_FACE);
-    this.gl.clearColor(0, 0, 0, 0);
-    this.applyViewport();
+    this.applyGlState();
+    this.applyTarget();
     this.pathFill = new ShaderProgram(this.gl, VERT_SRC, FRAG_SRC);
     this.pathFill.lookupUniforms(PATH_FILL_UNIFORMS);
     this.pathFill.lookupAttributes(PATH_FILL_ATTRIBUTES);
@@ -4619,8 +4632,42 @@ var WeaselRenderer = class {
     }
     return this.programRegistry.get(id) ?? null;
   }
-  applyViewport() {
-    this.gl.viewport(0, 0, this.widthCss * this.dpr, this.heightCss * this.dpr);
+  /** The GL state every frame assumes. Applied per `render()` rather than once
+   *  at construction because a co-tenant sharing this context moves all of it
+   *  between our frames. */
+  applyGlState() {
+    const gl = this.gl;
+    gl.enable(gl.BLEND);
+    gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+    gl.disable(gl.DEPTH_TEST);
+    gl.disable(gl.CULL_FACE);
+    gl.clearColor(0, 0, 0, 0);
+  }
+  /** Viewport and scissor for this frame. Re-applied inside `render()` because
+   *  a co-tenant on the same context moves both between our frames. */
+  applyTarget() {
+    const gl = this.gl;
+    const w = Math.round(this.widthCss * this.dpr);
+    const h = Math.round(this.heightCss * this.dpr);
+    if (!this.target) {
+      gl.disable(gl.SCISSOR_TEST);
+      gl.viewport(0, 0, w, h);
+      return;
+    }
+    const x = Math.round(this.target.origin.x * this.dpr);
+    const y = gl.drawingBufferHeight - Math.round(this.target.origin.y * this.dpr) - h;
+    gl.viewport(x, y, w, h);
+    gl.scissor(x, y, w, h);
+    gl.enable(gl.SCISSOR_TEST);
+  }
+  /** Confine this renderer to a rect of its drawing buffer, or pass null to
+   *  give it the whole buffer back. Takes effect from the next `render()`. */
+  setTarget(target) {
+    this.target = target;
+    this.applyTarget();
+  }
+  getTarget() {
+    return this.target;
   }
   isContextLost() {
     return this.contextLost;
@@ -4631,12 +4678,8 @@ var WeaselRenderer = class {
   }
   onContextRestored() {
     this.contextLost = false;
-    this.gl.enable(this.gl.BLEND);
-    this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
-    this.gl.disable(this.gl.DEPTH_TEST);
-    this.gl.disable(this.gl.CULL_FACE);
-    this.gl.clearColor(0, 0, 0, 0);
-    this.applyViewport();
+    this.applyGlState();
+    this.applyTarget();
     this.pathFill = new ShaderProgram(this.gl, VERT_SRC, FRAG_SRC);
     this.pathFill.lookupUniforms(PATH_FILL_UNIFORMS);
     this.pathFill.lookupAttributes(PATH_FILL_ATTRIBUTES);
@@ -4744,8 +4787,12 @@ var WeaselRenderer = class {
     this.meshCache.drainPendingDeletes();
     resetBakeBudget(this.bakeBudget);
     this.groupState.reset();
-    gl.stencilMask(255);
-    gl.clear(gl.COLOR_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);
+    this.applyGlState();
+    this.applyTarget();
+    if (this.target?.clear !== false) {
+      gl.stencilMask(255);
+      gl.clear(gl.COLOR_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);
+    }
     const ctx = {
       gl,
       pathFill: this.pathFill,
@@ -4788,7 +4835,7 @@ var WeaselRenderer = class {
         this.canvas.style.height = `${dims.height}px`;
       }
     }
-    this.applyViewport();
+    this.applyTarget();
   }
   /** @internal */
   _gl() {
@@ -5191,13 +5238,13 @@ function deriveParallaxView(outer, opts) {
 
 // src/features/parallax/createParallaxLayer.ts
 function createParallaxLayer(opts) {
-  const { id, label, source, pan, zoom, anchor } = opts;
+  const { id, label, source, pan, zoom, anchor, getOuterView } = opts;
   return {
     id,
     label,
     space: "screen",
     draw: (data, outer, dims) => {
-      const inner = deriveParallaxView(outer, { pan, zoom, anchor });
+      const inner = deriveParallaxView(getOuterView?.() ?? outer, { pan, zoom, anchor });
       return source.flatMap((layer) => layer.draw(data, inner, dims));
     }
   };
@@ -6160,11 +6207,13 @@ function fitToBounds(viewportW, viewportH, contentW, contentH, paddingPx = 0, cl
   };
 }
 
+// src/core/viewport/zoomBounds.ts
+var DEFAULT_MIN_ZOOM = 0.1;
+var DEFAULT_MAX_ZOOM = 8;
+
 // src/core/viewport/fitViewToBounds.ts
-var SYSTEM_MAX_SCALE = 10;
-var SYSTEM_MIN_SCALE = 0.1;
 function fitViewToBounds(bounds, viewportDims, currentView, opts = {}) {
-  const { padding = 16, maxScale = SYSTEM_MAX_SCALE, minScale = SYSTEM_MIN_SCALE } = opts;
+  const { padding = 16, maxScale = DEFAULT_MAX_ZOOM, minScale = DEFAULT_MIN_ZOOM } = opts;
   if (bounds.width <= 0 || bounds.height <= 0) {
     console.warn("[weasel] fitViewToBounds: bounds has zero or negative area; returning currentView unchanged.", bounds);
     return currentView;
@@ -6210,15 +6259,19 @@ function fitViewToBounds(bounds, viewportDims, currentView, opts = {}) {
 }
 
 // src/core/viewport/zoomAt.ts
+function clampScale(scale2, min, max) {
+  const magnitude = Math.min(max, Math.max(min, Math.abs(scale2)));
+  return scale2 < 0 ? -magnitude : magnitude;
+}
 function zoomAt(view, anchor, factor, opts) {
   const fx = typeof factor === "number" ? factor : factor.x;
   const fy = typeof factor === "number" ? factor : factor.y;
-  const minX = typeof opts?.min === "number" ? opts.min : opts?.min?.x ?? 0.1;
-  const minY = typeof opts?.min === "number" ? opts.min : opts?.min?.y ?? 0.1;
-  const maxX = typeof opts?.max === "number" ? opts.max : opts?.max?.x ?? 8;
-  const maxY = typeof opts?.max === "number" ? opts.max : opts?.max?.y ?? 8;
-  const nextX = Math.min(maxX, Math.max(minX, view.scale.x * fx));
-  const nextY = Math.min(maxY, Math.max(minY, view.scale.y * fy));
+  const minX = typeof opts?.min === "number" ? opts.min : opts?.min?.x ?? DEFAULT_MIN_ZOOM;
+  const minY = typeof opts?.min === "number" ? opts.min : opts?.min?.y ?? DEFAULT_MIN_ZOOM;
+  const maxX = typeof opts?.max === "number" ? opts.max : opts?.max?.x ?? DEFAULT_MAX_ZOOM;
+  const maxY = typeof opts?.max === "number" ? opts.max : opts?.max?.y ?? DEFAULT_MAX_ZOOM;
+  const nextX = clampScale(view.scale.x * fx, minX, maxX);
+  const nextY = clampScale(view.scale.y * fy, minY, maxY);
   const worldX = anchor.x / view.scale.x + view.x;
   const worldY = anchor.y / view.scale.y + view.y;
   return {
@@ -6230,22 +6283,24 @@ function zoomAt(view, anchor, factor, opts) {
 
 // src/core/viewport/clampView.ts
 function clampView(view, bounds, canvas) {
-  const visW = canvas.width / view.scale.x;
-  const visH = canvas.height / view.scale.y;
+  const visW = Math.abs(canvas.width / view.scale.x);
+  const visH = Math.abs(canvas.height / view.scale.y);
+  const flipX = view.scale.x < 0;
+  const flipY = view.scale.y < 0;
   let x;
   if (visW >= bounds.width) {
-    x = bounds.x + (bounds.width - visW) / 2;
+    x = bounds.x + (bounds.width - visW) / 2 + (flipX ? visW : 0);
   } else {
-    const minX = bounds.x;
-    const maxX = bounds.x + bounds.width - visW;
+    const minX = flipX ? bounds.x + visW : bounds.x;
+    const maxX = flipX ? bounds.x + bounds.width : bounds.x + bounds.width - visW;
     x = view.x < minX ? minX : view.x > maxX ? maxX : view.x;
   }
   let y;
   if (visH >= bounds.height) {
-    y = bounds.y + (bounds.height - visH) / 2;
+    y = bounds.y + (bounds.height - visH) / 2 + (flipY ? visH : 0);
   } else {
-    const minY = bounds.y;
-    const maxY = bounds.y + bounds.height - visH;
+    const minY = flipY ? bounds.y + visH : bounds.y;
+    const maxY = flipY ? bounds.y + bounds.height : bounds.y + bounds.height - visH;
     y = view.y < minY ? minY : view.y > maxY ? maxY : view.y;
   }
   return x === view.x && y === view.y ? view : { x, y, scale: view.scale };
@@ -6274,8 +6329,8 @@ function isEditableTarget(t) {
   return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
 }
 function useZoom(opts) {
-  const min = opts.min ?? 0.1;
-  const max = opts.max ?? 10;
+  const min = opts.min ?? DEFAULT_MIN_ZOOM;
+  const max = opts.max ?? DEFAULT_MAX_ZOOM;
   const wheelStep = opts.wheelStep ?? 1.1;
   const keyStep = opts.keyStep ?? 1.25;
   const sources = useMemo(
@@ -8208,7 +8263,7 @@ function keyAnchor(view) {
 }
 var WHEEL_STEP = 1.1;
 function makeViewportZoomAction(opts = {}) {
-  const clamp2 = { min: opts.min ?? 0.1, max: opts.max ?? 8 };
+  const clamp2 = { min: opts.min ?? DEFAULT_MIN_ZOOM, max: opts.max ?? DEFAULT_MAX_ZOOM };
   const wheelSpec = opts.wheel === "plain" ? { kind: "wheel" } : { kind: "wheel", mods: { mod: true } };
   const rawAnimate = opts.animate === true ? {} : opts.animate || null;
   const { resetMs, ...animateRest } = rawAnimate ?? {};
@@ -8928,7 +8983,7 @@ var sliceAction = {
 
 // src/interactions/actions/defaults/pinchZoom.ts
 function makePinchZoomAction(opts = {}) {
-  const clamp2 = { min: opts.min ?? 0.1, max: opts.max ?? 8 };
+  const clamp2 = { min: opts.min ?? DEFAULT_MIN_ZOOM, max: opts.max ?? DEFAULT_MAX_ZOOM };
   return {
     id: "viewport.pinchZoom",
     label: "Pinch Zoom",
@@ -13670,8 +13725,6 @@ function useGestureDispatcher(opts) {
 }
 
 // src/core/viewport/wheelHandler.ts
-var DEFAULT_MIN_ZOOM = 0.1;
-var DEFAULT_MAX_ZOOM = 10;
 function computeWheelAction(state, input, bounds = { min: DEFAULT_MIN_ZOOM, max: DEFAULT_MAX_ZOOM }) {
   if (input.shiftKey) {
     return {
@@ -14036,6 +14089,76 @@ var SPRING_PRESETS = {
   slow: { stiffness: 80, damping: 20, mass: 1 }
 };
 
+// src/animation/easingSpec.ts
+var NEWTON_ITERATIONS = 8;
+var NEWTON_MIN_SLOPE = 1e-3;
+var SUBDIVISION_EPSILON = 1e-7;
+var SUBDIVISION_MAX = 12;
+function bezierAt(t, a1, a2) {
+  const c = 3 * a1;
+  const b = 3 * (a2 - a1) - c;
+  const a = 1 - c - b;
+  return ((a * t + b) * t + c) * t;
+}
+function bezierSlope(t, a1, a2) {
+  const c = 3 * a1;
+  const b = 3 * (a2 - a1) - c;
+  const a = 1 - c - b;
+  return (3 * a * t + 2 * b) * t + c;
+}
+function solveForX(x, x1, x2) {
+  let t = x;
+  for (let i = 0; i < NEWTON_ITERATIONS; i++) {
+    const slope = bezierSlope(t, x1, x2);
+    if (slope < NEWTON_MIN_SLOPE) break;
+    t -= (bezierAt(t, x1, x2) - x) / slope;
+  }
+  let lo = 0;
+  let hi = 1;
+  t = Math.min(1, Math.max(0, t));
+  for (let i = 0; i < SUBDIVISION_MAX; i++) {
+    const err = bezierAt(t, x1, x2) - x;
+    if (Math.abs(err) < SUBDIVISION_EPSILON) return t;
+    if (err > 0) hi = t;
+    else lo = t;
+    t = (lo + hi) / 2;
+  }
+  return t;
+}
+function cubicBezierEasing(x1, y1, x2, y2) {
+  const cx1 = Math.min(1, Math.max(0, x1));
+  const cx2 = Math.min(1, Math.max(0, x2));
+  return (t) => {
+    if (t <= 0) return 0;
+    if (t >= 1) return 1;
+    return bezierAt(solveForX(t, cx1, cx2), y1, y2);
+  };
+}
+var bezierCache = /* @__PURE__ */ new Map();
+function isBezier(spec) {
+  return typeof spec === "object" && spec !== null && "bezier" in spec;
+}
+function resolveEasing(spec) {
+  if (spec === void 0) return EASINGS.linear;
+  if (typeof spec === "function") return spec;
+  if (typeof spec === "string") {
+    const fn = EASINGS[spec];
+    if (!fn) throw new Error(`resolveEasing: unknown easing name "${spec}"`);
+    return fn;
+  }
+  if (isBezier(spec)) {
+    const [x1, y1, x2, y2] = spec.bezier;
+    const key = `${x1},${y1},${x2},${y2}`;
+    let fn = bezierCache.get(key);
+    if (!fn) {
+      fn = cubicBezierEasing(x1, y1, x2, y2);
+      bezierCache.set(key, fn);
+    }
+    return fn;
+  }
+  throw new Error("resolveEasing: unrecognized easing spec");
+}
+
 // src/animation/loop.ts
 function createLoop(createSupervisor, factory, opts = {}) {
   const max = opts.count ?? Infinity;
@@ -14076,6 +14199,7 @@ function createLoop(createSupervisor, factory, opts = {}) {
       supervisor.setTimeScale(s);
       current?.setTimeScale(s);
     },
+    timeScale: () => supervisor.timeScale(),
     isPaused: () => supervisor.isPaused()
   };
 }
@@ -14260,6 +14384,9 @@ var CompositeHandle = class {
     this.timeScale_ = s;
     for (const c of this.children) c.setTimeScale(s);
   }
+  timeScale() {
+    return this.timeScale_;
+  }
   isPaused() {
     return this.paused_;
   }
@@ -14369,7 +14496,7 @@ function sampleTrack(track, t, segmentCache) {
   const b = keys[i + 1];
   const span = b.t - a.t;
   const raw = span <= 0 ? 1 : (t - a.t) / span;
-  const u = b.easing ? b.easing(raw) : raw;
+  const u = b.easing ? resolveEasing(b.easing)(raw) : raw;
   if (track.interpolator) {
     let fn = segmentCache?.get(i + 1);
     if (!fn) {
@@ -14450,7 +14577,10 @@ function createTimeline(register, id, opts) {
     for (const track of tracks) {
       if (track.kind === "event") {
         const end = firstAfter(track.events, to);
-        for (let i = firstAfter(track.events, from); i < end; i += 1) track.events[i].fire();
+        for (let i = firstAfter(track.events, from); i < end; i += 1) {
+          const ev = track.events[i];
+          ev.fire(to - ev.t);
+        }
       } else if (track.kind === "timeline") {
         fireEvents(track.timeline.tracks, from - track.at, to - track.at);
       }
@@ -14530,6 +14660,7 @@ function createTimeline(register, id, opts) {
       wantScale = s;
       base.setTimeScale(s);
     },
+    timeScale: () => live ? base.timeScale() : wantScale,
     isPaused: () => live ? base.isPaused() : wantPaused,
     seek(t) {
       offset = t - lastVirtual;
@@ -14540,6 +14671,10 @@ function createTimeline(register, id, opts) {
     time: () => playhead,
     duration: () => duration,
     tracks: () => opts.tracks,
+    setLoop(loop) {
+      loopsLeft = loop === true ? Infinity : loop === false ? 0 : loop;
+    },
+    loop: () => loopsLeft === Infinity ? true : loopsLeft === 0 ? false : loopsLeft,
     edit(fn) {
       fn();
       caches = /* @__PURE__ */ new WeakMap();
@@ -14758,6 +14893,7 @@ function useAnimator(opts = {}) {
           const a = animations.current.get(anim.id);
           if (a) a.timeScale = s;
         },
+        timeScale: () => animations.current.get(anim.id)?.timeScale ?? 1,
         isPaused: () => animations.current.get(anim.id)?.paused ?? false
       };
     };
@@ -14779,6 +14915,7 @@ function useAnimator(opts = {}) {
         pause: base.pause,
         resume: base.resume,
         setTimeScale: base.setTimeScale,
+        timeScale: base.timeScale,
         isPaused: base.isPaused,
         setOnCancel: (cb) => {
           onCancelCb = cb;
@@ -14789,7 +14926,7 @@ function useAnimator(opts = {}) {
     const tween = (o) => {
       const id = nextId.current++;
       const start = 0;
-      const easing = o.easing ?? easeOut;
+      const easing = resolveEasing(o.easing ?? easeOut);
       const factoryFn = o.interpolator ? o.interpolator(o.from, o.to) : null;
       const perTickInterp = factoryFn ? null : o.interpolate ?? ((a, b, t) => {
         if (typeof a === "number" && typeof b === "number") {
@@ -14944,6 +15081,7 @@ function useAnimator(opts = {}) {
       setTimeScale: (s) => {
         globalTimeScale.current = s;
       },
+      timeScale: () => globalTimeScale.current,
       pauseKey: (key) => {
         for (const a of animations.current.values()) if (a.cancelKey === key) a.paused = true;
       },
@@ -15601,6 +15739,21 @@ function LineIcon({ className, size = 20 }) {
     }
   );
 }
+function ArrowIcon({ className, size = 20 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ...ICON_SVG_BASE,
+      className,
+      width: size,
+      height: size,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M3.5 16.5 12.9 7.1", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx("path", { d: "M16.5 3.5 11.06 5.98 14.03 8.95Z", fill: "currentColor", strokeLinejoin: "round" })
+      ]
+    }
+  );
+}
 function PolygonIcon({ className, size = 20 }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -16274,6 +16427,14 @@ var TEXT_PAINTER = {
     );
     if (boxes.length === 0) return null;
     return rectsToPath(boxes);
+  },
+  // `filled` is unconditional: a text node's `data.fill: null` still resolves
+  // to the default in `ResolvedRun`, so there is no outline-only text to
+  // report. The reach is the point — a heavily outlined glyph was unpickable
+  // across the width of its own outline.
+  ink: (node, _pose, ctx) => {
+    const d = node.data;
+    return { filled: true, ...inkReach(resolveNodeStroke(d.stroke), ctx?.scale) };
   }
 };
 function rectsToPath(rects) {
@@ -16539,10 +16700,10 @@ var RECT_FALLBACK_PAINTER = {
 };
 function registerBuiltInShapePainters() {
   registerNodeShape(TEXT_PAINTER);
+  registerNodeShape(DERIVED_PAINTER);
   registerNodeShape(PATH_PAINTER);
   registerNodeShape(SHAPE_PAINTER);
   registerNodeShape(IMAGE_PAINTER);
-  registerNodeShape(DERIVED_PAINTER);
   registerNodeShape(RECT_FALLBACK_PAINTER);
 }
 registerBuiltInShapePainters();
@@ -17571,11 +17732,7 @@ function useRotateTool(adapter, options) {
     [overlay]
   );
 }
-function useHandTool(opts = {}) {
-  const inertia = opts.inertia === false ? false : opts.inertia;
-  const axis = opts.axis ?? "both";
-  const tracker = useVelocityTracker();
-  const decay = useDecayLoop();
+function useHandTool(_opts = {}) {
   return useMemo(
     () => Object.assign(defineViewportTool({
       id: "hand",
@@ -17595,8 +17752,7 @@ function useHandTool(opts = {}) {
       // phase entry.
       bindings: [{ spec: { kind: "drag" }, actionId: "viewport.dragPan" }]
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [inertia, axis, tracker, decay]
+    []
   );
 }
 var PRESENTATION = {
@@ -17625,7 +17781,7 @@ function usePinchZoomTool(canvasRef, getView, setView, opts = {}) {
   getViewRef.current = getView;
   const setViewRef = useRef(setView);
   setViewRef.current = setView;
-  const { min = 0.1, max = 8, enabled = true } = opts;
+  const { min = DEFAULT_MIN_ZOOM, max = DEFAULT_MAX_ZOOM, enabled = true } = opts;
   const resolveTargetRef = useRef(opts.resolveTarget);
   resolveTargetRef.current = opts.resolveTarget;
   usePinchGesture(canvasRef, (clientAnchor, scaleFactor) => {
@@ -17653,8 +17809,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: [],
@@ -17893,7 +18047,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),
@@ -18069,7 +18223,7 @@ function useEyedropperTool(opts) {
       hookName: "useEyedropperTool",
       keybinding,
       hotkey,
-      cursor: "crosshair",
+      cursor: cursorFor("eyedropper", { fallback: "crosshair" }),
       presentation: {
         label: "Eyedropper",
         icon: createElement(EyedropperIcon),
@@ -18367,7 +18521,7 @@ function usePencilTool() {
       id: "pencil",
       capabilities: ["creates-paths"],
       hookName: "usePencilTool",
-      cursor: "crosshair",
+      cursor: cursorFor("pencil", { fallback: "crosshair" }),
       presentation: {
         label: "Pencil",
         group: "draw",
@@ -19466,14 +19620,91 @@ function wrapNodeOutput(cmds, pose, alpha) {
   }
   return rotated;
 }
-function CursorCoordsHud({ canvasRef, viewRef, offset }) {
+function insetAlong(start, extent, size, align, by) {
+  if (align === "start") return start + by;
+  if (align === "end") return start + extent - size - by;
+  return start + (extent - size) / 2 + by;
+}
+function hostAnchorRect(input) {
+  const { host, panel, viewport, align, offset, padding = 0 } = input;
+  const desired = {
+    x: insetAlong(host.x, host.width, panel.width, align.x, offset.x),
+    y: insetAlong(host.y, host.height, panel.height, align.y, offset.y),
+    width: panel.width,
+    height: panel.height
+  };
+  return clampRectWithin(desired, { x: 0, y: 0, width: viewport.width, height: viewport.height }, padding);
+}
+function hostAnchorCss(rect, align, viewport) {
+  return {
+    ...align.y === "end" ? { bottom: viewport.height - rect.y - rect.height } : { top: rect.y },
+    ...align.x === "end" ? { right: viewport.width - rect.x - rect.width } : { left: rect.x }
+  };
+}
+
+// src/canvas/useHostAnchor.ts
+function useHostAnchor(resolveHost, options) {
+  const [panel, setPanel] = useState(null);
+  const [style, setStyle] = useState(null);
+  const ref = useCallback((el) => setPanel(el), []);
+  const resolve = useRef(resolveHost);
+  resolve.current = resolveHost;
+  const { align, offset, padding = 0 } = options;
+  const { x: alignX, y: alignY } = align;
+  const { x: offsetX, y: offsetY } = offset;
+  const recompute = useCallback(() => {
+    const hostEl = resolve.current();
+    if (!hostEl) {
+      setStyle(null);
+      return;
+    }
+    const h = hostEl.getBoundingClientRect();
+    const p = panel?.getBoundingClientRect();
+    const viewport = { width: window.innerWidth, height: window.innerHeight };
+    const align2 = { x: alignX, y: alignY };
+    const rect = hostAnchorRect({
+      host: { x: h.left, y: h.top, width: h.width, height: h.height },
+      panel: { width: p?.width ?? 0, height: p?.height ?? 0 },
+      viewport,
+      align: align2,
+      offset: { x: offsetX, y: offsetY },
+      padding
+    });
+    setStyle(hostAnchorCss(rect, align2, viewport));
+  }, [panel, alignX, alignY, offsetX, offsetY, padding]);
+  const raf = useVisibleRaf(recompute);
+  useEffect(() => {
+    recompute();
+    const schedule = () => raf.request();
+    window.addEventListener("scroll", schedule, true);
+    window.addEventListener("resize", schedule);
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(schedule) : null;
+    if (panel) observer?.observe(panel);
+    const hostEl = resolve.current();
+    if (hostEl) observer?.observe(hostEl);
+    return () => {
+      window.removeEventListener("scroll", schedule, true);
+      window.removeEventListener("resize", schedule);
+      raf.cancel();
+      observer?.disconnect();
+    };
+  }, [recompute, raf, panel]);
+  return { ref, style };
+}
+function CursorCoordsHud({ canvasRef, anchorRef, viewRef, offset }) {
   const [state, setState] = useState({
     client: { x: 0, y: 0 },
     world: null,
-    inCanvas: false,
-    anchor: null
+    inCanvas: false
   });
   const [fps, setFps] = useState(0);
+  const { ref, style: anchorStyle } = useHostAnchor(
+    () => anchorRef?.current ?? canvasRef.current?.parentElement ?? canvasRef.current,
+    {
+      align: { x: "end", y: "start" },
+      offset: { x: offset?.right ?? 8, y: offset?.top ?? 8 }
+    }
+  );
   const framesRef = useRef(0);
   const lastFlushRef = useRef(0);
   const fpsLoop = useVisibleRaf(
@@ -19503,49 +19734,33 @@ function CursorCoordsHud({ canvasRef, viewRef, offset }) {
     return () => fpsLoop.cancel();
   }, [fpsLoop]);
   useEffect(() => {
-    const readAnchor = () => {
-      const canvas = canvasRef.current;
-      if (!canvas) return null;
-      const host = canvas.parentElement ?? canvas;
-      const rect = host.getBoundingClientRect();
-      return { top: rect.top, right: window.innerWidth - rect.right };
-    };
     const onMove = (e) => {
       const canvas = canvasRef.current;
       const view = viewRef.current;
       const client = { x: e.clientX, y: e.clientY };
-      const anchor = readAnchor();
       if (!canvas || !view) {
-        setState({ client, world: null, inCanvas: false, anchor });
+        setState({ client, world: null, inCanvas: false });
         return;
       }
       const rect = canvas.getBoundingClientRect();
       const inCanvas = e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom;
       const [wx, wy] = clientToWorld(e.clientX, e.clientY, rect, view);
       const world = { x: wx, y: wy };
-      setState({ client, world, inCanvas, anchor });
+      setState({ client, world, inCanvas });
     };
-    const onLayout = () => setState((s) => ({ ...s, anchor: readAnchor() }));
     document.addEventListener("pointermove", onMove);
-    window.addEventListener("scroll", onLayout, true);
-    window.addEventListener("resize", onLayout);
-    setState((s) => ({ ...s, anchor: readAnchor() }));
     return () => {
       document.removeEventListener("pointermove", onMove);
-      window.removeEventListener("scroll", onLayout, true);
-      window.removeEventListener("resize", onLayout);
     };
   }, [canvasRef, viewRef]);
-  if (!state.anchor) return null;
-  const top = state.anchor.top + (offset?.top ?? 8);
-  const right = state.anchor.right + (offset?.right ?? 8);
+  if (!anchorStyle) return null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref,
       style: {
         position: "fixed",
-        top,
-        right,
+        ...anchorStyle,
         zIndex: 1e4,
         background: "rgba(0,0,0,0.7)",
         color: "#e8e8e8",
@@ -19570,33 +19785,31 @@ function CursorCoordsHud({ canvasRef, viewRef, offset }) {
 
 // src/canvas/PickHud.module.css
 var PickHud_default = {};
-function PickHud({ canvasRef, viewRef, pickEvery, pickBest, offset }) {
+function PickHud({ canvasRef, anchorRef, viewRef, pickEvery, pickBest, offset }) {
   const [state, setState] = useState({
     ids: [],
     best: null,
-    inCanvas: false,
-    anchor: null
+    inCanvas: false
   });
+  const { ref, style } = useHostAnchor(
+    () => anchorRef?.current ?? canvasRef.current?.parentElement ?? canvasRef.current,
+    {
+      align: { x: "end", y: "start" },
+      offset: { x: offset?.right ?? 8, y: offset?.top ?? 76 }
+    }
+  );
   useEffect(() => {
-    const readAnchor = () => {
-      const canvas = canvasRef.current;
-      if (!canvas) return null;
-      const host = canvas.parentElement ?? canvas;
-      const rect = host.getBoundingClientRect();
-      return { top: rect.top, right: window.innerWidth - rect.right };
-    };
     const onMove = (e) => {
       const canvas = canvasRef.current;
       const view = viewRef.current;
-      const anchor = readAnchor();
       if (!canvas || !view) {
-        setState({ ids: [], best: null, inCanvas: false, anchor });
+        setState({ ids: [], best: null, inCanvas: false });
         return;
       }
       const rect = canvas.getBoundingClientRect();
       const inCanvas = e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom;
       if (!inCanvas) {
-        setState({ ids: [], best: null, inCanvas: false, anchor });
+        setState({ ids: [], best: null, inCanvas: false });
         return;
       }
       const worldX = (e.clientX - rect.left) / view.scale.x + view.x;
@@ -19615,24 +19828,15 @@ function PickHud({ canvasRef, viewRef, pickEvery, pickBest, offset }) {
           best = null;
         }
       }
-      setState({ ids, best, inCanvas: true, anchor });
+      setState({ ids, best, inCanvas: true });
     };
-    const onLayout = () => setState((s) => ({ ...s, anchor: readAnchor() }));
     document.addEventListener("pointermove", onMove);
-    window.addEventListener("scroll", onLayout, true);
-    window.addEventListener("resize", onLayout);
-    setState((s) => ({ ...s, anchor: readAnchor() }));
     return () => {
       document.removeEventListener("pointermove", onMove);
-      window.removeEventListener("scroll", onLayout, true);
-      window.removeEventListener("resize", onLayout);
     };
   }, [canvasRef, viewRef, pickEvery, pickBest]);
-  if (!state.anchor) return null;
-  const top = state.anchor.top + (offset?.top ?? 76);
-  const right = state.anchor.right + (offset?.right ?? 8);
-  const style = { top, right };
-  return /* @__PURE__ */ jsxs("div", { className: PickHud_default.hud, style, children: [
+  if (!style) return null;
+  return /* @__PURE__ */ jsxs("div", { ref, className: PickHud_default.hud, style, children: [
     /* @__PURE__ */ jsxs("div", { className: PickHud_default.header, children: [
       "pickEvery (",
       state.ids.length,
@@ -19651,34 +19855,20 @@ function PickHud({ canvasRef, viewRef, pickEvery, pickBest, offset }) {
 
 // src/canvas/ModalityHud.module.css
 var ModalityHud_default = {};
-function ModalityHud({ canvasRef, modeId, offset }) {
+function ModalityHud({ canvasRef, anchorRef, modeId, offset }) {
   const toolCtx = useOptionalActiveToolContext();
-  const [state, setState] = useState({ anchor: null });
-  useEffect(() => {
-    const readAnchor = () => {
-      const canvas = canvasRef.current;
-      if (!canvas) return null;
-      const host = canvas.parentElement ?? canvas;
-      const rect = host.getBoundingClientRect();
-      return { top: rect.top, right: window.innerWidth - rect.right };
-    };
-    const onLayout = () => setState({ anchor: readAnchor() });
-    onLayout();
-    window.addEventListener("scroll", onLayout, true);
-    window.addEventListener("resize", onLayout);
-    return () => {
-      window.removeEventListener("scroll", onLayout, true);
-      window.removeEventListener("resize", onLayout);
-    };
-  }, [canvasRef]);
-  if (!state.anchor) return null;
-  const top = state.anchor.top + (offset?.top ?? 220);
-  const right = state.anchor.right + (offset?.right ?? 8);
-  const style = { top, right };
+  const { ref, style } = useHostAnchor(
+    () => anchorRef?.current ?? canvasRef.current?.parentElement ?? canvasRef.current,
+    {
+      align: { x: "end", y: "start" },
+      offset: { x: offset?.right ?? 8, y: offset?.top ?? 220 }
+    }
+  );
+  if (!style) return null;
   const active = toolCtx?.active ?? null;
   const hotkeys = toolCtx?.hotkeyStack ?? [];
   const hotkeyTop = hotkeys.length > 0 ? hotkeys[hotkeys.length - 1] : null;
-  return /* @__PURE__ */ jsxs("div", { className: ModalityHud_default.hud, style, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: ModalityHud_default.hud, style, children: [
     /* @__PURE__ */ jsxs("div", { className: ModalityHud_default.row, children: [
       /* @__PURE__ */ jsx("span", { className: ModalityHud_default.label, children: "mode" }),
       /* @__PURE__ */ jsx("span", { className: modeId ? ModalityHud_default.value : ModalityHud_default.valueMuted, children: modeId ?? "\u2014" })
@@ -19809,6 +19999,8 @@ function CanvasInner(props, ref) {
     boundsOf: boundsOf2,
     pickEvery,
     clientToWorld: clientToWorld2,
+    paintInto,
+    inputElement,
     geometry = AUTO_POSE_DESCRIPTOR,
     className,
     style,
@@ -19854,6 +20046,15 @@ function CanvasInner(props, ref) {
   debugSinkRefForCtx.current = debugSink;
   const adapter = adapterProp;
   const canvasRef = useRef(null);
+  const ownCanvasRef = useRef(null);
+  const detached = !!paintInto;
+  if (detached) {
+    canvasRef.current = inputElement ?? null;
+  }
+  const paintTargetRef = useRef(null);
+  paintTargetRef.current = detached ? paintInto.canvas ?? null : null;
+  const paintRectRef = useRef(null);
+  paintRectRef.current = detached ? { x: paintInto.x, y: paintInto.y } : null;
   const helpersForLayersRef = useRef(null);
   const dimsRef = useRef({ width, height });
   dimsRef.current = { width, height };
@@ -19941,7 +20142,10 @@ function CanvasInner(props, ref) {
     };
   }, []);
   useImperativeHandle(ref, () => ({
-    element: canvasRef.current,
+    // Named rather than read off `canvasRef` so the handle rebuilds when a
+    // detached surface's input element arrives, which is a render later.
+    element: detached ? inputElement ?? null : canvasRef.current,
+    surface: detached ? paintInto?.canvas ?? null : ownCanvasRef.current,
     requestRedraw,
     subscribeFrame,
     registerLayer,
@@ -19952,6 +20156,10 @@ function CanvasInner(props, ref) {
     getPaintedVersion
   }), [
     canvasRef,
+    ownCanvasRef,
+    detached,
+    inputElement,
+    paintInto?.canvas,
     requestRedraw,
     subscribeFrame,
     registerLayer,
@@ -20247,8 +20455,9 @@ function CanvasInner(props, ref) {
     shaders
   };
   const paint = useCallback(() => {
-    const c = canvasRef.current;
+    const c = paintTargetRef.current ?? ownCanvasRef.current;
     if (!c) return false;
+    const rect = paintRectRef.current;
     const {
       layers: paintLayers,
       width: w,
@@ -20277,7 +20486,9 @@ function CanvasInner(props, ref) {
       try {
         renderer = new WeaselRenderer({
           gl,
-          canvas: c,
+          // A shared buffer is the caller's to size. Handing the renderer the
+          // element would have every co-tenant resize it to its own pane.
+          ...rect ? {} : { canvas: c },
           width: w,
           height: h,
           dpr
@@ -20296,6 +20507,7 @@ function CanvasInner(props, ref) {
         lastResizeRef.current = { w, h, dpr };
       }
     }
+    renderer.setTarget(rect ? { origin: { x: rect.x, y: rect.y } } : null);
     const view = viewRef.current;
     const commands = drawLayers(
       paintLayers,
@@ -20344,31 +20556,69 @@ function CanvasInner(props, ref) {
   }, [shaderIdKey]);
   const toolsCursor = tools ? resolveToolsCursor(tools, toolsCtxBase) : void 0;
   const effectiveStyle = toolsCursor ? { ...style, cursor: toolsCursor } : style;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "canvas",
+  const layersForMoveRef = useRef(layersWithDebug);
+  layersForMoveRef.current = layersWithDebug;
+  useEffect(() => {
+    if (!detached || !inputElement) return;
+    const el = inputElement;
+    const onDown = () => {
+      if (autoFocusOnPointerDown) el.focus();
+      pointerDownRef.current = true;
+    };
+    const onMove = (e) => {
+      if (pointerDownRef.current) return;
+      const view = viewRef.current;
+      const [worldX, worldY] = toWorld(
+        el,
+        e.clientX,
+        e.clientY,
+        view,
+        clientToWorldRef.current
+      );
+      const dims = dimsRef.current;
+      for (const layer of layersForMoveRef.current) {
+        layer.onUncapturedMove?.(worldX, worldY, e, view, dims);
+      }
+    };
+    const onUp = () => {
+      pointerDownRef.current = false;
+    };
+    const onLeave = () => {
+      pointerDownRef.current = false;
+      for (const layer of layersForMoveRef.current) layer.onUncapturedLeave?.();
+    };
+    const onMenu = (e) => e.preventDefault();
+    el.addEventListener("pointerdown", onDown);
+    el.addEventListener("pointermove", onMove);
+    el.addEventListener("pointerup", onUp);
+    el.addEventListener("pointerleave", onLeave);
+    el.addEventListener("contextmenu", onMenu);
+    return () => {
+      el.removeEventListener("pointerdown", onDown);
+      el.removeEventListener("pointermove", onMove);
+      el.removeEventListener("pointerup", onUp);
+      el.removeEventListener("pointerleave", onLeave);
+      el.removeEventListener("contextmenu", onMenu);
+    };
+  }, [detached, inputElement, autoFocusOnPointerDown]);
+  useEffect(() => {
+    if (!detached || !inputElement) return;
+    inputElement.style.cursor = toolsCursor ?? "";
+  }, [detached, inputElement, toolsCursor]);
+  const huds = /* @__PURE__ */ jsxs(Fragment, { children: [
+    cursorCoordsHud && /* @__PURE__ */ jsx(
+      CursorCoordsHud,
       {
-        ref: canvasRef,
-        width,
-        height,
-        tabIndex,
-        className,
-        style: effectiveStyle,
-        onFocus,
-        onBlur,
-        onPointerDown: handlePointerDown,
-        onPointerMove: handlePointerMove,
-        onPointerUp: handlePointerUp,
-        onPointerCancel: handlePointerCancel,
-        onPointerLeave: handlePointerLeave,
-        onContextMenu: (e) => e.preventDefault()
+        canvasRef,
+        ...detached ? { anchorRef: canvasRef } : {},
+        viewRef
       }
     ),
-    cursorCoordsHud && /* @__PURE__ */ jsx(CursorCoordsHud, { canvasRef, viewRef }),
     pickHud && /* @__PURE__ */ jsx(
       PickHud,
       {
         canvasRef,
+        ...detached ? { anchorRef: canvasRef } : {},
         viewRef,
         pickEvery: stablePickEveryForHud,
         pickBest: stablePickBestForHud
@@ -20378,10 +20628,37 @@ function CanvasInner(props, ref) {
       ModalityHud,
       {
         canvasRef,
+        ...detached ? { anchorRef: canvasRef } : {},
         modeId: typeof modalityHud === "object" ? modalityHud.modeId : void 0
       }
     )
   ] });
+  if (detached) return inputElement ? huds : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "canvas",
+      {
+        ref: (el) => {
+          ownCanvasRef.current = el;
+          canvasRef.current = el;
+        },
+        width,
+        height,
+        tabIndex,
+        className,
+        style: effectiveStyle,
+        onFocus,
+        onBlur,
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerUp,
+        onPointerCancel: handlePointerCancel,
+        onPointerLeave: handlePointerLeave,
+        onContextMenu: (e) => e.preventDefault()
+      }
+    ),
+    huds
+  ] });
 }
 var Canvas = forwardRef(CanvasInner);
 
@@ -23044,7 +23321,7 @@ function useDispatcherOverlayLayer(args) {
                 break;
               case "pencil": {
                 if (geom.samples.length < 2) break;
-                pathCmd = polygonFromPoints(projectPoints(geom.samples));
+                pathCmd = polylineFromPoints(projectPoints(geom.samples));
                 break;
               }
             }
@@ -23056,7 +23333,7 @@ function useDispatcherOverlayLayer(args) {
               stroke: { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash }
             };
             out.push(cmd);
-            if (ov.anchorPoint) {
+            if (ov.anchorPoint && ov.shape !== "pencil") {
               const anchorScreen = projectPoint(ov.anchorPoint.x, ov.anchorPoint.y);
               out.push({
                 kind: "path",
@@ -24979,7 +25256,7 @@ function SceneCanvasInner(props, ref) {
     boundary: inertiaObj.boundary,
     bounds: inertiaObj.bounds
   } : void 0;
-  const handTool = useHandTool(handToolInertia ? { inertia: handToolInertia } : {});
+  const handTool = useHandTool(handToolInertia ? { } : {});
   const viewportAmbient = [];
   const baseRequestedTools = defaultTools ?? (toolBundle ? BUNDLE_TOOLS[toolBundle] : null) ?? (viewportRegistered ? ["select", "rotate", "hand"] : ["select", "rotate"]);
   const KNOWN_BUILTIN_IDS = /* @__PURE__ */ new Set([
@@ -25704,14 +25981,12 @@ function StandardActionsRegistrar({
   }, [registry2, actionsRegistryRef]);
   useEffect(() => {
     if (!registry2) return;
-    registry2.setDispatcher(dispatcher);
-    return () => registry2.setDispatcher(null);
+    return registry2.setDispatcher(dispatcher);
   }, [registry2, dispatcher]);
   const wiredDepRegistry = useDepRegistry();
   useEffect(() => {
     if (!registry2) return;
-    registry2.setDepRegistry(wiredDepRegistry);
-    return () => registry2.setDepRegistry(null);
+    return registry2.setDepRegistry(wiredDepRegistry);
   }, [registry2, wiredDepRegistry]);
   useEffect(() => {
     if (!registry2) return;
@@ -25927,9 +26202,9 @@ function shapeSchema(opts = {}) {
                     fontWeight: { kind: "number", name: "Weight", description: "Font weight, 100\u2013900.", default: 400, min: 100, max: 900, step: 100, pair: "Size / weight" },
                     fontStyle: { kind: "enum", name: "Style", description: "Upright or italic.", default: "normal", options: [{ value: "normal", label: "Normal" }, { value: "italic", label: "Italic" }] },
                     letterSpacing: { kind: "number", name: "Tracking", description: "Extra advance per glyph, world units.", default: 0, step: 0.1 },
-                    underline: { kind: "boolean", name: "Underline", description: "Underline the text.", default: false },
-                    strikethrough: { kind: "boolean", name: "Strikethrough", description: "Strike through the text.", default: false },
-                    overline: { kind: "boolean", name: "Overline", description: "Rule the text above its ascent.", default: false }
+                    underline: { kind: "boolean", name: "Underline", description: "Underline the text.", default: false, control: "toggle", short: "U", pair: "Decoration" },
+                    strikethrough: { kind: "boolean", name: "Strikethrough", description: "Strike through the text.", default: false, control: "toggle", short: "S", pair: "Decoration" },
+                    overline: { kind: "boolean", name: "Overline", description: "Rule the text above its ascent.", default: false, control: "toggle", short: "O", pair: "Decoration" }
                   }
                 },
                 paragraph: {
@@ -26399,8 +26674,13 @@ function renderSceneToPixels(args) {
     renderer.dispose();
   }
 }
-function WeaselProvider({ children }) {
-  return /* @__PURE__ */ jsx(DepRegistryProviderIfRoot, { children: /* @__PURE__ */ jsx(ActionsProviderIfRoot, { children: /* @__PURE__ */ jsx(ActiveToolContextProviderIfRoot, { children: /* @__PURE__ */ jsx(SelectionContextProviderIfRoot, { children: /* @__PURE__ */ jsx(PointerProviderIfRoot, { children }) }) }) }) });
+function WeaselProvider({ children, isolate = false }) {
+  const Deps = isolate ? DepRegistryProvider : DepRegistryProviderIfRoot;
+  const Actions = isolate ? ActionsProvider : ActionsProviderIfRoot;
+  const ActiveTool = isolate ? ActiveToolContextProvider : ActiveToolContextProviderIfRoot;
+  const Selection = isolate ? SelectionContextProvider : SelectionContextProviderIfRoot;
+  const Pointer = isolate ? PointerContextProvider : PointerProviderIfRoot;
+  return /* @__PURE__ */ jsx(Deps, { children: /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(ActiveTool, { children: /* @__PURE__ */ jsx(Selection, { children: /* @__PURE__ */ jsx(Pointer, { children }) }) }) }) });
 }
 function useCanvasFocus(options = {}) {
   const { initial = false, tabIndex = 0 } = options;
@@ -27557,7 +27837,7 @@ function useSceneTextEdit(scene, container, options = {}) {
     }
   });
   const onDoubleClick = useCallback((e) => {
-    const canvas = e.target instanceof HTMLCanvasElement ? e.target : null;
+    const canvas = e.target instanceof HTMLElement ? e.target : null;
     if (!canvas) return;
     const [canvasX, canvasY] = clientToCanvas(canvas, e.clientX, e.clientY);
     const view = resolveView2(optsRef.current.view);
@@ -27802,6 +28082,8 @@ function polygonPathDistance(path, px, py) {
       if (d2 < best) best = d2;
       curX = startX;
       curY = startY;
+    } else {
+      throw new Error(`pathDistanceToPoint: unknown command code ${cmd}`);
     }
   }
   return best === Infinity ? Infinity : Math.sqrt(best);
@@ -29919,7 +30201,7 @@ function cycleVertexColors(animator, opts) {
   const interp = resolveInterpolator(opts);
   const { id, channel } = opts;
   const direction = opts.direction ?? 1;
-  const easing = opts.easing ?? ((t) => t);
+  const easing = resolveEasing(opts.easing);
   const override = (base, tMs) => {
     const n = base.length / 4;
     if (n === 0) return base.slice();
@@ -29960,7 +30242,7 @@ function staggerVertexColors(animator, opts) {
   const interp = resolveInterpolator(opts);
   const { id, channel, from, to, anchorMs, perAnchorDelay } = opts;
   const n = from.length / 4;
-  const easing = opts.easing ?? ((t) => t);
+  const easing = resolveEasing(opts.easing);
   const originIndex = opts.origin === "last" ? n - 1 : typeof opts.origin === "number" ? Math.max(0, Math.min(n - 1, opts.origin)) : 0;
   const maxDistance = Math.max(originIndex, n - 1 - originIndex);
   const totalMs = maxDistance * perAnchorDelay + anchorMs;
@@ -30402,6 +30684,6 @@ function mergeContributions(...bundles) {
   return out;
 }
 
-export { ALWAYS, ANCHOR_HIT_BASE_PX, ActionsProviderIfRoot, ActiveToolContextProvider, ActiveToolContextProviderIfRoot, 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_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, 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, 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, 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, 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-N3T7D6AS.js.map
-//# sourceMappingURL=chunk-N3T7D6AS.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, 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-FUQWXDG3.js.map
+//# sourceMappingURL=chunk-FUQWXDG3.js.map