@ariakit/react-core 0.2.17 → 0.3.0

package/esm/hovercard/hovercard-dismiss.js

@@ -1,15 +1,18 @@
 import {
   HovercardDismiss,
   useHovercardDismiss
-} from "../__chunks/5WJWIOBD.js";
-import "../__chunks/HRXPFA6C.js";
-import "../__chunks/4GZAUH66.js";
-import "../__chunks/O6CV6VRM.js";
-import "../__chunks/P4RGQGTG.js";
-import "../__chunks/LNHZLQEK.js";
-import "../__chunks/MYID4V27.js";
+} from "../__chunks/AYWP3ZW6.js";
+import "../__chunks/4JNX5L5C.js";
+import "../__chunks/HMYMEP6U.js";
+import "../__chunks/QPWEKAWF.js";
+import "../__chunks/LND6SMHN.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/NQJBHION.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/hovercard/hovercard-heading.js

@@ -1,13 +1,14 @@
 import {
   HovercardHeading,
   useHovercardHeading
-} from "../__chunks/IZVL3EAG.js";
-import "../__chunks/WW4JQU6W.js";
-import "../__chunks/MEP5WKMB.js";
-import "../__chunks/YAQX4NUA.js";
+} from "../__chunks/7VC364FM.js";
+import "../__chunks/PH5SSOBF.js";
+import "../__chunks/IZ22SVTG.js";
+import "../__chunks/FK7TLQA3.js";
 import "../__chunks/COQHFAEN.js";
-import "../__chunks/LNHZLQEK.js";
-import "../__chunks/NQJBHION.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/hovercard/hovercard-provider.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import type { HovercardStoreProps } from "./hovercard-store.js";
+/**
+ * Provides a hovercard store to Hovercard components.
+ * @see https://ariakit.org/components/hovercard
+ * @example
+ * ```jsx
+ * <HovercardProvider timeout={250}>
+ *   <HovercardAnchor />
+ *   <Hovercard />
+ * </HovercardProvider>
+ * ```
+ */
+export declare function HovercardProvider(props?: HovercardProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface HovercardProviderProps extends HovercardStoreProps {
+    children?: ReactNode;
+}

package/esm/hovercard/hovercard-provider.js

@@ -0,0 +1,27 @@
+import {
+  HovercardContextProvider
+} from "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import {
+  useHovercardStore
+} from "../__chunks/SNU4EYPS.js";
+import "../__chunks/DORFNB2S.js";
+import "../__chunks/6X2TPJLY.js";
+import "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
+
+// src/hovercard/hovercard-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function HovercardProvider(props = {}) {
+  const store = useHovercardStore(props);
+  return /* @__PURE__ */ jsx(HovercardContextProvider, { value: store, children: props.children });
+}
+export {
+  HovercardProvider
+};

package/esm/hovercard/hovercard-store.d.ts

@@ -1,8 +1,7 @@
 import * as Core from "@ariakit/core/hovercard/hovercard-store";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useHovercardStoreOptions(props: HovercardStoreProps): Partial<import("../disclosure/disclosure-store.js").DisclosureStoreOptions>;
-export declare function useHovercardStoreProps<T extends HovercardStore>(store: T, props: HovercardStoreProps): T;
+export declare function useHovercardStoreProps<T extends Core.HovercardStore>(store: T, update: () => void, props: HovercardStoreProps): T;
 /**
  * Creates a hovercard store.
  * @see https://ariakit.org/components/hovercard

package/esm/hovercard/hovercard-store.js

@@ -1,17 +1,15 @@
 import {
   useHovercardStore,
-  useHovercardStoreOptions,
   useHovercardStoreProps
-} from "../__chunks/LDICFO4C.js";
-import "../__chunks/3PKTK2K7.js";
-import "../__chunks/WC3GK4CL.js";
-import "../__chunks/SWJ5EOOS.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/SNU4EYPS.js";
+import "../__chunks/DORFNB2S.js";
+import "../__chunks/6X2TPJLY.js";
+import "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";
 export {
   useHovercardStore,
-  useHovercardStoreOptions,
   useHovercardStoreProps
 };

package/esm/hovercard/hovercard.d.ts

@@ -30,7 +30,7 @@ export interface HovercardOptions<T extends As = "div"> extends PopoverOptions<T
     /**
      * Object returned by the `useHovercardStore` hook.
      */
-    store: HovercardStore;
+    store?: HovercardStore;
     /**
      * Whether to hide the popover when the mouse cursor leaves any hovercard
      * element, including the hovercard popover itself, but also the anchor

package/esm/hovercard/hovercard.js

@@ -1,40 +1,42 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/24II2LYU.js";
+} from "../__chunks/VJZYCNOA.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/K5MSER23.js";
-import "../__chunks/SZIMOWLA.js";
-import "../__chunks/5IZLNERH.js";
-import "../__chunks/NHPU54IO.js";
-import "../__chunks/GDORSOK6.js";
-import "../__chunks/3LAWLNOX.js";
-import "../__chunks/CJI67A3R.js";
+import "../__chunks/XWFU333Y.js";
+import "../__chunks/D4PXCBCI.js";
+import "../__chunks/HJPDTCDL.js";
 import "../__chunks/PLOINBVB.js";
-import "../__chunks/E5XSMSHD.js";
-import "../__chunks/LEBYH5FW.js";
+import "../__chunks/HAVCR65N.js";
+import "../__chunks/62DFK33R.js";
+import "../__chunks/KGDYSCOM.js";
+import "../__chunks/XASENZA4.js";
+import "../__chunks/X5VV5CBA.js";
+import "../__chunks/KOVUJERF.js";
 import "../__chunks/IXXFVVA2.js";
+import "../__chunks/5M4ITSXL.js";
 import "../__chunks/7JNF6I52.js";
-import "../__chunks/KOVUJERF.js";
-import "../__chunks/62DFK33R.js";
+import "../__chunks/3LGVTTHD.js";
 import "../__chunks/FW6QFGFT.js";
-import "../__chunks/IYNN2ZO5.js";
-import "../__chunks/5M4ITSXL.js";
+import "../__chunks/CJI67A3R.js";
+import "../__chunks/REKKG4AV.js";
 import "../__chunks/6OMX4H3W.js";
-import "../__chunks/LL3AE4N4.js";
-import "../__chunks/EJ3GIT5B.js";
+import "../__chunks/IDYHJHXJ.js";
+import "../__chunks/QW4PFVNF.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
-import "../__chunks/LNHZLQEK.js";
-import "../__chunks/M5I7AM4N.js";
-import "../__chunks/WHEEIXMF.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/PGK6S5NC.js";
+import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/FL2AU7YJ.js";
-import "../__chunks/NQJBHION.js";
-import "../__chunks/SWJ5EOOS.js";
-import "../__chunks/P63NRZ4A.js";
+import "../__chunks/6XXSNRNX.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/menu/menu-arrow.js

@@ -1,21 +1,37 @@
+import {
+  useMenuContext
+} from "../__chunks/2GC3IEM7.js";
 import {
   usePopoverArrow
-} from "../__chunks/SWPAMWUW.js";
+} from "../__chunks/3AVEDDB7.js";
 import "../__chunks/GM7XQV7F.js";
-import "../__chunks/6GS36SYX.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/PNRLI7OV.js";
 
 // src/menu/menu-arrow.ts
-var useMenuArrow = createHook((props) => {
-  return usePopoverArrow(props);
-});
+var useMenuArrow = createHook(
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useMenuContext();
+    store = store || context;
+    return usePopoverArrow(__spreadValues({ store }, props));
+  }
+);
 var MenuArrow = createComponent((props) => {
   const htmlProps = useMenuArrow(props);
   return createElement("div", htmlProps);

package/esm/menu/menu-bar-provider.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from "react";
+import type { MenuBarStoreProps } from "./menu-bar-store.js";
+/**
+ * Provides a menubar store to MenuBar components.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <MenuBarProvider>
+ *   <MenuBar>
+ *     <MenuProvider>
+ *       <MenuButton>File</MenuButton>
+ *       <Menu>
+ *         <MenuItem>New File</MenuItem>
+ *         <MenuItem>New Window</MenuItem>
+ *       </Menu>
+ *     </MenuProvider>
+ *     <MenuProvider>
+ *       <MenuButton>Edit</MenuButton>
+ *       <Menu>
+ *         <MenuItem>Undo</MenuItem>
+ *         <MenuItem>Redo</MenuItem>
+ *       </Menu>
+ *     </MenuProvider>
+ *   </MenuBar>
+ * </MenuBarProvider>
+ * ```
+ */
+export declare function MenuBarProvider(props?: MenuBarProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface MenuBarProviderProps extends MenuBarStoreProps {
+    children?: ReactNode;
+}

package/esm/menu/menu-bar-provider.js

@@ -0,0 +1,29 @@
+import {
+  useMenuBarStore
+} from "../__chunks/3CKB7HAW.js";
+import {
+  MenuBarContextProvider
+} from "../__chunks/2GC3IEM7.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
+
+// src/menu/menu-bar-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function MenuBarProvider(props = {}) {
+  const store = useMenuBarStore(props);
+  return /* @__PURE__ */ jsx(MenuBarContextProvider, { value: store, children: props.children });
+}
+export {
+  MenuBarProvider
+};

package/esm/menu/menu-bar-store.d.ts

@@ -1,15 +1,7 @@
 import * as Core from "@ariakit/core/menu/menu-bar-store";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useMenuBarStoreOptions(props: MenuBarStoreProps): Partial<import("../collection/collection-store.js").CollectionStoreOptions<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}>>;
-export declare function useMenuBarStoreProps<T extends MenuBarStore>(store: T, props: MenuBarStoreProps): T;
+export declare function useMenuBarStoreProps<T extends Core.MenuBarStore>(store: T, update: () => void, props: MenuBarStoreProps): T;
 /**
  * Creates a menu bar store.
  * @see https://ariakit.org/components/menu

package/esm/menu/menu-bar-store.js

@@ -1,34 +1,14 @@
 import {
-  useCompositeStoreOptions,
-  useCompositeStoreProps
-} from "../__chunks/7KULBIZY.js";
-import "../__chunks/RS7KBRGA.js";
-import {
-  useStore
-} from "../__chunks/P63NRZ4A.js";
+  useMenuBarStore,
+  useMenuBarStoreProps
+} from "../__chunks/3CKB7HAW.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import {
-  __spreadValues
-} from "../__chunks/PNRLI7OV.js";
-
-// src/menu/menu-bar-store.ts
-import * as Core from "@ariakit/core/menu/menu-bar-store";
-function useMenuBarStoreOptions(props) {
-  return useCompositeStoreOptions(props);
-}
-function useMenuBarStoreProps(store, props) {
-  return useCompositeStoreProps(store, props);
-}
-function useMenuBarStore(props = {}) {
-  const options = useMenuBarStoreOptions(props);
-  const store = useStore(
-    () => Core.createMenuBarStore(__spreadValues(__spreadValues({}, props), options))
-  );
-  return useMenuBarStoreProps(store, props);
-}
+import "../__chunks/PNRLI7OV.js";
 export {
   useMenuBarStore,
-  useMenuBarStoreOptions,
   useMenuBarStoreProps
 };

package/esm/menu/menu-bar.d.ts

@@ -56,6 +56,6 @@ export interface MenuBarOptions<T extends As = "div"> extends CompositeOptions<T
     /**
      * Object returned by the `useMenuBarStore` hook.
      */
-    store: MenuBarStore;
+    store?: MenuBarStore;
 }
 export type MenuBarProps<T extends As = "div"> = Props<MenuBarOptions<T>>;

package/esm/menu/menu-bar.js

@@ -1,18 +1,24 @@
 import {
-  MenuBarContext
-} from "../__chunks/HVBRRKV4.js";
+  MenuBarScopedContextProvider,
+  useMenuBarProviderContext
+} from "../__chunks/2GC3IEM7.js";
 import {
   useComposite
-} from "../__chunks/AAVDGJD5.js";
+} from "../__chunks/HYNMOU7J.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";
@@ -23,16 +29,23 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/menu/menu-bar.tsx
+import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var useMenuBar = createHook(
   (_a) => {
     var _b = _a, { store, composite = true } = _b, props = __objRest(_b, ["store", "composite"]);
+    const context = useMenuBarProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "MenuBar must receive a `store` prop or be wrapped in a MenuBarProvider component."
+    );
     const orientation = store.useState(
       (state) => !composite || state.orientation === "both" ? void 0 : state.orientation
     );
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(MenuBarContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(MenuBarScopedContextProvider, { value: store, children: element }),
       [store]
     );
     if (composite) {

package/esm/menu/menu-button-arrow.js

@@ -1,12 +1,20 @@
+import {
+  useMenuContext
+} from "../__chunks/2GC3IEM7.js";
 import {
   usePopoverDisclosureArrow
-} from "../__chunks/LVMO37QD.js";
-import "../__chunks/6GS36SYX.js";
+} from "../__chunks/5HSRXC5S.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -18,6 +26,8 @@ import {
 var useMenuButtonArrow = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useMenuContext();
+    store = store || context;
     props = usePopoverDisclosureArrow(__spreadValues({ store }, props));
     return props;
   }

package/esm/menu/menu-button.d.ts

@@ -38,7 +38,7 @@ export interface MenuButtonOptions<T extends As = "button" | "div"> extends Hove
     /**
      * Object returned by the `useMenuStore` hook.
      */
-    store: MenuStore;
+    store?: MenuStore;
     /**
      * Determines whether pressing a character key while focusing on the
      * `MenuButton` should move focus to the `MenuItem` starting with that

package/esm/menu/menu-button.js

@@ -2,40 +2,48 @@ import {
   hasExpandedMenuButton
 } from "../__chunks/W7JXAQKF.js";
 import {
-  MenuBarContext,
-  MenuContext
-} from "../__chunks/HVBRRKV4.js";
+  MenuContextProvider,
+  useMenuProviderContext
+} from "../__chunks/2GC3IEM7.js";
 import {
   usePopoverDisclosure
-} from "../__chunks/BO7WPTZZ.js";
-import "../__chunks/5I6BQS7D.js";
-import "../__chunks/LDJKN2ZV.js";
-import "../__chunks/O6CV6VRM.js";
-import "../__chunks/7PHM3O7I.js";
+} from "../__chunks/MXSIXS3C.js";
+import "../__chunks/TQ2YQL6O.js";
+import "../__chunks/7AFOF5E7.js";
+import "../__chunks/4FNI7F6H.js";
+import "../__chunks/QPWEKAWF.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/F4XABKPL.js";
+} from "../__chunks/YVYWIVKG.js";
+import "../__chunks/LND6SMHN.js";
 import {
   useHovercardAnchor
-} from "../__chunks/Y5XLHDDM.js";
-import "../__chunks/P4RGQGTG.js";
+} from "../__chunks/54DCICBS.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import {
+  Role
+} from "../__chunks/PGK6S5NC.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useStoreState
-} from "../__chunks/P63NRZ4A.js";
+} from "../__chunks/L3AX6U5E.js";
 import {
   useEvent,
   useId,
-  useMergeRefs
+  useMergeRefs,
+  useWrapElement
 } from "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -45,8 +53,9 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/menu/menu-button.tsx
-import { useContext, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { getPopupItemRole, getPopupRole } from "@ariakit/core/utils/dom";
+import { invariant } from "@ariakit/core/utils/misc";
 import { sync } from "@ariakit/core/utils/store";
 import { jsx } from "react/jsx-runtime";
 function getInitialFocus(event, dir) {
@@ -61,15 +70,21 @@ function getInitialFocus(event, dir) {
 var useMenuButton = createHook(
   (_a) => {
     var _b = _a, { store, focusable, accessibleWhenDisabled, showOnHover } = _b, props = __objRest(_b, ["store", "focusable", "accessibleWhenDisabled", "showOnHover"]);
+    const context = useMenuProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
+    );
     const ref = useRef(null);
-    const parentMenu = useContext(MenuContext);
-    const parentMenuBar = useContext(MenuBarContext);
+    const parentMenu = store.parent;
+    const parentMenuBar = store.menubar;
     const hasParentMenu = !!parentMenu;
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     useEffect(() => {
       return sync(store, ["disclosureElement"], () => {
-        store.setState("disclosureElement", ref.current);
+        store == null ? void 0 : store.setState("disclosureElement", ref.current);
       });
     }, [store]);
     const onFocusProp = props.onFocus;
@@ -79,15 +94,15 @@ var useMenuButton = createHook(
         return;
       if (event.defaultPrevented)
         return;
-      store.setAutoFocusOnShow(false);
-      store.setActiveId(null);
+      store == null ? void 0 : store.setAutoFocusOnShow(false);
+      store == null ? void 0 : store.setActiveId(null);
       if (!parentMenuBar)
         return;
       if (!parentIsMenuBar)
         return;
       const { items } = parentMenuBar.getState();
       if (hasExpandedMenuButton(items, event.currentTarget)) {
-        store.show();
+        store == null ? void 0 : store.show();
       }
     });
     const dir = store.useState(
@@ -103,9 +118,9 @@ var useMenuButton = createHook(
       const initialFocus = getInitialFocus(event, dir);
       if (initialFocus) {
         event.preventDefault();
-        store.show();
-        store.setAutoFocusOnShow(true);
-        store.setInitialFocus(initialFocus);
+        store == null ? void 0 : store.show();
+        store == null ? void 0 : store.setAutoFocusOnShow(true);
+        store == null ? void 0 : store.setInitialFocus(initialFocus);
       }
     });
     const onClickProp = props.onClick;
@@ -113,6 +128,8 @@ var useMenuButton = createHook(
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
+      if (!store)
+        return;
       const isKeyboardClick = !event.detail;
       const { open } = store.getState();
       if (!open || isKeyboardClick) {
@@ -125,8 +142,15 @@ var useMenuButton = createHook(
         store.show();
       }
     });
+    props = useWrapElement(
+      props,
+      (element) => /* @__PURE__ */ jsx(MenuContextProvider, { value: store, children: element }),
+      [store]
+    );
     if (hasParentMenu) {
-      props = __spreadValues({ render: /* @__PURE__ */ jsx("div", {}) }, props);
+      props = __spreadProps(__spreadValues({}, props), {
+        render: /* @__PURE__ */ jsx(Role.div, { render: props.render })
+      });
     }
     const id = useId(props.id);
     const parentContentElement = useStoreState(parentMenu, "contentElement");