Draw the account menu without Tailwind

Plan step 36 (navigation group, third batch): <x-account-menu>'s class
lists move into resources/css/components/account-menu.css, keyed on
data-md-account-menu (the avatar trigger), data-md-account-menu-avatar
and data-md-account-menu-header. The trigger already carried the
target-extension and state-layer fixes from an earlier pass (N-01,
N-15); this rewrite only moves them onto the shared md-state-layer/
md-touch-target/md-focus-ring classes and their z-index-ordering
comment into the stylesheet. The header's name and email keep their
type and ink as the fixed text classes on the view
(md-type-title-sm/md-ink, md-type-body-sm/md-ink-variant), since they
are the caller's own prose.

Hooks renamed: data-account-menu to data-md-account-menu,
data-account-theme to data-md-account-menu-theme, updated in
AppBarTest.php, which carries account-menu's render tests.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

This commit is contained in:

Andreas Reinhold / reini

2026-09-15 00:42:28 +02:00

co-authored by

Claude Sonnet 5

parent f1cd6e4eb4

commit f5c90c3874

5 changed files with 79 additions and 14 deletions

									
										tests/Feature/Components/NavigationStylesheetsTest.php
									
		+1
		
												View File
												
				@@ -33,6 +33,7 @@ dataset('navigation components', [

				    'navigation-rail-item',

				    'navigation-rail-section',

				    'section-nav',

				    'account-menu',

				]);

				/**