@zag-js/popover 0.2.8 → 0.2.9

package/dist/{chunk-G77EJ7HC.mjs → chunk-2EVL5G6H.mjs}

@@ -1,7 +1,7 @@
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // ../../utilities/dom/src/query.ts
@@ -9,30 +9,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function isFrame(element) {
   return element.localName === "iframe";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -47,7 +40,7 @@ function contains(parent, child) {
   return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
 }
 function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
 }
 function isVisible(el) {
   if (!isHTMLElement(el))
@@ -118,32 +111,14 @@ function getLastTabbable(container, includeContainer) {
 // src/popover.dom.ts
 var dom = defineDomHelpers({
   getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
-  getAnchorId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover:${ctx.id}:anchor`;
-  },
-  getTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover:${ctx.id}:trigger`;
-  },
-  getContentId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover:${ctx.id}:content`;
-  },
+  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) => `popover:${ctx.id}:popper`,
   getArrowId: (ctx) => `popover:${ctx.id}:arrow`,
-  getTitleId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover:${ctx.id}:title`;
-  },
-  getDescriptionId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
-  },
-  getCloseTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
-  },
+  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)),

package/dist/{chunk-KEKENPIA.mjs → chunk-JNFEFPEH.mjs}

@@ -1,9 +1,9 @@
 import {
   parts
-} from "./chunk-UGXSXC3K.mjs";
+} from "./chunk-KTOPDXGV.mjs";
 import {
   dom
-} from "./chunk-G77EJ7HC.mjs";
+} from "./chunk-2EVL5G6H.mjs";
 
 // ../../utilities/dom/src/attrs.ts
 var dataAttr = (guard) => {

package/dist/{chunk-XZOQ7WR6.mjs → chunk-NMCDKPIS.mjs}

@@ -2,7 +2,7 @@ import {
   contains,
   dom,
   runIfFn
-} from "./chunk-G77EJ7HC.mjs";
+} from "./chunk-2EVL5G6H.mjs";
 
 // src/popover.machine.ts
 import { ariaHidden } from "@zag-js/aria-hidden";
@@ -48,9 +48,9 @@ var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey;
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -85,7 +85,7 @@ function machine(userContext) {
   return createMachine(
     {
       id: "popover",
-      initial: "unknown",
+      initial: ctx.defaultOpen ? "open" : "closed",
       context: {
         closeOnInteractOutside: true,
         closeOnEsc: true,
@@ -107,15 +107,8 @@ function machine(userContext) {
       computed: {
         currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
       },
+      entry: ["checkRenderedElements"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              target: ctx.defaultOpen ? "open" : "closed",
-              actions: "checkRenderedElements"
-            }
-          }
-        },
         closed: {
           entry: "invokeOnClose",
           on: {
@@ -185,16 +178,14 @@ function machine(userContext) {
             pointerBlocking: ctx2.modal,
             exclude: dom.getTriggerEl(ctx2),
             onEscapeKeyDown(event) {
-              var _a;
-              (_a = ctx2.onEscapeKeyDown) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onEscapeKeyDown?.(event);
               if (ctx2.closeOnEsc)
                 return;
               ctx2.focusTriggerOnClose = true;
               event.preventDefault();
             },
             onInteractOutside(event) {
-              var _a;
-              (_a = ctx2.onInteractOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onInteractOutside?.(event);
               if (event.defaultPrevented)
                 return;
               ctx2.focusTriggerOnClose = !(event.detail.focusable || event.detail.contextmenu);
@@ -203,12 +194,10 @@ function machine(userContext) {
               }
             },
             onPointerDownOutside(event) {
-              var _a;
-              (_a = ctx2.onPointerDownOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onPointerDownOutside?.(event);
             },
             onFocusOutside(event) {
-              var _a;
-              (_a = ctx2.onFocusOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onFocusOutside?.(event);
               if (ctx2.currentPortalled) {
                 event.preventDefault();
               }
@@ -243,7 +232,7 @@ function machine(userContext) {
           nextTick(() => {
             cleanup = ariaHidden([dom.getContentEl(ctx2), dom.getTriggerEl(ctx2)]);
           });
-          return () => cleanup == null ? void 0 : cleanup();
+          return () => cleanup?.();
         },
         preventScroll(ctx2) {
           if (!ctx2.modal)
@@ -271,7 +260,7 @@ function machine(userContext) {
             } catch {
             }
           });
-          return () => trap == null ? void 0 : trap.deactivate();
+          return () => trap?.deactivate();
         }
       },
       guards: {
@@ -295,33 +284,26 @@ function machine(userContext) {
         },
         setInitialFocus(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getInitialFocusEl(ctx2)) == null ? void 0 : _a.focus();
+            dom.getInitialFocusEl(ctx2)?.focus();
           });
         },
         focusTriggerIfNeeded(ctx2) {
           if (!ctx2.focusTriggerOnClose)
             return;
-          raf(() => {
-            var _a;
-            return (_a = dom.getTriggerEl(ctx2)) == null ? void 0 : _a.focus();
-          });
+          raf(() => dom.getTriggerEl(ctx2)?.focus());
         },
         focusFirstTabbableElement(ctx2, evt) {
-          var _a;
           evt.preventDefault();
-          (_a = dom.getFirstTabbableEl(ctx2)) == null ? void 0 : _a.focus();
+          dom.getFirstTabbableEl(ctx2)?.focus();
         },
         invokeOnOpen(ctx2, evt) {
-          var _a;
           if (evt.type !== "SETUP") {
-            (_a = ctx2.onOpenChange) == null ? void 0 : _a.call(ctx2, true);
+            ctx2.onOpenChange?.(true);
           }
         },
         invokeOnClose(ctx2, evt) {
-          var _a;
           if (evt.type !== "SETUP") {
-            (_a = ctx2.onOpenChange) == null ? void 0 : _a.call(ctx2, false);
+            ctx2.onOpenChange?.(false);
           }
         },
         focusNextTabbableElementAfterTrigger(ctx2, evt) {
@@ -341,7 +323,7 @@ function machine(userContext) {
           if (!elementAfterTrigger || elementAfterTrigger === button)
             return;
           evt.preventDefault();
-          raf(() => elementAfterTrigger == null ? void 0 : elementAfterTrigger.focus());
+          raf(() => elementAfterTrigger?.focus());
         }
       }
     }

package/dist/index.js

@@ -67,7 +67,7 @@ function next(v, idx, opts = {}) {
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // ../../utilities/core/src/guard.ts
@@ -89,30 +89,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function isFrame(element) {
   return element.localName === "iframe";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -127,7 +120,7 @@ function contains(parent, child) {
   return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
 }
 function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
 }
 function isVisible(el) {
   if (!isHTMLElement(el))
@@ -202,9 +195,9 @@ function getLastTabbable(container, includeContainer) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -235,32 +228,14 @@ var import_popper = require("@zag-js/popper");
 // src/popover.dom.ts
 var dom = defineDomHelpers({
   getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
-  getAnchorId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover:${ctx.id}:anchor`;
-  },
-  getTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover:${ctx.id}:trigger`;
-  },
-  getContentId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover:${ctx.id}:content`;
-  },
+  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) => `popover:${ctx.id}:popper`,
   getArrowId: (ctx) => `popover:${ctx.id}:arrow`,
-  getTitleId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover:${ctx.id}:title`;
-  },
-  getDescriptionId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
-  },
-  getCloseTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
-  },
+  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)),
@@ -380,7 +355,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "popover",
-      initial: "unknown",
+      initial: ctx.defaultOpen ? "open" : "closed",
       context: {
         closeOnInteractOutside: true,
         closeOnEsc: true,
@@ -402,15 +377,8 @@ function machine(userContext) {
       computed: {
         currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
       },
+      entry: ["checkRenderedElements"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              target: ctx.defaultOpen ? "open" : "closed",
-              actions: "checkRenderedElements"
-            }
-          }
-        },
         closed: {
           entry: "invokeOnClose",
           on: {
@@ -480,16 +448,14 @@ function machine(userContext) {
             pointerBlocking: ctx2.modal,
             exclude: dom.getTriggerEl(ctx2),
             onEscapeKeyDown(event) {
-              var _a;
-              (_a = ctx2.onEscapeKeyDown) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onEscapeKeyDown?.(event);
               if (ctx2.closeOnEsc)
                 return;
               ctx2.focusTriggerOnClose = true;
               event.preventDefault();
             },
             onInteractOutside(event) {
-              var _a;
-              (_a = ctx2.onInteractOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onInteractOutside?.(event);
               if (event.defaultPrevented)
                 return;
               ctx2.focusTriggerOnClose = !(event.detail.focusable || event.detail.contextmenu);
@@ -498,12 +464,10 @@ function machine(userContext) {
               }
             },
             onPointerDownOutside(event) {
-              var _a;
-              (_a = ctx2.onPointerDownOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onPointerDownOutside?.(event);
             },
             onFocusOutside(event) {
-              var _a;
-              (_a = ctx2.onFocusOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onFocusOutside?.(event);
               if (ctx2.currentPortalled) {
                 event.preventDefault();
               }
@@ -538,7 +502,7 @@ function machine(userContext) {
           nextTick(() => {
             cleanup = (0, import_aria_hidden.ariaHidden)([dom.getContentEl(ctx2), dom.getTriggerEl(ctx2)]);
           });
-          return () => cleanup == null ? void 0 : cleanup();
+          return () => cleanup?.();
         },
         preventScroll(ctx2) {
           if (!ctx2.modal)
@@ -566,7 +530,7 @@ function machine(userContext) {
             } catch {
             }
           });
-          return () => trap == null ? void 0 : trap.deactivate();
+          return () => trap?.deactivate();
         }
       },
       guards: {
@@ -590,33 +554,26 @@ function machine(userContext) {
         },
         setInitialFocus(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getInitialFocusEl(ctx2)) == null ? void 0 : _a.focus();
+            dom.getInitialFocusEl(ctx2)?.focus();
           });
         },
         focusTriggerIfNeeded(ctx2) {
           if (!ctx2.focusTriggerOnClose)
             return;
-          raf(() => {
-            var _a;
-            return (_a = dom.getTriggerEl(ctx2)) == null ? void 0 : _a.focus();
-          });
+          raf(() => dom.getTriggerEl(ctx2)?.focus());
         },
         focusFirstTabbableElement(ctx2, evt) {
-          var _a;
           evt.preventDefault();
-          (_a = dom.getFirstTabbableEl(ctx2)) == null ? void 0 : _a.focus();
+          dom.getFirstTabbableEl(ctx2)?.focus();
         },
         invokeOnOpen(ctx2, evt) {
-          var _a;
           if (evt.type !== "SETUP") {
-            (_a = ctx2.onOpenChange) == null ? void 0 : _a.call(ctx2, true);
+            ctx2.onOpenChange?.(true);
           }
         },
         invokeOnClose(ctx2, evt) {
-          var _a;
           if (evt.type !== "SETUP") {
-            (_a = ctx2.onOpenChange) == null ? void 0 : _a.call(ctx2, false);
+            ctx2.onOpenChange?.(false);
           }
         },
         focusNextTabbableElementAfterTrigger(ctx2, evt) {
@@ -636,7 +593,7 @@ function machine(userContext) {
           if (!elementAfterTrigger || elementAfterTrigger === button)
             return;
           evt.preventDefault();
-          raf(() => elementAfterTrigger == null ? void 0 : elementAfterTrigger.focus());
+          raf(() => elementAfterTrigger?.focus());
         }
       }
     }

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import {
   connect
-} from "./chunk-KEKENPIA.mjs";
+} from "./chunk-JNFEFPEH.mjs";
 import {
   anatomy
-} from "./chunk-UGXSXC3K.mjs";
+} from "./chunk-KTOPDXGV.mjs";
 import {
   machine
-} from "./chunk-XZOQ7WR6.mjs";
-import "./chunk-G77EJ7HC.mjs";
+} from "./chunk-NMCDKPIS.mjs";
+import "./chunk-2EVL5G6H.mjs";
 export {
   anatomy,
   connect,

package/dist/popover.anatomy.mjs

@@ -1,7 +1,7 @@
 import {
   anatomy,
   parts
-} from "./chunk-UGXSXC3K.mjs";
+} from "./chunk-KTOPDXGV.mjs";
 export {
   anatomy,
   parts

package/dist/popover.connect.js

@@ -32,7 +32,7 @@ var dataAttr = (guard) => {
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // ../../utilities/dom/src/query.ts
@@ -40,30 +40,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function isFrame(element) {
   return element.localName === "iframe";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -73,7 +66,7 @@ function defineDomHelpers(helpers) {
   };
 }
 function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
 }
 function isVisible(el) {
   if (!isHTMLElement(el))
@@ -147,32 +140,14 @@ var import_popper = require("@zag-js/popper");
 // src/popover.dom.ts
 var dom = defineDomHelpers({
   getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
-  getAnchorId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover:${ctx.id}:anchor`;
-  },
-  getTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover:${ctx.id}:trigger`;
-  },
-  getContentId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover:${ctx.id}:content`;
-  },
+  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) => `popover:${ctx.id}:popper`,
   getArrowId: (ctx) => `popover:${ctx.id}:arrow`,
-  getTitleId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover:${ctx.id}:title`;
-  },
-  getDescriptionId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
-  },
-  getCloseTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
-  },
+  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)),

package/dist/popover.connect.mjs

@@ -1,8 +1,8 @@
 import {
   connect
-} from "./chunk-KEKENPIA.mjs";
-import "./chunk-UGXSXC3K.mjs";
-import "./chunk-G77EJ7HC.mjs";
+} from "./chunk-JNFEFPEH.mjs";
+import "./chunk-KTOPDXGV.mjs";
+import "./chunk-2EVL5G6H.mjs";
 export {
   connect
 };

package/dist/popover.dom.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(popover_dom_exports);
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // ../../utilities/dom/src/query.ts
@@ -35,30 +35,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function isFrame(element) {
   return element.localName === "iframe";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -68,7 +61,7 @@ function defineDomHelpers(helpers) {
   };
 }
 function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
 }
 function isVisible(el) {
   if (!isHTMLElement(el))
@@ -139,32 +132,14 @@ function getLastTabbable(container, includeContainer) {
 // src/popover.dom.ts
 var dom = defineDomHelpers({
   getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
-  getAnchorId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover:${ctx.id}:anchor`;
-  },
-  getTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover:${ctx.id}:trigger`;
-  },
-  getContentId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover:${ctx.id}:content`;
-  },
+  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) => `popover:${ctx.id}:popper`,
   getArrowId: (ctx) => `popover:${ctx.id}:arrow`,
-  getTitleId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover:${ctx.id}:title`;
-  },
-  getDescriptionId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
-  },
-  getCloseTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
-  },
+  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)),

package/dist/popover.dom.mjs

@@ -1,6 +1,6 @@
 import {
   dom
-} from "./chunk-G77EJ7HC.mjs";
+} from "./chunk-2EVL5G6H.mjs";
 export {
   dom
 };

package/dist/popover.machine.js

@@ -48,7 +48,7 @@ function next(v, idx, opts = {}) {
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // ../../utilities/core/src/guard.ts
@@ -70,30 +70,23 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function isFrame(element) {
   return element.localName === "iframe";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -108,7 +101,7 @@ function contains(parent, child) {
   return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
 }
 function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
 }
 function isVisible(el) {
   if (!isHTMLElement(el))
@@ -183,9 +176,9 @@ function getLastTabbable(container, includeContainer) {
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 
@@ -218,32 +211,14 @@ var import_focus_trap = require("focus-trap");
 // src/popover.dom.ts
 var dom = defineDomHelpers({
   getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
-  getAnchorId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover:${ctx.id}:anchor`;
-  },
-  getTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover:${ctx.id}:trigger`;
-  },
-  getContentId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover:${ctx.id}:content`;
-  },
+  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) => `popover:${ctx.id}:popper`,
   getArrowId: (ctx) => `popover:${ctx.id}:arrow`,
-  getTitleId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover:${ctx.id}:title`;
-  },
-  getDescriptionId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
-  },
-  getCloseTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
-  },
+  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)),
@@ -273,7 +248,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "popover",
-      initial: "unknown",
+      initial: ctx.defaultOpen ? "open" : "closed",
       context: {
         closeOnInteractOutside: true,
         closeOnEsc: true,
@@ -295,15 +270,8 @@ function machine(userContext) {
       computed: {
         currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
       },
+      entry: ["checkRenderedElements"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              target: ctx.defaultOpen ? "open" : "closed",
-              actions: "checkRenderedElements"
-            }
-          }
-        },
         closed: {
           entry: "invokeOnClose",
           on: {
@@ -373,16 +341,14 @@ function machine(userContext) {
             pointerBlocking: ctx2.modal,
             exclude: dom.getTriggerEl(ctx2),
             onEscapeKeyDown(event) {
-              var _a;
-              (_a = ctx2.onEscapeKeyDown) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onEscapeKeyDown?.(event);
               if (ctx2.closeOnEsc)
                 return;
               ctx2.focusTriggerOnClose = true;
               event.preventDefault();
             },
             onInteractOutside(event) {
-              var _a;
-              (_a = ctx2.onInteractOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onInteractOutside?.(event);
               if (event.defaultPrevented)
                 return;
               ctx2.focusTriggerOnClose = !(event.detail.focusable || event.detail.contextmenu);
@@ -391,12 +357,10 @@ function machine(userContext) {
               }
             },
             onPointerDownOutside(event) {
-              var _a;
-              (_a = ctx2.onPointerDownOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onPointerDownOutside?.(event);
             },
             onFocusOutside(event) {
-              var _a;
-              (_a = ctx2.onFocusOutside) == null ? void 0 : _a.call(ctx2, event);
+              ctx2.onFocusOutside?.(event);
               if (ctx2.currentPortalled) {
                 event.preventDefault();
               }
@@ -431,7 +395,7 @@ function machine(userContext) {
           nextTick(() => {
             cleanup = (0, import_aria_hidden.ariaHidden)([dom.getContentEl(ctx2), dom.getTriggerEl(ctx2)]);
           });
-          return () => cleanup == null ? void 0 : cleanup();
+          return () => cleanup?.();
         },
         preventScroll(ctx2) {
           if (!ctx2.modal)
@@ -459,7 +423,7 @@ function machine(userContext) {
             } catch {
             }
           });
-          return () => trap == null ? void 0 : trap.deactivate();
+          return () => trap?.deactivate();
         }
       },
       guards: {
@@ -483,33 +447,26 @@ function machine(userContext) {
         },
         setInitialFocus(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getInitialFocusEl(ctx2)) == null ? void 0 : _a.focus();
+            dom.getInitialFocusEl(ctx2)?.focus();
           });
         },
         focusTriggerIfNeeded(ctx2) {
           if (!ctx2.focusTriggerOnClose)
             return;
-          raf(() => {
-            var _a;
-            return (_a = dom.getTriggerEl(ctx2)) == null ? void 0 : _a.focus();
-          });
+          raf(() => dom.getTriggerEl(ctx2)?.focus());
         },
         focusFirstTabbableElement(ctx2, evt) {
-          var _a;
           evt.preventDefault();
-          (_a = dom.getFirstTabbableEl(ctx2)) == null ? void 0 : _a.focus();
+          dom.getFirstTabbableEl(ctx2)?.focus();
         },
         invokeOnOpen(ctx2, evt) {
-          var _a;
           if (evt.type !== "SETUP") {
-            (_a = ctx2.onOpenChange) == null ? void 0 : _a.call(ctx2, true);
+            ctx2.onOpenChange?.(true);
           }
         },
         invokeOnClose(ctx2, evt) {
-          var _a;
           if (evt.type !== "SETUP") {
-            (_a = ctx2.onOpenChange) == null ? void 0 : _a.call(ctx2, false);
+            ctx2.onOpenChange?.(false);
           }
         },
         focusNextTabbableElementAfterTrigger(ctx2, evt) {
@@ -529,7 +486,7 @@ function machine(userContext) {
           if (!elementAfterTrigger || elementAfterTrigger === button)
             return;
           evt.preventDefault();
-          raf(() => elementAfterTrigger == null ? void 0 : elementAfterTrigger.focus());
+          raf(() => elementAfterTrigger?.focus());
         }
       }
     }

package/dist/popover.machine.mjs

@@ -1,7 +1,7 @@
 import {
   machine
-} from "./chunk-XZOQ7WR6.mjs";
-import "./chunk-G77EJ7HC.mjs";
+} from "./chunk-NMCDKPIS.mjs";
+import "./chunk-2EVL5G6H.mjs";
 export {
   machine
 };

package/dist/popover.types.d.ts

@@ -76,7 +76,7 @@ type PrivateContext = Context<{
 }>;
 type MachineContext = PublicContext & ComputedContext & PrivateContext;
 type MachineState = {
-    value: "unknown" | "open" | "closed";
+    value: "open" | "closed";
 };
 type State = StateMachine.State<MachineContext, MachineState>;
 type Send = StateMachine.Send<StateMachine.AnyEventObject>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,18 +27,18 @@
   },
   "dependencies": {
     "focus-trap": "7.2.0",
-    "@zag-js/anatomy": "0.1.3",
-    "@zag-js/aria-hidden": "0.2.1",
-    "@zag-js/core": "0.2.6",
-    "@zag-js/dismissable": "0.2.1",
-    "@zag-js/popper": "0.2.2",
-    "@zag-js/remove-scroll": "0.2.1",
-    "@zag-js/types": "0.3.3"
+    "@zag-js/anatomy": "0.1.4",
+    "@zag-js/aria-hidden": "0.2.2",
+    "@zag-js/core": "0.2.7",
+    "@zag-js/dismissable": "0.2.2",
+    "@zag-js/popper": "0.2.3",
+    "@zag-js/remove-scroll": "0.2.2",
+    "@zag-js/types": "0.3.4"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.3",
-    "@zag-js/utils": "0.3.2"
+    "@zag-js/dom-utils": "0.2.4",
+    "@zag-js/utils": "0.3.3"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",