@zag-js/popover 0.1.3 → 0.1.6

package/dist/index.js

@@ -593,7 +593,11 @@ var import_popper = require("@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);
 
@@ -629,6 +633,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`;
@@ -655,12 +663,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))),
@@ -681,7 +689,8 @@ function connect(state, send, normalize = normalizeProp) {
   const isOpen = state.matches("open");
   const pointerdownNode = state.context.pointerdownNode;
   const popperStyles = (0, import_popper.getPlacementStyles)({
-    measured: !!state.context.isPlacementComplete
+    measured: !!state.context.isPlacementComplete,
+    placement: state.context.currentPlacement
   });
   return {
     portalled: state.context.currentPortalled,
@@ -729,6 +738,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,
@@ -965,6 +975,8 @@ function machine(ctx = {}) {
       setupDocument(ctx2, evt) {
         if (evt.doc)
           ctx2.doc = (0, import_core.ref)(evt.doc);
+        if (evt.root)
+          ctx2.rootNode = (0, import_core.ref)(evt.root);
         ctx2.uid = evt.id;
       },
       clearPointerDown(ctx2) {