@ariakit/react-core 0.2.17 → 0.3.1

package/cjs/menu/menu-separator.cjs

@@ -1,25 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ESIBWLXMcjs = require('../__chunks/ESIBWLXM.cjs');
-require('../__chunks/BQZLBPPT.cjs');
-require('../__chunks/5VOPA6D3.cjs');
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
 
+var _NFFY66XZcjs = require('../__chunks/NFFY66XZ.cjs');
+require('../__chunks/CYI34MDD.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Q6W7IWNJ.cjs');
+require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+
+
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+
+
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/menu/menu-separator.ts
-var useMenuSeparator = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
-  props = _ESIBWLXMcjs.useCompositeSeparator.call(void 0, props);
-  return props;
-});
-var MenuSeparator = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var useMenuSeparator = _Z5PUIG6Acjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _6RYSMHQYcjs.useMenuContext.call(void 0, );
+    store = store || context;
+    props = _NFFY66XZcjs.useCompositeSeparator.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var MenuSeparator = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuSeparator(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "hr", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "hr", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuSeparator.displayName = "MenuSeparator";

package/cjs/menu/menu-store.cjs

@@ -1,75 +1,27 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
-
-
-var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
-
-
-
-var _CRKIULULcjs = require('../__chunks/CRKIULUL.cjs');
-require('../__chunks/ATSMFQCO.cjs');
-
-
-
-var _BOBM73LTcjs = require('../__chunks/BOBM73LT.cjs');
-require('../__chunks/OJKRJ6N2.cjs');
-require('../__chunks/HOHFF2K6.cjs');
-require('../__chunks/OVOYNBFC.cjs');
-
-
-
-
-var _MPGRRS75cjs = require('../__chunks/MPGRRS75.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _WRVKUV4Vcjs = require('../__chunks/WRVKUV4V.cjs');
+require('../__chunks/6RYSMHQY.cjs');
+require('../__chunks/ZBG4TGVL.cjs');
+require('../__chunks/FWCQCCG3.cjs');
+require('../__chunks/GCTYF2Y6.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Q6W7IWNJ.cjs');
+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/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
-
-// src/menu/menu-store.ts
-var _react = require('react');
-var _menustore = require('@ariakit/core/menu/menu-store'); var Core = _interopRequireWildcard(_menustore);
-function useMenuStoreOptions(props) {
-  var _a, _b, _c, _d, _e, _f;
-  const state = (_b = (_a = props.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a);
-  const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
-  const parentMenuBar = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuBarContext);
-  const placementProp = props.placement;
-  const placement = _MPGRRS75cjs.useStoreState.call(void 0, 
-    parentMenu || parentMenuBar,
-    (state2) => placementProp || (state2.orientation === "vertical" ? "right-start" : "bottom-start")
-  );
-  const parentIsMenuBar = !!parentMenuBar && !parentMenu;
-  const timeout = parentIsMenuBar ? 0 : 150;
-  return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, _CRKIULULcjs.useCompositeStoreOptions.call(void 0, props)), _BOBM73LTcjs.useHovercardStoreOptions.call(void 0, props)), {
-    // TODO: Pass parent prop and remove these default values
-    values: (_d = (_c = props.values) != null ? _c : state == null ? void 0 : state.values) != null ? _d : props.defaultValues,
-    timeout: (_f = (_e = props.timeout) != null ? _e : state == null ? void 0 : state.timeout) != null ? _f : timeout,
-    placement
-  });
-}
-function useMenuStoreProps(store, props) {
-  const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
-  store = _CRKIULULcjs.useCompositeStoreProps.call(void 0, store, props);
-  store = _BOBM73LTcjs.useHovercardStoreProps.call(void 0, store, props);
-  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "values", "setValues");
-  return _react.useMemo.call(void 0, 
-    () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), {
-      hideAll: () => {
-        store.hide();
-        parentMenu == null ? void 0 : parentMenu.hideAll();
-      }
-    }),
-    [store]
-  );
-}
-function useMenuStore(props = {}) {
-  const options = useMenuStoreOptions(props);
-  const store = _MPGRRS75cjs.useStore.call(void 0, () => Core.createMenuStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options)));
-  return useMenuStoreProps(store, props);
-}
-
-
-
-
-exports.useMenuStore = useMenuStore; exports.useMenuStoreOptions = useMenuStoreOptions; exports.useMenuStoreProps = useMenuStoreProps;
+exports.useMenuStore = _WRVKUV4Vcjs.useMenuStore; exports.useMenuStoreProps = _WRVKUV4Vcjs.useMenuStoreProps;

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

@@ -1,45 +1,79 @@
 import * as Core from "@ariakit/core/menu/menu-store";
 import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
+import type { ComboboxStore } from "../combobox/combobox-store.js";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
 import type { Store } from "../utils/store.js";
+import type { MenuBarStore } from "./menu-bar-store.js";
 type Values = Core.MenuStoreValues;
-export declare function useMenuStoreOptions<T extends Values = Values>(props: MenuStoreProps<T>): {
-    values: T | undefined;
-    timeout: number;
-    placement: (("left" | "right" | "bottom" | "top") | "left-start" | "right-start" | "bottom-start" | "top-start" | "left-end" | "right-end" | "bottom-end" | "top-end") | undefined;
-    setOpen?: ((open: boolean) => void) | undefined;
-    defaultOpen?: boolean | undefined;
-    disclosure?: import("@ariakit/core/disclosure/disclosure-store").DisclosureStore | undefined;
-    open?: boolean | undefined;
-    animated?: number | boolean | undefined;
-    setItems?: BivariantCallback<(items: ({
+export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, update: () => void, props: MenuStoreProps): T & {
+    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
+        useState: {
+            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
+            <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;
+    parent: (MenuStoreFunctions<Core.MenuStoreValues> & Core.MenuStoreFunctions<Core.MenuStoreValues> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<Core.MenuStoreValues>> & {
+        useState: {
+            (): Core.MenuStoreState<Core.MenuStoreValues>;
+            <K_1 extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K_1): Core.MenuStoreState<Core.MenuStoreValues>[K_1];
+            <V_1>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V_1): V_1;
+        };
+    } & Core.MenuStoreFunctions<{
+        [x: string]: string | number | boolean | (string | number)[];
+    }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
+        [x: string]: string | number | boolean | (string | number)[];
+    }>>) | undefined;
+    menubar: (import("./menu-bar-store.js").MenuBarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
         id: string;
         element?: HTMLElement | null | undefined;
     } & {
         rowId?: string | undefined;
         disabled?: boolean | undefined;
         children?: string | undefined;
-    })[]) => void> | undefined;
-    defaultItems?: ({
+    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/composite/composite-store").CompositeStoreState<{
         id: string;
         element?: HTMLElement | null | undefined;
     } & {
         rowId?: string | undefined;
         disabled?: boolean | undefined;
         children?: string | undefined;
-    })[] | undefined;
-    items?: ({
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    })[] | undefined;
-};
-export declare function useMenuStoreProps<T extends Omit<MenuStore, "hideAll">>(store: T, props: MenuStoreProps): T & {
-    hideAll: () => void;
+    }>> & {
+        useState: {
+            (): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>;
+            <K_2 extends keyof import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>>(key: K_2): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>[K_2];
+            <V_2>(selector: (state: import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>) => V_2): V_2;
+        };
+    }) | undefined;
 };
 /**
  * Creates a menu store.
@@ -59,11 +93,7 @@ export declare function useMenuStore(props?: MenuStoreProps): MenuStore;
 export type MenuStoreValues = Core.MenuStoreValues;
 export interface MenuStoreState<T extends Values = Values> extends Core.MenuStoreState<T>, CompositeStoreState, HovercardStoreState {
 }
-export interface MenuStoreFunctions<T extends Values = Values> extends Core.MenuStoreFunctions<T>, CompositeStoreFunctions, HovercardStoreFunctions {
-    /**
-     * Hides the menu and all its parent menus.
-     */
-    hideAll: () => void;
+export interface MenuStoreFunctions<T extends Values = Values> extends Pick<MenuStoreOptions, "combobox" | "parent" | "menubar">, Omit<Core.MenuStoreFunctions<T>, "combobox" | "parent" | "menubar">, CompositeStoreFunctions, HovercardStoreFunctions {
 }
 export interface MenuStoreOptions<T extends Values = Values> extends Core.MenuStoreOptions<T>, CompositeStoreOptions, HovercardStoreOptions {
     /**
@@ -74,6 +104,26 @@ export interface MenuStoreOptions<T extends Values = Values> extends Core.MenuSt
      * const menu = useMenuStore({ values, setValues });
      */
     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;
+    /**
+     * 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.
+     */
+    parent?: MenuStore;
+    /**
+     * A reference to a menu bar store. It's automatically set when rendering
+     * menus inside a menu bar in the React tree.
+     */
+    menubar?: MenuBarStore;
 }
 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,54 +1,56 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DZGTHAPXcjs = require('../__chunks/DZGTHAPX.cjs');
+var _4HKELPDAcjs = require('../__chunks/4HKELPDA.cjs');
 
 
-
-var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
-require('../__chunks/Q5EWS32Z.cjs');
-require('../__chunks/A764D2YK.cjs');
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
+require('../__chunks/DC66R2NY.cjs');
+require('../__chunks/6G5GJF5Q.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
 
 
-var _4ZIMX233cjs = require('../__chunks/4ZIMX233.cjs');
+var _B4KDFSF3cjs = require('../__chunks/B4KDFSF3.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/3ALHBZ3R.cjs');
-require('../__chunks/MNUCM2FP.cjs');
-require('../__chunks/TUSNAJ32.cjs');
-require('../__chunks/CHVOMF22.cjs');
-require('../__chunks/FA3DXDDT.cjs');
-require('../__chunks/F4UT5TWU.cjs');
-require('../__chunks/ELOQI33M.cjs');
+require('../__chunks/PHDU6PLM.cjs');
+require('../__chunks/ZEASCR4B.cjs');
+require('../__chunks/J63NAJOO.cjs');
 require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/KJBIRAH5.cjs');
-require('../__chunks/HTEAWNBY.cjs');
+require('../__chunks/DPLHWKRP.cjs');
+require('../__chunks/W32FX7DM.cjs');
+require('../__chunks/JKMBJCXA.cjs');
+require('../__chunks/INDMFBTS.cjs');
+require('../__chunks/NBCR3CLP.cjs');
+require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/Z3TLXRS7.cjs');
+require('../__chunks/PD5YFDLO.cjs');
 require('../__chunks/X2GXTE3P.cjs');
-require('../__chunks/56NPFF7P.cjs');
-require('../__chunks/W32FX7DM.cjs');
+require('../__chunks/VTRMALP6.cjs');
 require('../__chunks/BWQVQDGC.cjs');
-require('../__chunks/G6F4DPHM.cjs');
-require('../__chunks/PD5YFDLO.cjs');
+require('../__chunks/ELOQI33M.cjs');
+require('../__chunks/A6H7IIHJ.cjs');
 require('../__chunks/SOPRUU56.cjs');
-require('../__chunks/YPXV3X22.cjs');
-require('../__chunks/RXCUKHX3.cjs');
+require('../__chunks/MNZPRWGC.cjs');
+require('../__chunks/CKEXTQ2S.cjs');
 require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/AGPJKWIO.cjs');
-require('../__chunks/SZTCN3SG.cjs');
-require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+require('../__chunks/OAEUR56W.cjs');
+require('../__chunks/5E5FKYEO.cjs');
+require('../__chunks/Q6W7IWNJ.cjs');
+require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/QR3ATHWU.cjs');
+require('../__chunks/KSFAO77E.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/OVOYNBFC.cjs');
-require('../__chunks/MPGRRS75.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/6MLKTO2T.cjs');
+require('../__chunks/I63PYP2U.cjs');
 
 
 
@@ -64,7 +66,8 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/menu/menu.ts
 var _react = require('react');
 var _focus = require('@ariakit/core/utils/focus');
-var useMenu = _CWY2PHPRcjs.createHook.call(void 0, 
+var _misc = require('@ariakit/core/utils/misc');
+var useMenu = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -79,9 +82,15 @@ var useMenu = _CWY2PHPRcjs.createHook.call(void 0,
       "hideOnHoverOutside",
       "alwaysVisible"
     ]);
+    const context = _6RYSMHQYcjs.useMenuProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
+    );
     const ref = _react.useRef.call(void 0, null);
-    const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
-    const parentMenuBar = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuBarContext);
+    const parentMenu = store.parent;
+    const parentMenuBar = store.menubar;
     const hasParentMenu = !!parentMenu;
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
     const onKeyDownProp = props.onKeyDown;
@@ -96,14 +105,14 @@ var useMenu = _CWY2PHPRcjs.createHook.call(void 0,
         if (!hasParentMenu) {
           event.stopPropagation();
         }
-        return store.hide();
+        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
     });
-    const _a2 = _DZGTHAPXcjs.useMenuList.call(void 0, 
+    const _a2 = _4HKELPDAcjs.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;
@@ -143,7 +152,7 @@ var useMenu = _CWY2PHPRcjs.createHook.call(void 0,
     }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
-    props = _4ZIMX233cjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _B4KDFSF3cjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       initialFocus: initialFocusRef,
@@ -161,8 +170,7 @@ var useMenu = _CWY2PHPRcjs.createHook.call(void 0,
         }
         if (!parentIsMenuBar)
           return false;
-        const { disclosureElement } = store.getState();
-        const disclosure = disclosureElement;
+        const disclosure = store == null ? void 0 : store.getState().disclosureElement;
         if (!disclosure)
           return true;
         if (_focus.hasFocusWithin.call(void 0, disclosure))
@@ -184,9 +192,9 @@ var useMenu = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var Menu = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Menu = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenu(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Menu.displayName = "Menu";

package/cjs/popover/popover-anchor.cjs

@@ -1,12 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _6MKUVCENcjs = require('../__chunks/6MKUVCEN.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+var _XH2CZ7VFcjs = require('../__chunks/XH2CZ7VF.cjs');
+require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverAnchor = _6MKUVCENcjs.PopoverAnchor; exports.usePopoverAnchor = _6MKUVCENcjs.usePopoverAnchor;
+exports.PopoverAnchor = _XH2CZ7VFcjs.PopoverAnchor; exports.usePopoverAnchor = _XH2CZ7VFcjs.usePopoverAnchor;

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

@@ -28,6 +28,6 @@ export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
     /**
      * Object returned by the `usePopoverStore` hook.
      */
-    store: PopoverStore;
+    store?: PopoverStore;
 }
 export type PopoverAnchorProps<T extends As = "div"> = Props<PopoverAnchorOptions<T>>;

package/cjs/popover/popover-arrow.cjs

@@ -1,14 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _N2KSMVA7cjs = require('../__chunks/N2KSMVA7.cjs');
+var _ZHMGQCNXcjs = require('../__chunks/ZHMGQCNX.cjs');
 require('../__chunks/4K6QJIPX.cjs');
-require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverArrow = _N2KSMVA7cjs.PopoverArrow; exports.usePopoverArrow = _N2KSMVA7cjs.usePopoverArrow;
+exports.PopoverArrow = _ZHMGQCNXcjs.PopoverArrow; exports.usePopoverArrow = _ZHMGQCNXcjs.usePopoverArrow;

package/cjs/popover/popover-context.cjs

@@ -1,7 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W5PBA4D6cjs = require('../__chunks/W5PBA4D6.cjs');
+
+
+
+
+var _AKOG5S2Tcjs = require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.PopoverContext = _W5PBA4D6cjs.PopoverContext;
+
+
+
+
+exports.PopoverContextProvider = _AKOG5S2Tcjs.PopoverContextProvider; exports.PopoverScopedContextProvider = _AKOG5S2Tcjs.PopoverScopedContextProvider; exports.usePopoverContext = _AKOG5S2Tcjs.usePopoverContext; exports.usePopoverProviderContext = _AKOG5S2Tcjs.usePopoverProviderContext; exports.usePopoverScopedContext = _AKOG5S2Tcjs.usePopoverScopedContext;

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

@@ -1,2 +1,19 @@
 import type { PopoverStore } from "./popover-store.js";
-export declare const PopoverContext: import("react").Context<PopoverStore | undefined>;
+/**
+ * Returns the popover store from the nearest popover container.
+ * @example
+ * function Popover() {
+ *   const store = usePopoverContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Popover must be wrapped in PopoverProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const usePopoverContext: () => PopoverStore | undefined;
+export declare const usePopoverScopedContext: (onlyScoped?: boolean) => PopoverStore | undefined;
+export declare const usePopoverProviderContext: () => PopoverStore | undefined;
+export declare const PopoverContextProvider: (props: import("react").ProviderProps<PopoverStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverScopedContextProvider: (props: import("react").ProviderProps<PopoverStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/popover/popover-description.cjs

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _TNMPOEZGcjs = require('../__chunks/TNMPOEZG.cjs');
-require('../__chunks/GD2R4HJS.cjs');
-require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+var _TFIVWWWLcjs = require('../__chunks/TFIVWWWL.cjs');
+require('../__chunks/OQROAZRY.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverDescription = _TNMPOEZGcjs.PopoverDescription; exports.usePopoverDescription = _TNMPOEZGcjs.usePopoverDescription;
+exports.PopoverDescription = _TFIVWWWLcjs.PopoverDescription; exports.usePopoverDescription = _TFIVWWWLcjs.usePopoverDescription;

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

@@ -1,13 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _BNTTY6EAcjs = require('../__chunks/BNTTY6EA.cjs');
-require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+var _VIPX6GSMcjs = require('../__chunks/VIPX6GSM.cjs');
+require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverDisclosureArrow = _BNTTY6EAcjs.PopoverDisclosureArrow; exports.usePopoverDisclosureArrow = _BNTTY6EAcjs.usePopoverDisclosureArrow;
+exports.PopoverDisclosureArrow = _VIPX6GSMcjs.PopoverDisclosureArrow; exports.usePopoverDisclosureArrow = _VIPX6GSMcjs.usePopoverDisclosureArrow;

package/cjs/popover/popover-disclosure.cjs

@@ -1,20 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _UVTMAR7Ncjs = require('../__chunks/UVTMAR7N.cjs');
-require('../__chunks/YMZPP75I.cjs');
-require('../__chunks/PHGHRT2Q.cjs');
-require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/6MKUVCEN.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _2VQBXUAIcjs = require('../__chunks/2VQBXUAI.cjs');
+require('../__chunks/LCKU3TYW.cjs');
+require('../__chunks/JNVNPB37.cjs');
+require('../__chunks/XH2CZ7VF.cjs');
+require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/AKOG5S2T.cjs');
+require('../__chunks/W6ZRSMO5.cjs');
+require('../__chunks/A2NMYLCG.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.PopoverDisclosure = _UVTMAR7Ncjs.PopoverDisclosure; exports.usePopoverDisclosure = _UVTMAR7Ncjs.usePopoverDisclosure;
+exports.PopoverDisclosure = _2VQBXUAIcjs.PopoverDisclosure; exports.usePopoverDisclosure = _2VQBXUAIcjs.usePopoverDisclosure;