@zag-js/popover 0.1.10 → 0.1.11

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Chakra UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,3 +1,103 @@
-export { connect } from "./popover.connect";
-export { machine } from "./popover.machine";
-export type { UserDefinedContext as Context } from "./popover.types";
+import { RequiredBy, CommonProperties, MaybeElement, Context, PropTypes, NormalizeProps } from '@zag-js/types';
+import * as _zag_js_core from '@zag-js/core';
+import { StateMachine } from '@zag-js/core';
+import { DismissableElementHandlers } from '@zag-js/dismissable';
+import { PositioningOptions } from '@zag-js/popper';
+
+declare type ElementIds = Partial<{
+    anchor: string;
+    trigger: string;
+    content: string;
+    title: string;
+    description: string;
+    closeBtn: string;
+}>;
+declare type PublicContext = DismissableElementHandlers & CommonProperties & {
+    /**
+     * The ids of the elements in the popover. Useful for composition.
+     */
+    ids?: ElementIds;
+    /**
+     * Whether the popover should be modal. When set to `true`:
+     * - interaction with outside elements will be disabled
+     * - only popover content will be visible to screen readers
+     * - scrolling is blocked
+     * - focus is trapped within the popover
+     *
+     * @default false
+     */
+    modal?: boolean;
+    /**
+     * Whether the popover is rendered in a portal
+     */
+    portalled?: boolean;
+    /**
+     * Whether to automatically set focus on the first focusable
+     * content within the popover when opened.
+     */
+    autoFocus?: boolean;
+    /**
+     * The element to focus on when the popover is opened.
+     */
+    initialFocusEl?: MaybeElement | (() => MaybeElement);
+    /**
+     * Whether to close the popover when the user clicks outside of the popover.
+     */
+    closeOnInteractOutside?: boolean;
+    /**
+     * Whether to close the popover when the escape key is pressed.
+     */
+    closeOnEsc?: boolean;
+    /**
+     * Function invoked when the popover is opened.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The user provided options used to position the popover content
+     */
+    positioning: PositioningOptions;
+    /**
+     * Whether to open the popover on page load
+     */
+    defaultOpen?: boolean;
+};
+declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
+declare type ComputedContext = Readonly<{
+    /**
+     * @computed
+     * The computed value of `portalled`
+     */
+    currentPortalled: boolean;
+}>;
+declare type PrivateContext = Context<{
+    /**
+     * Whether to prevent returning focus to the trigger
+     */
+    focusTriggerOnClose?: boolean;
+}>;
+declare type MachineContext = PublicContext & ComputedContext & PrivateContext;
+declare type MachineState = {
+    value: "unknown" | "open" | "closed";
+};
+declare type State = StateMachine.State<MachineContext, MachineState>;
+declare type Send = StateMachine.Send<StateMachine.AnyEventObject>;
+
+declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
+    portalled: boolean;
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    arrowProps: T["element"];
+    innerArrowProps: T["element"];
+    anchorProps: T["element"];
+    triggerProps: T["button"];
+    positionerProps: T["element"];
+    contentProps: T["element"];
+    titleProps: T["element"];
+    descriptionProps: T["element"];
+    closeButtonProps: T["button"];
+};
+
+declare function machine(ctx: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+
+export { UserDefinedContext as Context, connect, machine };

package/dist/index.js

@@ -1,25 +1,8 @@
 "use strict";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -43,28 +26,12 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // ../../utilities/dom/dist/index.mjs
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
-    }
-  return a;
-};
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 function isDocument(el) {
@@ -77,28 +44,27 @@ 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 == null ? void 0 : 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;
-    },
-    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
       var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+      return ((_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) ?? document;
     },
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
-  return __spreadValues2(__spreadValues2({}, dom2), helpers);
+  return {
+    ...dom2,
+    ...helpers
+  };
 }
 function contains(parent, child) {
   if (!parent)
@@ -222,37 +188,37 @@ function next(v, idx, opts = {}) {
 }
 var runIfFn2 = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // 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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.anchor) ?? `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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.trigger) ?? `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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.title) ?? `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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.description) ?? `popover:${ctx.id}:desc`;
   },
   getCloseButtonId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover:${ctx.id}:close-button`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.closeBtn) ?? `popover:${ctx.id}:close-button`;
   },
   getAnchorEl: (ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
@@ -372,23 +338,24 @@ function machine(ctx) {
   return (0, import_core.createMachine)({
     id: "popover",
     initial: "unknown",
-    context: __spreadProps(__spreadValues({
+    context: {
       closeOnInteractOutside: true,
       closeOnEsc: true,
       autoFocus: true,
       modal: false,
-      positioning: __spreadValues({
-        placement: "bottom"
-      }, ctx.positioning),
-      currentPlacement: void 0
-    }, ctx), {
+      positioning: {
+        placement: "bottom",
+        ...ctx.positioning
+      },
+      currentPlacement: void 0,
+      ...ctx,
       focusTriggerOnClose: true,
       renderedElements: {
         title: true,
         description: true,
         anchor: false
       }
-    }),
+    },
     computed: {
       currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
     },
@@ -452,7 +419,8 @@ function machine(ctx) {
       computePlacement(ctx2) {
         ctx2.currentPlacement = ctx2.positioning.placement;
         const anchorEl = ctx2.renderedElements.anchor ? dom.getAnchorEl(ctx2) : dom.getTriggerEl(ctx2);
-        return (0, import_popper2.getPlacement)(anchorEl, dom.getPositionerEl(ctx2), __spreadProps(__spreadValues({}, ctx2.positioning), {
+        return (0, import_popper2.getPlacement)(anchorEl, dom.getPositionerEl(ctx2), {
+          ...ctx2.positioning,
           onComplete(data) {
             ctx2.currentPlacement = data.placement;
             ctx2.isPlacementComplete = true;
@@ -461,7 +429,7 @@ function machine(ctx) {
             ctx2.currentPlacement = void 0;
             ctx2.isPlacementComplete = false;
           }
-        }));
+        });
       },
       trackInteractionOutside(ctx2, _evt, { send }) {
         return (0, import_dismissable.trackDismissableElement)(dom.getContentEl(ctx2), {
@@ -546,7 +514,7 @@ function machine(ctx) {
           });
           try {
             trap.activate();
-          } catch (e) {
+          } catch {
           }
         });
         return () => trap == null ? void 0 : trap.deactivate();
@@ -624,3 +592,8 @@ function machine(ctx) {
     }
   });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  connect,
+  machine
+});

package/dist/index.mjs

@@ -1,46 +1,10 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
 // ../../utilities/dom/dist/index.mjs
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
-    }
-  return a;
-};
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 function isDocument(el) {
@@ -53,28 +17,27 @@ 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 == null ? void 0 : 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;
-    },
-    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
       var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+      return ((_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) ?? document;
     },
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
-  return __spreadValues2(__spreadValues2({}, dom2), helpers);
+  return {
+    ...dom2,
+    ...helpers
+  };
 }
 function contains(parent, child) {
   if (!parent)
@@ -198,37 +161,37 @@ function next(v, idx, opts = {}) {
 }
 var runIfFn2 = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 
 // 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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.anchor) ?? `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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.trigger) ?? `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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.title) ?? `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`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.description) ?? `popover:${ctx.id}:desc`;
   },
   getCloseButtonId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover:${ctx.id}:close-button`;
+    var _a;
+    return ((_a = ctx.ids) == null ? void 0 : _a.closeBtn) ?? `popover:${ctx.id}:close-button`;
   },
   getAnchorEl: (ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
@@ -348,23 +311,24 @@ function machine(ctx) {
   return createMachine({
     id: "popover",
     initial: "unknown",
-    context: __spreadProps(__spreadValues({
+    context: {
       closeOnInteractOutside: true,
       closeOnEsc: true,
       autoFocus: true,
       modal: false,
-      positioning: __spreadValues({
-        placement: "bottom"
-      }, ctx.positioning),
-      currentPlacement: void 0
-    }, ctx), {
+      positioning: {
+        placement: "bottom",
+        ...ctx.positioning
+      },
+      currentPlacement: void 0,
+      ...ctx,
       focusTriggerOnClose: true,
       renderedElements: {
         title: true,
         description: true,
         anchor: false
       }
-    }),
+    },
     computed: {
       currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
     },
@@ -428,7 +392,8 @@ function machine(ctx) {
       computePlacement(ctx2) {
         ctx2.currentPlacement = ctx2.positioning.placement;
         const anchorEl = ctx2.renderedElements.anchor ? dom.getAnchorEl(ctx2) : dom.getTriggerEl(ctx2);
-        return getPlacement(anchorEl, dom.getPositionerEl(ctx2), __spreadProps(__spreadValues({}, ctx2.positioning), {
+        return getPlacement(anchorEl, dom.getPositionerEl(ctx2), {
+          ...ctx2.positioning,
           onComplete(data) {
             ctx2.currentPlacement = data.placement;
             ctx2.isPlacementComplete = true;
@@ -437,7 +402,7 @@ function machine(ctx) {
             ctx2.currentPlacement = void 0;
             ctx2.isPlacementComplete = false;
           }
-        }));
+        });
       },
       trackInteractionOutside(ctx2, _evt, { send }) {
         return trackDismissableElement(dom.getContentEl(ctx2), {
@@ -522,7 +487,7 @@ function machine(ctx) {
           });
           try {
             trap.activate();
-          } catch (e) {
+          } catch {
           }
         });
         return () => trap == null ? void 0 : trap.deactivate();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,25 +29,26 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/aria-hidden": "0.1.0",
-    "@zag-js/core": "0.1.8",
-    "@zag-js/dismissable": "0.1.2",
-    "@zag-js/popper": "0.1.8",
-    "@zag-js/remove-scroll": "0.1.2",
-    "@zag-js/types": "0.2.2",
+    "@zag-js/aria-hidden": "0.1.1",
+    "@zag-js/core": "0.1.9",
+    "@zag-js/dismissable": "0.1.3",
+    "@zag-js/popper": "0.1.9",
+    "@zag-js/remove-scroll": "0.1.3",
+    "@zag-js/types": "0.2.3",
     "focus-trap": "6.9.4"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.7",
-    "@zag-js/utils": "0.1.2"
+    "@zag-js/dom-utils": "0.1.8",
+    "@zag-js/utils": "0.1.3"
   },
   "scripts": {
-    "build:fast": "zag build",
-    "start": "zag build --watch",
-    "build": "zag build --prod",
+    "build-fast": "tsup src/index.ts --format=esm,cjs",
+    "start": "pnpm build --watch",
+    "build": "tsup src/index.ts --format=esm,cjs --dts",
     "test": "jest --config ../../../jest.config.js --rootDir . --passWithNoTests",
     "lint": "eslint src --ext .ts,.tsx",
-    "test:ci": "yarn test --ci --runInBand",
-    "test:watch": "yarn test --watch --updateSnapshot"
+    "test-ci": "pnpm test --ci --runInBand",
+    "test-watch": "pnpm test --watch -u",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

package/dist/popover.connect.d.ts

@@ -1,17 +0,0 @@
-import type { NormalizeProps, PropTypes } from "@zag-js/types";
-import type { Send, State } from "./popover.types";
-export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    arrowProps: T["element"];
-    innerArrowProps: T["element"];
-    anchorProps: T["element"];
-    triggerProps: T["button"];
-    positionerProps: T["element"];
-    contentProps: T["element"];
-    titleProps: T["element"];
-    descriptionProps: T["element"];
-    closeButtonProps: T["button"];
-};

package/dist/popover.dom.d.ts

@@ -1,41 +0,0 @@
-import type { MachineContext as Ctx } from "./popover.types";
-export declare const dom: {
-    getRootNode: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => Document | ShadowRoot;
-    getDoc: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => Document;
-    getWin: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => Window & typeof globalThis;
-    getActiveElement: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => HTMLElement;
-    getById: <T_1 = HTMLElement>(ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }, id: string) => T_1;
-} & {
-    getActiveEl: (ctx: Ctx) => Element;
-    getAnchorId: (ctx: Ctx) => string;
-    getTriggerId: (ctx: Ctx) => string;
-    getContentId: (ctx: Ctx) => string;
-    getPositionerId: (ctx: Ctx) => string;
-    getArrowId: (ctx: Ctx) => string;
-    getTitleId: (ctx: Ctx) => string;
-    getDescriptionId: (ctx: Ctx) => string;
-    getCloseButtonId: (ctx: Ctx) => string;
-    getAnchorEl: (ctx: Ctx) => HTMLElement;
-    getTriggerEl: (ctx: Ctx) => HTMLElement;
-    getContentEl: (ctx: Ctx) => HTMLElement;
-    getPositionerEl: (ctx: Ctx) => HTMLElement;
-    getTitleEl: (ctx: Ctx) => HTMLElement;
-    getDescriptionEl: (ctx: Ctx) => HTMLElement;
-    getFocusableEls: (ctx: Ctx) => HTMLElement[];
-    getFirstFocusableEl: (ctx: Ctx) => HTMLElement;
-    getDocTabbableEls: (ctx: Ctx) => HTMLElement[];
-    getTabbableEls: (ctx: Ctx) => HTMLElement[];
-    getFirstTabbableEl: (ctx: Ctx) => HTMLElement;
-    getLastTabbableEl: (ctx: Ctx) => HTMLElement;
-    getInitialFocusEl: (ctx: Ctx) => HTMLElement;
-};

package/dist/popover.machine.d.ts

@@ -1,2 +0,0 @@
-import type { MachineContext, MachineState, UserDefinedContext } from "./popover.types";
-export declare function machine(ctx: UserDefinedContext): import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;

package/dist/popover.types.d.ts

@@ -1,101 +0,0 @@
-import type { StateMachine as S } from "@zag-js/core";
-import type { DismissableElementHandlers } from "@zag-js/dismissable";
-import type { PositioningOptions, Placement } from "@zag-js/popper";
-import type { CommonProperties, Context, MaybeElement, RequiredBy } from "@zag-js/types";
-declare type ElementIds = Partial<{
-    anchor: string;
-    trigger: string;
-    content: string;
-    title: string;
-    description: string;
-    closeBtn: string;
-}>;
-declare type PublicContext = DismissableElementHandlers & CommonProperties & {
-    /**
-     * The ids of the elements in the popover. Useful for composition.
-     */
-    ids?: ElementIds;
-    /**
-     * Whether the popover should be modal. When set to `true`:
-     * - interaction with outside elements will be disabled
-     * - only popover content will be visible to screen readers
-     * - scrolling is blocked
-     * - focus is trapped within the popover
-     *
-     * @default false
-     */
-    modal?: boolean;
-    /**
-     * Whether the popover is rendered in a portal
-     */
-    portalled?: boolean;
-    /**
-     * Whether to automatically set focus on the first focusable
-     * content within the popover when opened.
-     */
-    autoFocus?: boolean;
-    /**
-     * The element to focus on when the popover is opened.
-     */
-    initialFocusEl?: MaybeElement | (() => MaybeElement);
-    /**
-     * Whether to close the popover when the user clicks outside of the popover.
-     */
-    closeOnInteractOutside?: boolean;
-    /**
-     * Whether to close the popover when the escape key is pressed.
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Function invoked when the popover is opened.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * The user provided options used to position the popover content
-     */
-    positioning: PositioningOptions;
-    /**
-     * Whether to open the popover on page load
-     */
-    defaultOpen?: boolean;
-};
-export declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
-declare type ComputedContext = Readonly<{
-    /**
-     * @computed
-     * The computed value of `portalled`
-     */
-    currentPortalled: boolean;
-}>;
-declare type PrivateContext = Context<{
-    /**
-     * @internal
-     * The elements that are rendered on mount
-     */
-    renderedElements: {
-        title: boolean;
-        description: boolean;
-        anchor: boolean;
-    };
-    /**
-     * @internal
-     * The computed placement (maybe different from initial placement)
-     */
-    currentPlacement?: Placement;
-    /**
-     * @internal
-     * Whether the dynamic placement has been computed
-     */
-    isPlacementComplete?: boolean;
-    /**
-     * Whether to prevent returning focus to the trigger
-     */
-    focusTriggerOnClose?: boolean;
-}>;
-export declare type MachineContext = PublicContext & ComputedContext & PrivateContext;
-export declare type MachineState = {
-    value: "unknown" | "open" | "closed";
-};
-export declare type State = S.State<MachineContext, MachineState>;
-export declare type Send = S.Send<S.AnyEventObject>;
-export {};