platform-blocks-layoutlisted

# Platform Blocks Layout Layout primitives from `@platform-blocks/ui` for React Native (iOS/Android/Web). Everything imports from the package root: ```tsx import { Flex, Row, Column, Grid, GridItem, Card, Surface, Block, AppShell } from '@platform-blocks/ui'; ``` Four reference files sit alongside this one: - `references/api.md` — the curated API: how the pieces compose, the union types, the defaults that bite. **Read this first.** - `references/props.md` — generated, exhaustive prop tables for every component in this skill. Look here for the complete surface of a single prop. - `references/icons.md` — generated, every `name` the built-in `Icon` registry accepts. Check it before writing `<Icon name="…">`; unlisted names render nothing. - `references/patterns.md` — complete copy-paste screens. ## Core primitives | Component | What it is | Key defaults | | --- | --- | --- | | `Flex` | Flexbox `View` | `direction="row"`, `align="flex-start"`, `justify="flex-start"`, `wrap="nowrap"`, `gap="sm"` | | `Row` | `Flex` with `direction="row"` | `gap="sm"` | | `Column` | `Flex` with `direction="column"` | `gap="sm"`, **`fullWidth` defaults to `true`** | | `Grid` / `GridItem` | 12-column responsive grid | `columns={12}`, `gap={0}` (no gap by default) | | `Block` | Polymorphic styled box (`bg`, `radius`, `shadow`, positioning) | `gap="sm"` when flex | | `Card` | Padded surface with variants + `Card.Section` | `variant="filled"`, `padding="md"` (12px), `radius="md"` | | `Surfa