@zag-js/popper 0.0.0-dev-20220706194607 → 0.0.0-dev-20220709094240

package/dist/get-placement.d.ts

@@ -1,3 +1,4 @@
-import type { VirtualElement } from "@floating-ui/dom";
-import type { PositioningOptions } from "./types";
+import type { Placement, VirtualElement } from "@floating-ui/dom";
+import type { BasePlacement, PositioningOptions } from "./types";
 export declare function getPlacement(reference: HTMLElement | VirtualElement | null, floating: HTMLElement | null, opts?: PositioningOptions): () => void;
+export declare function getBasePlacement(placement: Placement): BasePlacement;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { getPlacement } from "./get-placement";
+export { getPlacement, getBasePlacement } from "./get-placement";
 export { getPlacementStyles } from "./get-styles";
 export type { Placement, PositioningOptions } from "./types";

package/dist/index.js

@@ -37,6 +37,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  getBasePlacement: () => getBasePlacement,
   getPlacement: () => getPlacement,
   getPlacementStyles: () => getPlacementStyles
 });
@@ -277,6 +278,7 @@ function getPlacement(reference, floating, opts = {}) {
       middleware,
       strategy
     }, config)).then((data) => {
+      var _a;
       const x = Math.round(data.x);
       const y = Math.round(data.y);
       Object.assign(floating.style, {
@@ -285,15 +287,15 @@ function getPlacement(reference, floating, opts = {}) {
         left: "0",
         transform: `translate3d(${x}px, ${y}px, 0)`
       });
-      return data;
-    }).then((data) => {
-      var _a;
       (_a = options.onComplete) == null ? void 0 : _a.call(options, __spreadProps(__spreadValues({}, data), { compute }));
     });
   }
   compute();
   return callAll(options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0, options.onCleanup);
 }
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
 
 // src/get-styles.ts
 var UNMEASURED_FLOATING_STYLE = {

package/dist/index.mjs

@@ -253,6 +253,7 @@ function getPlacement(reference, floating, opts = {}) {
       middleware,
       strategy
     }, config)).then((data) => {
+      var _a;
       const x = Math.round(data.x);
       const y = Math.round(data.y);
       Object.assign(floating.style, {
@@ -261,15 +262,15 @@ function getPlacement(reference, floating, opts = {}) {
         left: "0",
         transform: `translate3d(${x}px, ${y}px, 0)`
       });
-      return data;
-    }).then((data) => {
-      var _a;
       (_a = options.onComplete) == null ? void 0 : _a.call(options, __spreadProps(__spreadValues({}, data), { compute }));
     });
   }
   compute();
   return callAll(options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0, options.onCleanup);
 }
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
 
 // src/get-styles.ts
 var UNMEASURED_FLOATING_STYLE = {
@@ -314,6 +315,7 @@ function getPlacementStyles(options) {
   };
 }
 export {
+  getBasePlacement,
   getPlacement,
   getPlacementStyles
 };

package/dist/types.d.ts

@@ -61,3 +61,4 @@ export declare type PositioningOptions = {
      */
     onCleanup?: VoidFunction;
 };
+export declare type BasePlacement = "top" | "right" | "bottom" | "left";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popper",
-  "version": "0.0.0-dev-20220706194607",
+  "version": "0.0.0-dev-20220709094240",
   "description": "Dynamic positioning logic for ui machines",
   "keywords": [
     "js",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "0.5.4",
-    "@zag-js/dom-utils": "0.0.0-dev-20220706194607",
+    "@zag-js/dom-utils": "0.0.0-dev-20220709094240",
     "@zag-js/utils": "0.1.2"
   },
   "scripts": {