@zag-js/popover 0.1.3 → 0.1.6

package/dist/index.mjs

@@ -570,7 +570,11 @@ import { getPlacementStyles } from "@zag-js/popper";
 
 // ../../types/dist/index.mjs
 function createNormalizer(fn) {
-  return { button: fn, label: fn, input: fn, output: fn, element: fn };
+  return new Proxy({}, {
+    get() {
+      return fn;
+    }
+  });
 }
 var normalizeProp = createNormalizer((v) => v);
 
@@ -606,6 +610,10 @@ var dom = {
     return (_a = ctx.doc) != null ? _a : document;
   },
   getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
+  getRootNode: (ctx) => {
+    var _a;
+    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
+  },
   getAnchorId: (ctx) => {
     var _a, _b;
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover:${ctx.uid}:anchor`;
@@ -632,12 +640,12 @@ var dom = {
     var _a, _b;
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover:${ctx.uid}:close-button`;
   },
-  getAnchorEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getAnchorId(ctx)),
-  getTriggerEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getTriggerId(ctx)),
-  getContentEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getContentId(ctx)),
-  getPositionerEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPositionerId(ctx)),
-  getTitleEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getTitleId(ctx)),
-  getDescriptionEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getDescriptionId(ctx)),
+  getAnchorEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getAnchorId(ctx)),
+  getTriggerEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getTriggerId(ctx)),
+  getContentEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getContentId(ctx)),
+  getPositionerEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getPositionerId(ctx)),
+  getTitleEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getTitleId(ctx)),
+  getDescriptionEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getDescriptionId(ctx)),
   getFocusableEls: (ctx) => getFocusables(dom.getContentEl(ctx)),
   getFirstFocusableEl: (ctx) => dom.getFocusableEls(ctx)[0],
   getDocTabbableEls: (ctx) => getTabbables(cast(dom.getDoc(ctx))),
@@ -658,7 +666,8 @@ function connect(state, send, normalize = normalizeProp) {
   const isOpen = state.matches("open");
   const pointerdownNode = state.context.pointerdownNode;
   const popperStyles = getPlacementStyles({
-    measured: !!state.context.isPlacementComplete
+    measured: !!state.context.isPlacementComplete,
+    placement: state.context.currentPlacement
   });
   return {
     portalled: state.context.currentPortalled,
@@ -706,6 +715,7 @@ function connect(state, send, normalize = normalizeProp) {
       tabIndex: -1,
       role: "dialog",
       hidden: !isOpen,
+      "data-expanded": dataAttr(isOpen),
       "aria-labelledby": state.context.isTitleRendered ? dom.getTitleId(state.context) : void 0,
       "aria-describedby": state.context.isDescriptionRendered ? dom.getDescriptionId(state.context) : void 0,
       "data-placement": state.context.currentPlacement,
@@ -942,6 +952,8 @@ function machine(ctx = {}) {
       setupDocument(ctx2, evt) {
         if (evt.doc)
           ctx2.doc = ref(evt.doc);
+        if (evt.root)
+          ctx2.rootNode = ref(evt.root);
         ctx2.uid = evt.id;
       },
       clearPointerDown(ctx2) {