Main and supporting regions that collapse by container.
System role
Tier-0 design-system foundation used by dynamic projections.
Rendered component states
Use
1: 1 is selected by contract metadata, responsive context or explicit recipe configuration for Split.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
2: 1 is selected by contract metadata, responsive context or explicit recipe configuration for Split.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
3: 2 is selected by contract metadata, responsive context or explicit recipe configuration for Split.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
stacked is selected by contract metadata, responsive context or explicit recipe configuration for Split.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.