@ariakit/react-core 0.2.17 → 0.3.0

package/cjs/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/cjs/menu/menu-bar.cjs

@@ -1,18 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
 
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
-var _A764D2YKcjs = require('../__chunks/A764D2YK.cjs');
+
+var _6G5GJF5Qcjs = require('../__chunks/6G5GJF5Q.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.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/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -23,16 +29,23 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/menu/menu-bar.tsx
+var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useMenuBar = _CWY2PHPRcjs.createHook.call(void 0, 
+var useMenuBar = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, composite = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "composite"]);
+    const context = _6RYSMHQYcjs.useMenuBarProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      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 = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MPFAD3UKcjs.MenuBarContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuBarScopedContextProvider, { value: store, children: element }),
       [store]
     );
     if (composite) {
@@ -41,13 +54,13 @@ var useMenuBar = _CWY2PHPRcjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _A764D2YKcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _6G5GJF5Qcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );
-var MenuBar = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var MenuBar = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuBar(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuBar.displayName = "MenuBar";

package/cjs/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/cjs/menu/menu-button-arrow.cjs

@@ -1,12 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _BNTTY6EAcjs = require('../__chunks/BNTTY6EA.cjs');
-require('../__chunks/W5PBA4D6.cjs');
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
 
+var _VIPX6GSMcjs = require('../__chunks/VIPX6GSM.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');
 
@@ -15,17 +23,19 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/menu/menu-button-arrow.ts
-var useMenuButtonArrow = _CWY2PHPRcjs.createHook.call(void 0, 
+var useMenuButtonArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _BNTTY6EAcjs.usePopoverDisclosureArrow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    const context = _6RYSMHQYcjs.useMenuContext.call(void 0, );
+    store = store || context;
+    props = _VIPX6GSMcjs.usePopoverDisclosureArrow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var MenuButtonArrow = _CWY2PHPRcjs.createComponent.call(void 0, 
+var MenuButtonArrow = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useMenuButtonArrow(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "span", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "span", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/menu/menu-button.cjs

@@ -4,34 +4,42 @@ var _KFXK3MNIcjs = require('../__chunks/KFXK3MNI.cjs');
 
 
 
-var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
 
-var _UVTMAR7Ncjs = require('../__chunks/UVTMAR7N.cjs');
-require('../__chunks/YMZPP75I.cjs');
-require('../__chunks/PHGHRT2Q.cjs');
-require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/6MKUVCEN.cjs');
+var _2VQBXUAIcjs = require('../__chunks/2VQBXUAI.cjs');
+require('../__chunks/LCKU3TYW.cjs');
+require('../__chunks/JNVNPB37.cjs');
+require('../__chunks/XH2CZ7VF.cjs');
+require('../__chunks/ZQTMT453.cjs');
 
 
-var _Q5EWS32Zcjs = require('../__chunks/Q5EWS32Z.cjs');
+var _DC66R2NYcjs = require('../__chunks/DC66R2NY.cjs');
+require('../__chunks/NPDPNCSD.cjs');
 
 
-var _2CBM6TG2cjs = require('../__chunks/2CBM6TG2.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
+var _HYYXXXEKcjs = require('../__chunks/HYYXXXEK.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+
+
+var _OAEUR56Wcjs = require('../__chunks/OAEUR56W.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');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
+
 
+var _42FA4OOBcjs = require('../__chunks/42FA4OOB.cjs');
 
-var _MPGRRS75cjs = require('../__chunks/MPGRRS75.cjs');
 
 
 
@@ -47,6 +55,7 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/menu/menu-button.tsx
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
+var _misc = require('@ariakit/core/utils/misc');
 var _store = require('@ariakit/core/utils/store');
 var _jsxruntime = require('react/jsx-runtime');
 function getInitialFocus(event, dir) {
@@ -58,18 +67,24 @@ function getInitialFocus(event, dir) {
   };
   return keyMap[event.key];
 }
-var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0, 
+var useMenuButton = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, focusable, accessibleWhenDisabled, showOnHover } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "focusable", "accessibleWhenDisabled", "showOnHover"]);
+    const context = _6RYSMHQYcjs.useMenuProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "MenuButton 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 disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     _react.useEffect.call(void 0, () => {
       return _store.sync.call(void 0, 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 = _CWY2PHPRcjs.createHook.call(void 0,
         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 (_KFXK3MNIcjs.hasExpandedMenuButton.call(void 0, items, event.currentTarget)) {
-        store.show();
+        store == null ? void 0 : store.show();
       }
     });
     const dir = store.useState(
@@ -103,9 +118,9 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
       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 = _CWY2PHPRcjs.createHook.call(void 0,
       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,11 +142,18 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
         store.show();
       }
     });
+    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuContextProvider, { value: store, children: element }),
+      [store]
+    );
     if (hasParentMenu) {
-      props = _72I2GWXFcjs.__spreadValues.call(void 0, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) }, props);
+      props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+        render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OAEUR56Wcjs.Role.div, { render: props.render })
+      });
     }
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
-    const parentContentElement = _MPGRRS75cjs.useStoreState.call(void 0, parentMenu, "contentElement");
+    const parentContentElement = _42FA4OOBcjs.useStoreState.call(void 0, parentMenu, "contentElement");
     const role = hasParentMenu || parentIsMenuBar ? _dom.getPopupItemRole.call(void 0, parentContentElement, "menuitem") : void 0;
     const contentElement = store.useState("contentElement");
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
@@ -142,7 +166,7 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
       onKeyDown,
       onClick
     });
-    props = _2CBM6TG2cjs.useHovercardAnchor.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _HYYXXXEKcjs.useHovercardAnchor.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       focusable,
       accessibleWhenDisabled
@@ -160,22 +184,22 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
         return parentIsMenuBar && _KFXK3MNIcjs.hasExpandedMenuButton.call(void 0, items);
       }
     }));
-    props = _UVTMAR7Ncjs.usePopoverDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _2VQBXUAIcjs.usePopoverDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       toggleOnClick: !hasParentMenu,
       focusable,
       accessibleWhenDisabled
     }, props));
-    props = _Q5EWS32Zcjs.useCompositeTypeahead.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _DC66R2NYcjs.useCompositeTypeahead.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       typeahead: parentIsMenuBar
     }, props));
     return props;
   }
 );
-var MenuButton = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var MenuButton = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuButton(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuButton.displayName = "MenuButton";

package/cjs/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/cjs/menu/menu-context.cjs

@@ -2,10 +2,35 @@
 
 
 
-var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
+
+
+
+
+
+
+
+
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.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/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
 
-exports.MenuBarContext = _MPFAD3UKcjs.MenuBarContext; exports.MenuContext = _MPFAD3UKcjs.MenuContext; exports.MenuItemCheckedContext = _MPFAD3UKcjs.MenuItemCheckedContext;
+
+
+
+
+
+
+
+
+exports.MenuBarContextProvider = _6RYSMHQYcjs.MenuBarContextProvider; exports.MenuBarScopedContextProvider = _6RYSMHQYcjs.MenuBarScopedContextProvider; exports.MenuContextProvider = _6RYSMHQYcjs.MenuContextProvider; exports.MenuItemCheckedContext = _6RYSMHQYcjs.MenuItemCheckedContext; exports.MenuScopedContextProvider = _6RYSMHQYcjs.MenuScopedContextProvider; exports.useMenuBarContext = _6RYSMHQYcjs.useMenuBarContext; exports.useMenuBarProviderContext = _6RYSMHQYcjs.useMenuBarProviderContext; exports.useMenuBarScopedContext = _6RYSMHQYcjs.useMenuBarScopedContext; exports.useMenuContext = _6RYSMHQYcjs.useMenuContext; exports.useMenuProviderContext = _6RYSMHQYcjs.useMenuProviderContext; exports.useMenuScopedContext = _6RYSMHQYcjs.useMenuScopedContext;

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

@@ -1,5 +1,39 @@
 import type { MenuBarStore } from "./menu-bar-store.js";
 import type { MenuStore } from "./menu-store.js";
-export declare const MenuBarContext: import("react").Context<MenuBarStore | undefined>;
-export declare const MenuContext: import("react").Context<MenuStore | undefined>;
+/**
+ * Returns the menu store from the nearest menu container.
+ * @example
+ * function Menu() {
+ *   const store = useMenuContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Menu must be wrapped in MenuProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useMenuContext: () => MenuStore | undefined;
+export declare const useMenuScopedContext: (onlyScoped?: boolean) => MenuStore | undefined;
+export declare const useMenuProviderContext: () => MenuStore | undefined;
+export declare const MenuContextProvider: (props: import("react").ProviderProps<MenuStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuScopedContextProvider: (props: import("react").ProviderProps<MenuStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns the menuBar store from the nearest menuBar container.
+ * @example
+ * function MenuBar() {
+ *   const store = useMenuBarContext();
+ *
+ *   if (!store) {
+ *     throw new Error("MenuBar must be wrapped in MenuBarProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useMenuBarContext: () => MenuBarStore | undefined;
+export declare const useMenuBarScopedContext: (onlyScoped?: boolean) => MenuBarStore | undefined;
+export declare const useMenuBarProviderContext: () => MenuBarStore | undefined;
+export declare const MenuBarContextProvider: (props: import("react").ProviderProps<MenuBarStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuBarScopedContextProvider: (props: import("react").ProviderProps<MenuBarStore | undefined>) => import("react/jsx-runtime").JSX.Element;
 export declare const MenuItemCheckedContext: import("react").Context<boolean | undefined>;

package/cjs/menu/menu-description.cjs

@@ -1,29 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DIRRJVY5cjs = require('../__chunks/DIRRJVY5.cjs');
-require('../__chunks/TNMPOEZG.cjs');
-require('../__chunks/GD2R4HJS.cjs');
-require('../__chunks/N2VCZZLP.cjs');
+var _SQPRIHDRcjs = require('../__chunks/SQPRIHDR.cjs');
+require('../__chunks/TFIVWWWL.cjs');
+require('../__chunks/OQROAZRY.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');
 
 // src/menu/menu-description.ts
-var useMenuDescription = _CWY2PHPRcjs.createHook.call(void 0, 
+var useMenuDescription = _Z5PUIG6Acjs.createHook.call(void 0, 
   (props) => {
-    props = _DIRRJVY5cjs.useHovercardDescription.call(void 0, props);
+    props = _SQPRIHDRcjs.useHovercardDescription.call(void 0, props);
     return props;
   }
 );
-var MenuDescription = _CWY2PHPRcjs.createComponent.call(void 0, 
+var MenuDescription = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useMenuDescription(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "p", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "p", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/menu/menu-dismiss.cjs

@@ -1,30 +1,46 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W6IHBXQDcjs = require('../__chunks/W6IHBXQD.cjs');
-require('../__chunks/622BTGVD.cjs');
-require('../__chunks/H76HM4AM.cjs');
-require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _2C7LUQOScjs = require('../__chunks/2C7LUQOS.cjs');
+
+
+var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
+require('../__chunks/2FEEKOTF.cjs');
+require('../__chunks/S4UMINQJ.cjs');
+require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.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/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.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-dismiss.ts
-var useMenuDismiss = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
-  props = _W6IHBXQDcjs.useHovercardDismiss.call(void 0, props);
-  return props;
-});
-var MenuDismiss = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var useMenuDismiss = _Z5PUIG6Acjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _6RYSMHQYcjs.useMenuScopedContext.call(void 0, );
+    store = store || context;
+    props = _2C7LUQOScjs.useHovercardDismiss.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var MenuDismiss = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuDismiss(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuDismiss.displayName = "MenuDismiss";

package/cjs/menu/menu-group-label.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _RSID6YP2cjs = require('../__chunks/RSID6YP2.cjs');
-require('../__chunks/OHQG6SR6.cjs');
+var _DGL5AMAWcjs = require('../__chunks/DGL5AMAW.cjs');
+require('../__chunks/TDUVWW2F.cjs');
 require('../__chunks/K56WQU76.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');
 
 // src/menu/menu-group-label.ts
-var useMenuGroupLabel = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
-  props = _RSID6YP2cjs.useCompositeGroupLabel.call(void 0, props);
+var useMenuGroupLabel = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
+  props = _DGL5AMAWcjs.useCompositeGroupLabel.call(void 0, props);
   return props;
 });
-var MenuGroupLabel = _CWY2PHPRcjs.createComponent.call(void 0, 
+var MenuGroupLabel = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useMenuGroupLabel(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/menu/menu-group.cjs

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W7ZAKGYJcjs = require('../__chunks/W7ZAKGYJ.cjs');
-require('../__chunks/IY72JWXE.cjs');
+var _7VE7IIRWcjs = require('../__chunks/7VE7IIRW.cjs');
+require('../__chunks/ZMSJUL55.cjs');
 require('../__chunks/K56WQU76.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');
 
 // src/menu/menu-group.ts
-var useMenuGroup = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
-  props = _W7ZAKGYJcjs.useCompositeGroup.call(void 0, props);
+var useMenuGroup = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
+  props = _7VE7IIRWcjs.useCompositeGroup.call(void 0, props);
   return props;
 });
-var MenuGroup = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var MenuGroup = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuGroup(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuGroup.displayName = "MenuGroup";

package/cjs/menu/menu-heading.cjs

@@ -1,28 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _63P5JKLZcjs = require('../__chunks/63P5JKLZ.cjs');
-require('../__chunks/VDYEYEEN.cjs');
-require('../__chunks/PH57JDIM.cjs');
-require('../__chunks/KC75EM3D.cjs');
+var _OKMDKM3Mcjs = require('../__chunks/OKMDKM3M.cjs');
+require('../__chunks/4YBHDRLG.cjs');
+require('../__chunks/SW2AH2YO.cjs');
+require('../__chunks/FGAN5BEK.cjs');
 require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/N2VCZZLP.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');
 
 // src/menu/menu-heading.ts
-var useMenuHeading = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
-  props = _63P5JKLZcjs.useHovercardHeading.call(void 0, props);
+var useMenuHeading = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
+  props = _OKMDKM3Mcjs.useHovercardHeading.call(void 0, props);
   return props;
 });
-var MenuHeading = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var MenuHeading = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuHeading(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "h1", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "h1", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuHeading.displayName = "MenuHeading";