# Architecture Overview

- **Pattern**: Monorepo-less, single package React component library. No backend/services. All logic resides in front-end components and shared helpers.
- **Exports**: `src/index.ts` aggregates `components`, `assets`, `typeds`, and `maps` for external consumption.
- **Styling**: styled-components with heavy use of CSS variables (expects host app to define theme tokens such as `--pri-clr`, `--sec-clr-bg`). Some CSS modules imported via `rollup-plugin-import-css`.
- **State & hooks**: React functional components; some use `use-state-with-callback` for post-set callbacks. Utilities rely on browser globals (`window`, `document`, storage), implying browser-only usage (no SSR safety guards).
- **External integrations**: UI dependencies only (react-select, react-datepicker, moment, approvejs for validation, html-to-text, frimousse emoji picker). No HTTP/API layers.
- **Data/config**: `src/maps/common.ts` provides default date range presets using moment.
- **Build pipeline**: Rollup builds CJS + ESM bundles and separate DTS bundle. Peer deps externalized. Styled-components transformer injects component IDs and display names.
- **Background/queue/cron**: None.
