feat: add aria attributes to menu group

packages/core/src/Listbox/ListboxGroupLabel.vue

@@ -1,9 +1,7 @@
 <script lang="ts">
 import type { PrimitiveProps } from '@/Primitive'
 
-export interface ListboxGroupLabelProps extends PrimitiveProps {
-  for?: string
-}
+export interface ListboxGroupLabelProps extends PrimitiveProps {}
 </script>
 
 <script setup lang="ts">

packages/core/src/Menu/MenuGroup.vue

@@ -1,19 +1,32 @@
 <script lang="ts">
 import type { PrimitiveProps } from '@/Primitive'
+import { createContext, useId } from '@/shared'
 
 export interface MenuGroupProps extends PrimitiveProps {}
+
+interface MenuGroupContext {
+  id: string
+}
+
+export const [injectMenuGroupContext, provideMenuGroupContext]
+  = createContext<MenuGroupContext>('MenuGroup')
 </script>
 
 <script setup lang="ts">
 import { Primitive } from '@/Primitive'
 
 const props = defineProps<MenuGroupProps>()
+
+const id = useId(undefined, 'reka-listbox-group')
+
+provideMenuGroupContext({ id })
 </script>
 
 <template>
   <Primitive
     role="group"
     v-bind="props"
+    :aria-labelledby="id"
   >
     <slot />
   </Primitive>

packages/core/src/Menu/MenuLabel.vue

@@ -1,5 +1,6 @@
 <script lang="ts">
 import type { PrimitiveProps } from '@/Primitive'
+import { injectMenuGroupContext } from './MenuGroup.vue'
 
 export interface MenuLabelProps extends PrimitiveProps {}
 </script>
@@ -10,10 +11,15 @@ import { Primitive } from '@/Primitive'
 const props = withDefaults(defineProps<MenuLabelProps>(), {
   as: 'div',
 })
+
+const groupContext = injectMenuGroupContext({ id: '' })
 </script>
 
 <template>
-  <Primitive v-bind="props">
+  <Primitive
+    v-bind="props"
+    :id="groupContext.id"
+  >
     <slot />
   </Primitive>
 </template>