@weasel-js/core 1.5.1 → 1.5.2

package/dist/{chunk-GREL4MVO.js → chunk-QEZL53V6.js}

@@ -1,8 +1,8 @@
-import { rotatePoint, aabbCenter, extractPolylines, createSimulation } from './chunk-LXJDWBEL.js';
-import { createReparentOp, createTransformOp, snap } from './chunk-P6MGECVO.js';
-import { fixedCornerOf, DEFAULT_RESIZE_BEHAVIORS, CORNER_ANCHORS, cornerPoint } from './chunk-XXQ6FLCJ.js';
-import { resolveUnit, ANGLE_RADIANS, withinPxRadius, scaleDelta, pxExtent, withinPxBox, pointToGridCell } from './chunk-HAGOFNP5.js';
-import { unionBounds, visualBoundsViaDescriptor, translatePoseViaDescriptor, poseDescriptorForNode, unionAABB, AUTO_POSE_DESCRIPTOR, remapRotatedLeaf, PATH_Z, PATH_Q, PATH_C, PATH_L, PATH_M, polylineFromPoints, starPath, regularPolygonPath, linePath, ellipsePath, rectPath, polygonFromPoints, PathBuilder, boundsOfPath, pointInPath, isPathLike, strokeHitTest, isRectPose, transformPath, translatePath, DEFAULT_FLATTEN_TOLERANCE, flattenQuadratic, flattenCubic, flattenCubicWithArcLen, flattenQuadraticWithArcLen, RECT_POSE_DESCRIPTOR, aabbIntersectsRect } from './chunk-3LPQ2XZG.js';
+import { rotatePoint, aabbCenter, extractPolylines, createSimulation } from './chunk-PNNZSYRD.js';
+import { createReparentOp, createTransformOp, snap } from './chunk-44EWMJV2.js';
+import { fixedCornerOf, DEFAULT_RESIZE_BEHAVIORS, CORNER_ANCHORS, cornerPoint } from './chunk-H6N2JSZ3.js';
+import { unitScale, formatUnit, resolveUnit, ANGLE_RADIANS, withinPxRadius, scaleDelta, pxExtent, withinPxBox, pointToGridCell } from './chunk-HPFJUUTF.js';
+import { unionBounds, visualBoundsViaDescriptor, translatePoseViaDescriptor, poseDescriptorForNode, unionAABB, AUTO_POSE_DESCRIPTOR, remapRotatedLeaf, PATH_Z, PATH_Q, PATH_C, PATH_L, PATH_M, polylineFromPoints, starPath, regularPolygonPath, linePath, ellipsePath, rectPath, polygonFromPoints, PathBuilder, boundsOfPath, pointInPath, isPathLike, strokeHitTest, isRectPose, transformPath, translatePath, DEFAULT_FLATTEN_TOLERANCE, flattenQuadratic, flattenCubic, flattenCubicWithArcLen, flattenQuadraticWithArcLen, RECT_POSE_DESCRIPTOR, aabbIntersectsRect } from './chunk-L5YNZYEG.js';
 import { dispatchApplyBatch, dlog, dwarn, usePointerContext, PointerContextProvider, extractWeaselClipboardFromSvg, parseWeaselClipboardText, materializePaste, WEASEL_CLIPBOARD_MIME, WEASEL_CLIPBOARD_MIME_WEB, sniffWeaselClipboardText, applyOpsTo } from './chunk-T3UQ3F6R.js';
 import { createSetSelectionOp } from './chunk-DOBSZOPR.js';
 import { registerOpFactory, createInsertOp, createDeleteOp, rebuildOp } from './chunk-4RJP2N2L.js';
@@ -10,8 +10,8 @@ import { getTexture, chunks, dots, crosshatch, hatch } from './chunk-BJN5ZRIJ.js
 import { createContext, createElement, forwardRef, useMemo, useRef, useCallback, useState, useLayoutEffect, useEffect, useImperativeHandle, useSyncExternalStore, useContext, useId, useReducer } from 'react';
 import { GLYPH_COVERAGE_GLSL, subscribeGlyphReady, DEFAULT_BAKE_BUDGET, markAllFontsNotUploaded, resetBakeBudget, syncDynamicPageTexture, ensureFontTexture, dynamicPageTextureId, textureCacheKey, GLYPH_MODE_R8, GLYPH_MODE_MSDF } 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 { dashForStrokeStyle, strokeDashStyleOf, resolveScreenLength, alignedStrokeRect, lerpColorArray, srgbU8ToOklab, oklabToOklch, oklchToOklab, oklabToSrgbU8 } from '@weasel-js/paint';
-export { STROKE_DASH_RATIOS, alignedStrokeRect, dashForStrokeStyle, lerpColorArray, lerpOklab, lerpOklch, oklabToOklch, oklabToSrgbU8, oklchToOklab, resolveScreenLength, srgbU8ToOklab, strokeDashStyleOf } from '@weasel-js/paint';
+import { dashForStrokeStyle, strokeDashStyleOf, resolveScreenLength, alignedStrokeRect, lerpColorArray, srgbFloatToOklab, oklabToOklch, oklchToOklab, oklabToSrgbU8 } from '@weasel-js/paint';
+export { STROKE_DASH_RATIOS, alignedStrokeRect, dashForStrokeStyle, hexToOklchDeg, lerpColorArray, lerpOklab, lerpOklch, oklabToOklch, oklabToSrgbU8, oklchDegToHex, oklchToOklab, resolveScreenLength, srgbFloatToOklab, srgbU8ToOklab, strokeDashStyleOf } from '@weasel-js/paint';
 import { boxToBox, forEachSegment, multiply as multiply$1, rotate, translate as translate$1, rectToContour, invert as invert$1, clampRectWithin, applyToPoint, rotateAboutPoint, cubicEvalAt, pointInPolygon, segmentsCross, pathCommandCoordCount, pointSegmentDist2, elevateQuadraticToCubic } from '@weasel-js/geom';
 import { resolveTextStyle, resolveAlign, resolveRuns, cachedLayoutRuns, verticalAlignOffset, textPoseLayoutInput, runsToPlainText, layoutTextPose, fontString, textLineBoxes } from '@weasel-js/text';
 export { DEFAULT_TEXT_STYLE, MARKDOWN_RUN_GRAMMAR, SCRIPT_METRICS, cachedLayoutRuns, createMarkdownRenderer, fontString, layoutMarkdown, layoutRuns, layoutTextPose, markdownToRuns, measureText, measureTextBounds, measuredWidth, resolveAlign, resolveRuns, resolveTextStyle, runsToMarkdown, runsToPlainText, textLineBoxes, textPoseLayoutInput, toRuns, verticalAlignOffset } from '@weasel-js/text';
@@ -29,7 +29,7 @@ import { createHistory } from '@weasel-js/history';
 export * from '@weasel-js/history';
 
 // src/version.ts
-var VERSION = "1.5.1" ;
+var VERSION = "1.5.2" ;
 
 // src/features/grid/roundToCell.ts
 function roundToCell(value, cellSize) {
@@ -1517,9 +1517,15 @@ function scaled(m, sx, sy) {
   const s = create(sx, 0, 0, sy, 0, 0);
   return multiply(m, s);
 }
+function toAffine(m) {
+  return [m[0], m[1], m[3], m[4], m[6], m[7]];
+}
+function fromAffine(a) {
+  return create(a[0], a[1], a[2], a[3], a[4], a[5]);
+}
 function invert(m) {
-  const inv = invert$1([m[0], m[1], m[3], m[4], m[6], m[7]]);
-  return inv && create(inv[0], inv[1], inv[2], inv[3], inv[4], inv[5]);
+  const inv = invert$1(toAffine(m));
+  return inv && fromAffine(inv);
 }
 function apply(m, x, y) {
   const a = m[0], b = m[1];
@@ -1548,6 +1554,8 @@ function meanScaleOf(m) {
 }
 var mat3 = {
   identity,
+  toAffine,
+  fromAffine,
   multiply,
   translated,
   scaled,
@@ -5835,32 +5843,32 @@ function drawLayers(layers, data, visibility, order, view, dims, cache7, onLayer
   }
   const groupOf = groupMembership(groups, layerById.keys());
   const bracketed = /* @__PURE__ */ new Set();
-  let run = null;
+  let run2 = null;
   const closeRun = () => {
-    if (!run) return;
-    for (const c of wrapGroup(run.group, run.children, v, dims)) out.push(c);
-    run = null;
+    if (!run2) return;
+    for (const c of wrapGroup(run2.group, run2.children, v, dims)) out.push(c);
+    run2 = null;
   };
   for (const layer of sequence) {
     if (!isLayerVisible(layer, visibility)) continue;
     const cmds = drawOneLayer(layer, data, v, dims, cache7, onLayerError);
     if (cmds.length === 0) continue;
     const group = groupOf?.get(layer.id);
-    if (run && run.group !== group) closeRun();
+    if (run2 && run2.group !== group) closeRun();
     if (!group) {
       for (const c of cmds) out.push(c);
       continue;
     }
-    if (!run) {
+    if (!run2) {
       if (bracketed.has(group)) {
         console.warn(
           `[weasel] layer group "${group.id}" is not one run \u2014 another layer is drawn between its members, so it composites as more than one pass over more than one buffer. Move its members together in the layer order.`
         );
       }
       bracketed.add(group);
-      run = { group, children: [] };
+      run2 = { group, children: [] };
     }
-    for (const c of cmds) run.children.push(c);
+    for (const c of cmds) run2.children.push(c);
   }
   closeRun();
   return out;
@@ -6744,6 +6752,88 @@ function worldPoseLookup(adapter, compose2) {
   };
 }
 
+// src/core/scene/poseSnapshot.ts
+var DEPTH = 4;
+function isPlainObject(v) {
+  if (typeof v !== "object" || v === null) return false;
+  const proto = Object.getPrototypeOf(v);
+  return proto === Object.prototype || proto === null;
+}
+function isTypedArray(v) {
+  return ArrayBuffer.isView(v) && !(v instanceof DataView);
+}
+function snapshotPose(value, depth = DEPTH) {
+  if (depth <= 0) return value;
+  if (Array.isArray(value)) {
+    return value.map((v) => snapshotPose(v, depth - 1));
+  }
+  if (isTypedArray(value)) return value.slice();
+  if (isPlainObject(value)) {
+    const out = { ...value };
+    for (const key in out) {
+      const field = out[key];
+      if (typeof field === "object" && field !== null) out[key] = snapshotPose(field, depth - 1);
+    }
+    return out;
+  }
+  return value;
+}
+function samePoseValue(snapshot, value, depth = DEPTH) {
+  if (snapshot === value) return true;
+  if (typeof snapshot !== "object" || snapshot === null || typeof value !== "object" || value === null) return Object.is(snapshot, value);
+  if (depth <= 0) return false;
+  const proto = Object.getPrototypeOf(snapshot);
+  if (proto === Object.prototype || proto === null) {
+    const other = Object.getPrototypeOf(value);
+    if (other !== Object.prototype && other !== null) return false;
+    const a = snapshot;
+    const b = value;
+    let count = 0;
+    for (const key in a) {
+      count++;
+      const left = a[key];
+      const right = b[key];
+      if (left === right) {
+        if (right === void 0 && !(key in b)) return false;
+        continue;
+      }
+      if (!samePoseValue(left, right, depth - 1)) return false;
+    }
+    for (const _key in b) if (--count < 0) return false;
+    return true;
+  }
+  if (Array.isArray(snapshot) || isTypedArray(snapshot)) {
+    const a = snapshot;
+    if (!(Array.isArray(value) || isTypedArray(value))) return false;
+    const b = value;
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i++) {
+      if (!samePoseValue(a[i], b[i], depth - 1)) return false;
+    }
+    return true;
+  }
+  return false;
+}
+
+// src/core/scene/depMemo.ts
+function recordDeps(into, deps) {
+  into.nodes.length = 0;
+  into.poses.length = 0;
+  for (const dep of deps) {
+    into.nodes.push(dep?.node);
+    into.poses.push(dep === void 0 ? void 0 : snapshotPose(dep.pose));
+  }
+}
+function sameDeps2(record, ids, depOf2) {
+  if (record.nodes.length !== ids.length) return false;
+  for (let i = 0; i < ids.length; i++) {
+    const dep = depOf2(ids[i]);
+    if (record.nodes[i] !== (dep === void 0 ? void 0 : dep.node)) return false;
+    if (dep !== void 0 && !samePoseValue(record.poses[i], dep.pose)) return false;
+  }
+  return true;
+}
+
 // src/core/scene/dependents.ts
 var NONE = Object.freeze([]);
 function dependencyIdsOf(node, childrenOf) {
@@ -6817,69 +6907,6 @@ function sameDependsOn(a, b) {
   return true;
 }
 
-// src/core/scene/poseSnapshot.ts
-var DEPTH = 4;
-function isPlainObject(v) {
-  if (typeof v !== "object" || v === null) return false;
-  const proto = Object.getPrototypeOf(v);
-  return proto === Object.prototype || proto === null;
-}
-function isTypedArray(v) {
-  return ArrayBuffer.isView(v) && !(v instanceof DataView);
-}
-function snapshotPose(value, depth = DEPTH) {
-  if (depth <= 0) return value;
-  if (Array.isArray(value)) {
-    return value.map((v) => snapshotPose(v, depth - 1));
-  }
-  if (isTypedArray(value)) return value.slice();
-  if (isPlainObject(value)) {
-    const out = { ...value };
-    for (const key in out) {
-      const field = out[key];
-      if (typeof field === "object" && field !== null) out[key] = snapshotPose(field, depth - 1);
-    }
-    return out;
-  }
-  return value;
-}
-function samePoseValue(snapshot, value, depth = DEPTH) {
-  if (snapshot === value) return true;
-  if (typeof snapshot !== "object" || snapshot === null || typeof value !== "object" || value === null) return Object.is(snapshot, value);
-  if (depth <= 0) return false;
-  const proto = Object.getPrototypeOf(snapshot);
-  if (proto === Object.prototype || proto === null) {
-    const other = Object.getPrototypeOf(value);
-    if (other !== Object.prototype && other !== null) return false;
-    const a = snapshot;
-    const b = value;
-    let count = 0;
-    for (const key in a) {
-      count++;
-      const left = a[key];
-      const right = b[key];
-      if (left === right) {
-        if (right === void 0 && !(key in b)) return false;
-        continue;
-      }
-      if (!samePoseValue(left, right, depth - 1)) return false;
-    }
-    for (const _key in b) if (--count < 0) return false;
-    return true;
-  }
-  if (Array.isArray(snapshot) || isTypedArray(snapshot)) {
-    const a = snapshot;
-    if (!(Array.isArray(value) || isTypedArray(value))) return false;
-    const b = value;
-    if (a.length !== b.length) return false;
-    for (let i = 0; i < a.length; i++) {
-      if (!samePoseValue(a[i], b[i], depth - 1)) return false;
-    }
-    return true;
-  }
-  return false;
-}
-
 // src/core/scene/derivedPath.ts
 var SLOT = "kit:derivedPath";
 var resolving = /* @__PURE__ */ new Set();
@@ -6901,7 +6928,7 @@ function resolveDerivedPath(node, depOf2, childrenOf, memoSlot = SLOT) {
       computed = true;
       return draw(node, derivePath, ids.map(depOf2), { nodes: [], poses: [], path: null });
     });
-    if (!computed && !matches(record, ids, depOf2)) {
+    if (!computed && !sameDeps2(record, ids, depOf2)) {
       draw(node, derivePath, ids.map(depOf2), record);
     }
     if (cycleHits !== hitsBefore) dropPoseKeyedMemoSlots(node);
@@ -6912,23 +6939,9 @@ function resolveDerivedPath(node, depOf2, childrenOf, memoSlot = SLOT) {
 }
 function draw(node, derivePath, deps, into) {
   into.path = derivePath(node, deps);
-  into.nodes.length = 0;
-  into.poses.length = 0;
-  for (const dep of deps) {
-    into.nodes.push(dep?.node);
-    into.poses.push(dep === void 0 ? void 0 : snapshotPose(dep.pose));
-  }
+  recordDeps(into, deps);
   return into;
 }
-function matches(record, ids, depOf2) {
-  if (record.nodes.length !== ids.length) return false;
-  for (let i = 0; i < ids.length; i++) {
-    const dep = depOf2(ids[i]);
-    if (record.nodes[i] !== (dep === void 0 ? void 0 : dep.node)) return false;
-    if (dep !== void 0 && !samePoseValue(record.poses[i], dep.pose)) return false;
-  }
-  return true;
-}
 
 // src/core/scene/effectivePose.ts
 var POSE_SLOT = {
@@ -6956,18 +6969,26 @@ function derivedPoseIn(source, node, reading) {
   resolving2.add(node.id);
   const hitsBefore = cycleHits2;
   try {
-    const value = nodeMemo(
-      node,
-      POSE_SLOT[reading],
-      node.pose,
-      () => derive(node, ids.map((id) => depIn(source, id, reading)))
-    );
+    const depOf2 = (id) => depIn(source, id, reading);
+    let computed = false;
+    const record = nodeMemo(node, POSE_SLOT[reading], node.pose, () => {
+      computed = true;
+      return run(node, derive, ids.map(depOf2), { nodes: [], poses: [], value: null });
+    });
+    if (!computed && !sameDeps2(record, ids, depOf2)) {
+      run(node, derive, ids.map(depOf2), record);
+    }
     if (cycleHits2 !== hitsBefore) dropPoseKeyedMemoSlots(node);
-    return value;
+    return record.value;
   } finally {
     resolving2.delete(node.id);
   }
 }
+function run(node, derive, deps, into) {
+  into.value = derive(node, deps);
+  recordDeps(into, deps);
+  return into;
+}
 function derivedDepOf(source, id) {
   return depIn(source, id, "effective");
 }
@@ -9618,6 +9639,14 @@ function createVelocityTracker() {
 }
 
 // src/interactions/actions/defaults/viewportDragPan.ts
+function screenDeltaFromWorld(drag, scratch) {
+  const v0 = scratch.startView;
+  const now = scratch.view.get();
+  return {
+    x: (drag.current.x - now.x - (drag.start.x - v0.x)) * v0.scale.x,
+    y: (drag.current.y - now.y - (drag.start.y - v0.y)) * v0.scale.y
+  };
+}
 var viewportDragPanAction = {
   id: "viewport.dragPan",
   label: "Drag to pan viewport",
@@ -9655,7 +9684,7 @@ var viewportDragPanAction = {
         kind: "pan",
         onMove(moveCtx) {
           if (!moveCtx.drag) return;
-          const screen = moveCtx.drag.screenDelta ?? moveCtx.drag.delta;
+          const screen = moveCtx.drag.screenDelta ?? screenDeltaFromWorld(moveCtx.drag, scratch);
           const screenDx = scratch.axis === "y" ? 0 : screen.x;
           const screenDy = scratch.axis === "x" ? 0 : screen.y;
           if (scratch.tracker) {
@@ -14890,22 +14919,34 @@ function useKeybindings(tools, options = {}) {
 
 // src/tools/prefs.ts
 function prefUnit(system, display, opts) {
-  const factor = system.units[display];
-  if (factor === void 0) {
-    const known = Object.keys(system.units).join(", ") || "(none)";
-    throw new Error(
-      `prefUnit: unknown unit '${display}' (system base: '${system.base}', known units: ${known})`
-    );
+  let self;
+  try {
+    self = unitScale(system, display);
+  } catch (e) {
+    throw new Error(`prefUnit: ${e instanceof Error ? e.message : String(e)}`);
   }
   const scale = opts?.precision === void 0 ? void 0 : 10 ** opts.precision;
   const suffix = opts?.suffix ?? display;
   const accepts = { [suffix]: 1 };
-  for (const [name, f] of Object.entries(system.units)) accepts[name] = f / factor;
+  for (const name of Object.keys(system.units)) {
+    const other = unitScale(system, name);
+    const factor = other.factor / self.factor;
+    const offset = (other.offset - self.offset) / self.factor;
+    accepts[name] = offset === 0 ? factor : { factor, offset };
+  }
+  const toDisplay = (stored) => {
+    const shown = (stored - self.offset) / self.factor;
+    return scale === void 0 ? shown : Math.round(shown * scale) / scale;
+  };
   return {
-    toDisplay: (stored) => scale === void 0 ? stored / factor : Math.round(stored / factor * scale) / scale,
-    fromDisplay: (shown) => shown * factor,
+    toDisplay,
+    fromDisplay: (shown) => shown * self.factor + self.offset,
     suffix,
-    accepts
+    accepts,
+    format: (stored) => `${formatUnit(stored, display, system, {
+      precision: opts?.precision ?? 2,
+      suffix: false
+    })}${suffix}`
   };
 }
 var TOOL_PREF_KINDS = {
@@ -16683,6 +16724,84 @@ function useTextTool() {
     []
   );
 }
+var PERCENT = {
+  toDisplay: (v) => Math.round(v * 1e3) / 10,
+  // Rounded rather than divided: 33.3 / 100 is 0.33299999999999996, and that
+  // dust would be written into the document and shown back on the next read.
+  fromDisplay: (v) => Math.round(v * 1e3) / 1e5,
+  suffix: "%"
+};
+var flag = (name, icon) => ({
+  kind: "boolean",
+  name,
+  description: `${name} for the characters in the range.`,
+  icon,
+  control: "toggle",
+  pair: "Character style",
+  default: false
+});
+useTextTool.options = {
+  name: "Text",
+  description: "Character styling for the selected range.",
+  children: {
+    bold: flag("Bold", "bold"),
+    italic: flag("Italic", "italic"),
+    underline: flag("Underline", "underline"),
+    strikethrough: flag("Strikethrough", "strikethrough"),
+    overline: flag("Overline", "overline"),
+    // Its own kind rather than an enum: the two values are exclusive *and*
+    // absent is a third state an enum cannot name, so clicking the lit
+    // segment has to clear it. The host draws it and owns that rule.
+    script: {
+      kind: "script",
+      name: "Script",
+      description: "Raise or lower the range off the baseline, at a smaller size.",
+      default: void 0
+    },
+    fontFamily: {
+      kind: "font-family",
+      name: "Font",
+      description: "Typeface for the range.",
+      default: void 0
+    },
+    fontSize: { kind: "number", name: "Size", description: "Type size.", min: 1, step: 1, default: 16 },
+    letterSpacing: {
+      kind: "number",
+      name: "Tracking",
+      // The typographic term, short enough for a strip; `name` stays the
+      // accessible one.
+      short: "VA",
+      description: "Space added between characters.",
+      step: 0.1,
+      default: 0
+    },
+    baselineShift: {
+      kind: "number",
+      name: "Baseline shift",
+      short: "Shift",
+      description: "Raise or lower the range, in ems of the inherited size.",
+      step: 1e-3,
+      unit: PERCENT,
+      default: 0
+    },
+    fontScale: {
+      kind: "number",
+      name: "Scale",
+      description: "Size of the range against the inherited size.",
+      min: 0.01,
+      step: 1e-3,
+      unit: PERCENT,
+      default: 1
+    },
+    fill: {
+      kind: "color",
+      name: "Color",
+      description: "Ink for the range.",
+      alpha: true,
+      default: "#000000"
+    }
+  }
+};
 
 // src/features/paths/nearestAnchor.ts
 function nearestPathAnchor(paths, point, px, scale, accept) {
@@ -27336,20 +27455,20 @@ function styleEquals(a, b) {
   return a.bold === b.bold && a.italic === b.italic && a.underline === b.underline && a.strikethrough === b.strikethrough && a.overline === b.overline && a.fontSize === b.fontSize && a.fontFamily === b.fontFamily && a.color === b.color && a.letterSpacing === b.letterSpacing && a.script === b.script && a.baselineShift === b.baselineShift && a.fontScale === b.fontScale;
 }
 function toRun(text, style) {
-  const run = { text };
-  if (style.bold) run.bold = true;
-  if (style.italic) run.italic = true;
-  if (style.fontSize != null) run.fontSize = style.fontSize;
-  if (style.fontFamily != null) run.fontFamily = style.fontFamily;
-  if (style.color != null) run.fill = { fill: "solid", color: style.color };
-  if (style.letterSpacing != null) run.letterSpacing = style.letterSpacing;
-  if (style.underline) run.underline = true;
-  if (style.strikethrough) run.strikethrough = true;
-  if (style.overline) run.overline = true;
-  if (style.script != null) run.script = style.script;
-  if (style.baselineShift != null) run.baselineShift = style.baselineShift;
-  if (style.fontScale != null) run.fontScale = style.fontScale;
-  return run;
+  const run2 = { text };
+  if (style.bold) run2.bold = true;
+  if (style.italic) run2.italic = true;
+  if (style.fontSize != null) run2.fontSize = style.fontSize;
+  if (style.fontFamily != null) run2.fontFamily = style.fontFamily;
+  if (style.color != null) run2.fill = { fill: "solid", color: style.color };
+  if (style.letterSpacing != null) run2.letterSpacing = style.letterSpacing;
+  if (style.underline) run2.underline = true;
+  if (style.strikethrough) run2.strikethrough = true;
+  if (style.overline) run2.overline = true;
+  if (style.script != null) run2.script = style.script;
+  if (style.baselineShift != null) run2.baselineShift = style.baselineShift;
+  if (style.fontScale != null) run2.fontScale = style.fontScale;
+  return run2;
 }
 function domToRuns(parent) {
   const fragments = [];
@@ -27391,27 +27510,27 @@ function domToRuns(parent) {
 }
 function runsToDom(runs, parent) {
   parent.replaceChildren();
-  for (const run of runs) {
+  for (const run2 of runs) {
     const span = document.createElement("span");
     span.setAttribute("data-run", "");
-    span.textContent = run.text;
-    if (run.bold) span.style.fontWeight = "700";
-    if (run.italic) span.style.fontStyle = "italic";
-    if (run.fontSize != null) span.style.fontSize = `${run.fontSize}px`;
-    else if (run.fontScale != null) span.style.fontSize = `${run.fontScale * 100}%`;
-    if (run.fontFamily != null) span.style.fontFamily = run.fontFamily;
-    const color = solidColor(run.fill);
+    span.textContent = run2.text;
+    if (run2.bold) span.style.fontWeight = "700";
+    if (run2.italic) span.style.fontStyle = "italic";
+    if (run2.fontSize != null) span.style.fontSize = `${run2.fontSize}px`;
+    else if (run2.fontScale != null) span.style.fontSize = `${run2.fontScale * 100}%`;
+    if (run2.fontFamily != null) span.style.fontFamily = run2.fontFamily;
+    const color = solidColor(run2.fill);
     if (color != null) span.style.color = color;
     const decorations = [];
-    if (run.underline) decorations.push("underline");
-    if (run.strikethrough) decorations.push("line-through");
-    if (run.overline) decorations.push("overline");
+    if (run2.underline) decorations.push("underline");
+    if (run2.strikethrough) decorations.push("line-through");
+    if (run2.overline) decorations.push("overline");
     if (decorations.length > 0) span.style.textDecoration = decorations.join(" ");
-    if (run.script != null) span.style.verticalAlign = run.script;
-    if (run.baselineShift != null) {
-      span.setAttribute("data-baseline-shift", String(run.baselineShift));
+    if (run2.script != null) span.style.verticalAlign = run2.script;
+    if (run2.baselineShift != null) {
+      span.setAttribute("data-baseline-shift", String(run2.baselineShift));
     }
-    if (run.letterSpacing != null) span.style.letterSpacing = `${run.letterSpacing}px`;
+    if (run2.letterSpacing != null) span.style.letterSpacing = `${run2.letterSpacing}px`;
     parent.appendChild(span);
   }
 }
@@ -27495,8 +27614,8 @@ function deepEqual(a, b) {
   }
   return false;
 }
-function valueAt(run, key) {
-  const value = run[key];
+function valueAt(run2, key) {
+  const value = run2[key];
   if (FLAG_KEYS.has(key)) return value ?? false;
   return value;
 }
@@ -27509,7 +27628,7 @@ function sameStyle(a, b) {
 }
 function totalLength(runs) {
   let n = 0;
-  for (const run of runs) n += run.text.length;
+  for (const run2 of runs) n += run2.text.length;
   return n;
 }
 function styleAtRange(runs, start, end) {
@@ -27520,14 +27639,14 @@ function styleAtRange(runs, start, end) {
   const mixed = /* @__PURE__ */ new Set();
   let seen = false;
   let pos = 0;
-  for (const run of runs) {
-    const runEnd = pos + run.text.length;
+  for (const run2 of runs) {
+    const runEnd = pos + run2.text.length;
     const a = Math.max(pos, lo);
     const b = Math.min(runEnd, hi);
     pos = runEnd;
     if (!(a < b)) continue;
     for (const key of STYLE_KEYS) {
-      const value = valueAt(run, key);
+      const value = valueAt(run2, key);
       if (!seen) first.set(key, value);
       else if (!mixed.has(key) && !sameValue(key, first.get(key), value)) {
         mixed.add(key);
@@ -27548,14 +27667,14 @@ function styleAtRange(runs, start, end) {
 }
 function runsCarryStyling(runs) {
   return runs.some(
-    (run) => STYLE_KEYS.some((key) => {
-      const value = run[key];
+    (run2) => STYLE_KEYS.some((key) => {
+      const value = run2[key];
       return value !== void 0 && value !== false;
     })
   );
 }
-function patchRun(run, patch) {
-  const next = { ...run };
+function patchRun(run2, patch) {
+  const next = { ...run2 };
   for (const key of STYLE_KEYS) {
     if (!(key in patch)) continue;
     const value = patch[key];
@@ -27566,11 +27685,11 @@ function patchRun(run, patch) {
 }
 function coalesceRuns(runs) {
   const out = [];
-  for (const run of runs) {
-    if (run.text.length === 0) continue;
+  for (const run2 of runs) {
+    if (run2.text.length === 0) continue;
     const prev = out[out.length - 1];
-    if (prev && sameStyle(prev, run)) prev.text += run.text;
-    else out.push({ ...run });
+    if (prev && sameStyle(prev, run2)) prev.text += run2.text;
+    else out.push({ ...run2 });
   }
   return out;
 }
@@ -27580,16 +27699,16 @@ function applyStyleToRange(runs, start, end, patch) {
   if (!(lo < hi)) return coalesceRuns(runs);
   const out = [];
   let pos = 0;
-  for (const run of runs) {
-    const runEnd = pos + run.text.length;
+  for (const run2 of runs) {
+    const runEnd = pos + run2.text.length;
     const a = Math.max(pos, lo);
     const b = Math.min(runEnd, hi);
     if (a < b) {
-      if (pos < a) out.push({ ...run, text: run.text.slice(0, a - pos) });
-      out.push(patchRun({ ...run, text: run.text.slice(a - pos, b - pos) }, patch));
-      if (b < runEnd) out.push({ ...run, text: run.text.slice(b - pos) });
+      if (pos < a) out.push({ ...run2, text: run2.text.slice(0, a - pos) });
+      out.push(patchRun({ ...run2, text: run2.text.slice(a - pos, b - pos) }, patch));
+      if (b < runEnd) out.push({ ...run2, text: run2.text.slice(b - pos) });
     } else {
-      out.push({ ...run });
+      out.push({ ...run2 });
     }
     pos = runEnd;
   }
@@ -27685,7 +27804,7 @@ function patchForToggle(current, toggle, nodeStyle) {
 function styleAtCaret(runs, at) {
   return at > 0 ? styleAtRange(runs, at - 1, at) : styleAtRange(runs, 0, 1);
 }
-function spliceRunAt(runs, at, run) {
+function spliceRunAt(runs, at, run2) {
   const out = [];
   let pos = 0;
   let placed2 = false;
@@ -27694,7 +27813,7 @@ function spliceRunAt(runs, at, run) {
     if (!placed2 && at <= end) {
       const k = at - pos;
       if (k > 0) out.push({ ...r, text: r.text.slice(0, k) });
-      out.push(run);
+      out.push(run2);
       if (k < r.text.length) out.push({ ...r, text: r.text.slice(k) });
       placed2 = true;
     } else {
@@ -27702,7 +27821,7 @@ function spliceRunAt(runs, at, run) {
     }
     pos = end;
   }
-  if (!placed2) out.push(run);
+  if (!placed2) out.push(run2);
   return applyStyleToRange(out, 0, 0, {});
 }
 function restoreOverlayFocus(overlay, range) {
@@ -28326,8 +28445,8 @@ function effectiveRangeStyle(range, style, paint) {
   if (resolved.fill !== null) out.fill = resolved.fill;
   for (const key of FLAGS) {
     const on = nodeHasFlag(node, key);
-    const run = range?.[key];
-    out[key] = on || run === void 0 ? on : run;
+    const run2 = range?.[key];
+    out[key] = on || run2 === void 0 ? on : run2;
   }
   if (range === null) return out;
   for (const key of OVERRIDES) {
@@ -28567,7 +28686,7 @@ function asMesh(fill) {
 }
 function shifted(color, dL, cScale, dHueDeg) {
   const [r, g, b, a] = resolveColor(color);
-  const [L, A, B] = srgbU8ToOklab(r * 255, g * 255, b * 255);
+  const [L, A, B] = srgbFloatToOklab(r, g, b);
   const [, C, h] = oklabToOklch(L, A, B);
   const [nL, nA, nB] = oklchToOklab(
     Math.min(1, Math.max(0, L + dL)),
@@ -30541,19 +30660,19 @@ var isDev2 = typeof import.meta !== "undefined" && import.meta.env?.DEV;
 function useBooleans(adapter, _options = {}) {
   const adapterRef = useRef(adapter);
   adapterRef.current = adapter;
-  const run = useCallback((op) => {
+  const run2 = useCallback((op) => {
     const result = applyBooleanOp(adapterRef.current, op);
     if (isDev2 && result.kind === "noop" && result.reason === "too-few-for-subtract") {
       console.warn("[useBooleans] subtract requires at least 2 selected paths");
     }
   }, []);
   return {
-    union: useCallback(() => run("union"), [run]),
-    intersect: useCallback(() => run("intersect"), [run]),
-    subtract: useCallback(() => run("subtract"), [run]),
-    exclude: useCallback(() => run("exclude"), [run]),
-    divide: useCallback(() => run("divide"), [run]),
-    crop: useCallback(() => run("crop"), [run])
+    union: useCallback(() => run2("union"), [run2]),
+    intersect: useCallback(() => run2("intersect"), [run2]),
+    subtract: useCallback(() => run2("subtract"), [run2]),
+    exclude: useCallback(() => run2("exclude"), [run2]),
+    divide: useCallback(() => run2("divide"), [run2]),
+    crop: useCallback(() => run2("crop"), [run2])
   };
 }
 function useBooleansAdapter(adapter) {
@@ -31244,9 +31363,6 @@ function cellRectAt(bounds, cols, rows, gap, col, row) {
     height: ch
   };
 }
-function sortedChildIds(children) {
-  return children.map((c) => c.id).sort();
-}
 function tileGrid(opts) {
   const { cols, rows } = opts;
   const gap = opts.gap ?? 0;
@@ -31297,12 +31413,18 @@ function tileGrid(opts) {
     snap: snap2,
     childPoses(container, children) {
       const out = /* @__PURE__ */ new Map();
-      const ids = sortedChildIds(children);
-      const byId = new Map(children.map((c) => [c.id, c.pose]));
-      for (let i = 0; i < ids.length && i < capacity; i++) {
+      const ordered = children.map((c) => ({ c, cell: cellIndexOf(container.bounds, c.pose) })).sort((a, b) => {
+        if (a.cell !== b.cell) {
+          if (a.cell === null) return 1;
+          if (b.cell === null) return -1;
+          return a.cell - b.cell;
+        }
+        return a.c.id < b.c.id ? -1 : a.c.id > b.c.id ? 1 : 0;
+      });
+      for (let i = 0; i < ordered.length && i < capacity; i++) {
         const col = i % cols;
         const row = Math.floor(i / cols);
-        out.set(ids[i], cellPose(container.bounds, col, row, byId.get(ids[i])));
+        out.set(ordered[i].c.id, cellPose(container.bounds, col, row, ordered[i].c.pose));
       }
       return out;
     },
@@ -31439,5 +31561,5 @@ function snapPoint(opts) {
 }
 
 export { ANCHOR_HIT_BASE_PX, ActionsProviderIfRoot, ArrowIcon, BUILTIN_MARKERS, BUNDLE_TOOLS, CURVE_REPS, CanvasView, ColorOverrideRegistry, CropIcon, CursorCoordsHud, DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME, 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, DepRegistryProviderIfRoot, DeviceProfileProvider, DivideIcon, EASINGS, EFFECT_KIT_UNIFORMS, EFFECT_VERT_SRC, 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, KIT_STANDARD_ACTION_IDS, LassoIcon, LineIcon, MESH_BAKE_SIZE, MESH_GRADIENT_KIND, MIXED, MOVE_ANCHORS, MinimapCanvas, OUTLINE_MIN_SCREEN_PX, PAINTED_CURSOR_LAYER_ID, PATH_ANCHOR_CHROME_ID, PenIcon, PencilIcon, PickHud, PointerProviderIfRoot, PolygonIcon, RECT_POSE_COMPOSITION, RIGID_POSE_COMPOSITION, ROTATION_HANDLE_BASE_PX, RectIcon, SPRING_PRESETS, SPRITE_STRIDE, SceneCanvas, SceneViewCanvas, SelectIcon, SelectionContextProvider, SelectionContextProviderIfRoot, ShaderCompileError, StarIcon, SubtractIcon, TOOL_PREF_KINDS, TextIcon, UNION_OF_CHILDREN, UnionIcon, UnknownIcon, VERSION, VIEW_ANIMATION_KEY, WHEEL_ZOOM_STEP, WeaselProvider, WeaselRenderer, ZOOM_FLOOR, _resetMarkersForTests, _resetPaintKindsForTests, actionIs, actionShortcuts, alignDeltaFor, alignInsertBehavior, alignMoveBehavior, alignResizeBehavior, always, and, animateLifecycle, animateOnSetPose, annulusSemiAxes, applyBooleanOp, applyStyleToRange, areaSelectAction, arrayAdapter, asNodeId, asPaint, bakeMesh, bezierCubic, bezierQuadratic, bindRig, blendPoses, blur, buildChromeCtx, buildGradientRamp, buildSceneViewCommands, canBringForward, canHover, canSendBackward, capabilityAll, capabilityIn, capabilityIs, capabilityNot, caretIndexAt, cellAt, charOffsetToDomPosition, circlePath, clampView, clearSelectionAction, clipboardCopyAction, clipboardCutAction, cloneAction, coarsePointer, composeAffordanceLayer, composePath, composeRectPose, composeRigidPose, composeSelectionPose, composeWorldPose, computeFitView, computeFitViewport, computeIndicatorCommand, computeWheelAction, cond, constrainTo45, containedThenNearest, cornerWeights, countPathAnchors, createCellHighlightLayer, createChildrenLayer, createCornerResizeAffordance, createDebugOverlayLayer, createDebugSink, createGridLayer, createGuidesLayer, createHistory2 as createHistory, createKeyState, createMoveToIndexOp, createNodeProperties, createNodeRouting, createPaintedCursorLayer, createParallaxLayer, createPathAnchorAffordances, createPathEditingOverlayLayer, createPathLayer, createPenPreviewLayer, createPoseFeed, createPoseOverrides, createReorderOp, createRotationAffordance, createScene, createSelectionHandlesLayer, createSelectionOutlineLayer, createSelectionOverlayLayer, createSetDataOp, createSetLayerOp, createSetPathOp, createSetTextOp, createSlew, createTextLayer, createTiledLayer, createVelocityTracker, createViewResolver, createViewportLayer, cubicBezierEasing, cullDrawCommands, cycleVertexColors, decomposePath, decomposeRectPose, decomposeRigidPose, defaultCommitAdapter, defaultDrawOne, defaultLabelTextRenderer, defaultNodeProperties, defaultNodeRouting, defaultVisibilityRules, defineTool, defineViewportTool, deriveAlignmentGuides, deriveParallaxView, derivedDepOf, derivedPose, documentPose, 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, effectivePose, effectiveRangeStyle, enterTextEditAction, enumerateAnchors, evalPatch, fillInPoseFrame, fillToBoundsFrame, findNodeShape, findShapeInk, findShapeSilhouette, fitTextPose, fitToBounds, fitViewToBounds, fitZoom, flattenPreviews, 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, insertPreviewExtent, interpolateView, isBuiltinToolPref, isGradientFill, isLayerPainted, isLayerVisible, isMeshGradientFill, isPatternSpec, isTensorPatch, isValidPatch, keySpecShortcut, lassoSelectAction, linear, listMarkers, listPaintKinds, makePinchZoomAction, makeViewportWheelPanAction, makeViewportZoomAction, markerDrawCommands, markerInset, markerKeyOf, markerSites, mat3, matchAlignment, meanScale, mergeAlphaFromPrev, meshBounds, meshGradientXml, modeIn, modeIs, modeNot, modifierHeld, momentum, moveAction, multiActive, nearest, nearestWithin, nestedHitTester, never, nodeHasFlag, none, normalizeHex, normalizeView, normalizeZoom, not, nurbs, openFilePicker, or, paintAlpha, paintKindOf, paintWithAlpha, paintWithColor, parseColor, parseColorToRgba255, parseDebugFlags, patchBounds, patchCorner, pathContainsPoint, pathContainsPolygon, pathContainsRect, pathDistanceToPoint, pathDivide, pathExclude, pathFromD, pathInPoseFrame, pathInWorld, pathIntersect, pathIntersectsPolygon, pathIntersectsRect, pathOriginProjection, pathSubtract, pathToAnchors, pathUnion, pickTopMostHit, pinchZoomAction, planPixelRender, pointInTextPose, poseRotationOf, prefUnit, pressureToWidth, rainbowVertexColors, rebaseLocalPose, rectMarkerPath, registerContentHandler, registerEffect, registerMarker, registerNodeShape, registerPaintKind, registerProgram, renderLabel, renderSceneToCanvas, renderSceneToPixels, resizeAction, resolveColor, resolveEasing, resolveFillPattern, resolveMarkerSize, resolveOverlays, resolvePatternSpec, resolvePreviews, resolveSkeleton, resolveStrokeWidth, resolveVisibility, rgbaToHex, rigidRigApply, rotateAction, rotateAroundAABBCenter, rotatePathAround, rotationDegreesUnit, rotationHandle, roundRectPath, roundToCell, runsToDom, sampleGradientStops, sampleTrack, sceneFromJSON, sceneNodeClientRect, sceneSelectionStore, sceneToAdapter, screenToWorld, seedMeshPatch, selectFromLasso, selectionAtLeast, selectionEmpty, selectionIs, setFlagOverRange, shapeCoversPoint, slewToward, sliceAction, snapPoint, solid, solidVertexColors, spiro, splitPathByLine, splitSubpaths, springPose, springVertexColors, squarePath, staggerVertexColors, startThresholdDrag, strokeInsets, strokeOf, strokeWith, styleAtRange, subscribeImageReady, tessellate, tessellateStroke, textCommand, textCommandFromPose, textCommandFromRuns, tileGrid, tiledProject, toHex8, translateRectPose, trimPolyline, tweenPose, tweenVertexColors, unionBoundsPath, unionOfChildren, unionOfChildrenVia, useAlign, useAnimator, useArrayAdapter, useAutoCenter, useBooleans, useBooleansAdapter, useCanvasFocus, useCanvasSize, useDecayLoop, useDeviceProfile, useDistribute, useDragGesture, useDragHandle, useDragRadial, useDragRect, useDropZone, useEllipseTool, useEyedropperTool, useGridCellHover, useGuides, useHandTool, useHandleDrag, useHostAnchor, useHoverTracking, useImageTool, useKeyState, useKeybindings, useLassoTool, useLineTool, useNodeOverlayFrame, usePenTool, usePencilTool, usePinchGesture, usePointerStylus, usePolygonTool, usePoseCompositionDepSource, usePoseDescriptorDepSource, usePoseRun, usePublishSelection, useRectTool, useResizePolicy, useRig, useScene, useSceneAdapter, useSceneTextEdit, useSelectTool, useSelection, useSelectionContext, useSimulation, useSliceDep, useStandardActions, useStarTool, useTextEdit, useTextTool, useTools, useVelocityTracker, useViewAnimation, useViewAnimationOn, useVisibleRaf, viewToMat3, viewToTransform, viewZoom, viewportDragPanAction, viewportWheelPanAction, viewportZoomAction, viewportsAt, vignette, wheelPan, wheelZoom, wheelZoomFactor, when, withAlpha01, withCoord, withGradientKind, worldEditToStorage, worldPoseLookup, worldToScreen, zoomAt, zoomAtLeast };
-//# sourceMappingURL=chunk-GREL4MVO.js.map
-//# sourceMappingURL=chunk-GREL4MVO.js.map
+//# sourceMappingURL=chunk-QEZL53V6.js.map
+//# sourceMappingURL=chunk-QEZL53V6.js.map