Responsive layout system with breakpoint support for terminal UI components.

Provides breakpoint-based responsive design with container queries, responsive typography, and adaptive spacing. Supports terminal size detection and adaptation.

Breakpoints

Default breakpoints based on terminal columns: :xs (0-39), :sm (40-79), :md (80-119), :lg (120-159), :xl (160+).

Usage

%{
  type: :responsive,
  attrs: %{
    breakpoints: %{
      xs: %{flex_direction: :column, gap: 5},
      md: %{flex_direction: :row, gap: 15}
    }
  },
  children: children
}