MobileNavEnhancer
Render-null a11y island for SiteNav's off-canvas drawer: syncs the toggle checkbox's aria-expanded/label, adds a focus trap + body scroll-lock while open, and Escape-to-close. The drawer opens/closes with no JS via a checkbox hack — mount this alongside SiteNav (via the consumer's own Island with ssrFallback={null}) to layer the enhancement on top. Resize the preview below 640px to see the drawer/hamburger.
NavigationUsage
import { SiteNav } from "@zudo-sg/ui";
import MobileNavEnhancer from "@zudo-sg/ui/src/chrome/mobile-nav-enhancer/mobile-nav-enhancer";
<SiteNav sections={sections} />
<Island when="visible" ssrFallback={null}><MobileNavEnhancer /></Island>Open the drawer via the hamburger