# Atelier UI

> LLM-optimized component library for Angular, React, and Vue. 28 accessible components with flat prop APIs, data-driven patterns, and consistent naming across all three frameworks.

Packages: @atelier-ui/angular | @atelier-ui/react | @atelier-ui/vue
Version: 0.1.2
Docs: https://atelier.pieper.io

## Full API Reference

- [llms-full.txt](https://atelier.pieper.io/llms-full.txt): Complete props, types, defaults, and usage examples for every component. Paste this into your LLM context window.

## Documentation

- [Installation](https://atelier.pieper.io/install): Setup guide for Angular, React, and Vue
- [LLM-Optimized APIs](https://atelier.pieper.io/design-principles): Why the APIs are designed for LLM consumption
- [Components](https://atelier.pieper.io/components): Interactive component catalog with live examples
- [Storybook (Angular)](https://atelier.pieper.io/storybook-angular): Angular component stories
- [Storybook (React)](https://atelier.pieper.io/storybook-react): React component stories
- [Storybook (Vue)](https://atelier.pieper.io/storybook-vue): Vue component stories

## Components

- [Button](https://atelier.pieper.io/components/button): variant (primary|secondary|outline|danger), size (sm|md|lg), disabled, loading, aria-label
- [Input](https://atelier.pieper.io/components/input): value, type (text|email|password|number|tel|url), placeholder, disabled, readonly, invalid
- [Textarea](https://atelier.pieper.io/components/textarea): value, rows, placeholder, disabled, readonly, invalid
- [Checkbox](https://atelier.pieper.io/components/checkbox): checked, value, indeterminate, disabled, readonly, invalid
- [Toggle](https://atelier.pieper.io/components/toggle): checked, value, disabled, readonly, invalid, required
- [RadioGroup](https://atelier.pieper.io/components/radio-group): value, disabled, readonly, invalid, required, name
- [Select](https://atelier.pieper.io/components/select): value, placeholder, disabled, readonly, invalid, required
- [Combobox](https://atelier.pieper.io/components/combobox): value, options, placeholder, disabled, invalid
- [Badge](https://atelier.pieper.io/components/badge): variant (default|success|warning|danger|info), size (sm|md)
- [Icon](https://atelier.pieper.io/components/icon): name (success|warning|danger|info|error|chevron-up|chevron-down|chevron-left|chevron-right|sort-asc|sort-desc|arrow-right|arrow-left|copy|paste|add|edit|delete|close|more|default-toast), size (sm|md|lg), label
- [Card](https://atelier.pieper.io/components/card): variant (elevated|outlined|flat), padding (none|sm|md|lg), role (article|region|section)
- [Table](https://atelier.pieper.io/components/table): variant (default|striped|bordered), size (sm|md|lg), stickyHeader, aria-label
- [Avatar](https://atelier.pieper.io/components/avatar): src, alt, name, size (xs|sm|md|lg|xl), shape (circle|square), status (online|offline|away|busy)
- [Skeleton](https://atelier.pieper.io/components/skeleton): variant (text|circular|rectangular), width, height, animated
- [Progress](https://atelier.pieper.io/components/progress): value, max, indeterminate, variant (default|success|warning|danger), size (sm|md|lg), label
- [Code Block](https://atelier.pieper.io/components/code-block): code, language, filename, copyable, showLineNumbers
- [Breadcrumbs](https://atelier.pieper.io/components/breadcrumbs): separator
- [Tabs](https://atelier.pieper.io/components/tabs): selectedIndex, variant (default|pills)
- [Stepper](https://atelier.pieper.io/components/stepper): activeStep, linear, orientation (horizontal|vertical)
- [Pagination](https://atelier.pieper.io/components/pagination): page, pageCount, siblingCount, showFirstLast
- [Menu](https://atelier.pieper.io/components/menu): variant (default|compact)
- [Dialog](https://atelier.pieper.io/components/dialog): open, closeOnBackdrop, size (sm|md|lg|xl|full)
- [Drawer](https://atelier.pieper.io/components/drawer): open, position (left|right|top|bottom), size (sm|md|lg|full), closeOnBackdrop
- [Tooltip](https://atelier.pieper.io/components/tooltip): llmTooltip, llmTooltipPosition (above|below|left|right), llmTooltipDisabled, llmTooltipShowDelay, llmTooltipHideDelay
- [Toast](https://atelier.pieper.io/components/toast): variant (default|success|warning|danger|info), duration, dismissible, position (top-right|top-center|bottom-right|bottom-center)
- [Accordion](https://atelier.pieper.io/components/accordion): multi, variant (default|bordered|separated)
- [Alert](https://atelier.pieper.io/components/alert): variant (info|success|warning|danger), dismissible
- [Chat](https://atelier.pieper.io/components/chat): variant (drawer|popup|inline), status (idle|streaming|error), open