@zag-js/popper 1.38.0 → 1.38.1

package/dist/get-placement.js

@@ -33,6 +33,7 @@ var defaultOptions = {
   strategy: "absolute",
   placement: "bottom",
   listeners: true,
+  restoreStyles: false,
   gutter: 8,
   flip: true,
   slide: true,
@@ -138,12 +139,41 @@ function getAutoUpdateOptions(opts) {
   }
   return opts;
 }
+var floatingStyleProps = [
+  "transform",
+  "visibility",
+  "pointer-events",
+  "--x",
+  "--y",
+  "--z-index",
+  "--reference-width",
+  "--reference-height",
+  "--available-width",
+  "--available-height",
+  "--transform-origin"
+];
+var arrowStyleProps = ["top", "right", "bottom", "left"];
+function createStyleCleanup(el, props) {
+  if (!el) return import_utils.noop;
+  const prev = new Map(props.map((prop) => [prop, el.style.getPropertyValue(prop)]));
+  return () => {
+    prev.forEach((value, prop) => {
+      if (value) el.style.setProperty(prop, value);
+      else el.style.removeProperty(prop);
+    });
+    if (el.style.length === 0) {
+      el.removeAttribute("style");
+    }
+  };
+}
 function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
   const anchor = opts.getAnchorElement?.() ?? referenceOrVirtual;
   const reference = (0, import_get_anchor.getAnchorElement)(anchor, opts.getAnchorRect);
   if (!floating || !reference) return;
   const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
+  const restoreFloatingStyles = options.restoreStyles ? createStyleCleanup(floating, floatingStyleProps) : void 0;
+  const restoreArrowStyles = options.restoreStyles ? createStyleCleanup(arrowEl, arrowStyleProps) : void 0;
   const middleware = [
     getOffsetMiddleware(arrowEl, options),
     getFlipMiddleware(options),
@@ -213,6 +243,8 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
   update();
   return () => {
     cancelAutoUpdate?.();
+    restoreArrowStyles?.();
+    restoreFloatingStyles?.();
     onPositioned?.({ placed: false });
   };
 }

package/dist/get-placement.mjs

@@ -9,6 +9,7 @@ var defaultOptions = {
   strategy: "absolute",
   placement: "bottom",
   listeners: true,
+  restoreStyles: false,
   gutter: 8,
   flip: true,
   slide: true,
@@ -114,12 +115,41 @@ function getAutoUpdateOptions(opts) {
   }
   return opts;
 }
+var floatingStyleProps = [
+  "transform",
+  "visibility",
+  "pointer-events",
+  "--x",
+  "--y",
+  "--z-index",
+  "--reference-width",
+  "--reference-height",
+  "--available-width",
+  "--available-height",
+  "--transform-origin"
+];
+var arrowStyleProps = ["top", "right", "bottom", "left"];
+function createStyleCleanup(el, props) {
+  if (!el) return noop;
+  const prev = new Map(props.map((prop) => [prop, el.style.getPropertyValue(prop)]));
+  return () => {
+    prev.forEach((value, prop) => {
+      if (value) el.style.setProperty(prop, value);
+      else el.style.removeProperty(prop);
+    });
+    if (el.style.length === 0) {
+      el.removeAttribute("style");
+    }
+  };
+}
 function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
   const anchor = opts.getAnchorElement?.() ?? referenceOrVirtual;
   const reference = getAnchorElement(anchor, opts.getAnchorRect);
   if (!floating || !reference) return;
   const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
+  const restoreFloatingStyles = options.restoreStyles ? createStyleCleanup(floating, floatingStyleProps) : void 0;
+  const restoreArrowStyles = options.restoreStyles ? createStyleCleanup(arrowEl, arrowStyleProps) : void 0;
   const middleware = [
     getOffsetMiddleware(arrowEl, options),
     getFlipMiddleware(options),
@@ -189,6 +219,8 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
   update();
   return () => {
     cancelAutoUpdate?.();
+    restoreArrowStyles?.();
+    restoreFloatingStyles?.();
     onPositioned?.({ placed: false });
   };
 }

package/dist/types.d.mts

@@ -13,6 +13,10 @@ interface AnchorRect {
     height?: number | undefined;
 }
 interface PositioningOptions {
+    /**
+     * Whether styles applied by the positioning utility should be restored on cleanup.
+     */
+    restoreStyles?: boolean | undefined;
     /**
      * Whether the popover should be hidden when the reference element is detached
      */

package/dist/types.d.ts

@@ -13,6 +13,10 @@ interface AnchorRect {
     height?: number | undefined;
 }
 interface PositioningOptions {
+    /**
+     * Whether styles applied by the positioning utility should be restored on cleanup.
+     */
+    restoreStyles?: boolean | undefined;
     /**
      * Whether the popover should be hidden when the reference element is detached
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popper",
-  "version": "1.38.0",
+  "version": "1.38.1",
   "description": "Dynamic positioning logic for ui machines",
   "keywords": [
     "js",
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@zag-js/dom-query": "1.38.0",
-    "@zag-js/utils": "1.38.0"
+    "@zag-js/dom-query": "1.38.1",
+    "@zag-js/utils": "1.38.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"