@zag-js/popper 0.1.13 → 0.2.0

package/dist/index.d.ts

@@ -51,7 +51,7 @@ declare type PositioningOptions = {
     /**
      * The overflow boundary of the reference element
      */
-    boundary?: Boundary;
+    boundary?: Boundary | (() => Boundary);
     /**
      * Options to activate auto-update listeners
      */

package/dist/index.js

@@ -43,7 +43,7 @@ var import_dom = require("@floating-ui/dom");
 // ../dom/dist/index.mjs
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
+  return res != null ? res : void 0;
 };
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 function isHTMLElement(v) {
@@ -112,11 +112,12 @@ function isEqual(rect1, rect2) {
 
 // src/auto-update.ts
 function resolveOptions(option) {
+  var _a, _b, _c;
   const bool = isBoolean(option);
   return {
-    ancestorResize: bool ? option : option.ancestorResize ?? true,
-    ancestorScroll: bool ? option : option.ancestorScroll ?? true,
-    referenceResize: bool ? option : option.referenceResize ?? true
+    ancestorResize: bool ? option : (_a = option.ancestorResize) != null ? _a : true,
+    ancestorScroll: bool ? option : (_b = option.ancestorScroll) != null ? _b : true,
+    referenceResize: bool ? option : (_c = option.referenceResize) != null ? _c : true
   };
 }
 function autoUpdate(reference, floating, update, options = false) {
@@ -208,10 +209,11 @@ function getPlacement(reference, floating, opts = {}) {
   const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
   const middleware = [];
+  const boundary = typeof options.boundary === "function" ? options.boundary() : options.boundary;
   if (options.flip) {
     middleware.push(
       (0, import_dom2.flip)({
-        boundary: options.boundary,
+        boundary,
         padding: options.overflowPadding
       })
     );
@@ -225,7 +227,7 @@ function getPlacement(reference, floating, opts = {}) {
   }
   middleware.push(
     (0, import_dom2.shift)({
-      boundary: options.boundary,
+      boundary,
       crossAxis: options.overlap,
       padding: options.overflowPadding
     })

package/dist/index.mjs

@@ -15,7 +15,7 @@ import { getOverflowAncestors } from "@floating-ui/dom";
 // ../dom/dist/index.mjs
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
+  return res != null ? res : void 0;
 };
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 function isHTMLElement(v) {
@@ -84,11 +84,12 @@ function isEqual(rect1, rect2) {
 
 // src/auto-update.ts
 function resolveOptions(option) {
+  var _a, _b, _c;
   const bool = isBoolean(option);
   return {
-    ancestorResize: bool ? option : option.ancestorResize ?? true,
-    ancestorScroll: bool ? option : option.ancestorScroll ?? true,
-    referenceResize: bool ? option : option.referenceResize ?? true
+    ancestorResize: bool ? option : (_a = option.ancestorResize) != null ? _a : true,
+    ancestorScroll: bool ? option : (_b = option.ancestorScroll) != null ? _b : true,
+    referenceResize: bool ? option : (_c = option.referenceResize) != null ? _c : true
   };
 }
 function autoUpdate(reference, floating, update, options = false) {
@@ -180,10 +181,11 @@ function getPlacement(reference, floating, opts = {}) {
   const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
   const middleware = [];
+  const boundary = typeof options.boundary === "function" ? options.boundary() : options.boundary;
   if (options.flip) {
     middleware.push(
       flip({
-        boundary: options.boundary,
+        boundary,
         padding: options.overflowPadding
       })
     );
@@ -197,7 +199,7 @@ function getPlacement(reference, floating, opts = {}) {
   }
   middleware.push(
     shift({
-      boundary: options.boundary,
+      boundary,
       crossAxis: options.overlap,
       padding: options.overflowPadding
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popper",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "Dynamic positioning logic for ui machines",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -25,11 +25,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.0.1"
+    "@floating-ui/dom": "1.0.2"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.13",
-    "@zag-js/utils": "0.1.6"
+    "@zag-js/dom-utils": "0.2.0",
+    "@zag-js/utils": "0.2.0"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",