SearchToggleEnhancer

Render-null a11y island for SiteHeader's search toggle: syncs aria-expanded to real focus-within state, focuses the input on click/tap, and Escape collapses it. The input already expands on focus-within via pure CSS — mount this alongside SiteHeader (via the consumer's own Island with ssrFallback={null}) to layer the enhancement on top.

Navigation

Click to focus, Escape to collapse

Source

<SiteHeader />
<SearchToggleEnhancer />

Live CSS

Injected into the previews above. SearchToggleEnhancer

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */