@codeatlasdev/ui 0.2.0

@codeatlasdev/[email protected]npm GitHub release For agents

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

Upgrade

Published under the latest dist-tag.

bun

bun add @codeatlasdev/[email protected]

npm

npm install @codeatlasdev/[email protected]

pnpm

pnpm add @codeatlasdev/[email protected]

yarn

yarn add @codeatlasdev/[email protected]

Then run your checks. Moving between majors? bunx @codeatlasdev/ui migrate --from <major> --to <major> lists what to change, and agents get the same data from the MCP tool get_migration. The migration notes per major are inUpgrading.

Changesets

### Minor Changes

- Package exports now point to `dist` (fixes `@codeatlasdev/ui/vite` failing to load from `node_modules`). Adapted to the bits-ui 2 API (`Accordion` drops `collapsible`), swapped deprecated `lucide-svelte` for `@lucide/svelte`, and exported the shared `IconComponent`/`IconProps` types plus TanStack `PaginationState`, `SortingState` and `Updater`. The theme plugin no longer warns about FOUC when `caThemeHandle` is set in `hooks.server`.

All notable changes to `@codeatlasdev/ui` are documented here.

Format based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
Versioning follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

---

## [0.1.0] 2026-09-26

### Added

- **60+ components** across page templates, navigation, data, forms, charts, overlays, and feedback
- **Page templates:** `AppList`, `AppForm`, `AppSettings`, `PageShell`: complete screen patterns in one component
- **Navigation shell:** `AppShellLayout` with `Rail`, `Panel`, `BottomNav`, `MobileHeader`, `SiteHeader`
- **Layout primitives:** `Grid`, `Row`, `Stack`: replace manual flex/grid entirely
- **Charts (8):** `LineChart`, `BarChart`, `PieChart`, `ScatterChart`, `HeatmapChart`, `GaugeChart`, `RadarChart`, `Sparkline`
- **Data:** `DataTable` (TanStack Table v9), `SimpleTable`, `Pagination`, `KpiCard`, `EmptyState`, `FilterGroup`
- **Forms (11):** `Button`, `TextField`, `TextArea`, `NumberField`, `Select`, `Combobox`, `Checkbox`, `RadioGroup`, `Switch`, `Slider`, `FileUpload`
- **Auth:** `AuthLayout`, `AuthCard`
- **Overlays:** `Dialog`, `Drawer`, `Popover`, `Tooltip`, `DropdownMenu`, `CommandPalette`
- **Feedback:** `Toast`, `Spinner`, `Skeleton`, `Progress`, `ErrorPage`
- **8 built-in OKLCH themes:** amber, ocean, crimson, cyan, violet, emerald, rose, slate: set via `data-preset` attribute
- **Liquid Glass material system**: `GlassCard`, `GlassSurface`, `GlassAppBar`, `LiquidGlass`
- **CSS token system**: `--ca-*` custom properties for color, spacing, radius, typography, z-index
- **SvelteKit helpers** (`@codeatlasdev/ui/kit`): theme handle, breadcrumbs, page title, error templates
- **Vite plugin** (`@codeatlasdev/ui/vite`): fixes SSR externalization for `@tanstack/svelte-table`
- **Dark mode**: independent from themes, compose freely (`data-preset="ocean" class="dark"`)
- **Svelte 5 runes throughout**: `$state`, `$derived`, `$props`, `$effect`, no legacy APIs
- **`.agents/skills/`**: AI agent skills for codeatlas-ui, DX, and writing

[0.1.0]: https://github.com/codeatlasdev/ui/releases/tag/v0.1.0