@ariakit/react-core 0.3.1 → 0.3.3

package/cjs/menu/menu-store.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _WRVKUV4Vcjs = require('../__chunks/WRVKUV4V.cjs');
+var _RSJXW4HUcjs = require('../__chunks/RSJXW4HU.cjs');
 require('../__chunks/6RYSMHQY.cjs');
 require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/FWCQCCG3.cjs');
-require('../__chunks/GCTYF2Y6.cjs');
+require('../__chunks/JDIVO6OK.cjs');
+require('../__chunks/K5M7LOPE.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 require('../__chunks/Q6W7IWNJ.cjs');
@@ -13,15 +13,15 @@ require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/C47ZNHA6.cjs');
-require('../__chunks/P2EILHN6.cjs');
-require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/HIGZ476M.cjs');
+require('../__chunks/Z6EBOLR5.cjs');
+require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useMenuStore = _WRVKUV4Vcjs.useMenuStore; exports.useMenuStoreProps = _WRVKUV4Vcjs.useMenuStoreProps;
+exports.useMenuStore = _RSJXW4HUcjs.useMenuStore; exports.useMenuStoreProps = _RSJXW4HUcjs.useMenuStoreProps;

package/cjs/menu/menu-store.d.ts

@@ -13,7 +13,7 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
             <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
             <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
         };
-    }) | undefined;
+    }) | null | undefined;
     parent: (MenuStoreFunctions<Core.MenuStoreValues> & Core.MenuStoreFunctions<Core.MenuStoreValues> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<Core.MenuStoreValues>> & {
         useState: {
             (): Core.MenuStoreState<Core.MenuStoreValues>;
@@ -24,7 +24,7 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
         [x: string]: string | number | boolean | (string | number)[];
     }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
         [x: string]: string | number | boolean | (string | number)[];
-    }>>) | undefined;
+    }>>) | null | undefined;
     menubar: (import("./menu-bar-store.js").MenuBarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
         id: string;
         element?: HTMLElement | null | undefined;
@@ -73,7 +73,7 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
                 children?: string | undefined;
             }>) => V_2): V_2;
         };
-    }) | undefined;
+    }) | null | undefined;
 };
 /**
  * Creates a menu store.
@@ -98,32 +98,32 @@ export interface MenuStoreFunctions<T extends Values = Values> extends Pick<Menu
 export interface MenuStoreOptions<T extends Values = Values> extends Core.MenuStoreOptions<T>, CompositeStoreOptions, HovercardStoreOptions {
     /**
      * A callback that gets called when the `values` state changes.
-     * @param values The new values.
-     * @example
-     * const [values, setValues] = useState({});
-     * const menu = useMenuStore({ values, setValues });
+     *
+     * Live examples:
+     * - [MenuItemCheckbox](https://ariakit.org/examples/menu-item-checkbox)
      */
     setValues?: BivariantCallback<(values: MenuStoreState<T>["values"]) => void>;
     /**
      * A reference to a combobox store. This is used when combining the combobox
      * with a menu (e.g., dropdown menu with a search input). The stores will
      * share the same state.
-     *
-     * Live examples:
-     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
      */
-    combobox?: ComboboxStore;
+    combobox?: ComboboxStore | null;
     /**
      * A reference to a parent menu store. It's automatically set when nesting
-     * menus in the React tree. You should manually set this if menus aren't nested
-     * in the React tree.
+     * menus in the React tree. You should manually set this if menus aren't
+     * nested in the React tree.
+     *
+     * Live examples:
+     * - [MenuBar](https://ariakit.org/examples/menu-bar)
+     * - [Submenu](https://ariakit.org/examples/menu-nested)
      */
-    parent?: MenuStore;
+    parent?: MenuStore | null;
     /**
      * A reference to a menu bar store. It's automatically set when rendering
      * menus inside a menu bar in the React tree.
      */
-    menubar?: MenuBarStore;
+    menubar?: MenuBarStore | null;
 }
 export type MenuStoreProps<T extends Values = Values> = MenuStoreOptions<T> & Core.MenuStoreProps<T>;
 export type MenuStore<T extends Values = Values> = MenuStoreFunctions<T> & Store<Core.MenuStore<T>>;

package/cjs/menu/menu.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4HKELPDAcjs = require('../__chunks/4HKELPDA.cjs');
+var _64S5KX7Fcjs = require('../__chunks/64S5KX7F.cjs');
 
 
 var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 require('../__chunks/DC66R2NY.cjs');
-require('../__chunks/6G5GJF5Q.cjs');
+require('../__chunks/SELCJFCB.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 
 
-var _B4KDFSF3cjs = require('../__chunks/B4KDFSF3.cjs');
+var _LQZ6USCZcjs = require('../__chunks/LQZ6USCZ.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/PHDU6PLM.cjs');
-require('../__chunks/ZEASCR4B.cjs');
-require('../__chunks/J63NAJOO.cjs');
-require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/DPLHWKRP.cjs');
+require('../__chunks/WUQKDMC4.cjs');
+require('../__chunks/PQU457XU.cjs');
+require('../__chunks/45OYD4CU.cjs');
+require('../__chunks/RWS2MAR2.cjs');
+require('../__chunks/DFFFHQVQ.cjs');
 require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/JKMBJCXA.cjs');
-require('../__chunks/INDMFBTS.cjs');
-require('../__chunks/NBCR3CLP.cjs');
+require('../__chunks/QK4GI6B3.cjs');
+require('../__chunks/COHI5HTS.cjs');
+require('../__chunks/F4RJLWZG.cjs');
 require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/PD5YFDLO.cjs');
+require('../__chunks/TLA46MN6.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/VTRMALP6.cjs');
 require('../__chunks/BWQVQDGC.cjs');
@@ -41,7 +41,7 @@ require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/KSFAO77E.cjs');
 
@@ -49,10 +49,8 @@ require('../__chunks/KSFAO77E.cjs');
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
-
-
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -71,12 +69,16 @@ var useMenu = _Z5PUIG6Acjs.createHook.call(void 0,
   (_a) => {
     var _b = _a, {
       store,
+      modal: modalProp = false,
+      portal = !!modalProp,
       hideOnEscape = true,
       autoFocusOnShow = true,
       hideOnHoverOutside,
       alwaysVisible
     } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
       "store",
+      "modal",
+      "portal",
       "hideOnEscape",
       "autoFocusOnShow",
       "hideOnHoverOutside",
@@ -93,26 +95,10 @@ var useMenu = _Z5PUIG6Acjs.createHook.call(void 0,
     const parentMenuBar = store.menubar;
     const hasParentMenu = !!parentMenu;
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
-    const onKeyDownProp = props.onKeyDown;
-    const hideOnEscapeProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnEscape);
-    const onKeyDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
-      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (event.key === "Escape") {
-        if (!hideOnEscapeProp(event))
-          return;
-        if (!hasParentMenu) {
-          event.stopPropagation();
-        }
-        return store == null ? void 0 : store.hide();
-      }
-    });
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref),
-      onKeyDown
+      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    const _a2 = _4HKELPDAcjs.useMenuList.call(void 0, 
+    const _a2 = _64S5KX7Fcjs.useMenuList.call(void 0, 
       _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props)
     ), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = _72I2GWXFcjs.__objRest.call(void 0, _a2, ["aria-labelledby"]);
     props = menuListProps;
@@ -150,14 +136,21 @@ var useMenu = _Z5PUIG6Acjs.createHook.call(void 0,
         cleaning = true;
       };
     }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
+    const modal = hasParentMenu ? false : modalProp;
     const mayAutoFocusOnShow = !!autoFocusOnShow;
-    const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
-    props = _B4KDFSF3cjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
+    props = _LQZ6USCZcjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       initialFocus: initialFocusRef,
-      autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal
+      autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
     }, props), {
+      hideOnEscape: (event) => {
+        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnEscape, event))
+          return false;
+        store == null ? void 0 : store.hideAll();
+        return true;
+      },
       hideOnHoverOutside: (event) => {
         if (typeof hideOnHoverOutside === "function") {
           return hideOnHoverOutside(event);
@@ -177,14 +170,9 @@ var useMenu = _Z5PUIG6Acjs.createHook.call(void 0,
           return false;
         return true;
       },
-      // If it's a submenu, it shouldn't behave like a modal dialog, nor display
-      // a backdrop.
-      modal: hasParentMenu ? false : props.modal,
-      backdrop: hasParentMenu ? false : props.backdrop,
-      // If it's a submenu, hide on esc will be handled differently. That is,
-      // event.stopPropagation() won't be called, so the parent menus will also
-      // be closed.
-      hideOnEscape: hasParentMenu ? false : hideOnEscape
+      modal,
+      portal,
+      backdrop: hasParentMenu ? false : props.backdrop
     }));
     props = _72I2GWXFcjs.__spreadValues.call(void 0, {
       "aria-labelledby": ariaLabelledBy

package/cjs/menu/menu.d.ts

@@ -21,12 +21,13 @@ export declare const useMenu: import("../utils/types.js").Hook<MenuOptions<"div"
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <MenuButton store={menu}>Edit</MenuButton>
- * <Menu store={menu}>
- *   <MenuItem>Undo</MenuItem>
- *   <MenuItem>Redo</MenuItem>
- * </Menu>
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const Menu: import("../utils/types.js").Component<MenuOptions<"div">>;

package/cjs/popover/popover-anchor.d.ts

@@ -18,15 +18,20 @@ export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverA
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <PopoverAnchor store={popover}>Anchor</PopoverAnchor>
- * <Popover store={popover}>Popover</Popover>
+ * <PopoverProvider>
+ *   <PopoverAnchor>Anchor</PopoverAnchor>
+ *   <Popover>Popover</Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverAnchor: import("../utils/types.js").Component<PopoverAnchorOptions<"div">>;
 export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `usePopoverStore` hook.
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * component's context will be used.
      */
     store?: PopoverStore;
 }

package/cjs/popover/popover-arrow.d.ts

@@ -15,22 +15,28 @@ import type { PopoverStore } from "./popover-store.js";
  */
 export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverArrowOptions<"div">>;
 /**
- * Renders an arrow inside a `Popover` component.
+ * Renders an arrow inside a [`Popover`](https://ariakit.org/reference/popover)
+ * component.
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <Popover store={popover}>
- *   <PopoverArrow />
- *   Popover
- * </Popover>
+ * <PopoverProvider>
+ *   <Popover>
+ *     <PopoverArrow />
+ *     Popover
+ *   </Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverArrow: import("../utils/types.js").Component<PopoverArrowOptions<"div">>;
 export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `usePopoverStore` hook. If not provided, the parent
-     * `Popover` component's context will be used.
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`Popover`](https://ariakit.org/reference/popover) or
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * components' context will be used.
      */
     store?: PopoverStore;
     /**

package/cjs/popover/popover-description.d.ts

@@ -16,22 +16,27 @@ import type { PopoverStore } from "./popover-store.js";
 export declare const usePopoverDescription: import("../utils/types.js").Hook<PopoverDescriptionOptions<"p">>;
 /**
  * Renders a description in a popover. This component must be wrapped with
- * `Popover` so the `aria-describedby` prop is properly set on the popover
- * element.
+ * [`Popover`](https://ariakit.org/reference/popover) so the `aria-describedby`
+ * prop is properly set on the popover element.
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <Popover store={popover}>
- *   <PopoverDescription>Description</PopoverDescription>
- * </Popover>
+ * <PopoverProvider>
+ *   <Popover>
+ *     <PopoverDescription>Description</PopoverDescription>
+ *   </Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverDescription: import("../utils/types.js").Component<PopoverDescriptionOptions<"p">>;
 export interface PopoverDescriptionOptions<T extends As = "p"> extends DialogDescriptionOptions<T> {
     /**
-     * Object returned by the `usePopoverStore` hook. If not provided, the parent
-     * `Popover` component's context will be used.
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`Popover`](https://ariakit.org/reference/popover) or
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * components' context will be used.
      */
     store?: PopoverStore;
 }

package/cjs/popover/popover-disclosure-arrow.d.ts

@@ -16,28 +16,36 @@ import type { PopoverStore, PopoverStoreState } from "./popover-store.js";
 export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<PopoverDisclosureArrowOptions<"span">>;
 /**
  * Renders an arrow pointing to the popover position. It's usually rendered
- * inside the `PopoverDisclosure` component.
+ * inside the
+ * [`PopoverDisclosure`](https://ariakit.org/reference/popover-disclosure)
+ * component.
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <PopoverDisclosure store={popover}>
- *   Disclosure
- *   <PopoverDisclosureArrow />
- * </PopoverDisclosure>
- * <Popover store={popover}>Popover</Popover>
+ * <PopoverProvider>
+ *   <PopoverDisclosure>
+ *     Disclosure
+ *     <PopoverDisclosureArrow />
+ *   </PopoverDisclosure>
+ *   <Popover>Popover</Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverDisclosureArrow: import("../utils/types.js").Component<PopoverDisclosureArrowOptions<"span">>;
 export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Options<T> {
     /**
-     * Object returned by the `usePopoverStore` hook. If not provided, the parent
-     * `PopoverDisclosure` component's context will be used.
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`PopoverDisclosure`](https://ariakit.org/reference/popover-disclosure) or
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * components' context will be used.
      */
     store?: PopoverStore;
     /**
      * Placement to which the arrow should point. If not provided, the parent
-     * `PopoverDisclosure` component's context will be used.
+     * [`PopoverDisclosure`](https://ariakit.org/reference/popover-disclosure)
+     * component's context will be used.
      */
     placement?: PopoverStoreState["placement"];
 }

package/cjs/popover/popover-disclosure.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _2VQBXUAIcjs = require('../__chunks/2VQBXUAI.cjs');
-require('../__chunks/LCKU3TYW.cjs');
-require('../__chunks/JNVNPB37.cjs');
+var _IK6X277Scjs = require('../__chunks/IK6X277S.cjs');
+require('../__chunks/VI6T32XI.cjs');
+require('../__chunks/RXP7Z4XR.cjs');
 require('../__chunks/XH2CZ7VF.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -19,4 +19,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverDisclosure = _2VQBXUAIcjs.PopoverDisclosure; exports.usePopoverDisclosure = _2VQBXUAIcjs.usePopoverDisclosure;
+exports.PopoverDisclosure = _IK6X277Scjs.PopoverDisclosure; exports.usePopoverDisclosure = _IK6X277Scjs.usePopoverDisclosure;

package/cjs/popover/popover-disclosure.d.ts

@@ -18,9 +18,10 @@ export declare const usePopoverDisclosure: import("../utils/types.js").Hook<Popo
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <PopoverDisclosure store={popover}>Disclosure</PopoverDisclosure>
- * <Popover store={popover}>Popover</Popover>
+ * <PopoverProvider>
+ *   <PopoverDisclosure>Disclosure</PopoverDisclosure>
+ *   <Popover>Popover</Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverDisclosure: import("../utils/types.js").Component<PopoverDisclosureOptions<"button">>;

package/cjs/popover/popover-dismiss.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _2FEEKOTFcjs = require('../__chunks/2FEEKOTF.cjs');
-require('../__chunks/S4UMINQJ.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _ZL7HIJU2cjs = require('../__chunks/ZL7HIJU2.cjs');
+require('../__chunks/ZZHSM37C.cjs');
+require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -17,4 +17,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverDismiss = _2FEEKOTFcjs.PopoverDismiss; exports.usePopoverDismiss = _2FEEKOTFcjs.usePopoverDismiss;
+exports.PopoverDismiss = _ZL7HIJU2cjs.PopoverDismiss; exports.usePopoverDismiss = _ZL7HIJU2cjs.usePopoverDismiss;

package/cjs/popover/popover-dismiss.d.ts

@@ -15,21 +15,27 @@ import type { PopoverStore } from "./popover-store.js";
  */
 export declare const usePopoverDismiss: import("../utils/types.js").Hook<PopoverDismissOptions<"button">>;
 /**
- * Renders a button that hides a popover.
+ * Renders a button that hides a
+ * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <Popover store={popover}>
- *   <PopoverDismiss />
- * </Popover>
+ * <PopoverProvider>
+ *   <Popover>
+ *     <PopoverDismiss />
+ *   </Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverDismiss: import("../utils/types.js").Component<PopoverDismissOptions<"button">>;
 export interface PopoverDismissOptions<T extends As = "button"> extends DialogDismissOptions<T> {
     /**
-     * Object returned by the `usePopoverStore` hook. If not provided, the parent
-     * `Popover` component's context will be used.
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`Popover`](https://ariakit.org/reference/popover) or
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * components' context will be used.
      */
     store?: PopoverStore;
 }

package/cjs/popover/popover-heading.d.ts

@@ -15,22 +15,28 @@ import type { PopoverStore } from "./popover-store.js";
  */
 export declare const usePopoverHeading: import("../utils/types.js").Hook<PopoverHeadingOptions<"h1">>;
 /**
- * Renders a heading in a popover. This component must be wrapped with `Popover`
- * so the `aria-labelledby` prop is properly set on the popover element.
+ * Renders a heading in a popover. This component must be wrapped with
+ * [`Popover`](https://ariakit.org/reference/popover) so the `aria-labelledby`
+ * prop is properly set on the popover element.
  * @see https://ariakit.org/components/popover
  * @example
  * ```jsx
- * const popover = usePopoverStore();
- * <Popover store={popover}>
- *   <PopoverHeading>Heading</PopoverHeading>
- * </Popover>
+ * <PopoverProvider>
+ *   <Popover>
+ *     <PopoverHeading>Heading</PopoverHeading>
+ *   </Popover>
+ * </PopoverProvider>
  * ```
  */
 export declare const PopoverHeading: import("../utils/types.js").Component<PopoverHeadingOptions<"h1">>;
 export interface PopoverHeadingOptions<T extends As = "h1"> extends DialogHeadingOptions<T> {
     /**
-     * Object returned by the `usePopoverStore` hook. If not provided, the parent
-     * `Popover` component's context will be used.
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`Popover`](https://ariakit.org/reference/popover) or
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * components' context will be used.
      */
     store?: PopoverStore;
 }

package/cjs/popover/popover-provider.cjs

@@ -6,10 +6,10 @@ require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _P2EILHN6cjs = require('../__chunks/P2EILHN6.cjs');
-require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _Z6EBOLR5cjs = require('../__chunks/Z6EBOLR5.cjs');
+require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -17,7 +17,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/popover/popover-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function PopoverProvider(props = {}) {
-  const store = _P2EILHN6cjs.usePopoverStore.call(void 0, props);
+  const store = _Z6EBOLR5cjs.usePopoverStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AKOG5S2Tcjs.PopoverContextProvider, { value: store, children: props.children });
 }
 

package/cjs/popover/popover-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _P2EILHN6cjs = require('../__chunks/P2EILHN6.cjs');
-require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _Z6EBOLR5cjs = require('../__chunks/Z6EBOLR5.cjs');
+require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.usePopoverStore = _P2EILHN6cjs.usePopoverStore; exports.usePopoverStoreProps = _P2EILHN6cjs.usePopoverStoreProps;
+exports.usePopoverStore = _Z6EBOLR5cjs.usePopoverStore; exports.usePopoverStoreProps = _Z6EBOLR5cjs.usePopoverStoreProps;