@zag-js/popover 0.1.8 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "0.1.8",
+  "version": "0.1.11",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,22 +29,26 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "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/utils": "0.1.2",
-    "focus-trap": "^6.7.1"
+    "@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.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 { PropTypes, ReactPropTypes } 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): {
-    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,27 +0,0 @@
-import { MachineContext as Ctx } from "./popover.types";
-export declare const dom: {
-    getDoc: (ctx: Ctx) => Document;
-    getActiveEl: (ctx: Ctx) => Element;
-    getRootNode: (ctx: Ctx) => Document | ShadowRoot;
-    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 { 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,100 +0,0 @@
-import type { StateMachine as S } from "@zag-js/core";
-import type { PositioningOptions, Placement } from "@zag-js/popper";
-import type { Context, MaybeElement } from "@zag-js/types";
-declare type ElementIds = Partial<{
-    anchor: string;
-    trigger: string;
-    content: string;
-    title: string;
-    description: string;
-    closeBtn: string;
-}>;
-declare type PublicContext = {
-    /**
-     * 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
-     * - focus is trapped within the popover
-     * - scrolling is blocked
-     *
-     * @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.
-     */
-    closeOnBlur?: boolean;
-    /**
-     * Whether to close the popover when the escape key is pressed.
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Function invoked when the popover is opened.
-     */
-    onOpen?: () => void;
-    /**
-     * Function invoked when the popover is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The user provided options used to position the popover content
-     */
-    positioning: PositioningOptions;
-    /**
-     * Whether to open the popover on page load
-     */
-    open?: boolean;
-};
-export declare type UserDefinedContext = Partial<PublicContext>;
-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;
-}>;
-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 {};