Overlays
Transient page companions: OverlaySurface, InspectorDrawer, WizardSheet and LauncherMenu — responsive dialogs/sheets a page opens by hand. Each folds to a BottomSheet on mobile from one slot/action set.
- OverlaySurface
- Responsive dialog: a centered Modal on md+, a docked BottomSheet on mobile, from one slot set (title / description / footer / children). Controlled via open + onOpenChange.
- InspectorDrawer
- Responsive detail: a right (or left) edge Sheet on md+, a BottomSheet on mobile — for a detail peek that keeps the page behind it.
- WizardSheet
- An InspectorDrawer shell + a ProgressSteps step rail + a sticky footer for back/next. Stateless — drive steps + children from the parent's step index.
- LauncherMenu
- A permission-gated action list anchored to a trigger: a Flyout on md+, a BottomSheet on mobile. Owns its open state; pass visible:false to gate an action.
- PersonGridInspector
- A responsive <PersonCard> grid + a right Sheet that peeks the selected person with <InspectorSection> chrome. Owns its selected-row state; each item carries the inspector body as a serializable ReactNode (a roster overlay alternative to per-person routes).