@zag-js/rect-utils 0.10.2 → 0.10.4

package/dist/rect.mjs

@@ -1,14 +1,47 @@
-import {
-  createRect,
-  getRectCenters,
-  getRectCorners,
-  getRectEdges,
-  isRect
-} from "./chunk-MNKJK37U.mjs";
-export {
-  createRect,
-  getRectCenters,
-  getRectCorners,
-  getRectEdges,
-  isRect
-};
+const 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 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");
+}
+function getRectCenters(v) {
+  const top = point(v.midX, v.minY);
+  const right = point(v.maxX, v.midY);
+  const bottom = point(v.midX, v.maxY);
+  const left = point(v.minX, v.midY);
+  return { top, right, bottom, left };
+}
+function getRectCorners(v) {
+  const top = point(v.minX, v.minY);
+  const right = point(v.maxX, v.minY);
+  const bottom = point(v.maxX, v.maxY);
+  const left = point(v.minX, v.maxY);
+  return { top, right, bottom, left };
+}
+function getRectEdges(v) {
+  const c = getRectCorners(v);
+  const top = [c.top, c.right];
+  const right = [c.right, c.bottom];
+  const bottom = [c.left, c.bottom];
+  const left = [c.top, c.left];
+  return { top, right, bottom, left };
+}
+
+export { createRect, getRectCenters, getRectCorners, getRectEdges, isRect };

package/dist/types.d.ts

@@ -1,32 +1,30 @@
-type Point = {
+export type Point = {
     x: number;
     y: number;
 };
-type RectValue = {
+export type RectValue = {
     x: number;
     y: number;
     width: number;
     height: number;
 };
-type RectSide = "top" | "right" | "bottom" | "left";
-type RectPoint = "top-left" | "top-center" | "top-right" | "right-center" | "left-center" | "bottom-left" | "bottom-right" | "bottom-center" | "center";
-type RectEdge = [Point, Point];
-type RectPoints = [Point, Point, Point, Point];
-type RectEdges = Record<RectSide, RectEdge> & {
+export type RectSide = "top" | "right" | "bottom" | "left";
+export type RectPoint = "top-left" | "top-center" | "top-right" | "right-center" | "left-center" | "bottom-left" | "bottom-right" | "bottom-center" | "center";
+export type RectEdge = [Point, Point];
+export type RectPoints = [Point, Point, Point, Point];
+export type RectEdges = Record<RectSide, RectEdge> & {
     value: RectEdge[];
 };
-type RectCorner = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
-type RectCorners = Record<RectCorner, Point> & {
+export type RectCorner = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+export type RectCorners = Record<RectCorner, Point> & {
     value: RectPoints;
 };
-type RectCenter = "topCenter" | "rightCenter" | "leftCenter" | "bottomCenter";
-type RectCenters = Record<RectCenter, Point> & {
+export type RectCenter = "topCenter" | "rightCenter" | "leftCenter" | "bottomCenter";
+export type RectCenters = Record<RectCenter, Point> & {
     value: RectPoints;
 };
-type RectInset = Partial<Record<RectSide, number>>;
-type SymmetricRectInset = {
+export type RectInset = Partial<Record<RectSide, number>>;
+export type SymmetricRectInset = {
     dx?: number;
     dy?: number;
 };
-
-export { Point, RectCenter, RectCenters, RectCorner, RectCorners, RectEdge, RectEdges, RectInset, RectPoint, RectPoints, RectSide, RectValue, SymmetricRectInset };

package/dist/union.d.ts

@@ -1,6 +1,2 @@
-import { Rect } from './rect.js';
-import './types.js';
-
-declare function union(...rs: Rect[]): Rect;
-
-export { union };
+import type { Rect } from "./rect";
+export declare function union(...rs: Rect[]): Rect;

package/dist/union.js

@@ -1,63 +1,10 @@
-"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/union.ts
-var union_exports = {};
-__export(union_exports, {
-  union: () => union
-});
-module.exports = __toCommonJS(union_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 fromPoints = require('./from-points.js');
 
-// src/from-points.ts
-function getRectFromPoints(...pts) {
-  const xs = pts.map((p) => p.x);
-  const ys = pts.map((p) => p.y);
-  const x = Math.min(...xs);
-  const y = Math.min(...ys);
-  const width = Math.max(...xs) - x;
-  const height = Math.max(...ys) - y;
-  return createRect({ x, y, width, height });
-}
-
-// src/union.ts
-var { min, max } = Math;
+const { min, max } = Math;
 function union(...rs) {
   const pMin = {
     x: min.apply(
@@ -79,9 +26,7 @@ function union(...rs) {
       rs.map((r) => r.maxY)
     )
   };
-  return getRectFromPoints(pMin, pMax);
+  return fromPoints.getRectFromPoints(pMin, pMax);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  union
-});
+
+exports.union = union;

package/dist/union.mjs

@@ -1,8 +1,28 @@
-import {
-  union
-} from "./chunk-K4PDUEML.mjs";
-import "./chunk-D46YBNP3.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  union
-};
+import { getRectFromPoints } from './from-points.mjs';
+
+const { min, max } = Math;
+function union(...rs) {
+  const pMin = {
+    x: min.apply(
+      Math,
+      rs.map((r) => r.minX)
+    ),
+    y: min.apply(
+      Math,
+      rs.map((r) => r.minY)
+    )
+  };
+  const pMax = {
+    x: max.apply(
+      Math,
+      rs.map((r) => r.maxX)
+    ),
+    y: max.apply(
+      Math,
+      rs.map((r) => r.maxY)
+    )
+  };
+  return getRectFromPoints(pMin, pMax);
+}
+
+export { union };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/rect-utils",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "",
   "keywords": [
     "js",
@@ -38,13 +38,8 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build-fast": "tsup src",
-    "start": "pnpm build --watch",
-    "build": "tsup src --dts",
-    "test": "jest --config ../../../jest.config.js --rootDir . --passWithNoTests",
+    "build": "vite build -c ../../../vite.config.ts",
     "lint": "eslint src --ext .ts,.tsx",
-    "test-ci": "pnpm test --ci --runInBand",
-    "test-watch": "pnpm test --watch -u",
     "typecheck": "tsc --noEmit"
   }
 }

package/dist/chunk-25JXNQDO.mjs

@@ -1,32 +0,0 @@
-import {
-  union
-} from "./chunk-K4PDUEML.mjs";
-import {
-  getElementRect
-} from "./chunk-BDA5H4ND.mjs";
-import {
-  createRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/from-range.ts
-function fromRange(range) {
-  let rs = [];
-  const rects = Array.from(range.getClientRects());
-  if (rects.length) {
-    rs = rs.concat(rects.map(createRect));
-    return union.apply(void 0, rs);
-  }
-  let start = range.startContainer;
-  if (start.nodeType === Node.TEXT_NODE) {
-    start = start.parentNode;
-  }
-  if (start instanceof HTMLElement) {
-    const r = getElementRect(start);
-    rs.push({ ...r, x: r.maxX, width: 0 });
-  }
-  return union.apply(void 0, rs);
-}
-
-export {
-  fromRange
-};

package/dist/chunk-2FRM3R57.mjs

@@ -1,27 +0,0 @@
-import {
-  createRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/from-window.ts
-function getWindowRect(win, opts = {}) {
-  return createRect(getViewportRect(win, opts));
-}
-function getViewportRect(win, opts) {
-  const { excludeScrollbar = false } = opts;
-  const { innerWidth, innerHeight, document: doc, visualViewport } = win;
-  const width = visualViewport?.width || innerWidth;
-  const height = visualViewport?.height || innerHeight;
-  const rect = { x: 0, y: 0, width, height };
-  if (excludeScrollbar) {
-    const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
-    const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
-    rect.width -= scrollbarWidth;
-    rect.height -= scrollbarHeight;
-  }
-  return rect;
-}
-
-export {
-  getWindowRect,
-  getViewportRect
-};

package/dist/chunk-62GE3RPG.mjs

@@ -1,21 +0,0 @@
-import {
-  getRectCorners,
-  isRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/contains.ts
-function containsPoint(r, p) {
-  return r.minX <= p.x && p.x <= r.maxX && r.minY <= p.y && p.y <= r.maxY;
-}
-function containsRect(a, b) {
-  return Object.values(getRectCorners(b)).every((c) => containsPoint(a, c));
-}
-function contains(r, v) {
-  return isRect(v) ? containsRect(r, v) : containsPoint(r, v);
-}
-
-export {
-  containsPoint,
-  containsRect,
-  contains
-};

package/dist/chunk-BDA5H4ND.mjs

@@ -1,44 +0,0 @@
-import {
-  createRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/from-element.ts
-var styleCache = /* @__PURE__ */ new WeakMap();
-function getCacheComputedStyle(el) {
-  if (!styleCache.has(el)) {
-    const win = el.ownerDocument.defaultView || window;
-    styleCache.set(el, win.getComputedStyle(el));
-  }
-  return styleCache.get(el);
-}
-function getElementRect(el, opts = {}) {
-  return createRect(getClientRect(el, opts));
-}
-function getClientRect(el, opts = {}) {
-  const { excludeScrollbar = false, excludeBorders = false } = opts;
-  const { x, y, width, height } = el.getBoundingClientRect();
-  const r = { x, y, width, height };
-  const style = getCacheComputedStyle(el);
-  const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style;
-  const borderXWidth = sum(borderLeftWidth, borderRightWidth);
-  const borderYWidth = sum(borderTopWidth, borderBottomWidth);
-  if (excludeBorders) {
-    r.width -= borderXWidth;
-    r.height -= borderYWidth;
-    r.x += px(borderLeftWidth);
-    r.y += px(borderTopWidth);
-  }
-  if (excludeScrollbar) {
-    const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth;
-    const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth;
-    r.width -= scrollbarWidth;
-    r.height -= scrollbarHeight;
-  }
-  return r;
-}
-var px = (v) => parseFloat(v.replace("px", ""));
-var sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
-
-export {
-  getElementRect
-};

package/dist/chunk-BRVYSREB.mjs

@@ -1,21 +0,0 @@
-import {
-  createRect,
-  getRectCorners
-} from "./chunk-MNKJK37U.mjs";
-
-// src/get-polygon.ts
-function getElementPolygon(rectValue, placement) {
-  const rect = createRect(rectValue);
-  const { top, right, left, bottom } = getRectCorners(rect);
-  const [base] = placement.split("-");
-  return {
-    top: [left, top, right, bottom],
-    right: [top, right, bottom, left],
-    bottom: [top, left, bottom, right],
-    left: [right, top, left, bottom]
-  }[base];
-}
-
-export {
-  getElementPolygon
-};

package/dist/chunk-D46YBNP3.mjs

@@ -1,18 +0,0 @@
-import {
-  createRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/from-points.ts
-function getRectFromPoints(...pts) {
-  const xs = pts.map((p) => p.x);
-  const ys = pts.map((p) => p.y);
-  const x = Math.min(...xs);
-  const y = Math.min(...ys);
-  const width = Math.max(...xs) - x;
-  const height = Math.max(...ys) - y;
-  return createRect({ x, y, width, height });
-}
-
-export {
-  getRectFromPoints
-};

package/dist/chunk-GYYHT756.mjs

@@ -1,29 +0,0 @@
-import {
-  createRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/intersection.ts
-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 {
-  intersects,
-  intersection,
-  collisions
-};

package/dist/chunk-K4PDUEML.mjs

@@ -1,33 +0,0 @@
-import {
-  getRectFromPoints
-} from "./chunk-D46YBNP3.mjs";
-
-// src/union.ts
-var { min, max } = Math;
-function union(...rs) {
-  const pMin = {
-    x: min.apply(
-      Math,
-      rs.map((r) => r.minX)
-    ),
-    y: min.apply(
-      Math,
-      rs.map((r) => r.minY)
-    )
-  };
-  const pMax = {
-    x: max.apply(
-      Math,
-      rs.map((r) => r.maxX)
-    ),
-    y: max.apply(
-      Math,
-      rs.map((r) => r.maxY)
-    )
-  };
-  return getRectFromPoints(pMin, pMax);
-}
-
-export {
-  union
-};

package/dist/chunk-MM5LIN7D.mjs

@@ -1,41 +0,0 @@
-import {
-  createRect
-} from "./chunk-MNKJK37U.mjs";
-
-// src/operations.ts
-var 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 {
-  isSymmetric,
-  inset,
-  expand,
-  shrink,
-  shift
-};

package/dist/chunk-MNKJK37U.mjs

@@ -1,54 +0,0 @@
-// 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)
-  };
-}
-var 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");
-}
-function getRectCenters(v) {
-  const top = point(v.midX, v.minY);
-  const right = point(v.maxX, v.midY);
-  const bottom = point(v.midX, v.maxY);
-  const left = point(v.minX, v.midY);
-  return { top, right, bottom, left };
-}
-function getRectCorners(v) {
-  const top = point(v.minX, v.minY);
-  const right = point(v.maxX, v.minY);
-  const bottom = point(v.maxX, v.maxY);
-  const left = point(v.minX, v.maxY);
-  return { top, right, bottom, left };
-}
-function getRectEdges(v) {
-  const c = getRectCorners(v);
-  const top = [c.top, c.right];
-  const right = [c.right, c.bottom];
-  const bottom = [c.left, c.bottom];
-  const left = [c.top, c.left];
-  return { top, right, bottom, left };
-}
-
-export {
-  createRect,
-  isRect,
-  getRectCenters,
-  getRectCorners,
-  getRectEdges
-};

package/dist/chunk-N5AQDOKZ.mjs

@@ -1,49 +0,0 @@
-import {
-  intersects
-} from "./chunk-GYYHT756.mjs";
-
-// src/distance.ts
-function distance(a, b = { x: 0, y: 0 }) {
-  return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
-}
-function distanceFromPoint(r, p) {
-  let x = 0;
-  let y = 0;
-  if (p.x < r.x)
-    x = r.x - p.x;
-  else if (p.x > r.maxX)
-    x = p.x - r.maxX;
-  if (p.y < r.y)
-    y = r.y - p.y;
-  else if (p.y > r.maxY)
-    y = p.y - r.maxY;
-  return { x, y, value: distance({ x, y }) };
-}
-function distanceFromRect(a, b) {
-  if (intersects(a, b))
-    return { x: 0, y: 0, value: 0 };
-  const left = a.x < b.x ? a : b;
-  const right = b.x < a.x ? a : b;
-  const upper = a.y < b.y ? a : b;
-  const lower = b.y < a.y ? a : b;
-  let x = left.x === right.x ? 0 : right.x - left.maxX;
-  x = Math.max(0, x);
-  let y = upper.y === lower.y ? 0 : lower.y - upper.maxY;
-  y = Math.max(0, y);
-  return { x, y, value: distance({ x, y }) };
-}
-function distanceBtwEdges(a, b) {
-  return {
-    left: b.x - a.x,
-    top: b.y - a.y,
-    right: a.maxX - b.maxX,
-    bottom: a.maxY - b.maxY
-  };
-}
-
-export {
-  distance,
-  distanceFromPoint,
-  distanceFromRect,
-  distanceBtwEdges
-};