@ariakit/react-core 0.3.2 → 0.3.3

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 _WBPFHFAXcjs = require('../__chunks/WBPFHFAX.cjs');
+var _LQZ6USCZcjs = require('../__chunks/LQZ6USCZ.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/XOHN6PER.cjs');
-require('../__chunks/QEG5AJH6.cjs');
-require('../__chunks/HCQYEOCO.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/3ULNMLN7.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 = _WBPFHFAXcjs.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 _E4C2KZA5cjs = require('../__chunks/E4C2KZA5.cjs');
-require('../__chunks/NATUYKIW.cjs');
-require('../__chunks/3ULNMLN7.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 = _E4C2KZA5cjs.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 _E4C2KZA5cjs = require('../__chunks/E4C2KZA5.cjs');
-require('../__chunks/NATUYKIW.cjs');
-require('../__chunks/3ULNMLN7.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 = _E4C2KZA5cjs.usePopoverStore; exports.usePopoverStoreProps = _E4C2KZA5cjs.usePopoverStoreProps;
+exports.usePopoverStore = _Z6EBOLR5cjs.usePopoverStore; exports.usePopoverStoreProps = _Z6EBOLR5cjs.usePopoverStoreProps;

package/cjs/popover/popover.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _XOHN6PERcjs = require('../__chunks/XOHN6PER.cjs');
-require('../__chunks/QEG5AJH6.cjs');
-require('../__chunks/HCQYEOCO.cjs');
-require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/DPLHWKRP.cjs');
+var _WUQKDMC4cjs = 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');
@@ -28,16 +28,16 @@ require('../__chunks/5E5FKYEO.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');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/3ULNMLN7.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Popover = _XOHN6PERcjs.Popover; exports.usePopover = _XOHN6PERcjs.usePopover;
+exports.Popover = _WUQKDMC4cjs.Popover; exports.usePopover = _WUQKDMC4cjs.usePopover;

package/cjs/popover/popover.d.ts

@@ -24,16 +24,20 @@ export declare const usePopover: import("../utils/types.js").Hook<PopoverOptions
  * @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 Popover: import("../utils/types.js").Component<PopoverOptions<"div">>;
 export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
     /**
-     * Object returned by the `usePopoverStore` hook.
-     * @see https://ariakit.org/guide/component-stores
+     * 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;
     /**
@@ -59,10 +63,10 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
     shift?: number;
     /**
      * Controls the behavior of the popover when it overflows the viewport:
-     *   - If a `boolean`, specifies whether the popover should flip to the
-     *     opposite side when it overflows.
-     *   - If a `string`, indicates the preferred fallback placements when it
-     *     overflows. The placements must be spaced-delimited, e.g. "top left".
+     * - If a `boolean`, specifies whether the popover should flip to the opposite
+     *   side when it overflows.
+     * - If a `string`, indicates the preferred fallback placements when it
+     *   overflows. The placements must be spaced-delimited, e.g. "top left".
      * @default true
      */
     flip?: boolean | string;