@zag-js/popper 0.1.13 → 0.2.1

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import { Placement, Boundary, ComputePositionReturn, ComputePositionConfig, VirtualElement } from '@floating-ui/dom';
 export { Placement } from '@floating-ui/dom';
 
-declare type AutoUpdateOptions = {
+type AutoUpdateOptions = {
     ancestorScroll?: boolean;
     ancestorResize?: boolean;
     referenceResize?: boolean;
 };
 
-declare type PositioningOptions = {
+type PositioningOptions = {
     /**
      * The strategy to use for positioning
      */
@@ -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
      */
@@ -67,12 +67,12 @@ declare type PositioningOptions = {
      */
     onCleanup?: VoidFunction;
 };
-declare type BasePlacement = "top" | "right" | "bottom" | "left";
+type BasePlacement = "top" | "right" | "bottom" | "left";
 
 declare function getPlacement(reference: HTMLElement | VirtualElement | null, floating: HTMLElement | null, opts?: PositioningOptions): (() => void) | undefined;
 declare function getBasePlacement(placement: Placement): BasePlacement;
 
-declare type Options = {
+type Options = {
     measured: boolean;
     strategy?: "absolute" | "fixed";
     placement?: Placement;
@@ -85,7 +85,7 @@ declare function getPlacementStyles(options: Options): {
         readonly height: string;
         readonly opacity: 0 | undefined;
     };
-    innerArrow: {
+    arrowTip: {
         readonly transform: any;
         readonly background: string;
         readonly top: "0";

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
     })
@@ -318,7 +320,7 @@ function getPlacementStyles(options) {
       [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`,
       opacity: !measured ? 0 : void 0
     },
-    innerArrow: {
+    arrowTip: {
       transform: ARROW_FLOATING_STYLE[placement.split("-")[0]],
       background: cssVars.arrowBg.reference,
       top: "0",

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
     })
@@ -290,7 +292,7 @@ function getPlacementStyles(options) {
       [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`,
       opacity: !measured ? 0 : void 0
     },
-    innerArrow: {
+    arrowTip: {
       transform: ARROW_FLOATING_STYLE[placement.split("-")[0]],
       background: cssVars.arrowBg.reference,
       top: "0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popper",
-  "version": "0.1.13",
+  "version": "0.2.1",
   "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.10"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.13",
-    "@zag-js/utils": "0.1.6"
+    "@zag-js/dom-utils": "0.2.1",
+    "@zag-js/utils": "0.3.1"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",