@zag-js/rect-utils 0.1.4 → 0.1.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Chakra UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,16 +1,186 @@
-export * from "./align";
-export * from "./closest";
-export * from "./contains";
-export * from "./distance";
-export * from "./from-element";
-export * from "./from-points";
-export * from "./from-range";
-export * from "./from-rotation";
-export * from "./from-window";
-export * from "./get-polygon";
-export * from "./intersection";
-export * from "./operations";
-export * from "./polygon";
-export * from "./rect";
-export * from "./types";
-export * from "./union";
+declare type Point = {
+    x: number;
+    y: number;
+};
+declare type RectValue = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+declare type RectSide = "top" | "right" | "bottom" | "left";
+declare type RectPoint = "top-left" | "top-center" | "top-right" | "right-center" | "left-center" | "bottom-left" | "bottom-right" | "bottom-center" | "center";
+declare type RectEdge = [Point, Point];
+declare type RectPoints = [Point, Point, Point, Point];
+declare type RectEdges = Record<RectSide, RectEdge> & {
+    value: RectEdge[];
+};
+declare type RectCorner = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+declare type RectCorners = Record<RectCorner, Point> & {
+    value: RectPoints;
+};
+declare type RectCenter = "topCenter" | "rightCenter" | "leftCenter" | "bottomCenter";
+declare type RectCenters = Record<RectCenter, Point> & {
+    value: RectPoints;
+};
+declare type RectInset = Partial<Record<RectSide, number>>;
+declare type SymmetricRectInset = {
+    dx?: number;
+    dy?: number;
+};
+
+declare function createRect(r: RectValue): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    midX: number;
+    midY: number;
+    center: {
+        x: number;
+        y: number;
+    };
+};
+declare type Rect = ReturnType<typeof createRect>;
+declare function isRect(v: any): v is Rect;
+declare function getRectCenters(v: Rect): {
+    top: {
+        x: number;
+        y: number;
+    };
+    right: {
+        x: number;
+        y: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+    };
+    left: {
+        x: number;
+        y: number;
+    };
+};
+declare function getRectCorners(v: Rect): {
+    top: {
+        x: number;
+        y: number;
+    };
+    right: {
+        x: number;
+        y: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+    };
+    left: {
+        x: number;
+        y: number;
+    };
+};
+declare function getRectEdges(v: Rect): {
+    top: RectEdge;
+    right: RectEdge;
+    bottom: RectEdge;
+    left: RectEdge;
+};
+
+declare function alignRect(a: Rect, ref: Rect, options: AlignOptions): Rect;
+declare type AlignOptions = {
+    h: HAlign;
+    v: VAlign;
+};
+declare type HAlign = "left-inside" | "left-outside" | "center" | "right-inside" | "right-outside";
+declare type VAlign = "top-inside" | "top-outside" | "center" | "bottom-inside" | "bottom-outside";
+
+declare function closest(...pts: Point[]): (a: Point) => Point;
+declare function closestSideToRect(ref: Rect, r: Rect): RectSide;
+declare function closestSideToPoint(ref: Rect, p: Point): RectSide;
+
+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;
+
+declare 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>;
+
+declare function getElementRect(el: HTMLElement, opts?: ElementRectOptions): Rect;
+declare type ElementRectOptions = {
+    /**
+     * Whether to exclude the element's scrollbar size from the calculation.
+     */
+    excludeScrollbar?: boolean;
+    /**
+     * Whether to exclude the element's borders from the calculation.
+     */
+    excludeBorders?: boolean;
+};
+
+declare function getRectFromPoints(...pts: Point[]): Rect;
+
+declare function fromRange(range: Range): Rect;
+
+declare function toRad(d: number): number;
+declare function rotate(a: Point, d: number, c: Point): Point;
+declare function getRotationRect(r: Rect, deg: number): Rect;
+
+declare type WindowRectOptions = {
+    /**
+     * Whether to exclude the element's scrollbar size from the calculation.
+     */
+    excludeScrollbar?: boolean;
+};
+/**
+ * Creates a rectange from window object
+ */
+declare function getWindowRect(win: Window, opts?: WindowRectOptions): Rect;
+/**
+ * Get the rect of the window with the option to exclude the scrollbar
+ */
+declare function getViewportRect(win: Window, opts: WindowRectOptions): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+
+declare function getElementPolygon(rectValue: RectValue, placement: string): {
+    x: number;
+    y: number;
+}[] | undefined;
+
+/**
+ * Checks if a Rect intersects another Rect
+ */
+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;
+/**
+ * Returns whether two rects collide along each edge
+ */
+declare function collisions(a: Rect, b: Rect): Record<RectSide, boolean>;
+
+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;
+
+declare function isPointInPolygon(polygon: Point[], point: Point): boolean;
+declare function debugPolygon(polygon: Point[]): () => void;
+
+declare function union(...rs: Rect[]): Rect;
+
+export { AlignOptions, DistanceValue, ElementRectOptions, HAlign, Point, Rect, RectCenter, RectCenters, RectCorner, RectCorners, RectEdge, RectEdges, RectInset, RectPoint, RectPoints, RectSide, RectValue, SymmetricRectInset, VAlign, WindowRectOptions, 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 };

package/dist/index.js

@@ -1,25 +1,8 @@
 "use strict";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -94,7 +77,7 @@ function hAlign(a, ref, h) {
   if (h === "center") {
     x = ref.midX - ref.width / 2;
   }
-  return __spreadProps(__spreadValues({}, a), { x });
+  return { ...a, x };
 }
 function vAlign(a, ref, v) {
   let y = ref.minY;
@@ -113,7 +96,7 @@ function vAlign(a, ref, v) {
   if (v === "center") {
     y = ref.midY - a.height / 2;
   }
-  return __spreadProps(__spreadValues({}, a), { y });
+  return { ...a, y };
 }
 function alignRect(a, ref, options) {
   const { h, v } = options;
@@ -291,13 +274,12 @@ function getCache() {
   return g.__styleCache;
 }
 function getComputedStyle(el) {
-  var _a;
   if (!el)
     return {};
   const cache = getCache();
   let style = cache.get(el);
   if (!style) {
-    const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+    const win = (el == null ? void 0 : el.ownerDocument.defaultView) ?? window;
     style = win.getComputedStyle(el);
     cache.set(el, style);
   }
@@ -372,7 +354,7 @@ function fromRange(range) {
   }
   if (start instanceof HTMLElement) {
     const r = getElementRect(start);
-    rs.push(__spreadProps(__spreadValues({}, r), { x: r.maxX, width: 0 }));
+    rs.push({ ...r, x: r.maxX, width: 0 });
   }
   return union.apply(void 0, rs);
 }
@@ -517,3 +499,42 @@ function debugPolygon(polygon) {
     el.remove();
   };
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  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
+});

package/dist/index.mjs

@@ -1,23 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
 // src/align.ts
 function hAlign(a, ref, h) {
   let x = ref.minX;
@@ -36,7 +16,7 @@ function hAlign(a, ref, h) {
   if (h === "center") {
     x = ref.midX - ref.width / 2;
   }
-  return __spreadProps(__spreadValues({}, a), { x });
+  return { ...a, x };
 }
 function vAlign(a, ref, v) {
   let y = ref.minY;
@@ -55,7 +35,7 @@ function vAlign(a, ref, v) {
   if (v === "center") {
     y = ref.midY - a.height / 2;
   }
-  return __spreadProps(__spreadValues({}, a), { y });
+  return { ...a, y };
 }
 function alignRect(a, ref, options) {
   const { h, v } = options;
@@ -233,13 +213,12 @@ function getCache() {
   return g.__styleCache;
 }
 function getComputedStyle(el) {
-  var _a;
   if (!el)
     return {};
   const cache = getCache();
   let style = cache.get(el);
   if (!style) {
-    const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+    const win = (el == null ? void 0 : el.ownerDocument.defaultView) ?? window;
     style = win.getComputedStyle(el);
     cache.set(el, style);
   }
@@ -314,7 +293,7 @@ function fromRange(range) {
   }
   if (start instanceof HTMLElement) {
     const r = getElementRect(start);
-    rs.push(__spreadProps(__spreadValues({}, r), { x: r.maxX, width: 0 }));
+    rs.push({ ...r, x: r.maxX, width: 0 });
   }
   return union.apply(void 0, rs);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/rect-utils",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "",
   "keywords": [
     "js",
@@ -24,17 +24,18 @@
   "bugs": {
     "url": "https://github.com/chakra-ui/zag/issues"
   },
-  "dependencies": {
-    "@zag-js/dom-utils": "0.1.7",
-    "@zag-js/utils": "0.1.2"
+  "devDependencies": {
+    "@zag-js/dom-utils": "0.1.8",
+    "@zag-js/utils": "0.1.3"
   },
   "scripts": {
-    "build:fast": "zag build",
-    "start": "zag build --watch",
-    "build": "zag build --prod",
+    "build-fast": "tsup src/index.ts --format=esm,cjs",
+    "start": "pnpm build --watch",
+    "build": "tsup src/index.ts --format=esm,cjs --dts",
     "test": "jest --config ../../../jest.config.js --rootDir . --passWithNoTests",
     "lint": "eslint src --ext .ts,.tsx",
-    "test:ci": "yarn test --ci --runInBand",
-    "test:watch": "yarn test --watch --updateSnapshot"
+    "test-ci": "pnpm test --ci --runInBand",
+    "test-watch": "pnpm test --watch -u",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

package/dist/align.d.ts

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

package/dist/closest.d.ts

@@ -1,5 +0,0 @@
-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/contains.d.ts

@@ -1,5 +0,0 @@
-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/distance.d.ts

@@ -1,9 +0,0 @@
-import type { Rect } from "./rect";
-import type { Point, RectSide } from "./types";
-export declare type DistanceValue = Point & {
-    value: number;
-};
-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/from-element.d.ts

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

package/dist/from-points.d.ts

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

package/dist/from-range.d.ts

@@ -1,2 +0,0 @@
-import { Rect } from "./rect";
-export declare function fromRange(range: Range): Rect;

package/dist/from-rotation.d.ts

@@ -1,5 +0,0 @@
-import { Rect } from "./rect";
-import type { Point } from "./types";
-export declare function toRad(d: number): number;
-export declare function rotate(a: Point, d: number, c: Point): Point;
-export declare function getRotationRect(r: Rect, deg: number): Rect;

package/dist/from-window.d.ts

@@ -1,20 +0,0 @@
-import { Rect } from "./rect";
-export declare type WindowRectOptions = {
-    /**
-     * Whether to exclude the element's scrollbar size from the calculation.
-     */
-    excludeScrollbar?: boolean;
-};
-/**
- * Creates a rectange from window object
- */
-export declare function getWindowRect(win: Window, opts?: WindowRectOptions): Rect;
-/**
- * Get the rect of the window with the option to exclude the scrollbar
- */
-export declare function getViewportRect(win: Window, opts: WindowRectOptions): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};

package/dist/get-polygon.d.ts

@@ -1,5 +0,0 @@
-import type { RectValue } from "./types";
-export declare function getElementPolygon(rectValue: RectValue, placement: string): {
-    x: number;
-    y: number;
-}[];

package/dist/intersection.d.ts

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

package/dist/operations.d.ts

@@ -1,7 +0,0 @@
-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/polygon.d.ts

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

package/dist/rect.d.ts

@@ -1,61 +0,0 @@
-import type { RectEdge, RectValue } from "./types";
-export declare function createRect(r: RectValue): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    minX: number;
-    minY: number;
-    maxX: number;
-    maxY: number;
-    midX: number;
-    midY: number;
-    center: {
-        x: number;
-        y: number;
-    };
-};
-export declare 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;
-    };
-    right: {
-        x: number;
-        y: number;
-    };
-    bottom: {
-        x: number;
-        y: number;
-    };
-    left: {
-        x: number;
-        y: number;
-    };
-};
-export declare function getRectCorners(v: Rect): {
-    top: {
-        x: number;
-        y: number;
-    };
-    right: {
-        x: number;
-        y: number;
-    };
-    bottom: {
-        x: number;
-        y: number;
-    };
-    left: {
-        x: number;
-        y: number;
-    };
-};
-export declare function getRectEdges(v: Rect): {
-    top: RectEdge;
-    right: RectEdge;
-    bottom: RectEdge;
-    left: RectEdge;
-};

package/dist/types.d.ts

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

package/dist/union.d.ts

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