fix(aria/menu): accept a bare disabled attribute on MenuItem

src/aria/menu/menu-item.ts

@@ -7,6 +7,7 @@
  */
 
 import {
+  booleanAttribute,
   computed,
   Directive,
   effect,
@@ -68,7 +69,7 @@ export class MenuItem<V> implements OnInit, OnDestroy {
   readonly value = input<V | undefined>(undefined);
 
   /** Whether the menu item is disabled. */
-  readonly disabled = input<boolean>(false);
+  readonly disabled = input(false, {transform: booleanAttribute});
 
   /** The search term associated with the menu item. */
   readonly searchTerm = model<string>('');

src/aria/menu/menu.spec.ts

@@ -556,6 +556,24 @@ describe('Standalone Menu Pattern', () => {
     });
   });
 
+  describe('disabled attribute', () => {
+    it('should treat a bare disabled attribute as disabled', () => {
+      TestBed.resetTestingModule();
+      TestBed.configureTestingModule({
+        imports: [MenuItemDisabledAttributeExample],
+      });
+      const disabledFixture = TestBed.createComponent(MenuItemDisabledAttributeExample);
+      disabledFixture.detectChanges();
+
+      const items = disabledFixture.debugElement
+        .queryAll(By.directive(MenuItem))
+        .map(debugEl => debugEl.nativeElement as HTMLElement);
+
+      expect(items[0].getAttribute('aria-disabled')).toBe('false');
+      expect(items[1].getAttribute('aria-disabled')).toBe('true');
+    });
+  });
+
   describe('structural validations', () => {
     let consoleSpy: jasmine.Spy;
 
@@ -1486,3 +1504,15 @@ class CdkOverlayMenuExample {
 class MenuItemRoleOverrideExample {
   customRole = signal<'menuitem' | 'menuitemradio' | 'menuitemcheckbox'>('menuitemcheckbox');
 }
+
+@Component({
+  template: `
+    <div ngMenu>
+      <div ngMenuItem value="item0">Item 0</div>
+      <div ngMenuItem value="item1" disabled>Item 1</div>
+    </div>
+  `,
+  imports: [Menu, MenuItem],
+  changeDetection: ChangeDetectionStrategy.Eager,
+})
+class MenuItemDisabledAttributeExample {}