@zag-js/popover 0.1.8 → 0.1.9

package/dist/popover.connect.d.ts

@@ -1,6 +1,6 @@
-import { PropTypes, ReactPropTypes } from "@zag-js/types";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
 import type { Send, State } from "./popover.types";
-export declare function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize?: import("@zag-js/types").NormalizeProps): {
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
     portalled: boolean;
     isOpen: boolean;
     open(): void;

package/dist/popover.dom.d.ts

@@ -1,6 +1,7 @@
-import { MachineContext as Ctx } from "./popover.types";
+import type { MachineContext as Ctx } from "./popover.types";
 export declare const dom: {
     getDoc: (ctx: Ctx) => Document;
+    getWin: (ctx: Ctx) => Window & typeof globalThis;
     getActiveEl: (ctx: Ctx) => Element;
     getRootNode: (ctx: Ctx) => Document | ShadowRoot;
     getAnchorId: (ctx: Ctx) => string;

package/dist/popover.machine.d.ts

@@ -1,2 +1,2 @@
-import { MachineContext, MachineState, UserDefinedContext } from "./popover.types";
+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,4 +1,5 @@
 import type { StateMachine as S } from "@zag-js/core";
+import type { DismissableElementHandlers } from "@zag-js/dimissable";
 import type { PositioningOptions, Placement } from "@zag-js/popper";
 import type { Context, MaybeElement } from "@zag-js/types";
 declare type ElementIds = Partial<{
@@ -9,7 +10,7 @@ declare type ElementIds = Partial<{
     description: string;
     closeBtn: string;
 }>;
-declare type PublicContext = {
+declare type PublicContext = DismissableElementHandlers & {
     /**
      * The ids of the elements in the popover. Useful for composition.
      */
@@ -18,8 +19,8 @@ declare type PublicContext = {
      * 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
-     * - focus is trapped within the popover
      * - scrolling is blocked
+     * - focus is trapped within the popover
      *
      * @default false
      */
@@ -40,7 +41,7 @@ declare type PublicContext = {
     /**
      * Whether to close the popover when the user clicks outside of the popover.
      */
-    closeOnBlur?: boolean;
+    closeOnInteractOutside?: boolean;
     /**
      * Whether to close the popover when the escape key is pressed.
      */
@@ -48,11 +49,7 @@ declare type PublicContext = {
     /**
      * Function invoked when the popover is opened.
      */
-    onOpen?: () => void;
-    /**
-     * Function invoked when the popover is closed.
-     */
-    onClose?: () => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * The user provided options used to position the popover content
      */
@@ -60,7 +57,7 @@ declare type PublicContext = {
     /**
      * Whether to open the popover on page load
      */
-    open?: boolean;
+    defaultOpen?: boolean;
 };
 export declare type UserDefinedContext = Partial<PublicContext>;
 declare type ComputedContext = Readonly<{
@@ -90,6 +87,10 @@ declare type PrivateContext = Context<{
      * 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 = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -30,13 +30,13 @@
   },
   "dependencies": {
     "@zag-js/aria-hidden": "0.1.0",
-    "@zag-js/core": "0.1.6",
-    "@zag-js/dom-utils": "0.1.5",
-    "@zag-js/popper": "0.1.6",
-    "@zag-js/remove-scroll": "0.1.0",
-    "@zag-js/types": "0.2.0",
+    "@zag-js/core": "0.1.7",
+    "@zag-js/dom-utils": "0.1.6",
+    "@zag-js/popper": "0.1.7",
+    "@zag-js/remove-scroll": "0.1.1",
+    "@zag-js/types": "0.2.1",
     "@zag-js/utils": "0.1.2",
-    "focus-trap": "^6.7.1"
+    "focus-trap": "6.9.4"
   },
   "scripts": {
     "build:fast": "zag build",