@zag-js/rect-utils 1.41.0 → 2.0.0-next.0

package/dist/align.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/align.ts
 function hAlign(a, ref, h) {
   let x = ref.minX;

package/dist/angle.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/angle.ts
 function getPointAngle(rect, point, reference = rect.center) {
   const x = point.x - reference.x;

package/dist/clamp.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/clamp.ts
 var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
 var clampPoint = (position, size, boundaryRect) => {

package/dist/closest.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/closest.ts
 import { distance } from "./distance.mjs";
 function closest(...pts) {

package/dist/compass.d.mts

@@ -1,7 +1,3 @@
-import { Point } from './types.mjs';
-
 type CompassDirection = "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
-declare const compassDirectionMap: Record<CompassDirection, Point>;
-declare const oppositeDirectionMap: Record<CompassDirection, CompassDirection>;
 
-export { type CompassDirection, compassDirectionMap, oppositeDirectionMap };
+export type { CompassDirection };

package/dist/compass.d.ts

@@ -1,7 +1,3 @@
-import { Point } from './types.js';
-
 type CompassDirection = "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
-declare const compassDirectionMap: Record<CompassDirection, Point>;
-declare const oppositeDirectionMap: Record<CompassDirection, CompassDirection>;
 
-export { type CompassDirection, compassDirectionMap, oppositeDirectionMap };
+export type { CompassDirection };

package/dist/compass.js

@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -19,33 +15,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/compass.ts
 var compass_exports = {};
-__export(compass_exports, {
-  compassDirectionMap: () => compassDirectionMap,
-  oppositeDirectionMap: () => oppositeDirectionMap
-});
 module.exports = __toCommonJS(compass_exports);
-var compassDirectionMap = {
-  n: { x: 0.5, y: 0 },
-  ne: { x: 1, y: 0 },
-  e: { x: 1, y: 0.5 },
-  se: { x: 1, y: 1 },
-  s: { x: 0.5, y: 1 },
-  sw: { x: 0, y: 1 },
-  w: { x: 0, y: 0.5 },
-  nw: { x: 0, y: 0 }
-};
-var oppositeDirectionMap = {
-  n: "s",
-  ne: "sw",
-  e: "w",
-  se: "nw",
-  s: "n",
-  sw: "ne",
-  w: "e",
-  nw: "se"
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  compassDirectionMap,
-  oppositeDirectionMap
-});

package/dist/compass.mjs

@@ -1,27 +0,0 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/compass.ts
-var compassDirectionMap = {
-  n: { x: 0.5, y: 0 },
-  ne: { x: 1, y: 0 },
-  e: { x: 1, y: 0.5 },
-  se: { x: 1, y: 1 },
-  s: { x: 0.5, y: 1 },
-  sw: { x: 0, y: 1 },
-  w: { x: 0, y: 0.5 },
-  nw: { x: 0, y: 0 }
-};
-var oppositeDirectionMap = {
-  n: "s",
-  ne: "sw",
-  e: "w",
-  se: "nw",
-  s: "n",
-  sw: "ne",
-  w: "e",
-  nw: "se"
-};
-export {
-  compassDirectionMap,
-  oppositeDirectionMap
-};

package/dist/constrain.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/constrain.ts
 var constrainRect = (rect, boundary) => {
   const left = Math.max(boundary.x, Math.min(rect.x, boundary.x + boundary.width - rect.width));

package/dist/contains.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/contains.ts
 import { getRectCorners, isRect } from "./rect.mjs";
 function containsPoint(r, p) {

package/dist/distance.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/distance.ts
 import { intersects } from "./intersection.mjs";
 function distance(a, b = { x: 0, y: 0 }) {

package/dist/equality.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/equality.ts
 var isSizeEqual = (a, b) => {
   return a.width === b?.width && a.height === b?.height;

package/dist/from-element.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/from-element.ts
 import { createRect } from "./rect.mjs";
 var styleCache = /* @__PURE__ */ new WeakMap();

package/dist/from-points.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/from-points.ts
 import { createRect } from "./rect.mjs";
 function getRectFromPoints(...pts) {

package/dist/from-range.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/from-range.ts
 import { createRect } from "./rect.mjs";
 import { getElementRect } from "./from-element.mjs";

package/dist/from-rotation.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/from-rotation.ts
 import { createRect, getRectCorners } from "./rect.mjs";
 function toRad(d) {

package/dist/from-window.mjs

@@ -1,5 +1,3 @@
-import "./chunk-QZ7TP4HQ.mjs";
-
 // src/from-window.ts
 import { createRect } from "./rect.mjs";
 function getWindowRect(win, opts = {}) {

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-export { AffineTransform } from './affine-transform.mjs';
 export { alignRect } from './align.mjs';
 export { getPointAngle } from './angle.mjs';
 export { clampPoint, clampSize } from './clamp.mjs';
@@ -15,8 +14,8 @@ export { WindowRectOptions, getViewportRect, getWindowRect } from './from-window
 export { collisions, intersection, intersects } from './intersection.mjs';
 export { expand, inset, isSymmetric, shift, shrink } from './operations.mjs';
 export { debugPolygon, getElementPolygon, isPointInPolygon } from './polygon.mjs';
-export { addPoints, createPoint, createRect, getRectCenters, getRectCorners, getRectEdges, isPoint, isRect, subtractPoints } from './rect.mjs';
-export { resizeRect } from './resize.mjs';
-export { AlignOptions, Bounds, CenterPoint, HAlign, Point, Rect, RectCenter, RectCenters, RectCorner, RectCorners, RectEdge, RectEdges, RectInit, RectInset, RectPoint, RectPoints, RectSide, ScalingOptions, Size, SymmetricRectInset, VAlign } from './types.mjs';
+export { ZERO_POINT, addPoints, createPoint, createRect, getCenterPoint, getMidpoint, getRectCenters, getRectCorners, getRectEdges, isPoint, isRect, isVisibleSize, roundRect, scaleRect, scaleSize, subtractPoints } from './rect.mjs';
+export { AlignOptions, Bounds, CenterPoint, HAlign, Point, Rect, RectCenter, RectCenters, RectCorner, RectCorners, RectEdge, RectEdges, RectInit, RectInset, RectPoint, RectPoints, RectSide, Size, SymmetricRectInset, VAlign } from './types.mjs';
+export { HandlePosition, MoveOptions, ResizeOptions, applyMove, applyResize, centerInRect, centerOnPoint, clampPointInRange, getArrowKeyDelta, getDirectionDelta, getKeyboardResizeDelta, isBottomHandle, isCornerHandle, isHorizontalHandle, isLeftHandle, isRightHandle, isTopHandle, isVerticalHandle } from './interact.mjs';
 export { union } from './union.mjs';
 import './compass.mjs';

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export { AffineTransform } from './affine-transform.js';
 export { alignRect } from './align.js';
 export { getPointAngle } from './angle.js';
 export { clampPoint, clampSize } from './clamp.js';
@@ -15,8 +14,8 @@ export { WindowRectOptions, getViewportRect, getWindowRect } from './from-window
 export { collisions, intersection, intersects } from './intersection.js';
 export { expand, inset, isSymmetric, shift, shrink } from './operations.js';
 export { debugPolygon, getElementPolygon, isPointInPolygon } from './polygon.js';
-export { addPoints, createPoint, createRect, getRectCenters, getRectCorners, getRectEdges, isPoint, isRect, subtractPoints } from './rect.js';
-export { resizeRect } from './resize.js';
-export { AlignOptions, Bounds, CenterPoint, HAlign, Point, Rect, RectCenter, RectCenters, RectCorner, RectCorners, RectEdge, RectEdges, RectInit, RectInset, RectPoint, RectPoints, RectSide, ScalingOptions, Size, SymmetricRectInset, VAlign } from './types.js';
+export { ZERO_POINT, addPoints, createPoint, createRect, getCenterPoint, getMidpoint, getRectCenters, getRectCorners, getRectEdges, isPoint, isRect, isVisibleSize, roundRect, scaleRect, scaleSize, subtractPoints } from './rect.js';
+export { AlignOptions, Bounds, CenterPoint, HAlign, Point, Rect, RectCenter, RectCenters, RectCorner, RectCorners, RectEdge, RectEdges, RectInit, RectInset, RectPoint, RectPoints, RectSide, Size, SymmetricRectInset, VAlign } from './types.js';
+export { HandlePosition, MoveOptions, ResizeOptions, applyMove, applyResize, centerInRect, centerOnPoint, clampPointInRange, getArrowKeyDelta, getDirectionDelta, getKeyboardResizeDelta, isBottomHandle, isCornerHandle, isHorizontalHandle, isLeftHandle, isRightHandle, isTopHandle, isVerticalHandle } from './interact.js';
 export { union } from './union.js';
 import './compass.js';

package/dist/index.js

@@ -17,7 +17,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./affine-transform.js"), module.exports);
 __reExport(index_exports, require("./align.js"), module.exports);
 __reExport(index_exports, require("./angle.js"), module.exports);
 __reExport(index_exports, require("./clamp.js"), module.exports);
@@ -35,12 +34,11 @@ __reExport(index_exports, require("./intersection.js"), module.exports);
 __reExport(index_exports, require("./operations.js"), module.exports);
 __reExport(index_exports, require("./polygon.js"), module.exports);
 __reExport(index_exports, require("./rect.js"), module.exports);
-__reExport(index_exports, require("./resize.js"), module.exports);
 __reExport(index_exports, require("./types.js"), module.exports);
+__reExport(index_exports, require("./interact.js"), module.exports);
 __reExport(index_exports, require("./union.js"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./affine-transform.js"),
   ...require("./align.js"),
   ...require("./angle.js"),
   ...require("./clamp.js"),
@@ -58,7 +56,7 @@ __reExport(index_exports, require("./union.js"), module.exports);
   ...require("./operations.js"),
   ...require("./polygon.js"),
   ...require("./rect.js"),
-  ...require("./resize.js"),
   ...require("./types.js"),
+  ...require("./interact.js"),
   ...require("./union.js")
 });

package/dist/index.mjs

@@ -1,5 +1,4 @@
 // src/index.ts
-export * from "./affine-transform.mjs";
 export * from "./align.mjs";
 export * from "./angle.mjs";
 export * from "./clamp.mjs";
@@ -17,6 +16,6 @@ export * from "./intersection.mjs";
 export * from "./operations.mjs";
 export * from "./polygon.mjs";
 export * from "./rect.mjs";
-export * from "./resize.mjs";
 export * from "./types.mjs";
+export * from "./interact.mjs";
 export * from "./union.mjs";

package/dist/interact.d.mts

@@ -0,0 +1,71 @@
+import { CompassDirection } from './compass.mjs';
+import { RectInit, Size, Point } from './types.mjs';
+
+type HandlePosition = CompassDirection;
+declare const isLeftHandle: (h: HandlePosition) => boolean;
+declare const isRightHandle: (h: HandlePosition) => boolean;
+declare const isTopHandle: (h: HandlePosition) => boolean;
+declare const isBottomHandle: (h: HandlePosition) => boolean;
+declare const isCornerHandle: (h: HandlePosition) => boolean;
+declare const isHorizontalHandle: (h: HandlePosition) => boolean;
+declare const isVerticalHandle: (h: HandlePosition) => boolean;
+interface MoveOptions {
+    /** Containing boundary rect. Move is unconstrained if omitted. */
+    boundary?: RectInit | undefined;
+    /** Snap-to-grid step size. Default: 1 (no snapping). */
+    gridSize?: number | undefined;
+}
+interface ResizeOptions {
+    /** Containing boundary rect. Resize is unconstrained if omitted. */
+    boundary?: RectInit | undefined;
+    /** Minimum allowed size. */
+    minSize?: Size | undefined;
+    /** Maximum allowed size. */
+    maxSize?: Size | undefined;
+    /** Fixed width/height ratio. Omit for free resize. */
+    aspectRatio?: number | undefined;
+    /** Scale from the opposite corner ("extent") or center ("center"). Default: "extent". */
+    origin?: "extent" | "center" | undefined;
+}
+/**
+ * Compute the position that centers a `size` within a boundary rect.
+ */
+declare function centerInRect(size: Size, boundary: RectInit): Point;
+/**
+ * Center a rect (given by size) on a point, then clamp within a boundary.
+ */
+declare function centerOnPoint(size: Size, center: Point, boundary: RectInit): Point;
+/**
+ * Clamp a point's x/y independently between a min and max point.
+ * Useful for constraining offsets, positions, or pan values.
+ */
+declare function clampPointInRange(point: Point, minPoint: Point, maxPoint: Point): Point;
+/**
+ * Compute a new rect after moving by a pointer delta.
+ * Grid-snaps the delta and clamps within the boundary.
+ */
+declare function applyMove(rect: RectInit, delta: Point, options?: MoveOptions): RectInit;
+/**
+ * Compute a new rect after resizing via a handle drag.
+ * Handles size limits, boundary containment, aspect ratio, and scaling origin.
+ */
+declare function applyResize(rect: RectInit, delta: Point, handle: HandlePosition, options?: ResizeOptions): RectInit;
+/**
+ * Convert an arrow-key direction and step into a Point delta.
+ * Useful for keyboard-driven move/resize.
+ */
+declare function getDirectionDelta(direction: "left" | "right" | "up" | "down", step: number): Point;
+/**
+ * Convert an ArrowKey event key and step into a Point delta.
+ * Like `getDirectionDelta` but accepts `"ArrowLeft"` / `"ArrowRight"` / etc.
+ */
+declare function getArrowKeyDelta(key: string, step: number): Point;
+/**
+ * Compute the delta for a keyboard-driven resize given an arrow key and handle.
+ *
+ * The convention: pressing an arrow key in the handle's "outward" direction
+ * expands the rect; pressing inward shrinks it. For corners, both axes move.
+ */
+declare function getKeyboardResizeDelta(key: string, handle: HandlePosition, step: number): Point;
+
+export { type HandlePosition, type MoveOptions, type ResizeOptions, applyMove, applyResize, centerInRect, centerOnPoint, clampPointInRange, getArrowKeyDelta, getDirectionDelta, getKeyboardResizeDelta, isBottomHandle, isCornerHandle, isHorizontalHandle, isLeftHandle, isRightHandle, isTopHandle, isVerticalHandle };

package/dist/interact.d.ts

@@ -0,0 +1,71 @@
+import { CompassDirection } from './compass.js';
+import { RectInit, Size, Point } from './types.js';
+
+type HandlePosition = CompassDirection;
+declare const isLeftHandle: (h: HandlePosition) => boolean;
+declare const isRightHandle: (h: HandlePosition) => boolean;
+declare const isTopHandle: (h: HandlePosition) => boolean;
+declare const isBottomHandle: (h: HandlePosition) => boolean;
+declare const isCornerHandle: (h: HandlePosition) => boolean;
+declare const isHorizontalHandle: (h: HandlePosition) => boolean;
+declare const isVerticalHandle: (h: HandlePosition) => boolean;
+interface MoveOptions {
+    /** Containing boundary rect. Move is unconstrained if omitted. */
+    boundary?: RectInit | undefined;
+    /** Snap-to-grid step size. Default: 1 (no snapping). */
+    gridSize?: number | undefined;
+}
+interface ResizeOptions {
+    /** Containing boundary rect. Resize is unconstrained if omitted. */
+    boundary?: RectInit | undefined;
+    /** Minimum allowed size. */
+    minSize?: Size | undefined;
+    /** Maximum allowed size. */
+    maxSize?: Size | undefined;
+    /** Fixed width/height ratio. Omit for free resize. */
+    aspectRatio?: number | undefined;
+    /** Scale from the opposite corner ("extent") or center ("center"). Default: "extent". */
+    origin?: "extent" | "center" | undefined;
+}
+/**
+ * Compute the position that centers a `size` within a boundary rect.
+ */
+declare function centerInRect(size: Size, boundary: RectInit): Point;
+/**
+ * Center a rect (given by size) on a point, then clamp within a boundary.
+ */
+declare function centerOnPoint(size: Size, center: Point, boundary: RectInit): Point;
+/**
+ * Clamp a point's x/y independently between a min and max point.
+ * Useful for constraining offsets, positions, or pan values.
+ */
+declare function clampPointInRange(point: Point, minPoint: Point, maxPoint: Point): Point;
+/**
+ * Compute a new rect after moving by a pointer delta.
+ * Grid-snaps the delta and clamps within the boundary.
+ */
+declare function applyMove(rect: RectInit, delta: Point, options?: MoveOptions): RectInit;
+/**
+ * Compute a new rect after resizing via a handle drag.
+ * Handles size limits, boundary containment, aspect ratio, and scaling origin.
+ */
+declare function applyResize(rect: RectInit, delta: Point, handle: HandlePosition, options?: ResizeOptions): RectInit;
+/**
+ * Convert an arrow-key direction and step into a Point delta.
+ * Useful for keyboard-driven move/resize.
+ */
+declare function getDirectionDelta(direction: "left" | "right" | "up" | "down", step: number): Point;
+/**
+ * Convert an ArrowKey event key and step into a Point delta.
+ * Like `getDirectionDelta` but accepts `"ArrowLeft"` / `"ArrowRight"` / etc.
+ */
+declare function getArrowKeyDelta(key: string, step: number): Point;
+/**
+ * Compute the delta for a keyboard-driven resize given an arrow key and handle.
+ *
+ * The convention: pressing an arrow key in the handle's "outward" direction
+ * expands the rect; pressing inward shrinks it. For corners, both axes move.
+ */
+declare function getKeyboardResizeDelta(key: string, handle: HandlePosition, step: number): Point;
+
+export { type HandlePosition, type MoveOptions, type ResizeOptions, applyMove, applyResize, centerInRect, centerOnPoint, clampPointInRange, getArrowKeyDelta, getDirectionDelta, getKeyboardResizeDelta, isBottomHandle, isCornerHandle, isHorizontalHandle, isLeftHandle, isRightHandle, isTopHandle, isVerticalHandle };