# @codeatlasdev/ui 0.5.1: @codeatlasdev/ui 0.5.1

Page: https://ui.codeatlas.com.br/changelog/0.5.1/. Index: https://ui.codeatlas.com.br/llms/changelog.txt. 0 changesets.

0 changes. This release has no written post; the list below is generated from the changelog.

## In short


## Upgrade

```bash
bun add @codeatlasdev/ui@0.5.1
```

Across majors: `bunx @codeatlasdev/ui migrate --from <major> --to <major>`, or the MCP tool `get_migration`.

## Changesets

### Patch Changes

- Mobile polish.
  
  - Inputs no longer trigger Safari's focus zoom: TextField, TextArea, Select, NumberField, Combobox, CommandPalette and the DataTable search/page-size fields use `max(16px, var(--ca-font-size-body2))` under `(pointer: coarse), (max-width: 767px)`. `base.css` adds the same rule for raw `input, textarea, select` inside `.ca-app` and a `.ca-input-ios-safe` helper class. Zoom itself is never disabled.
  - New `Sheet` component: bottom sheet (`bind:open`, `title`, `description`, `onclose`, `children`, `footer`) with drag handle, safe-area padding, focus trap, Escape/backdrop close and reduced-motion support; centered dialog from 768px.
  - `AppShellLayout` gains `mobileTitle` snippet that replaces the plain page-title text in the mobile header (tappable session title, etc.).
  - `AppList`, `AppSettings`, `AppForm`, `PageShell`: inside `AppShellLayout` the h1 is visually hidden below 900px (kept for a11y) because the mobile header already shows the title; below 768px the actions wrap under the description, full-width.
  - `EmptyState` gains `variant="hero"`: larger brand-tinted icon tile with glow, bigger title, actions stacked full-width on mobile.
  - Button: disabled `filled` keeps the brand hue (AA fill + contrast text at 0.45 opacity) instead of looking muddy.
  - `AppSettings` (mobile): tabs in the horizontal strip were inheriting `width: 100%` and each filled the row; they now size to content, with a 36px touch target, scroll-snap and a trailing edge fade.
  - `AppList` / `useListState`: new `ofLabel` option (default `"of"`) for the word in the auto count and page info; pass `"de"` for pt-BR ("5 de 5"). On mobile the auto search field now fills the toolbar instead of keeping its 180px minimum.