@grida/hud 0.2.2 → 0.2.4

package/dist/{index-BQtDtpHM.d.mts → index-DHVvd2ak.d.mts}

@@ -384,8 +384,18 @@ type SurfaceGesture = {
    * AABB + matrix so resize math runs in the rotated/skewed local frame.
    */
   initial_shape: SelectionShape; /** Anchor (pointer-down) in document-space. */
-  anchor_doc: cmath.Vector2; /** Current shape during the gesture. Same kind as `initial_shape`. */
+  anchor_doc: cmath.Vector2;
+  /** Current shape during the gesture. Same kind as `initial_shape`.
+   *  Opposite-anchored — feeds the emitted `resize` intent (move +
+   *  commit). The host derives its own anchor (e.g. Alt → center)
+   *  from these dims, so this MUST stay opposite-anchored. */
   current_shape: SelectionShape;
+  /** Shape to DRAW for the dashed preview. Equals `current_shape`
+   *  except under Alt, where it is symmetric about the initial
+   *  center so the dashed box matches where a center-anchoring host
+   *  lands the artwork (otherwise the preview visibly lags the
+   *  actual result). Visual only — never emitted on an intent. */
+  preview_shape: SelectionShape;
 } | {
   kind: "rotate";
   ids: NodeId[];

package/dist/{index-BlfZbeEJ.d.ts → index-KI1k5HJX.d.ts}

@@ -384,8 +384,18 @@ type SurfaceGesture = {
    * AABB + matrix so resize math runs in the rotated/skewed local frame.
    */
   initial_shape: SelectionShape; /** Anchor (pointer-down) in document-space. */
-  anchor_doc: cmath.Vector2; /** Current shape during the gesture. Same kind as `initial_shape`. */
+  anchor_doc: cmath.Vector2;
+  /** Current shape during the gesture. Same kind as `initial_shape`.
+   *  Opposite-anchored — feeds the emitted `resize` intent (move +
+   *  commit). The host derives its own anchor (e.g. Alt → center)
+   *  from these dims, so this MUST stay opposite-anchored. */
   current_shape: SelectionShape;
+  /** Shape to DRAW for the dashed preview. Equals `current_shape`
+   *  except under Alt, where it is symmetric about the initial
+   *  center so the dashed box matches where a center-anchoring host
+   *  lands the artwork (otherwise the preview visibly lags the
+   *  actual result). Visual only — never emitted on an intent. */
+  preview_shape: SelectionShape;
 } | {
   kind: "rotate";
   ids: NodeId[];

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { a as HUDPaintStripes, c as HUDRect, d as HUDSemantic, f as HUDSemanticGroup, i as HUDPaintSolid, l as HUDRule, n as HUDLine, o as HUDPoint, r as HUDPaint, s as HUDPolyline, t as HUDDraw, u as HUDScreenRect } from "./types-3wwFisZs.mjs";
 import { a as cursorEquals, i as RotationCorner, n as CursorRenderer, o as cursorToCss, r as ResizeDirection, t as CursorIcon } from "./cursor-CxS8EMvm.mjs";
-import { $ as ResolvedPaint, $t as DEFAULT_RULER_OVERLAP_THRESHOLD, A as TransformBoxHover, At as cornerRadiusLayoutGroups, B as Modifiers, Bt as TransformBoxCorners, C as MIN_CHROME_VISIBLE_SIZE, Ct as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, D as VectorHover, Dt as cornerRadiusAnchorSign, E as RenderShape, Et as computeCornerRadiusLayout, F as TapHandler, Ft as SurfaceGesture, G as lassoToHUDDraw, Gt as getTransformBoxCorners, H as PointerButton, Ht as compose, I as TapOutcome, It as SelectionGroup, J as snapGuideToHUDDraw, Jt as DEFAULT_RULER_ACCENT_COLOR, K as marqueeToHUDDraw, Kt as reduceTransformBox, L as Intent, Lt as SelectionShape, M as PaddingHover, Mt as resolveCenterDragAnchor, N as PaddingOverlayInput, Nt as resolveCornerDragAnchor, O as VectorSubSelection, Ot as cornerRadiusHandlePosLine, P as HUDStyle, Pt as Rect, Q as DEFAULT_STRIPES_THICKNESS_PX, Qt as DEFAULT_RULER_FONT, R as IntentPhase, Rt as AffineTransform, S as HitShape, St as DEFAULT_CORNER_RADIUS_HANDLE_INSET, T as OverlayElement, Tt as DrawCornerRadiusParams, U as SurfaceEvent, Ut as cornersToBoxTransform, V as NO_MODS, Vt as TransformBoxOptions, W as SurfaceResponse, Wt as decompose, X as DEFAULT_STRIPES_ANGLE_DEG, Xt as DEFAULT_RULER_COLOR, Y as filterHUDDrawByGroup, Yt as DEFAULT_RULER_BACKGROUND, Z as DEFAULT_STRIPES_SPACING_PX, Zt as DEFAULT_RULER_DRAG_THRESHOLD, _ as PADDING_HANDLE_PRIORITY, _t as resolveParametricHandleByDirection, a as SurfaceVisibilityPolicy, an as RulerAxis, at as DEFAULT_PARAMETRIC_HANDLE_INSET, b as VectorOverlay, bt as CornerRadiusInput, c as VectorSelectionMode, cn as RulerRange, ct as DrawParametricHandlesParams, d as TRANSFORM_BOX_CORNER_HIT_SIZE, dn as DEFAULT_PIXEL_GRID_STEPS, dt as ParametricHandleInput, en as DEFAULT_RULER_STEPS, et as buildStripesTile, f as TRANSFORM_BOX_CORNER_PRIORITY, fn as DrawPixelGridParams, ft as ParametricHandleLayout, g as PADDING_HANDLE_LENGTH, gt as projectParametricHandleValue, h as buildPaddingOverlay, ht as parametricHandleLayoutGroups, i as SurfaceVisibilityContext, in as DrawRulerParams, it as HUDCanvasOptions, j as TransformBoxInput, jt as drawCornerRadius, k as TransformBoxActiveOp, kt as cornerRadiusHandlePosRect, l as buildTransformBox, ln as drawRuler, lt as ParametricHandle, m as TRANSFORM_BOX_SIDE_PRIORITY, mn as drawPixelGrid, mt as drawParametricHandles, n as SurfaceOptions, nn as DEFAULT_RULER_TEXT_SIDE_OFFSET, nt as resolvePaint, o as VectorBendMode, on as RulerConfig, ot as DEFAULT_PARAMETRIC_HANDLE_SIZE, p as TRANSFORM_BOX_SIDE_HIT_THICKNESS, pn as PixelGridConfig, pt as computeParametricHandleLayout, q as measurementToHUDDraw, qt as DEFAULT_RULER_ACCENT_BACKGROUND, r as SurfaceVisibility, rn as DEFAULT_RULER_TICK_HEIGHT, rt as HUDCanvas, s as VectorInsertionMode, sn as RulerMark, st as DEFAULT_PARAMETRIC_HIT_SIZE, t as Surface, tn as DEFAULT_RULER_STRIP, tt as computeStripesTileGeometry, u as TRANSFORM_BOX_BODY_PRIORITY, un as DEFAULT_PIXEL_GRID_COLOR, ut as ParametricHandleGroup, v as PADDING_HANDLE_THICKNESS, vt as CornerRadiusAnchor, w as MIN_HIT_SIZE, wt as DEFAULT_CORNER_RADIUS_HIT_SIZE, x as SurfaceChromeGroups, xt as CornerRadiusRectangular, y as PADDING_REGION_PRIORITY, yt as CornerRadiusHandleLayout, z as SelectMode, zt as TransformBoxAction } from "./index-BQtDtpHM.mjs";
+import { $ as ResolvedPaint, $t as DEFAULT_RULER_OVERLAP_THRESHOLD, A as TransformBoxHover, At as cornerRadiusLayoutGroups, B as Modifiers, Bt as TransformBoxCorners, C as MIN_CHROME_VISIBLE_SIZE, Ct as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, D as VectorHover, Dt as cornerRadiusAnchorSign, E as RenderShape, Et as computeCornerRadiusLayout, F as TapHandler, Ft as SurfaceGesture, G as lassoToHUDDraw, Gt as getTransformBoxCorners, H as PointerButton, Ht as compose, I as TapOutcome, It as SelectionGroup, J as snapGuideToHUDDraw, Jt as DEFAULT_RULER_ACCENT_COLOR, K as marqueeToHUDDraw, Kt as reduceTransformBox, L as Intent, Lt as SelectionShape, M as PaddingHover, Mt as resolveCenterDragAnchor, N as PaddingOverlayInput, Nt as resolveCornerDragAnchor, O as VectorSubSelection, Ot as cornerRadiusHandlePosLine, P as HUDStyle, Pt as Rect, Q as DEFAULT_STRIPES_THICKNESS_PX, Qt as DEFAULT_RULER_FONT, R as IntentPhase, Rt as AffineTransform, S as HitShape, St as DEFAULT_CORNER_RADIUS_HANDLE_INSET, T as OverlayElement, Tt as DrawCornerRadiusParams, U as SurfaceEvent, Ut as cornersToBoxTransform, V as NO_MODS, Vt as TransformBoxOptions, W as SurfaceResponse, Wt as decompose, X as DEFAULT_STRIPES_ANGLE_DEG, Xt as DEFAULT_RULER_COLOR, Y as filterHUDDrawByGroup, Yt as DEFAULT_RULER_BACKGROUND, Z as DEFAULT_STRIPES_SPACING_PX, Zt as DEFAULT_RULER_DRAG_THRESHOLD, _ as PADDING_HANDLE_PRIORITY, _t as resolveParametricHandleByDirection, a as SurfaceVisibilityPolicy, an as RulerAxis, at as DEFAULT_PARAMETRIC_HANDLE_INSET, b as VectorOverlay, bt as CornerRadiusInput, c as VectorSelectionMode, cn as RulerRange, ct as DrawParametricHandlesParams, d as TRANSFORM_BOX_CORNER_HIT_SIZE, dn as DEFAULT_PIXEL_GRID_STEPS, dt as ParametricHandleInput, en as DEFAULT_RULER_STEPS, et as buildStripesTile, f as TRANSFORM_BOX_CORNER_PRIORITY, fn as DrawPixelGridParams, ft as ParametricHandleLayout, g as PADDING_HANDLE_LENGTH, gt as projectParametricHandleValue, h as buildPaddingOverlay, ht as parametricHandleLayoutGroups, i as SurfaceVisibilityContext, in as DrawRulerParams, it as HUDCanvasOptions, j as TransformBoxInput, jt as drawCornerRadius, k as TransformBoxActiveOp, kt as cornerRadiusHandlePosRect, l as buildTransformBox, ln as drawRuler, lt as ParametricHandle, m as TRANSFORM_BOX_SIDE_PRIORITY, mn as drawPixelGrid, mt as drawParametricHandles, n as SurfaceOptions, nn as DEFAULT_RULER_TEXT_SIDE_OFFSET, nt as resolvePaint, o as VectorBendMode, on as RulerConfig, ot as DEFAULT_PARAMETRIC_HANDLE_SIZE, p as TRANSFORM_BOX_SIDE_HIT_THICKNESS, pn as PixelGridConfig, pt as computeParametricHandleLayout, q as measurementToHUDDraw, qt as DEFAULT_RULER_ACCENT_BACKGROUND, r as SurfaceVisibility, rn as DEFAULT_RULER_TICK_HEIGHT, rt as HUDCanvas, s as VectorInsertionMode, sn as RulerMark, st as DEFAULT_PARAMETRIC_HIT_SIZE, t as Surface, tn as DEFAULT_RULER_STRIP, tt as computeStripesTileGeometry, u as TRANSFORM_BOX_BODY_PRIORITY, un as DEFAULT_PIXEL_GRID_COLOR, ut as ParametricHandleGroup, v as PADDING_HANDLE_THICKNESS, vt as CornerRadiusAnchor, w as MIN_HIT_SIZE, wt as DEFAULT_CORNER_RADIUS_HIT_SIZE, x as SurfaceChromeGroups, xt as CornerRadiusRectangular, y as PADDING_REGION_PRIORITY, yt as CornerRadiusHandleLayout, z as SelectMode, zt as TransformBoxAction } from "./index-DHVvd2ak.mjs";
 
 //#region event/selection-controls.d.ts
 declare const HUDHitPriority: {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { a as HUDPaintStripes, c as HUDRect, d as HUDSemantic, f as HUDSemanticGroup, i as HUDPaintSolid, l as HUDRule, n as HUDLine, o as HUDPoint, r as HUDPaint, s as HUDPolyline, t as HUDDraw, u as HUDScreenRect } from "./types-3wwFisZs.js";
 import { a as cursorEquals, i as RotationCorner, n as CursorRenderer, o as cursorToCss, r as ResizeDirection, t as CursorIcon } from "./cursor-CxS8EMvm.js";
-import { $ as ResolvedPaint, $t as DEFAULT_RULER_OVERLAP_THRESHOLD, A as TransformBoxHover, At as cornerRadiusLayoutGroups, B as Modifiers, Bt as TransformBoxCorners, C as MIN_CHROME_VISIBLE_SIZE, Ct as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, D as VectorHover, Dt as cornerRadiusAnchorSign, E as RenderShape, Et as computeCornerRadiusLayout, F as TapHandler, Ft as SurfaceGesture, G as lassoToHUDDraw, Gt as getTransformBoxCorners, H as PointerButton, Ht as compose, I as TapOutcome, It as SelectionGroup, J as snapGuideToHUDDraw, Jt as DEFAULT_RULER_ACCENT_COLOR, K as marqueeToHUDDraw, Kt as reduceTransformBox, L as Intent, Lt as SelectionShape, M as PaddingHover, Mt as resolveCenterDragAnchor, N as PaddingOverlayInput, Nt as resolveCornerDragAnchor, O as VectorSubSelection, Ot as cornerRadiusHandlePosLine, P as HUDStyle, Pt as Rect, Q as DEFAULT_STRIPES_THICKNESS_PX, Qt as DEFAULT_RULER_FONT, R as IntentPhase, Rt as AffineTransform, S as HitShape, St as DEFAULT_CORNER_RADIUS_HANDLE_INSET, T as OverlayElement, Tt as DrawCornerRadiusParams, U as SurfaceEvent, Ut as cornersToBoxTransform, V as NO_MODS, Vt as TransformBoxOptions, W as SurfaceResponse, Wt as decompose, X as DEFAULT_STRIPES_ANGLE_DEG, Xt as DEFAULT_RULER_COLOR, Y as filterHUDDrawByGroup, Yt as DEFAULT_RULER_BACKGROUND, Z as DEFAULT_STRIPES_SPACING_PX, Zt as DEFAULT_RULER_DRAG_THRESHOLD, _ as PADDING_HANDLE_PRIORITY, _t as resolveParametricHandleByDirection, a as SurfaceVisibilityPolicy, an as RulerAxis, at as DEFAULT_PARAMETRIC_HANDLE_INSET, b as VectorOverlay, bt as CornerRadiusInput, c as VectorSelectionMode, cn as RulerRange, ct as DrawParametricHandlesParams, d as TRANSFORM_BOX_CORNER_HIT_SIZE, dn as DEFAULT_PIXEL_GRID_STEPS, dt as ParametricHandleInput, en as DEFAULT_RULER_STEPS, et as buildStripesTile, f as TRANSFORM_BOX_CORNER_PRIORITY, fn as DrawPixelGridParams, ft as ParametricHandleLayout, g as PADDING_HANDLE_LENGTH, gt as projectParametricHandleValue, h as buildPaddingOverlay, ht as parametricHandleLayoutGroups, i as SurfaceVisibilityContext, in as DrawRulerParams, it as HUDCanvasOptions, j as TransformBoxInput, jt as drawCornerRadius, k as TransformBoxActiveOp, kt as cornerRadiusHandlePosRect, l as buildTransformBox, ln as drawRuler, lt as ParametricHandle, m as TRANSFORM_BOX_SIDE_PRIORITY, mn as drawPixelGrid, mt as drawParametricHandles, n as SurfaceOptions, nn as DEFAULT_RULER_TEXT_SIDE_OFFSET, nt as resolvePaint, o as VectorBendMode, on as RulerConfig, ot as DEFAULT_PARAMETRIC_HANDLE_SIZE, p as TRANSFORM_BOX_SIDE_HIT_THICKNESS, pn as PixelGridConfig, pt as computeParametricHandleLayout, q as measurementToHUDDraw, qt as DEFAULT_RULER_ACCENT_BACKGROUND, r as SurfaceVisibility, rn as DEFAULT_RULER_TICK_HEIGHT, rt as HUDCanvas, s as VectorInsertionMode, sn as RulerMark, st as DEFAULT_PARAMETRIC_HIT_SIZE, t as Surface, tn as DEFAULT_RULER_STRIP, tt as computeStripesTileGeometry, u as TRANSFORM_BOX_BODY_PRIORITY, un as DEFAULT_PIXEL_GRID_COLOR, ut as ParametricHandleGroup, v as PADDING_HANDLE_THICKNESS, vt as CornerRadiusAnchor, w as MIN_HIT_SIZE, wt as DEFAULT_CORNER_RADIUS_HIT_SIZE, x as SurfaceChromeGroups, xt as CornerRadiusRectangular, y as PADDING_REGION_PRIORITY, yt as CornerRadiusHandleLayout, z as SelectMode, zt as TransformBoxAction } from "./index-BlfZbeEJ.js";
+import { $ as ResolvedPaint, $t as DEFAULT_RULER_OVERLAP_THRESHOLD, A as TransformBoxHover, At as cornerRadiusLayoutGroups, B as Modifiers, Bt as TransformBoxCorners, C as MIN_CHROME_VISIBLE_SIZE, Ct as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, D as VectorHover, Dt as cornerRadiusAnchorSign, E as RenderShape, Et as computeCornerRadiusLayout, F as TapHandler, Ft as SurfaceGesture, G as lassoToHUDDraw, Gt as getTransformBoxCorners, H as PointerButton, Ht as compose, I as TapOutcome, It as SelectionGroup, J as snapGuideToHUDDraw, Jt as DEFAULT_RULER_ACCENT_COLOR, K as marqueeToHUDDraw, Kt as reduceTransformBox, L as Intent, Lt as SelectionShape, M as PaddingHover, Mt as resolveCenterDragAnchor, N as PaddingOverlayInput, Nt as resolveCornerDragAnchor, O as VectorSubSelection, Ot as cornerRadiusHandlePosLine, P as HUDStyle, Pt as Rect, Q as DEFAULT_STRIPES_THICKNESS_PX, Qt as DEFAULT_RULER_FONT, R as IntentPhase, Rt as AffineTransform, S as HitShape, St as DEFAULT_CORNER_RADIUS_HANDLE_INSET, T as OverlayElement, Tt as DrawCornerRadiusParams, U as SurfaceEvent, Ut as cornersToBoxTransform, V as NO_MODS, Vt as TransformBoxOptions, W as SurfaceResponse, Wt as decompose, X as DEFAULT_STRIPES_ANGLE_DEG, Xt as DEFAULT_RULER_COLOR, Y as filterHUDDrawByGroup, Yt as DEFAULT_RULER_BACKGROUND, Z as DEFAULT_STRIPES_SPACING_PX, Zt as DEFAULT_RULER_DRAG_THRESHOLD, _ as PADDING_HANDLE_PRIORITY, _t as resolveParametricHandleByDirection, a as SurfaceVisibilityPolicy, an as RulerAxis, at as DEFAULT_PARAMETRIC_HANDLE_INSET, b as VectorOverlay, bt as CornerRadiusInput, c as VectorSelectionMode, cn as RulerRange, ct as DrawParametricHandlesParams, d as TRANSFORM_BOX_CORNER_HIT_SIZE, dn as DEFAULT_PIXEL_GRID_STEPS, dt as ParametricHandleInput, en as DEFAULT_RULER_STEPS, et as buildStripesTile, f as TRANSFORM_BOX_CORNER_PRIORITY, fn as DrawPixelGridParams, ft as ParametricHandleLayout, g as PADDING_HANDLE_LENGTH, gt as projectParametricHandleValue, h as buildPaddingOverlay, ht as parametricHandleLayoutGroups, i as SurfaceVisibilityContext, in as DrawRulerParams, it as HUDCanvasOptions, j as TransformBoxInput, jt as drawCornerRadius, k as TransformBoxActiveOp, kt as cornerRadiusHandlePosRect, l as buildTransformBox, ln as drawRuler, lt as ParametricHandle, m as TRANSFORM_BOX_SIDE_PRIORITY, mn as drawPixelGrid, mt as drawParametricHandles, n as SurfaceOptions, nn as DEFAULT_RULER_TEXT_SIDE_OFFSET, nt as resolvePaint, o as VectorBendMode, on as RulerConfig, ot as DEFAULT_PARAMETRIC_HANDLE_SIZE, p as TRANSFORM_BOX_SIDE_HIT_THICKNESS, pn as PixelGridConfig, pt as computeParametricHandleLayout, q as measurementToHUDDraw, qt as DEFAULT_RULER_ACCENT_BACKGROUND, r as SurfaceVisibility, rn as DEFAULT_RULER_TICK_HEIGHT, rt as HUDCanvas, s as VectorInsertionMode, sn as RulerMark, st as DEFAULT_PARAMETRIC_HIT_SIZE, t as Surface, tn as DEFAULT_RULER_STRIP, tt as computeStripesTileGeometry, u as TRANSFORM_BOX_BODY_PRIORITY, un as DEFAULT_PIXEL_GRID_COLOR, ut as ParametricHandleGroup, v as PADDING_HANDLE_THICKNESS, vt as CornerRadiusAnchor, w as MIN_HIT_SIZE, wt as DEFAULT_CORNER_RADIUS_HIT_SIZE, x as SurfaceChromeGroups, xt as CornerRadiusRectangular, y as PADDING_REGION_PRIORITY, yt as CornerRadiusHandleLayout, z as SelectMode, zt as TransformBoxAction } from "./index-KI1k5HJX.js";
 
 //#region event/selection-controls.d.ts
 declare const HUDHitPriority: {

package/dist/index.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_surface = require("./surface-BHDH6P6p.js");
+const require_surface = require("./surface-pUdCqwPj.js");
 const require_cursor = require("./cursor-FGiJBdU-.js");
 exports.BODY_FLIP_THRESHOLD = require_surface.BODY_FLIP_THRESHOLD;
 exports.DEFAULT_CORNER_RADIUS_HANDLE_INSET = require_surface.DEFAULT_CORNER_RADIUS_HANDLE_INSET;

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { $ as DEFAULT_RULER_BACKGROUND, A as filterHUDDrawByGroup, B as drawCornerRadius, C as PADDING_REGION_PRIORITY, D as marqueeToHUDDraw, E as lassoToHUDDraw, F as computeCornerRadiusLayout, G as DEFAULT_PARAMETRIC_HIT_SIZE, H as resolveCornerDragAnchor, I as cornerRadiusAnchorSign, J as parametricHandleLayoutGroups, K as computeParametricHandleLayout, L as cornerRadiusHandlePosLine, M as DEFAULT_CORNER_RADIUS_HANDLE_INSET, N as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, O as measurementToHUDDraw, P as DEFAULT_CORNER_RADIUS_HIT_SIZE, Q as DEFAULT_RULER_ACCENT_COLOR, R as cornerRadiusHandlePosRect, S as PADDING_HANDLE_THICKNESS, T as MIN_HIT_SIZE, U as DEFAULT_PARAMETRIC_HANDLE_INSET, V as resolveCenterDragAnchor, W as DEFAULT_PARAMETRIC_HANDLE_SIZE, X as resolveParametricHandleByDirection, Y as projectParametricHandleValue, Z as DEFAULT_RULER_ACCENT_BACKGROUND, _ as getTransformBoxCorners, _t as resolvePaint, a as computeSelectionControlLayout, at as DEFAULT_RULER_STRIP, b as PADDING_HANDLE_LENGTH, c as buildTransformBox, ct as drawRuler, d as TRANSFORM_BOX_CORNER_PRIORITY, dt as drawPixelGrid, et as DEFAULT_RULER_COLOR, f as TRANSFORM_BOX_SIDE_HIT_THICKNESS, ft as DEFAULT_STRIPES_ANGLE_DEG, g as decompose, gt as computeStripesTileGeometry, h as cornersToBoxTransform, ht as buildStripesTile, i as MIN_GUARANTEED_INTERACTIVE_DIM, it as DEFAULT_RULER_STEPS, j as HUDCanvas, k as snapGuideToHUDDraw, l as TRANSFORM_BOX_BODY_PRIORITY, lt as DEFAULT_PIXEL_GRID_COLOR, m as compose, mt as DEFAULT_STRIPES_THICKNESS_PX, n as BODY_FLIP_THRESHOLD, nt as DEFAULT_RULER_FONT, o as negotiateAxis, ot as DEFAULT_RULER_TEXT_SIDE_OFFSET, p as TRANSFORM_BOX_SIDE_PRIORITY, pt as DEFAULT_STRIPES_SPACING_PX, q as drawParametricHandles, r as HUDHitPriority, rt as DEFAULT_RULER_OVERLAP_THRESHOLD, s as NO_MODS, st as DEFAULT_RULER_TICK_HEIGHT, t as Surface, tt as DEFAULT_RULER_DRAG_THRESHOLD, u as TRANSFORM_BOX_CORNER_HIT_SIZE, ut as DEFAULT_PIXEL_GRID_STEPS, v as reduceTransformBox, w as MIN_CHROME_VISIBLE_SIZE, x as PADDING_HANDLE_PRIORITY, y as buildPaddingOverlay, z as cornerRadiusLayoutGroups } from "./surface-B_8w6VWG.mjs";
+import { $ as DEFAULT_RULER_BACKGROUND, A as filterHUDDrawByGroup, B as drawCornerRadius, C as PADDING_REGION_PRIORITY, D as marqueeToHUDDraw, E as lassoToHUDDraw, F as computeCornerRadiusLayout, G as DEFAULT_PARAMETRIC_HIT_SIZE, H as resolveCornerDragAnchor, I as cornerRadiusAnchorSign, J as parametricHandleLayoutGroups, K as computeParametricHandleLayout, L as cornerRadiusHandlePosLine, M as DEFAULT_CORNER_RADIUS_HANDLE_INSET, N as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, O as measurementToHUDDraw, P as DEFAULT_CORNER_RADIUS_HIT_SIZE, Q as DEFAULT_RULER_ACCENT_COLOR, R as cornerRadiusHandlePosRect, S as PADDING_HANDLE_THICKNESS, T as MIN_HIT_SIZE, U as DEFAULT_PARAMETRIC_HANDLE_INSET, V as resolveCenterDragAnchor, W as DEFAULT_PARAMETRIC_HANDLE_SIZE, X as resolveParametricHandleByDirection, Y as projectParametricHandleValue, Z as DEFAULT_RULER_ACCENT_BACKGROUND, _ as getTransformBoxCorners, _t as resolvePaint, a as computeSelectionControlLayout, at as DEFAULT_RULER_STRIP, b as PADDING_HANDLE_LENGTH, c as buildTransformBox, ct as drawRuler, d as TRANSFORM_BOX_CORNER_PRIORITY, dt as drawPixelGrid, et as DEFAULT_RULER_COLOR, f as TRANSFORM_BOX_SIDE_HIT_THICKNESS, ft as DEFAULT_STRIPES_ANGLE_DEG, g as decompose, gt as computeStripesTileGeometry, h as cornersToBoxTransform, ht as buildStripesTile, i as MIN_GUARANTEED_INTERACTIVE_DIM, it as DEFAULT_RULER_STEPS, j as HUDCanvas, k as snapGuideToHUDDraw, l as TRANSFORM_BOX_BODY_PRIORITY, lt as DEFAULT_PIXEL_GRID_COLOR, m as compose, mt as DEFAULT_STRIPES_THICKNESS_PX, n as BODY_FLIP_THRESHOLD, nt as DEFAULT_RULER_FONT, o as negotiateAxis, ot as DEFAULT_RULER_TEXT_SIDE_OFFSET, p as TRANSFORM_BOX_SIDE_PRIORITY, pt as DEFAULT_STRIPES_SPACING_PX, q as drawParametricHandles, r as HUDHitPriority, rt as DEFAULT_RULER_OVERLAP_THRESHOLD, s as NO_MODS, st as DEFAULT_RULER_TICK_HEIGHT, t as Surface, tt as DEFAULT_RULER_DRAG_THRESHOLD, u as TRANSFORM_BOX_CORNER_HIT_SIZE, ut as DEFAULT_PIXEL_GRID_STEPS, v as reduceTransformBox, w as MIN_CHROME_VISIBLE_SIZE, x as PADDING_HANDLE_PRIORITY, y as buildPaddingOverlay, z as cornerRadiusLayoutGroups } from "./surface-Dh43cAhb.mjs";
 import { i as cursorToCss, r as cursorEquals } from "./cursor-DW-uAPVE.mjs";
 export { BODY_FLIP_THRESHOLD, DEFAULT_CORNER_RADIUS_HANDLE_INSET, DEFAULT_CORNER_RADIUS_HANDLE_SIZE, DEFAULT_CORNER_RADIUS_HIT_SIZE, DEFAULT_PARAMETRIC_HANDLE_INSET, DEFAULT_PARAMETRIC_HANDLE_SIZE, DEFAULT_PARAMETRIC_HIT_SIZE, DEFAULT_PIXEL_GRID_COLOR, DEFAULT_PIXEL_GRID_STEPS, DEFAULT_RULER_ACCENT_BACKGROUND, DEFAULT_RULER_ACCENT_COLOR, DEFAULT_RULER_BACKGROUND, DEFAULT_RULER_COLOR, DEFAULT_RULER_DRAG_THRESHOLD, DEFAULT_RULER_FONT, DEFAULT_RULER_OVERLAP_THRESHOLD, DEFAULT_RULER_STEPS, DEFAULT_RULER_STRIP, DEFAULT_RULER_TEXT_SIDE_OFFSET, DEFAULT_RULER_TICK_HEIGHT, DEFAULT_STRIPES_ANGLE_DEG, DEFAULT_STRIPES_SPACING_PX, DEFAULT_STRIPES_THICKNESS_PX, HUDCanvas, HUDHitPriority, MIN_CHROME_VISIBLE_SIZE, MIN_GUARANTEED_INTERACTIVE_DIM, MIN_HIT_SIZE, NO_MODS, PADDING_HANDLE_LENGTH, PADDING_HANDLE_PRIORITY, PADDING_HANDLE_THICKNESS, PADDING_REGION_PRIORITY, Surface, TRANSFORM_BOX_BODY_PRIORITY, TRANSFORM_BOX_CORNER_HIT_SIZE, TRANSFORM_BOX_CORNER_PRIORITY, TRANSFORM_BOX_SIDE_HIT_THICKNESS, TRANSFORM_BOX_SIDE_PRIORITY, buildPaddingOverlay, buildStripesTile, buildTransformBox, compose as composeTransformBox, computeCornerRadiusLayout, computeParametricHandleLayout, computeSelectionControlLayout, computeStripesTileGeometry, cornerRadiusAnchorSign, cornerRadiusHandlePosLine, cornerRadiusHandlePosRect, cornerRadiusLayoutGroups, cornersToBoxTransform, cursorEquals, cursorToCss, decompose as decomposeTransformBox, drawCornerRadius, drawParametricHandles, drawPixelGrid, drawRuler, filterHUDDrawByGroup, getTransformBoxCorners, lassoToHUDDraw, marqueeToHUDDraw, measurementToHUDDraw, negotiateAxis, parametricHandleLayoutGroups, projectParametricHandleValue, reduceTransformBox, resolveCenterDragAnchor, resolveCornerDragAnchor, resolvePaint, resolveParametricHandleByDirection, snapGuideToHUDDraw };

package/dist/react.d.mts

@@ -1,5 +1,5 @@
 import { t as HUDDraw } from "./types-3wwFisZs.mjs";
-import { n as SurfaceOptions, t as Surface } from "./index-BQtDtpHM.mjs";
+import { n as SurfaceOptions, t as Surface } from "./index-DHVvd2ak.mjs";
 import cmath from "@grida/cmath";
 import { Measurement } from "@grida/cmath/_measurement";
 import * as React from "react";

package/dist/react.d.ts

@@ -1,5 +1,5 @@
 import { t as HUDDraw } from "./types-3wwFisZs.js";
-import { n as SurfaceOptions, t as Surface } from "./index-BlfZbeEJ.js";
+import { n as SurfaceOptions, t as Surface } from "./index-KI1k5HJX.js";
 import cmath from "@grida/cmath";
 import { SnapResult } from "@grida/cmath/_snap";
 import { Measurement } from "@grida/cmath/_measurement";

package/dist/react.js

@@ -1,6 +1,6 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_surface = require("./surface-BHDH6P6p.js");
+const require_surface = require("./surface-pUdCqwPj.js");
 let react = require("react");
 react = require_surface.__toESM(react);
 let _grida_cmath__snap = require("@grida/cmath/_snap");

package/dist/react.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { D as marqueeToHUDDraw, E as lassoToHUDDraw, O as measurementToHUDDraw, j as HUDCanvas, k as snapGuideToHUDDraw, t as Surface } from "./surface-B_8w6VWG.mjs";
+import { D as marqueeToHUDDraw, E as lassoToHUDDraw, O as measurementToHUDDraw, j as HUDCanvas, k as snapGuideToHUDDraw, t as Surface } from "./surface-Dh43cAhb.mjs";
 import * as React from "react";
 import { guide } from "@grida/cmath/_snap";
 import { jsx } from "react/jsx-runtime";

package/dist/{surface-B_8w6VWG.mjs → surface-Dh43cAhb.mjs}

@@ -2695,10 +2695,11 @@ function rectFromPoints(a, b) {
 * No constraints: width/height can go negative — host is responsible for
 * normalizing if it cares (most callers clamp to a min-size).
 */
-function applyResize(initial, direction, dx, dy) {
+function applyResize(initial, direction, dx, dy, opts) {
+	const fromCenter = opts?.fromCenter ?? false;
 	if (initial.kind === "rect") return {
 		kind: "rect",
-		rect: applyResizeRect(initial.rect, direction, dx, dy)
+		rect: applyResizeRect(initial.rect, direction, dx, dy, fromCenter)
 	};
 	if (initial.kind === "transformed") {
 		const m = initial.matrix;
@@ -2715,49 +2716,42 @@ function applyResize(initial, direction, dx, dy) {
 		const [ldx, ldy] = cmath.vector2.transform([dx, dy], inv_linear);
 		return {
 			kind: "transformed",
-			local: applyResizeRect(initial.local, direction, ldx, ldy),
+			local: applyResizeRect(initial.local, direction, ldx, ldy, fromCenter),
 			matrix: m
 		};
 	}
 	return initial;
 }
-function applyResizeRect(initial, direction, dx, dy) {
+/**
+* Resize a rect by dragging `direction`'s edge/corner by `(dx, dy)`.
+*
+* Default anchors the OPPOSITE edge/corner (far side pinned). With
+* `fromCenter` (Alt), the resize is symmetric about the rect's center:
+* the dragged edge moves by the delta and the opposite edge mirrors it,
+* so the size delta doubles and the center stays put.
+*/
+function applyResizeRect(initial, direction, dx, dy, fromCenter = false) {
 	let { x, y, width, height } = initial;
-	switch (direction) {
-		case "n":
-			y += dy;
-			height -= dy;
-			break;
-		case "s":
-			height += dy;
-			break;
-		case "e":
-			width += dx;
-			break;
-		case "w":
-			x += dx;
-			width -= dx;
-			break;
-		case "ne":
-			y += dy;
-			height -= dy;
-			width += dx;
-			break;
-		case "nw":
-			y += dy;
-			height -= dy;
-			x += dx;
-			width -= dx;
-			break;
-		case "se":
-			width += dx;
-			height += dy;
-			break;
-		case "sw":
-			x += dx;
-			width -= dx;
-			height += dy;
-			break;
+	const k = fromCenter ? 2 : 1;
+	const hasN = direction === "n" || direction === "ne" || direction === "nw";
+	const hasS = direction === "s" || direction === "se" || direction === "sw";
+	const hasE = direction === "e" || direction === "ne" || direction === "se";
+	const hasW = direction === "w" || direction === "nw" || direction === "sw";
+	if (hasE) {
+		width += k * dx;
+		if (fromCenter) x -= dx;
+	}
+	if (hasW) {
+		x += dx;
+		width -= k * dx;
+	}
+	if (hasS) {
+		height += k * dy;
+		if (fromCenter) y -= dy;
+	}
+	if (hasN) {
+		y += dy;
+		height -= k * dy;
 	}
 	return {
 		x,
@@ -2908,6 +2902,7 @@ var HitRegions = class {
 */
 function classifyScenario(input) {
 	const { ui_action, hovered_id, selection_ids, modifiers, click_count, readonly, in_content_edit, sub_selection } = input;
+	const meta_marquee = modifiers.meta && !in_content_edit && click_count < 2;
 	if (in_content_edit && click_count >= 2) {
 		if (!(ui_action && (ui_action.kind === "vertex_handle" || ui_action.kind === "tangent_handle" || ui_action.kind === "segment_strip" || ui_action.kind === "ghost_handle" || ui_action.kind === "region"))) return "ExitEdit";
 	}
@@ -2936,10 +2931,14 @@ function classifyScenario(input) {
 		case "select_node": {
 			const id = ui_action.id;
 			if (click_count >= 2) return "EnterEdit";
+			if (meta_marquee) return "MetaSelectOrMarquee";
 			return classifyContent(id, selection_ids, modifiers);
 		}
-		case "translate_handle": return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
+		case "translate_handle":
+			if (meta_marquee) return contentId(ui_action, hovered_id) ? "MetaSelectOrMarquee" : "MetaMarquee";
+			return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
 	}
+	if (meta_marquee) return hovered_id ? "MetaSelectOrMarquee" : "MetaMarquee";
 	if (hovered_id) {
 		if (click_count >= 2) return "EnterEdit";
 		return classifyContent(hovered_id, selection_ids, modifiers);
@@ -3284,10 +3283,22 @@ function dispatch(scenario, input) {
 			emit_on_down: "clear_vector_selection"
 		};
 		case "EmptyMarquee":
-		case "EmptyAdditiveMarquee": return {
+		case "EmptyAdditiveMarquee":
+		case "MetaMarquee": return {
 			kind: "start_marquee_pend",
 			emit_on_down: "none"
 		};
+		case "MetaSelectOrMarquee": return {
+			kind: "pend",
+			pending: {
+				ids_at_down: [],
+				deferred: {
+					kind: "select",
+					node_id: contentId(ui_action, hovered_id),
+					shift: modifiers.shift
+				}
+			}
+		};
 	}
 }
 /** Resolve the id that the user clicked on for content-class scenarios. */
@@ -3739,9 +3750,11 @@ var SurfaceState = class {
 				const dx = point_doc[0] - g.anchor_doc[0];
 				const dy = point_doc[1] - g.anchor_doc[1];
 				const next_shape = applyResize(g.initial_shape, g.direction, dx, dy);
+				const preview_shape = this.modifiers.alt ? applyResize(g.initial_shape, g.direction, dx, dy, { fromCenter: true }) : next_shape;
 				this.gesture = {
 					...g,
-					current_shape: next_shape
+					current_shape: next_shape,
+					preview_shape
 				};
 				deps.emitIntent({
 					kind: "resize",
@@ -4210,7 +4223,8 @@ var SurfaceState = class {
 					direction: decision.direction,
 					initial_shape: decision.initial_shape,
 					anchor_doc: point_doc,
-					current_shape: decision.initial_shape
+					current_shape: decision.initial_shape,
+					preview_shape: decision.initial_shape
 				};
 				response.needsRedraw = true;
 				return response;
@@ -5445,7 +5459,7 @@ function buildChrome(input) {
 		});
 	}
 	if (state.gesture.kind === "resize") {
-		const shape = state.gesture.current_shape;
+		const shape = state.gesture.preview_shape;
 		if (shape.kind === "transformed") {
 			const corners = cmath.rect.toCorners(shape.local).map((p) => cmath.vector2.transform(p, shape.matrix));
 			decoration_polylines.push({

package/dist/{surface-BHDH6P6p.js → surface-pUdCqwPj.js}

@@ -2718,10 +2718,11 @@ function rectFromPoints(a, b) {
 * No constraints: width/height can go negative — host is responsible for
 * normalizing if it cares (most callers clamp to a min-size).
 */
-function applyResize(initial, direction, dx, dy) {
+function applyResize(initial, direction, dx, dy, opts) {
+	const fromCenter = opts?.fromCenter ?? false;
 	if (initial.kind === "rect") return {
 		kind: "rect",
-		rect: applyResizeRect(initial.rect, direction, dx, dy)
+		rect: applyResizeRect(initial.rect, direction, dx, dy, fromCenter)
 	};
 	if (initial.kind === "transformed") {
 		const m = initial.matrix;
@@ -2738,49 +2739,42 @@ function applyResize(initial, direction, dx, dy) {
 		const [ldx, ldy] = _grida_cmath.default.vector2.transform([dx, dy], inv_linear);
 		return {
 			kind: "transformed",
-			local: applyResizeRect(initial.local, direction, ldx, ldy),
+			local: applyResizeRect(initial.local, direction, ldx, ldy, fromCenter),
 			matrix: m
 		};
 	}
 	return initial;
 }
-function applyResizeRect(initial, direction, dx, dy) {
+/**
+* Resize a rect by dragging `direction`'s edge/corner by `(dx, dy)`.
+*
+* Default anchors the OPPOSITE edge/corner (far side pinned). With
+* `fromCenter` (Alt), the resize is symmetric about the rect's center:
+* the dragged edge moves by the delta and the opposite edge mirrors it,
+* so the size delta doubles and the center stays put.
+*/
+function applyResizeRect(initial, direction, dx, dy, fromCenter = false) {
 	let { x, y, width, height } = initial;
-	switch (direction) {
-		case "n":
-			y += dy;
-			height -= dy;
-			break;
-		case "s":
-			height += dy;
-			break;
-		case "e":
-			width += dx;
-			break;
-		case "w":
-			x += dx;
-			width -= dx;
-			break;
-		case "ne":
-			y += dy;
-			height -= dy;
-			width += dx;
-			break;
-		case "nw":
-			y += dy;
-			height -= dy;
-			x += dx;
-			width -= dx;
-			break;
-		case "se":
-			width += dx;
-			height += dy;
-			break;
-		case "sw":
-			x += dx;
-			width -= dx;
-			height += dy;
-			break;
+	const k = fromCenter ? 2 : 1;
+	const hasN = direction === "n" || direction === "ne" || direction === "nw";
+	const hasS = direction === "s" || direction === "se" || direction === "sw";
+	const hasE = direction === "e" || direction === "ne" || direction === "se";
+	const hasW = direction === "w" || direction === "nw" || direction === "sw";
+	if (hasE) {
+		width += k * dx;
+		if (fromCenter) x -= dx;
+	}
+	if (hasW) {
+		x += dx;
+		width -= k * dx;
+	}
+	if (hasS) {
+		height += k * dy;
+		if (fromCenter) y -= dy;
+	}
+	if (hasN) {
+		y += dy;
+		height -= k * dy;
 	}
 	return {
 		x,
@@ -2931,6 +2925,7 @@ var HitRegions = class {
 */
 function classifyScenario(input) {
 	const { ui_action, hovered_id, selection_ids, modifiers, click_count, readonly, in_content_edit, sub_selection } = input;
+	const meta_marquee = modifiers.meta && !in_content_edit && click_count < 2;
 	if (in_content_edit && click_count >= 2) {
 		if (!(ui_action && (ui_action.kind === "vertex_handle" || ui_action.kind === "tangent_handle" || ui_action.kind === "segment_strip" || ui_action.kind === "ghost_handle" || ui_action.kind === "region"))) return "ExitEdit";
 	}
@@ -2959,10 +2954,14 @@ function classifyScenario(input) {
 		case "select_node": {
 			const id = ui_action.id;
 			if (click_count >= 2) return "EnterEdit";
+			if (meta_marquee) return "MetaSelectOrMarquee";
 			return classifyContent(id, selection_ids, modifiers);
 		}
-		case "translate_handle": return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
+		case "translate_handle":
+			if (meta_marquee) return contentId(ui_action, hovered_id) ? "MetaSelectOrMarquee" : "MetaMarquee";
+			return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
 	}
+	if (meta_marquee) return hovered_id ? "MetaSelectOrMarquee" : "MetaMarquee";
 	if (hovered_id) {
 		if (click_count >= 2) return "EnterEdit";
 		return classifyContent(hovered_id, selection_ids, modifiers);
@@ -3307,10 +3306,22 @@ function dispatch(scenario, input) {
 			emit_on_down: "clear_vector_selection"
 		};
 		case "EmptyMarquee":
-		case "EmptyAdditiveMarquee": return {
+		case "EmptyAdditiveMarquee":
+		case "MetaMarquee": return {
 			kind: "start_marquee_pend",
 			emit_on_down: "none"
 		};
+		case "MetaSelectOrMarquee": return {
+			kind: "pend",
+			pending: {
+				ids_at_down: [],
+				deferred: {
+					kind: "select",
+					node_id: contentId(ui_action, hovered_id),
+					shift: modifiers.shift
+				}
+			}
+		};
 	}
 }
 /** Resolve the id that the user clicked on for content-class scenarios. */
@@ -3762,9 +3773,11 @@ var SurfaceState = class {
 				const dx = point_doc[0] - g.anchor_doc[0];
 				const dy = point_doc[1] - g.anchor_doc[1];
 				const next_shape = applyResize(g.initial_shape, g.direction, dx, dy);
+				const preview_shape = this.modifiers.alt ? applyResize(g.initial_shape, g.direction, dx, dy, { fromCenter: true }) : next_shape;
 				this.gesture = {
 					...g,
-					current_shape: next_shape
+					current_shape: next_shape,
+					preview_shape
 				};
 				deps.emitIntent({
 					kind: "resize",
@@ -4233,7 +4246,8 @@ var SurfaceState = class {
 					direction: decision.direction,
 					initial_shape: decision.initial_shape,
 					anchor_doc: point_doc,
-					current_shape: decision.initial_shape
+					current_shape: decision.initial_shape,
+					preview_shape: decision.initial_shape
 				};
 				response.needsRedraw = true;
 				return response;
@@ -5468,7 +5482,7 @@ function buildChrome(input) {
 		});
 	}
 	if (state.gesture.kind === "resize") {
-		const shape = state.gesture.current_shape;
+		const shape = state.gesture.preview_shape;
 		if (shape.kind === "transformed") {
 			const corners = _grida_cmath.default.rect.toCorners(shape.local).map((p) => _grida_cmath.default.vector2.transform(p, shape.matrix));
 			decoration_polylines.push({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/hud",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "description": "Canvas-based heads-up display for the Grida editor viewport",
   "keywords": [