@zag-js/popover 0.53.0 → 0.55.0

package/dist/index.d.mts

@@ -116,16 +116,16 @@ interface MachineApi<T extends PropTypes = PropTypes> {
      * Function to reposition the popover
      */
     reposition(options?: Partial<PositioningOptions>): void;
-    arrowProps: T["element"];
-    arrowTipProps: T["element"];
-    anchorProps: T["element"];
-    triggerProps: T["button"];
-    indicatorProps: T["element"];
-    positionerProps: T["element"];
-    contentProps: T["element"];
-    titleProps: T["element"];
-    descriptionProps: T["element"];
-    closeTriggerProps: T["button"];
+    getArrowProps(): T["element"];
+    getArrowTipProps(): T["element"];
+    getAnchorProps(): T["element"];
+    getTriggerProps(): T["button"];
+    getIndicatorProps(): T["element"];
+    getPositionerProps(): T["element"];
+    getContentProps(): T["element"];
+    getTitleProps(): T["element"];
+    getDescriptionProps(): T["element"];
+    getCloseTriggerProps(): T["button"];
 }
 
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;

package/dist/index.d.ts

@@ -116,16 +116,16 @@ interface MachineApi<T extends PropTypes = PropTypes> {
      * Function to reposition the popover
      */
     reposition(options?: Partial<PositioningOptions>): void;
-    arrowProps: T["element"];
-    arrowTipProps: T["element"];
-    anchorProps: T["element"];
-    triggerProps: T["button"];
-    indicatorProps: T["element"];
-    positionerProps: T["element"];
-    contentProps: T["element"];
-    titleProps: T["element"];
-    descriptionProps: T["element"];
-    closeTriggerProps: T["button"];
+    getArrowProps(): T["element"];
+    getArrowTipProps(): T["element"];
+    getAnchorProps(): T["element"];
+    getTriggerProps(): T["button"];
+    getIndicatorProps(): T["element"];
+    getPositionerProps(): T["element"];
+    getContentProps(): T["element"];
+    getTitleProps(): T["element"];
+    getDescriptionProps(): T["element"];
+    getCloseTriggerProps(): T["button"];
 }
 
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;

package/dist/index.js

@@ -1,2 +1,494 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:true})};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from==="object"||typeof from==="function"){for(let key of __getOwnPropNames(from))if(!__hasOwnProp.call(to,key)&&key!==except)__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:true}),mod);var src_exports={};__export(src_exports,{anatomy:()=>anatomy,connect:()=>connect,machine:()=>machine,props:()=>props,splitProps:()=>splitProps});module.exports=__toCommonJS(src_exports);var import_anatomy=require("@zag-js/anatomy");var anatomy=(0,import_anatomy.createAnatomy)("popover").parts("arrow","arrowTip","anchor","trigger","indicator","positioner","content","title","description","closeTrigger");var parts=anatomy.build();var import_dom_query2=require("@zag-js/dom-query");var import_popper=require("@zag-js/popper");var import_dom_query=require("@zag-js/dom-query");var dom=(0,import_dom_query.createScope)({getAnchorId:ctx=>ctx.ids?.anchor??`popover:${ctx.id}:anchor`,getTriggerId:ctx=>ctx.ids?.trigger??`popover:${ctx.id}:trigger`,getContentId:ctx=>ctx.ids?.content??`popover:${ctx.id}:content`,getPositionerId:ctx=>ctx.ids?.positioner??`popover:${ctx.id}:popper`,getArrowId:ctx=>ctx.ids?.arrow??`popover:${ctx.id}:arrow`,getTitleId:ctx=>ctx.ids?.title??`popover:${ctx.id}:title`,getDescriptionId:ctx=>ctx.ids?.description??`popover:${ctx.id}:desc`,getCloseTriggerId:ctx=>ctx.ids?.closeTrigger??`popover:${ctx.id}:close`,getAnchorEl:ctx=>dom.getById(ctx,dom.getAnchorId(ctx)),getTriggerEl:ctx=>dom.getById(ctx,dom.getTriggerId(ctx)),getContentEl:ctx=>dom.getById(ctx,dom.getContentId(ctx)),getPositionerEl:ctx=>dom.getById(ctx,dom.getPositionerId(ctx)),getTitleEl:ctx=>dom.getById(ctx,dom.getTitleId(ctx)),getDescriptionEl:ctx=>dom.getById(ctx,dom.getDescriptionId(ctx)),getFocusableEls:ctx=>(0,import_dom_query.getFocusables)(dom.getContentEl(ctx)),getFirstFocusableEl:ctx=>dom.getFocusableEls(ctx)[0]});function connect(state,send,normalize){const open=state.matches("open");const currentPlacement=state.context.currentPlacement;const portalled=state.context.currentPortalled;const rendered=state.context.renderedElements;const popperStyles=(0,import_popper.getPlacementStyles)({...state.context.positioning,placement:currentPlacement});return{portalled,open,setOpen(nextOpen){if(nextOpen===open)return;send(nextOpen?"OPEN":"CLOSE")},reposition(options={}){send({type:"POSITIONING.SET",options})},arrowProps:normalize.element({id:dom.getArrowId(state.context),...parts.arrow.attrs,dir:state.context.dir,style:popperStyles.arrow}),arrowTipProps:normalize.element({...parts.arrowTip.attrs,dir:state.context.dir,style:popperStyles.arrowTip}),anchorProps:normalize.element({...parts.anchor.attrs,dir:state.context.dir,id:dom.getAnchorId(state.context)}),triggerProps:normalize.button({...parts.trigger.attrs,dir:state.context.dir,type:"button","data-placement":currentPlacement,id:dom.getTriggerId(state.context),"aria-haspopup":"dialog","aria-expanded":open,"data-state":open?"open":"closed","aria-controls":dom.getContentId(state.context),onClick(event){if(event.defaultPrevented)return;send("TOGGLE")},onBlur(event){send({type:"TRIGGER_BLUR",target:event.relatedTarget})}}),indicatorProps:normalize.element({...parts.indicator.attrs,dir:state.context.dir,"data-state":open?"open":"closed"}),positionerProps:normalize.element({id:dom.getPositionerId(state.context),...parts.positioner.attrs,dir:state.context.dir,style:popperStyles.floating}),contentProps:normalize.element({...parts.content.attrs,dir:state.context.dir,id:dom.getContentId(state.context),tabIndex:-1,role:"dialog",hidden:!open,"data-state":open?"open":"closed","data-expanded":(0,import_dom_query2.dataAttr)(open),"aria-labelledby":rendered.title?dom.getTitleId(state.context):void 0,"aria-describedby":rendered.description?dom.getDescriptionId(state.context):void 0,"data-placement":currentPlacement}),titleProps:normalize.element({...parts.title.attrs,id:dom.getTitleId(state.context),dir:state.context.dir}),descriptionProps:normalize.element({...parts.description.attrs,id:dom.getDescriptionId(state.context),dir:state.context.dir}),closeTriggerProps:normalize.button({...parts.closeTrigger.attrs,dir:state.context.dir,id:dom.getCloseTriggerId(state.context),type:"button","aria-label":"close",onClick(event){if(event.defaultPrevented)return;send("CLOSE")}})}}var import_aria_hidden=require("@zag-js/aria-hidden");var import_core=require("@zag-js/core");var import_dismissable=require("@zag-js/dismissable");var import_dom_query3=require("@zag-js/dom-query");var import_popper2=require("@zag-js/popper");var import_remove_scroll=require("@zag-js/remove-scroll");var import_utils=require("@zag-js/utils");var import_focus_trap=require("focus-trap");function machine(userContext){const ctx=(0,import_utils.compact)(userContext);return(0,import_core.createMachine)({id:"popover",initial:ctx.open?"open":"closed",context:{closeOnInteractOutside:true,closeOnEscape:true,autoFocus:true,modal:false,portalled:true,positioning:{placement:"bottom",...ctx.positioning},currentPlacement:void 0,...ctx,renderedElements:{title:true,description:true}},computed:{currentPortalled:ctx2=>!!ctx2.modal||!!ctx2.portalled},watch:{open:["toggleVisibility"]},entry:["checkRenderedElements"],states:{closed:{on:{"CONTROLLED.OPEN":{target:"open",actions:["setInitialFocus"]},TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}]}},open:{activities:["trapFocus","preventScroll","hideContentBelow","trackPositioning","trackDismissableElement","proxyTabFocus"],on:{"CONTROLLED.CLOSE":{target:"closed",actions:["setFinalFocus"]},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose","setFinalFocus"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"POSITIONING.SET":{actions:"reposition"}}}}},{guards:{isOpenControlled:ctx2=>!!ctx2["open.controlled"]},activities:{trackPositioning(ctx2){ctx2.currentPlacement=ctx2.positioning.placement;const anchorEl=dom.getAnchorEl(ctx2)??dom.getTriggerEl(ctx2);const getPositionerEl=()=>dom.getPositionerEl(ctx2);return(0,import_popper2.getPlacement)(anchorEl,getPositionerEl,{...ctx2.positioning,defer:true,onComplete(data){ctx2.currentPlacement=data.placement}})},trackDismissableElement(ctx2,_evt,{send}){const getContentEl=()=>dom.getContentEl(ctx2);let restoreFocus=true;return(0,import_dismissable.trackDismissableElement)(getContentEl,{pointerBlocking:ctx2.modal,exclude:dom.getTriggerEl(ctx2),defer:true,onEscapeKeyDown(event){ctx2.onEscapeKeyDown?.(event);if(ctx2.closeOnEscape)return;event.preventDefault()},onInteractOutside(event){ctx2.onInteractOutside?.(event);if(event.defaultPrevented)return;restoreFocus=!(event.detail.focusable||event.detail.contextmenu);if(!ctx2.closeOnInteractOutside){event.preventDefault()}},onPointerDownOutside:ctx2.onPointerDownOutside,onFocusOutside:ctx2.onFocusOutside,persistentElements:ctx2.persistentElements,onDismiss(){send({type:"CLOSE",src:"interact-outside",restoreFocus})}})},proxyTabFocus(ctx2){if(ctx2.modal||!ctx2.portalled)return;const getContentEl=()=>dom.getContentEl(ctx2);return(0,import_dom_query3.proxyTabFocus)(getContentEl,{triggerElement:dom.getTriggerEl(ctx2),defer:true,onFocus(el){el.focus({preventScroll:true})}})},hideContentBelow(ctx2){if(!ctx2.modal)return;const getElements=()=>[dom.getContentEl(ctx2),dom.getTriggerEl(ctx2)];return(0,import_aria_hidden.ariaHidden)(getElements,{defer:true})},preventScroll(ctx2){if(!ctx2.modal)return;return(0,import_remove_scroll.preventBodyScroll)(dom.getDoc(ctx2))},trapFocus(ctx2){if(!ctx2.modal)return;let trap;(0,import_dom_query3.nextTick)(()=>{const contentEl=dom.getContentEl(ctx2);if(!contentEl)return;trap=(0,import_focus_trap.createFocusTrap)(contentEl,{escapeDeactivates:false,allowOutsideClick:true,preventScroll:true,returnFocusOnDeactivate:true,document:dom.getDoc(ctx2),fallbackFocus:contentEl,initialFocus:(0,import_dom_query3.getInitialFocus)({root:dom.getContentEl(ctx2),getInitialEl:ctx2.initialFocusEl,enabled:ctx2.autoFocus})});try{trap.activate()}catch{}});return()=>trap?.deactivate()}},actions:{reposition(ctx2,evt){const anchorEl=dom.getAnchorEl(ctx2)??dom.getTriggerEl(ctx2);const getPositionerEl=()=>dom.getPositionerEl(ctx2);(0,import_popper2.getPlacement)(anchorEl,getPositionerEl,{...ctx2.positioning,...evt.options,defer:true,listeners:false,onComplete(data){ctx2.currentPlacement=data.placement}})},checkRenderedElements(ctx2){(0,import_dom_query3.raf)(()=>{Object.assign(ctx2.renderedElements,{title:!!dom.getTitleEl(ctx2),description:!!dom.getDescriptionEl(ctx2)})})},setInitialFocus(ctx2){if(ctx2.modal)return;(0,import_dom_query3.raf)(()=>{const element=(0,import_dom_query3.getInitialFocus)({root:dom.getContentEl(ctx2),getInitialEl:ctx2.initialFocusEl,enabled:ctx2.autoFocus});element?.focus({preventScroll:true})})},setFinalFocus(ctx2,evt){if(!evt.restoreFocus)return;(0,import_dom_query3.raf)(()=>{const element=dom.getTriggerEl(ctx2);element?.focus({preventScroll:true})})},invokeOnOpen(ctx2){ctx2.onOpenChange?.({open:true})},invokeOnClose(ctx2){ctx2.onOpenChange?.({open:false})},toggleVisibility(ctx2,evt,{send}){send({type:ctx2.open?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:evt})}}})}var import_types=require("@zag-js/types");var import_utils2=require("@zag-js/utils");var props=(0,import_types.createProps)()(["autoFocus","closeOnEscape","closeOnInteractOutside","dir","getRootNode","id","ids","initialFocusEl","modal","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenChange","onPointerDownOutside","open.controlled","open","persistentElements","portalled","positioning"]);var splitProps=(0,import_utils2.createSplitProps)(props);0&&(module.exports={anatomy,connect,machine,props,splitProps});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  anatomy: () => anatomy,
+  connect: () => connect,
+  machine: () => machine,
+  props: () => props,
+  splitProps: () => splitProps
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/popover.anatomy.ts
+var import_anatomy = require("@zag-js/anatomy");
+var anatomy = (0, import_anatomy.createAnatomy)("popover").parts(
+  "arrow",
+  "arrowTip",
+  "anchor",
+  "trigger",
+  "indicator",
+  "positioner",
+  "content",
+  "title",
+  "description",
+  "closeTrigger"
+);
+var parts = anatomy.build();
+
+// src/popover.connect.ts
+var import_dom_query2 = require("@zag-js/dom-query");
+var import_popper = require("@zag-js/popper");
+
+// src/popover.dom.ts
+var import_dom_query = require("@zag-js/dom-query");
+var dom = (0, import_dom_query.createScope)({
+  getAnchorId: (ctx) => ctx.ids?.anchor ?? `popover:${ctx.id}:anchor`,
+  getTriggerId: (ctx) => ctx.ids?.trigger ?? `popover:${ctx.id}:trigger`,
+  getContentId: (ctx) => ctx.ids?.content ?? `popover:${ctx.id}:content`,
+  getPositionerId: (ctx) => ctx.ids?.positioner ?? `popover:${ctx.id}:popper`,
+  getArrowId: (ctx) => ctx.ids?.arrow ?? `popover:${ctx.id}:arrow`,
+  getTitleId: (ctx) => ctx.ids?.title ?? `popover:${ctx.id}:title`,
+  getDescriptionId: (ctx) => ctx.ids?.description ?? `popover:${ctx.id}:desc`,
+  getCloseTriggerId: (ctx) => ctx.ids?.closeTrigger ?? `popover:${ctx.id}:close`,
+  getAnchorEl: (ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),
+  getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
+  getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
+  getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
+  getTitleEl: (ctx) => dom.getById(ctx, dom.getTitleId(ctx)),
+  getDescriptionEl: (ctx) => dom.getById(ctx, dom.getDescriptionId(ctx)),
+  getFocusableEls: (ctx) => (0, import_dom_query.getFocusables)(dom.getContentEl(ctx)),
+  getFirstFocusableEl: (ctx) => dom.getFocusableEls(ctx)[0]
+});
+
+// src/popover.connect.ts
+function connect(state, send, normalize) {
+  const open = state.matches("open");
+  const currentPlacement = state.context.currentPlacement;
+  const portalled = state.context.currentPortalled;
+  const rendered = state.context.renderedElements;
+  const popperStyles = (0, import_popper.getPlacementStyles)({
+    ...state.context.positioning,
+    placement: currentPlacement
+  });
+  return {
+    portalled,
+    open,
+    setOpen(nextOpen) {
+      if (nextOpen === open)
+        return;
+      send(nextOpen ? "OPEN" : "CLOSE");
+    },
+    reposition(options = {}) {
+      send({ type: "POSITIONING.SET", options });
+    },
+    getArrowProps() {
+      return normalize.element({
+        id: dom.getArrowId(state.context),
+        ...parts.arrow.attrs,
+        dir: state.context.dir,
+        style: popperStyles.arrow
+      });
+    },
+    getArrowTipProps() {
+      return normalize.element({
+        ...parts.arrowTip.attrs,
+        dir: state.context.dir,
+        style: popperStyles.arrowTip
+      });
+    },
+    getAnchorProps() {
+      return normalize.element({
+        ...parts.anchor.attrs,
+        dir: state.context.dir,
+        id: dom.getAnchorId(state.context)
+      });
+    },
+    getTriggerProps() {
+      return normalize.button({
+        ...parts.trigger.attrs,
+        dir: state.context.dir,
+        type: "button",
+        "data-placement": currentPlacement,
+        id: dom.getTriggerId(state.context),
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "data-state": open ? "open" : "closed",
+        "aria-controls": dom.getContentId(state.context),
+        onClick(event) {
+          if (event.defaultPrevented)
+            return;
+          send("TOGGLE");
+        },
+        onBlur(event) {
+          send({ type: "TRIGGER_BLUR", target: event.relatedTarget });
+        }
+      });
+    },
+    getIndicatorProps() {
+      return normalize.element({
+        ...parts.indicator.attrs,
+        dir: state.context.dir,
+        "data-state": open ? "open" : "closed"
+      });
+    },
+    getPositionerProps() {
+      return normalize.element({
+        id: dom.getPositionerId(state.context),
+        ...parts.positioner.attrs,
+        dir: state.context.dir,
+        style: popperStyles.floating
+      });
+    },
+    getContentProps() {
+      return normalize.element({
+        ...parts.content.attrs,
+        dir: state.context.dir,
+        id: dom.getContentId(state.context),
+        tabIndex: -1,
+        role: "dialog",
+        hidden: !open,
+        "data-state": open ? "open" : "closed",
+        "data-expanded": (0, import_dom_query2.dataAttr)(open),
+        "aria-labelledby": rendered.title ? dom.getTitleId(state.context) : void 0,
+        "aria-describedby": rendered.description ? dom.getDescriptionId(state.context) : void 0,
+        "data-placement": currentPlacement
+      });
+    },
+    getTitleProps() {
+      return normalize.element({
+        ...parts.title.attrs,
+        id: dom.getTitleId(state.context),
+        dir: state.context.dir
+      });
+    },
+    getDescriptionProps() {
+      return normalize.element({
+        ...parts.description.attrs,
+        id: dom.getDescriptionId(state.context),
+        dir: state.context.dir
+      });
+    },
+    getCloseTriggerProps() {
+      return normalize.button({
+        ...parts.closeTrigger.attrs,
+        dir: state.context.dir,
+        id: dom.getCloseTriggerId(state.context),
+        type: "button",
+        "aria-label": "close",
+        onClick(event) {
+          if (event.defaultPrevented)
+            return;
+          send("CLOSE");
+        }
+      });
+    }
+  };
+}
+
+// src/popover.machine.ts
+var import_aria_hidden = require("@zag-js/aria-hidden");
+var import_core = require("@zag-js/core");
+var import_dismissable = require("@zag-js/dismissable");
+var import_dom_query3 = require("@zag-js/dom-query");
+var import_popper2 = require("@zag-js/popper");
+var import_remove_scroll = require("@zag-js/remove-scroll");
+var import_utils = require("@zag-js/utils");
+var import_focus_trap = require("focus-trap");
+function machine(userContext) {
+  const ctx = (0, import_utils.compact)(userContext);
+  return (0, import_core.createMachine)(
+    {
+      id: "popover",
+      initial: ctx.open ? "open" : "closed",
+      context: {
+        closeOnInteractOutside: true,
+        closeOnEscape: true,
+        autoFocus: true,
+        modal: false,
+        portalled: true,
+        positioning: {
+          placement: "bottom",
+          ...ctx.positioning
+        },
+        currentPlacement: void 0,
+        ...ctx,
+        renderedElements: {
+          title: true,
+          description: true
+        }
+      },
+      computed: {
+        currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
+      },
+      watch: {
+        open: ["toggleVisibility"]
+      },
+      entry: ["checkRenderedElements"],
+      states: {
+        closed: {
+          on: {
+            "CONTROLLED.OPEN": {
+              target: "open",
+              actions: ["setInitialFocus"]
+            },
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "setInitialFocus"]
+              }
+            ],
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "setInitialFocus"]
+              }
+            ]
+          }
+        },
+        open: {
+          activities: [
+            "trapFocus",
+            "preventScroll",
+            "hideContentBelow",
+            "trackPositioning",
+            "trackDismissableElement",
+            "proxyTabFocus"
+          ],
+          on: {
+            "CONTROLLED.CLOSE": {
+              target: "closed",
+              actions: ["setFinalFocus"]
+            },
+            CLOSE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose", "setFinalFocus"]
+              }
+            ],
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose"]
+              }
+            ],
+            "POSITIONING.SET": {
+              actions: "reposition"
+            }
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
+      },
+      activities: {
+        trackPositioning(ctx2) {
+          ctx2.currentPlacement = ctx2.positioning.placement;
+          const anchorEl = dom.getAnchorEl(ctx2) ?? dom.getTriggerEl(ctx2);
+          const getPositionerEl = () => dom.getPositionerEl(ctx2);
+          return (0, import_popper2.getPlacement)(anchorEl, getPositionerEl, {
+            ...ctx2.positioning,
+            defer: true,
+            onComplete(data) {
+              ctx2.currentPlacement = data.placement;
+            }
+          });
+        },
+        trackDismissableElement(ctx2, _evt, { send }) {
+          const getContentEl = () => dom.getContentEl(ctx2);
+          let restoreFocus = true;
+          return (0, import_dismissable.trackDismissableElement)(getContentEl, {
+            pointerBlocking: ctx2.modal,
+            exclude: dom.getTriggerEl(ctx2),
+            defer: true,
+            onEscapeKeyDown(event) {
+              ctx2.onEscapeKeyDown?.(event);
+              if (ctx2.closeOnEscape)
+                return;
+              event.preventDefault();
+            },
+            onInteractOutside(event) {
+              ctx2.onInteractOutside?.(event);
+              if (event.defaultPrevented)
+                return;
+              restoreFocus = !(event.detail.focusable || event.detail.contextmenu);
+              if (!ctx2.closeOnInteractOutside) {
+                event.preventDefault();
+              }
+            },
+            onPointerDownOutside: ctx2.onPointerDownOutside,
+            onFocusOutside: ctx2.onFocusOutside,
+            persistentElements: ctx2.persistentElements,
+            onDismiss() {
+              send({ type: "CLOSE", src: "interact-outside", restoreFocus });
+            }
+          });
+        },
+        proxyTabFocus(ctx2) {
+          if (ctx2.modal || !ctx2.portalled)
+            return;
+          const getContentEl = () => dom.getContentEl(ctx2);
+          return (0, import_dom_query3.proxyTabFocus)(getContentEl, {
+            triggerElement: dom.getTriggerEl(ctx2),
+            defer: true,
+            onFocus(el) {
+              el.focus({ preventScroll: true });
+            }
+          });
+        },
+        hideContentBelow(ctx2) {
+          if (!ctx2.modal)
+            return;
+          const getElements = () => [dom.getContentEl(ctx2), dom.getTriggerEl(ctx2)];
+          return (0, import_aria_hidden.ariaHidden)(getElements, { defer: true });
+        },
+        preventScroll(ctx2) {
+          if (!ctx2.modal)
+            return;
+          return (0, import_remove_scroll.preventBodyScroll)(dom.getDoc(ctx2));
+        },
+        trapFocus(ctx2) {
+          if (!ctx2.modal)
+            return;
+          let trap;
+          (0, import_dom_query3.nextTick)(() => {
+            const contentEl = dom.getContentEl(ctx2);
+            if (!contentEl)
+              return;
+            trap = (0, import_focus_trap.createFocusTrap)(contentEl, {
+              escapeDeactivates: false,
+              allowOutsideClick: true,
+              preventScroll: true,
+              returnFocusOnDeactivate: true,
+              document: dom.getDoc(ctx2),
+              fallbackFocus: contentEl,
+              initialFocus: (0, import_dom_query3.getInitialFocus)({
+                root: dom.getContentEl(ctx2),
+                getInitialEl: ctx2.initialFocusEl,
+                enabled: ctx2.autoFocus
+              })
+            });
+            try {
+              trap.activate();
+            } catch {
+            }
+          });
+          return () => trap?.deactivate();
+        }
+      },
+      actions: {
+        reposition(ctx2, evt) {
+          const anchorEl = dom.getAnchorEl(ctx2) ?? dom.getTriggerEl(ctx2);
+          const getPositionerEl = () => dom.getPositionerEl(ctx2);
+          (0, import_popper2.getPlacement)(anchorEl, getPositionerEl, {
+            ...ctx2.positioning,
+            ...evt.options,
+            defer: true,
+            listeners: false,
+            onComplete(data) {
+              ctx2.currentPlacement = data.placement;
+            }
+          });
+        },
+        checkRenderedElements(ctx2) {
+          (0, import_dom_query3.raf)(() => {
+            Object.assign(ctx2.renderedElements, {
+              title: !!dom.getTitleEl(ctx2),
+              description: !!dom.getDescriptionEl(ctx2)
+            });
+          });
+        },
+        setInitialFocus(ctx2) {
+          if (ctx2.modal)
+            return;
+          (0, import_dom_query3.raf)(() => {
+            const element = (0, import_dom_query3.getInitialFocus)({
+              root: dom.getContentEl(ctx2),
+              getInitialEl: ctx2.initialFocusEl,
+              enabled: ctx2.autoFocus
+            });
+            element?.focus({ preventScroll: true });
+          });
+        },
+        setFinalFocus(ctx2, evt) {
+          if (!evt.restoreFocus)
+            return;
+          (0, import_dom_query3.raf)(() => {
+            const element = dom.getTriggerEl(ctx2);
+            element?.focus({ preventScroll: true });
+          });
+        },
+        invokeOnOpen(ctx2) {
+          ctx2.onOpenChange?.({ open: true });
+        },
+        invokeOnClose(ctx2) {
+          ctx2.onOpenChange?.({ open: false });
+        },
+        toggleVisibility(ctx2, evt, { send }) {
+          send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
+        }
+      }
+    }
+  );
+}
+
+// src/popover.props.ts
+var import_types = require("@zag-js/types");
+var import_utils2 = require("@zag-js/utils");
+var props = (0, import_types.createProps)()([
+  "autoFocus",
+  "closeOnEscape",
+  "closeOnInteractOutside",
+  "dir",
+  "getRootNode",
+  "id",
+  "ids",
+  "initialFocusEl",
+  "modal",
+  "onEscapeKeyDown",
+  "onFocusOutside",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "open.controlled",
+  "open",
+  "persistentElements",
+  "portalled",
+  "positioning"
+]);
+var splitProps = (0, import_utils2.createSplitProps)(props);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  anatomy,
+  connect,
+  machine,
+  props,
+  splitProps
+});
 //# sourceMappingURL=index.js.map