@zag-js/rect-utils 0.10.1 → 0.10.3

package/dist/index.mjs

@@ -1,105 +1,15 @@
-import {
-  getViewportRect,
-  getWindowRect
-} from "./chunk-2FRM3R57.mjs";
-import {
-  getElementPolygon
-} from "./chunk-BRVYSREB.mjs";
-import {
-  expand,
-  inset,
-  isSymmetric,
-  shift,
-  shrink
-} from "./chunk-MM5LIN7D.mjs";
-import {
-  debugPolygon,
-  isPointInPolygon
-} from "./chunk-R24UTBJ3.mjs";
-import "./chunk-WBQAMGXK.mjs";
-import {
-  alignRect
-} from "./chunk-QXXKPYP2.mjs";
-import {
-  closest,
-  closestSideToPoint,
-  closestSideToRect
-} from "./chunk-Q4ND66B6.mjs";
-import {
-  contains,
-  containsPoint,
-  containsRect
-} from "./chunk-62GE3RPG.mjs";
-import {
-  distance,
-  distanceBtwEdges,
-  distanceFromPoint,
-  distanceFromRect
-} from "./chunk-N5AQDOKZ.mjs";
-import {
-  collisions,
-  intersection,
-  intersects
-} from "./chunk-GYYHT756.mjs";
-import {
-  fromRange
-} from "./chunk-25JXNQDO.mjs";
-import {
-  union
-} from "./chunk-K4PDUEML.mjs";
-import {
-  getElementRect
-} from "./chunk-BDA5H4ND.mjs";
-import {
-  getRectFromPoints
-} from "./chunk-D46YBNP3.mjs";
-import {
-  getRotationRect,
-  rotate,
-  toRad
-} from "./chunk-W5IPBTYQ.mjs";
-import {
-  createRect,
-  getRectCenters,
-  getRectCorners,
-  getRectEdges,
-  isRect
-} from "./chunk-MNKJK37U.mjs";
-export {
-  alignRect,
-  closest,
-  closestSideToPoint,
-  closestSideToRect,
-  collisions,
-  contains,
-  containsPoint,
-  containsRect,
-  createRect,
-  debugPolygon,
-  distance,
-  distanceBtwEdges,
-  distanceFromPoint,
-  distanceFromRect,
-  expand,
-  fromRange,
-  getElementPolygon,
-  getElementRect,
-  getRectCenters,
-  getRectCorners,
-  getRectEdges,
-  getRectFromPoints,
-  getRotationRect,
-  getViewportRect,
-  getWindowRect,
-  inset,
-  intersection,
-  intersects,
-  isPointInPolygon,
-  isRect,
-  isSymmetric,
-  rotate,
-  shift,
-  shrink,
-  toRad,
-  union
-};
+export { alignRect } from './align.mjs';
+export { closest, closestSideToPoint, closestSideToRect } from './closest.mjs';
+export { contains, containsPoint, containsRect } from './contains.mjs';
+export { distance, distanceBtwEdges, distanceFromPoint, distanceFromRect } from './distance.mjs';
+export { getElementRect } from './from-element.mjs';
+export { getRectFromPoints } from './from-points.mjs';
+export { fromRange } from './from-range.mjs';
+export { getRotationRect, rotate, toRad } from './from-rotation.mjs';
+export { getViewportRect, getWindowRect } from './from-window.mjs';
+export { getElementPolygon } from './get-polygon.mjs';
+export { collisions, intersection, intersects } from './intersection.mjs';
+export { expand, inset, isSymmetric, shift, shrink } from './operations.mjs';
+export { debugPolygon, isPointInPolygon } from './polygon.mjs';
+export { createRect, getRectCenters, getRectCorners, getRectEdges, isRect } from './rect.mjs';
+export { union } from './union.mjs';

package/dist/intersection.d.ts

@@ -1,17 +1,14 @@
-import { Rect } from './rect.js';
-import { RectSide } from './types.js';
-
+import { Rect } from "./rect";
+import type { RectSide } from "./types";
 /**
  * Checks if a Rect intersects another Rect
  */
-declare function intersects(a: Rect, b: Rect): boolean;
+export declare function intersects(a: Rect, b: Rect): boolean;
 /**
  * Returns a new Rect that represents the intersection between two Rects
  */
-declare function intersection(a: Rect, b: Rect): Rect;
+export declare function intersection(a: Rect, b: Rect): Rect;
 /**
  * Returns whether two rects collide along each edge
  */
-declare function collisions(a: Rect, b: Rect): Record<RectSide, boolean>;
-
-export { collisions, intersection, intersects };
+export declare function collisions(a: Rect, b: Rect): Record<RectSide, boolean>;

package/dist/intersection.js

@@ -1,53 +1,9 @@
-"use strict";
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/intersection.ts
-var intersection_exports = {};
-__export(intersection_exports, {
-  collisions: () => collisions,
-  intersection: () => intersection,
-  intersects: () => intersects
-});
-module.exports = __toCommonJS(intersection_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/rect.ts
-var point = (x, y) => ({ x, y });
-function createRect(r) {
-  const { x, y, width, height } = r;
-  const midX = x + width / 2;
-  const midY = y + height / 2;
-  return {
-    x,
-    y,
-    width,
-    height,
-    minX: x,
-    minY: y,
-    maxX: x + width,
-    maxY: y + height,
-    midX,
-    midY,
-    center: point(midX, midY)
-  };
-}
+const rect = require('./rect.js');
 
-// src/intersection.ts
 function intersects(a, b) {
   return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
 }
@@ -56,7 +12,7 @@ function intersection(a, b) {
   const y = Math.max(a.y, b.y);
   const x2 = Math.min(a.x + a.width, b.x + b.width);
   const y2 = Math.min(a.y + a.height, b.y + b.height);
-  return createRect({ x, y, width: x2 - x, height: y2 - y });
+  return rect.createRect({ x, y, width: x2 - x, height: y2 - y });
 }
 function collisions(a, b) {
   return {
@@ -66,9 +22,7 @@ function collisions(a, b) {
     left: a.minX <= b.minX
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  collisions,
-  intersection,
-  intersects
-});
+
+exports.collisions = collisions;
+exports.intersection = intersection;
+exports.intersects = intersects;

package/dist/intersection.mjs

@@ -1,11 +1,22 @@
-import {
-  collisions,
-  intersection,
-  intersects
-} from "./chunk-GYYHT756.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  collisions,
-  intersection,
-  intersects
-};
+import { createRect } from './rect.mjs';
+
+function intersects(a, b) {
+  return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
+}
+function intersection(a, b) {
+  const x = Math.max(a.x, b.x);
+  const y = Math.max(a.y, b.y);
+  const x2 = Math.min(a.x + a.width, b.x + b.width);
+  const y2 = Math.min(a.y + a.height, b.y + b.height);
+  return createRect({ x, y, width: x2 - x, height: y2 - y });
+}
+function collisions(a, b) {
+  return {
+    top: a.minY <= b.minY,
+    right: a.maxX >= b.maxX,
+    bottom: a.maxY >= b.maxY,
+    left: a.minX <= b.minX
+  };
+}
+
+export { collisions, intersection, intersects };

package/dist/operations.d.ts

@@ -1,10 +1,7 @@
-import { Rect } from './rect.js';
-import { SymmetricRectInset, RectInset, Point } from './types.js';
-
-declare const isSymmetric: (v: any) => v is SymmetricRectInset;
-declare function inset(r: Rect, i: RectInset | SymmetricRectInset): Rect;
-declare function expand(r: Rect, v: number | SymmetricRectInset): Rect;
-declare function shrink(r: Rect, v: number | SymmetricRectInset): Rect;
-declare function shift(r: Rect, o: Partial<Point>): Rect;
-
-export { expand, inset, isSymmetric, shift, shrink };
+import { Rect } from "./rect";
+import type { Point, RectInset, SymmetricRectInset } from "./types";
+export declare const isSymmetric: (v: any) => v is SymmetricRectInset;
+export declare function inset(r: Rect, i: RectInset | SymmetricRectInset): Rect;
+export declare function expand(r: Rect, v: number | SymmetricRectInset): Rect;
+export declare function shrink(r: Rect, v: number | SymmetricRectInset): Rect;
+export declare function shift(r: Rect, o: Partial<Point>): Rect;

package/dist/operations.js

@@ -1,60 +1,14 @@
-"use strict";
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/operations.ts
-var operations_exports = {};
-__export(operations_exports, {
-  expand: () => expand,
-  inset: () => inset,
-  isSymmetric: () => isSymmetric,
-  shift: () => shift,
-  shrink: () => shrink
-});
-module.exports = __toCommonJS(operations_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/rect.ts
-var point = (x, y) => ({ x, y });
-function createRect(r) {
-  const { x, y, width, height } = r;
-  const midX = x + width / 2;
-  const midY = y + height / 2;
-  return {
-    x,
-    y,
-    width,
-    height,
-    minX: x,
-    minY: y,
-    maxX: x + width,
-    maxY: y + height,
-    midX,
-    midY,
-    center: point(midX, midY)
-  };
-}
+const rect = require('./rect.js');
 
-// src/operations.ts
-var isSymmetric = (v) => "dx" in v || "dy" in v;
+const isSymmetric = (v) => "dx" in v || "dy" in v;
 function inset(r, i) {
   const v = isSymmetric(i) ? { left: i.dx, right: i.dx, top: i.dy, bottom: i.dy } : i;
   const { top = 0, right = 0, bottom = 0, left = 0 } = v;
-  return createRect({
+  return rect.createRect({
     x: r.x + left,
     y: r.y + top,
     width: r.width - left - right,
@@ -71,18 +25,16 @@ function shrink(r, v) {
 }
 function shift(r, o) {
   const { x = 0, y = 0 } = o;
-  return createRect({
+  return rect.createRect({
     x: r.x + x,
     y: r.y + y,
     width: r.width,
     height: r.height
   });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  expand,
-  inset,
-  isSymmetric,
-  shift,
-  shrink
-});
+
+exports.expand = expand;
+exports.inset = inset;
+exports.isSymmetric = isSymmetric;
+exports.shift = shift;
+exports.shrink = shrink;

package/dist/operations.mjs

@@ -1,15 +1,32 @@
-import {
-  expand,
-  inset,
-  isSymmetric,
-  shift,
-  shrink
-} from "./chunk-MM5LIN7D.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  expand,
-  inset,
-  isSymmetric,
-  shift,
-  shrink
-};
+import { createRect } from './rect.mjs';
+
+const isSymmetric = (v) => "dx" in v || "dy" in v;
+function inset(r, i) {
+  const v = isSymmetric(i) ? { left: i.dx, right: i.dx, top: i.dy, bottom: i.dy } : i;
+  const { top = 0, right = 0, bottom = 0, left = 0 } = v;
+  return createRect({
+    x: r.x + left,
+    y: r.y + top,
+    width: r.width - left - right,
+    height: r.height - top - bottom
+  });
+}
+function expand(r, v) {
+  const value = typeof v === "number" ? { dx: -v, dy: -v } : v;
+  return inset(r, value);
+}
+function shrink(r, v) {
+  const value = typeof v === "number" ? { dx: -v, dy: -v } : v;
+  return inset(r, value);
+}
+function shift(r, o) {
+  const { x = 0, y = 0 } = o;
+  return createRect({
+    x: r.x + x,
+    y: r.y + y,
+    width: r.width,
+    height: r.height
+  });
+}
+
+export { expand, inset, isSymmetric, shift, shrink };

package/dist/polygon.d.ts

@@ -1,6 +1,3 @@
-import { Point } from './types.js';
-
-declare function isPointInPolygon(polygon: Point[], point: Point): boolean;
-declare function debugPolygon(polygon: Point[]): () => void;
-
-export { debugPolygon, isPointInPolygon };
+import type { Point } from "./types";
+export declare function isPointInPolygon(polygon: Point[], point: Point): boolean;
+export declare function debugPolygon(polygon: Point[]): () => void;

package/dist/polygon.js

@@ -1,29 +1,7 @@
-"use strict";
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/polygon.ts
-var polygon_exports = {};
-__export(polygon_exports, {
-  debugPolygon: () => debugPolygon,
-  isPointInPolygon: () => isPointInPolygon
-});
-module.exports = __toCommonJS(polygon_exports);
 function isPointInPolygon(polygon, point) {
   const { x, y } = point;
   let c = false;
@@ -70,8 +48,6 @@ function debugPolygon(polygon) {
     el.remove();
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  debugPolygon,
-  isPointInPolygon
-});
+
+exports.debugPolygon = debugPolygon;
+exports.isPointInPolygon = isPointInPolygon;

package/dist/polygon.mjs

@@ -1,8 +1,48 @@
-import {
-  debugPolygon,
-  isPointInPolygon
-} from "./chunk-R24UTBJ3.mjs";
-export {
-  debugPolygon,
-  isPointInPolygon
-};
+function isPointInPolygon(polygon, point) {
+  const { x, y } = point;
+  let c = false;
+  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const xi = polygon[i].x;
+    const yi = polygon[i].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
+    if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) {
+      c = !c;
+    }
+  }
+  return c;
+}
+function createPolygonElement() {
+  const id = "debug-polygon";
+  const existingPolygon = document.getElementById(id);
+  if (existingPolygon) {
+    return existingPolygon;
+  }
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  Object.assign(svg.style, {
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%",
+    opacity: "0.15",
+    position: "fixed",
+    pointerEvents: "none",
+    fill: "red"
+  });
+  const polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
+  polygon.setAttribute("id", id);
+  polygon.setAttribute("points", "0,0 0,0");
+  svg.appendChild(polygon);
+  document.body.appendChild(svg);
+  return polygon;
+}
+function debugPolygon(polygon) {
+  const el = createPolygonElement();
+  const points = polygon.map((point) => `${point.x},${point.y}`).join(" ");
+  el.setAttribute("points", points);
+  return () => {
+    el.remove();
+  };
+}
+
+export { debugPolygon, isPointInPolygon };

package/dist/rect.d.ts

@@ -1,6 +1,5 @@
-import { RectValue, RectEdge } from './types.js';
-
-declare function createRect(r: RectValue): {
+import type { RectEdge, RectValue } from "./types";
+export declare function createRect(r: RectValue): {
     x: number;
     y: number;
     width: number;
@@ -16,9 +15,9 @@ declare function createRect(r: RectValue): {
         y: number;
     };
 };
-type Rect = ReturnType<typeof createRect>;
-declare function isRect(v: any): v is Rect;
-declare function getRectCenters(v: Rect): {
+export type Rect = ReturnType<typeof createRect>;
+export declare function isRect(v: any): v is Rect;
+export declare function getRectCenters(v: Rect): {
     top: {
         x: number;
         y: number;
@@ -36,7 +35,7 @@ declare function getRectCenters(v: Rect): {
         y: number;
     };
 };
-declare function getRectCorners(v: Rect): {
+export declare function getRectCorners(v: Rect): {
     top: {
         x: number;
         y: number;
@@ -54,11 +53,9 @@ declare function getRectCorners(v: Rect): {
         y: number;
     };
 };
-declare function getRectEdges(v: Rect): {
+export declare function getRectEdges(v: Rect): {
     top: RectEdge;
     right: RectEdge;
     bottom: RectEdge;
     left: RectEdge;
 };
-
-export { Rect, createRect, getRectCenters, getRectCorners, getRectEdges, isRect };

package/dist/rect.js

@@ -1,33 +1,8 @@
-"use strict";
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/rect.ts
-var rect_exports = {};
-__export(rect_exports, {
-  createRect: () => createRect,
-  getRectCenters: () => getRectCenters,
-  getRectCorners: () => getRectCorners,
-  getRectEdges: () => getRectEdges,
-  isRect: () => isRect
-});
-module.exports = __toCommonJS(rect_exports);
-var point = (x, y) => ({ x, y });
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const point = (x, y) => ({ x, y });
 function createRect(r) {
   const { x, y, width, height } = r;
   const midX = x + width / 2;
@@ -46,7 +21,7 @@ function createRect(r) {
     center: point(midX, midY)
   };
 }
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+const hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 function isRect(v) {
   return hasProp(v, "x") && hasProp(v, "y") && hasProp(v, "width") && hasProp(v, "height");
 }
@@ -72,11 +47,9 @@ function getRectEdges(v) {
   const left = [c.top, c.left];
   return { top, right, bottom, left };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRect,
-  getRectCenters,
-  getRectCorners,
-  getRectEdges,
-  isRect
-});
+
+exports.createRect = createRect;
+exports.getRectCenters = getRectCenters;
+exports.getRectCorners = getRectCorners;
+exports.getRectEdges = getRectEdges;
+exports.isRect = isRect;