Layout

Full page shell: header, collapsible desktop sidebar, and sheet-based mobile drawer composed around your page content.

Collapsible desktop sidebar and sheet-based mobile drawer. Framework-portable: router links and the current path are injected via props.

Generic confirm/cancel dialog for destructive or blocking actions, with default/destructive variants and a confirming (loading) state.

Generic modal container for form content, with confirm/cancel actions, configurable sizes, a submitting (loading) state, and an optional DynamicForm renderer driven by a field config array.

Header-bar action cluster: connection status, theme switch, sound toggle, notifications menu, and user profile menu.

Multi-step wizard shell: header, step indicator, scrollable body, and sticky footer actions.

Two-panel layout with a scrollable navigation list and a main content panel. Includes list item, list header, and empty-detail helper components.