bradleyayers

import { SafeAny } from "@dvtl/types";

/**
 * Create a finite-state-machine (FSM) transitioning function by declaring the
 * relationships between states.
 *
 * The FSM is modeled as a set of states and transitions between those states.
 *
 * The returned `transition` function is statically typed to ensure only valid
 * transitions between states can occur.

bradleyayers

flex container

• flex-direction → main-axis (row [horizontal] → or column [vertical] ↓)
• justify-content → main-axis-align
• align-items → cross-axis-align
• align-content → cross-axis-align-wrapped

flex child

• align-self → cross-axis-align-override