# UI Package AI Agent Instructions (`packages/ui`)

> **Package:** `@keluargamart/ui` (Target Shared Design System)  
> **Role:** Shared Atomic UI Components & Design Tokens

---

## 1. Architectural Boundaries

- Currently, ERP and POS utilize localized Tailwind CSS and PrimeVue/headless components.
- When extracting shared components to `@keluargamart/ui`, components must remain strictly presentational (dumb components), receiving data via props and emitting events.
- Never hardcode application state, pinia stores, or direct API calls within `@keluargamart/ui`.