@zag-js/rect-utils 0.10.1 → 0.10.3

package/dist/align.d.ts

@@ -1,12 +1,8 @@
-import { Rect } from './rect.js';
-import './types.js';
-
-declare function alignRect(a: Rect, ref: Rect, options: AlignOptions): Rect;
-type AlignOptions = {
+import type { Rect } from "./rect";
+export declare function alignRect(a: Rect, ref: Rect, options: AlignOptions): Rect;
+export type AlignOptions = {
     h: HAlign;
     v: VAlign;
 };
-type HAlign = "left-inside" | "left-outside" | "center" | "right-inside" | "right-outside";
-type VAlign = "top-inside" | "top-outside" | "center" | "bottom-inside" | "bottom-outside";
-
-export { AlignOptions, HAlign, VAlign, alignRect };
+export type HAlign = "left-inside" | "left-outside" | "center" | "right-inside" | "right-outside";
+export type VAlign = "top-inside" | "top-outside" | "center" | "bottom-inside" | "bottom-outside";

package/dist/align.js

@@ -1,28 +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/align.ts
-var align_exports = {};
-__export(align_exports, {
-  alignRect: () => alignRect
-});
-module.exports = __toCommonJS(align_exports);
 function hAlign(a, ref, h) {
   let x = ref.minX;
   if (h === "left-inside") {
@@ -65,7 +44,5 @@ function alignRect(a, ref, options) {
   const { h, v } = options;
   return vAlign(hAlign(a, ref, h), ref, v);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  alignRect
-});
+
+exports.alignRect = alignRect;

package/dist/align.mjs

@@ -1,6 +1,44 @@
-import {
-  alignRect
-} from "./chunk-QXXKPYP2.mjs";
-export {
-  alignRect
-};
+function hAlign(a, ref, h) {
+  let x = ref.minX;
+  if (h === "left-inside") {
+    x = ref.minX;
+  }
+  if (h === "left-outside") {
+    x = ref.minX - ref.width;
+  }
+  if (h === "right-inside") {
+    x = ref.maxX - ref.width;
+  }
+  if (h === "right-outside") {
+    x = ref.maxX;
+  }
+  if (h === "center") {
+    x = ref.midX - ref.width / 2;
+  }
+  return { ...a, x };
+}
+function vAlign(a, ref, v) {
+  let y = ref.minY;
+  if (v === "top-inside") {
+    y = ref.minY;
+  }
+  if (v === "top-outside") {
+    y = ref.minY - a.height;
+  }
+  if (v === "bottom-inside") {
+    y = ref.maxY - a.height;
+  }
+  if (v === "bottom-outside") {
+    y = ref.maxY;
+  }
+  if (v === "center") {
+    y = ref.midY - a.height / 2;
+  }
+  return { ...a, y };
+}
+function alignRect(a, ref, options) {
+  const { h, v } = options;
+  return vAlign(hAlign(a, ref, h), ref, v);
+}
+
+export { alignRect };

package/dist/closest.d.ts

@@ -1,8 +1,5 @@
-import { Rect } from './rect.js';
-import { Point, RectSide } from './types.js';
-
-declare function closest(...pts: Point[]): (a: Point) => Point;
-declare function closestSideToRect(ref: Rect, r: Rect): RectSide;
-declare function closestSideToPoint(ref: Rect, p: Point): RectSide;
-
-export { closest, closestSideToPoint, closestSideToRect };
+import type { Rect } from "./rect";
+import type { Point, RectSide } from "./types";
+export declare function closest(...pts: Point[]): (a: Point) => Point;
+export declare function closestSideToRect(ref: Rect, r: Rect): RectSide;
+export declare function closestSideToPoint(ref: Rect, p: Point): RectSide;

package/dist/closest.js

@@ -1,40 +1,12 @@
-"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/closest.ts
-var closest_exports = {};
-__export(closest_exports, {
-  closest: () => closest,
-  closestSideToPoint: () => closestSideToPoint,
-  closestSideToRect: () => closestSideToRect
-});
-module.exports = __toCommonJS(closest_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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));
-}
+const distance = require('./distance.js');
 
-// src/closest.ts
 function closest(...pts) {
   return (a) => {
-    const ds = pts.map((b) => distance(b, a));
+    const ds = pts.map((b) => distance.distance(b, a));
     const c = Math.min.apply(Math, ds);
     return pts[ds.indexOf(c)];
   };
@@ -75,9 +47,7 @@ function closestSideToPoint(ref, p) {
   }
   return side;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  closest,
-  closestSideToPoint,
-  closestSideToRect
-});
+
+exports.closest = closest;
+exports.closestSideToPoint = closestSideToPoint;
+exports.closestSideToRect = closestSideToRect;

package/dist/closest.mjs

@@ -1,13 +1,47 @@
-import {
-  closest,
-  closestSideToPoint,
-  closestSideToRect
-} from "./chunk-Q4ND66B6.mjs";
-import "./chunk-N5AQDOKZ.mjs";
-import "./chunk-GYYHT756.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  closest,
-  closestSideToPoint,
-  closestSideToRect
-};
+import { distance } from './distance.mjs';
+
+function closest(...pts) {
+  return (a) => {
+    const ds = pts.map((b) => distance(b, a));
+    const c = Math.min.apply(Math, ds);
+    return pts[ds.indexOf(c)];
+  };
+}
+function closestSideToRect(ref, r) {
+  if (r.maxX <= ref.minX) {
+    return "left";
+  }
+  if (r.minX >= ref.maxX) {
+    return "right";
+  }
+  if (r.maxY <= ref.minY) {
+    return "top";
+  }
+  if (r.minY >= ref.maxY) {
+    return "bottom";
+  }
+  return "left";
+}
+function closestSideToPoint(ref, p) {
+  const { x, y } = p;
+  const dl = x - ref.minX;
+  const dr = ref.maxX - x;
+  const dt = y - ref.minY;
+  const db = ref.maxY - y;
+  let closest2 = dl;
+  let side = "left";
+  if (dr < closest2) {
+    closest2 = dr;
+    side = "right";
+  }
+  if (dt < closest2) {
+    closest2 = dt;
+    side = "top";
+  }
+  if (db < closest2) {
+    side = "bottom";
+  }
+  return side;
+}
+
+export { closest, closestSideToPoint, closestSideToRect };

package/dist/contains.d.ts

@@ -1,8 +1,5 @@
-import { Rect } from './rect.js';
-import { Point } from './types.js';
-
-declare function containsPoint(r: Rect, p: Point): boolean;
-declare function containsRect(a: Rect, b: Rect): boolean;
-declare function contains(r: Rect, v: Rect | Point): boolean;
-
-export { contains, containsPoint, containsRect };
+import { Rect } from "./rect";
+import type { Point } from "./types";
+export declare function containsPoint(r: Rect, p: Point): boolean;
+export declare function containsRect(a: Rect, b: Rect): boolean;
+export declare function contains(r: Rect, v: Rect | Point): boolean;

package/dist/contains.js

@@ -1,58 +1,19 @@
-"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/contains.ts
-var contains_exports = {};
-__export(contains_exports, {
-  contains: () => contains,
-  containsPoint: () => containsPoint,
-  containsRect: () => containsRect
-});
-module.exports = __toCommonJS(contains_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/rect.ts
-var point = (x, y) => ({ x, y });
-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 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 };
-}
+const rect = require('./rect.js');
 
-// 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));
+  return Object.values(rect.getRectCorners(b)).every((c) => containsPoint(a, c));
 }
 function contains(r, v) {
-  return isRect(v) ? containsRect(r, v) : containsPoint(r, v);
+  return rect.isRect(v) ? containsRect(r, v) : containsPoint(r, v);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  contains,
-  containsPoint,
-  containsRect
-});
+
+exports.contains = contains;
+exports.containsPoint = containsPoint;
+exports.containsRect = containsRect;

package/dist/contains.mjs

@@ -1,11 +1,13 @@
-import {
-  contains,
-  containsPoint,
-  containsRect
-} from "./chunk-62GE3RPG.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  contains,
-  containsPoint,
-  containsRect
-};
+import { getRectCorners, isRect } from './rect.mjs';
+
+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 { contains, containsPoint, containsRect };

package/dist/distance.d.ts

@@ -1,12 +1,9 @@
-import { Rect } from './rect.js';
-import { Point, RectSide } from './types.js';
-
-type DistanceValue = Point & {
+import type { Rect } from "./rect";
+import type { Point, RectSide } from "./types";
+export type DistanceValue = Point & {
     value: number;
 };
-declare function distance(a: Point, b?: Point): number;
-declare function distanceFromPoint(r: Rect, p: Point): DistanceValue;
-declare function distanceFromRect(a: Rect, b: Rect): DistanceValue;
-declare function distanceBtwEdges(a: Rect, b: Rect): Record<RectSide, number>;
-
-export { DistanceValue, distance, distanceBtwEdges, distanceFromPoint, distanceFromRect };
+export declare function distance(a: Point, b?: Point): number;
+export declare function distanceFromPoint(r: Rect, p: Point): DistanceValue;
+export declare function distanceFromRect(a: Rect, b: Rect): DistanceValue;
+export declare function distanceBtwEdges(a: Rect, b: Rect): Record<RectSide, number>;

package/dist/distance.js

@@ -1,38 +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/distance.ts
-var distance_exports = {};
-__export(distance_exports, {
-  distance: () => distance,
-  distanceBtwEdges: () => distanceBtwEdges,
-  distanceFromPoint: () => distanceFromPoint,
-  distanceFromRect: () => distanceFromRect
-});
-module.exports = __toCommonJS(distance_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/intersection.ts
-function intersects(a, b) {
-  return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
-}
+const intersection = require('./intersection.js');
 
-// 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));
 }
@@ -50,7 +21,7 @@ function distanceFromPoint(r, p) {
   return { x, y, value: distance({ x, y }) };
 }
 function distanceFromRect(a, b) {
-  if (intersects(a, b))
+  if (intersection.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;
@@ -70,10 +41,8 @@ function distanceBtwEdges(a, b) {
     bottom: a.maxY - b.maxY
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  distance,
-  distanceBtwEdges,
-  distanceFromPoint,
-  distanceFromRect
-});
+
+exports.distance = distance;
+exports.distanceBtwEdges = distanceBtwEdges;
+exports.distanceFromPoint = distanceFromPoint;
+exports.distanceFromRect = distanceFromRect;

package/dist/distance.mjs

@@ -1,14 +1,41 @@
-import {
-  distance,
-  distanceBtwEdges,
-  distanceFromPoint,
-  distanceFromRect
-} from "./chunk-N5AQDOKZ.mjs";
-import "./chunk-GYYHT756.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  distance,
-  distanceBtwEdges,
-  distanceFromPoint,
-  distanceFromRect
-};
+import { intersects } from './intersection.mjs';
+
+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, distanceBtwEdges, distanceFromPoint, distanceFromRect };

package/dist/from-element.d.ts

@@ -1,8 +1,6 @@
-import { Rect } from './rect.js';
-import './types.js';
-
-declare function getElementRect(el: HTMLElement, opts?: ElementRectOptions): Rect;
-type ElementRectOptions = {
+import { Rect } from "./rect";
+export declare function getElementRect(el: HTMLElement, opts?: ElementRectOptions): Rect;
+export type ElementRectOptions = {
     /**
      * Whether to exclude the element's scrollbar size from the calculation.
      */
@@ -12,5 +10,3 @@ type ElementRectOptions = {
      */
     excludeBorders?: boolean;
 };
-
-export { ElementRectOptions, getElementRect };

package/dist/from-element.js

@@ -1,52 +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/from-element.ts
-var from_element_exports = {};
-__export(from_element_exports, {
-  getElementRect: () => getElementRect
-});
-module.exports = __toCommonJS(from_element_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/from-element.ts
-var styleCache = /* @__PURE__ */ new WeakMap();
+const styleCache = /* @__PURE__ */ new WeakMap();
 function getCacheComputedStyle(el) {
   if (!styleCache.has(el)) {
     const win = el.ownerDocument.defaultView || window;
@@ -55,7 +13,7 @@ function getCacheComputedStyle(el) {
   return styleCache.get(el);
 }
 function getElementRect(el, opts = {}) {
-  return createRect(getClientRect(el, opts));
+  return rect.createRect(getClientRect(el, opts));
 }
 function getClientRect(el, opts = {}) {
   const { excludeScrollbar = false, excludeBorders = false } = opts;
@@ -79,9 +37,7 @@ function getClientRect(el, opts = {}) {
   }
   return r;
 }
-var px = (v) => parseFloat(v.replace("px", ""));
-var sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getElementRect
-});
+const px = (v) => parseFloat(v.replace("px", ""));
+const sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
+
+exports.getElementRect = getElementRect;

package/dist/from-element.mjs

@@ -1,7 +1,39 @@
-import {
-  getElementRect
-} from "./chunk-BDA5H4ND.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  getElementRect
-};
+import { createRect } from './rect.mjs';
+
+const 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;
+}
+const px = (v) => parseFloat(v.replace("px", ""));
+const sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
+
+export { getElementRect };

package/dist/from-points.d.ts

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