@seed-design/react-menu 0.0.0-alpha-20260622094810 → 2.0.0

package/lib/{Menu-12s-Cfv1stLD.js → Menu-12s-BZlYyVsk.js}

@@ -7,7 +7,7 @@ import { DismissibleLayer } from '@seed-design/react-dismissible-layer';
 import { mergeProps } from '@seed-design/dom-utils';
 import { Primitive } from '@seed-design/react-primitive';
 import React, { createContext, useContext, forwardRef } from 'react';
-import { u as useMenu } from './useMenu-12s-BrOJabEO.js';
+import { u as useMenuGroup, a as useMenu } from './useMenu-12s-a4Nmkf8N.js';
 
 const MenuContext = /*#__PURE__*/ createContext(null);
 const MenuProvider = MenuContext.Provider;
@@ -29,7 +29,7 @@ function useMenuItemContext({ strict = true } = {}) {
     return context;
 }
 
-const MenuGroupLabelIdContext = /*#__PURE__*/ createContext(null);
+const MenuGroupContext = /*#__PURE__*/ createContext(null);
 const MenuRoot = ({ open, defaultOpen, onOpenChange, disabled, placement, gutter, overflowPadding, strategy, matchReferenceWidth, children })=>{
     const api = useMenu({
         open,
@@ -164,24 +164,24 @@ const MenuItem = /*#__PURE__*/ forwardRef(({ disabled, typeaheadLabel, onClick,
 });
 MenuItem.displayName = "MenuItem";
 const MenuGroup = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { getGroupProps } = useMenuContext();
-    const { labelId, rootProps } = getGroupProps();
-    return /*#__PURE__*/ jsx(MenuGroupLabelIdContext.Provider, {
-        value: labelId,
+    const group = useMenuGroup();
+    return /*#__PURE__*/ jsx(MenuGroupContext.Provider, {
+        value: group,
         children: /*#__PURE__*/ jsx(Primitive.div, {
             ref: ref,
-            ...mergeProps(rootProps, props)
+            ...mergeProps(group.rootProps, props)
         })
     });
 });
 MenuGroup.displayName = "MenuGroup";
 const MenuGroupLabel = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { getGroupLabelProps } = useMenuContext();
-    const labelId = React.useContext(MenuGroupLabelIdContext);
-    if (!labelId) throw new Error("MenuGroupLabel must be used within a MenuGroup");
+    const group = React.useContext(MenuGroupContext);
+    if (!group) throw new Error("MenuGroupLabel must be used within a MenuGroup");
+    // Compose the group's label ref so the group advertises aria-labelledby only
+    // while this label is actually rendered (see useMenuGroup).
     return /*#__PURE__*/ jsx(Primitive.div, {
-        ref: ref,
-        ...mergeProps(getGroupLabelProps(labelId), props)
+        ref: composeRefs(group.refs.label, ref),
+        ...mergeProps(group.labelProps, props)
     });
 });
 MenuGroupLabel.displayName = "MenuGroupLabel";

package/lib/{Menu-12s-BZEIsPP0.cjs → Menu-12s-RqWENzzc.cjs}

@@ -7,7 +7,7 @@ var reactDismissibleLayer = require('@seed-design/react-dismissible-layer');
 var domUtils = require('@seed-design/dom-utils');
 var reactPrimitive = require('@seed-design/react-primitive');
 var React = require('react');
-var useMenu12s = require('./useMenu-12s-Cv5FQJ3x.cjs');
+var useMenu12s = require('./useMenu-12s-B5iYt8f4.cjs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -33,7 +33,7 @@ function useMenuItemContext({ strict = true } = {}) {
     return context;
 }
 
-const MenuGroupLabelIdContext = /*#__PURE__*/ React.createContext(null);
+const MenuGroupContext = /*#__PURE__*/ React.createContext(null);
 const MenuRoot = ({ open, defaultOpen, onOpenChange, disabled, placement, gutter, overflowPadding, strategy, matchReferenceWidth, children })=>{
     const api = useMenu12s.useMenu({
         open,
@@ -168,24 +168,24 @@ const MenuItem = /*#__PURE__*/ React.forwardRef(({ disabled, typeaheadLabel, onC
 });
 MenuItem.displayName = "MenuItem";
 const MenuGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const { getGroupProps } = useMenuContext();
-    const { labelId, rootProps } = getGroupProps();
-    return /*#__PURE__*/ jsxRuntime.jsx(MenuGroupLabelIdContext.Provider, {
-        value: labelId,
+    const group = useMenu12s.useMenuGroup();
+    return /*#__PURE__*/ jsxRuntime.jsx(MenuGroupContext.Provider, {
+        value: group,
         children: /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.div, {
             ref: ref,
-            ...domUtils.mergeProps(rootProps, props)
+            ...domUtils.mergeProps(group.rootProps, props)
         })
     });
 });
 MenuGroup.displayName = "MenuGroup";
 const MenuGroupLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const { getGroupLabelProps } = useMenuContext();
-    const labelId = React__default.default.useContext(MenuGroupLabelIdContext);
-    if (!labelId) throw new Error("MenuGroupLabel must be used within a MenuGroup");
+    const group = React__default.default.useContext(MenuGroupContext);
+    if (!group) throw new Error("MenuGroupLabel must be used within a MenuGroup");
+    // Compose the group's label ref so the group advertises aria-labelledby only
+    // while this label is actually rendered (see useMenuGroup).
     return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.div, {
-        ref: ref,
-        ...domUtils.mergeProps(getGroupLabelProps(labelId), props)
+        ref: reactComposeRefs.composeRefs(group.refs.label, ref),
+        ...domUtils.mergeProps(group.labelProps, props)
     });
 });
 MenuGroupLabel.displayName = "MenuGroupLabel";

package/lib/index.cjs

@@ -1,4 +1,4 @@
-var Menu12s = require('./Menu-12s-BZEIsPP0.cjs');
+var Menu12s = require('./Menu-12s-RqWENzzc.cjs');
 
 var Menu_namespace = {
   __proto__: null,