MenuSheet
A mobile menu sheet with a keyboard-navigable item list, from seed-design.
A focus-trapped bottom sheet (same Zag dialog machine as BottomSheet) whose body is a
role="menu" list, with the identical keyboard model Menu already uses: arrow keys move,
Home/End jump, typeahead, Enter/Space select, Escape closes — daangn/seed-design's
menu-sheet.yaml/menu-sheet-item.yaml (crisp#911, crisp has no such component measured from
Attio). Replaces the deprecated ActionSheet pattern seed itself steers away from (upstream's
own action-sheet.yaml reads deprecated: Use menu-sheet instead).
Installation
npm install @crisp-ui-kit/crispProps
Compose items with MenuSheetItem (icon, description, tone of "neutral" or
"critical", onSelect, closeOnSelect). Wrap a run of related items in MenuSheetGroup for
seed's own rounded-card grouping with a hairline divider between rows — items outside a group
render individually spaced instead.