# 📦 @breadstone/mosaik-elements-foundation

| Package Status | Source |
|----------------|--------|
| [![npm](https://img.shields.io/npm/v/@breadstone/mosaik-elements-foundation?label=npm)](https://www.npmjs.com/package/@breadstone/mosaik-elements-foundation) | [libs/mosaik-elements-foundation](../../libs/mosaik-elements-foundation) |

> Core web components and styles for the Mosaik design system.
> Includes all foundational UI elements, tokens, and themes.

---

## 📁 Project Structure

Part of the monorepo [`mosaik`](https://github.com/RueDeRennes/mosaik)
Package path: `libs/mosaik-elements-foundation`
Version: see [npm](https://www.npmjs.com/package/@breadstone/mosaik-elements-foundation)
License: MIT

---

## 📦 Installation

```bash
yarn add @breadstone/mosaik-elements-foundation
# or
npm install @breadstone/mosaik-elements-foundation
```

---

## 🔧 Usage

```typescript
import * from '@breadstone/mosaik-elements-foundation';
```

---

## ⚙️ Features

- Lit-based web components
- Design tokens and themes
- SCSS and CSS utilities
- Foundation for Angular, React, Vue, and Svelte wrappers

### Possible themes

- Retro (Mosaik)
- Joy (Mosaik Current)
- Material (Google)
- Bootstrap (Twitter)
- Fluent (Microsoft)
- Neumorphism (?)
- Cupertino (Apple)

---

## 🛠 Recommendations

- Use as the base for all Mosaik component wrappers.
- Integrate with your design system for consistent theming.

---

## 📦 Publishing

```bash
yarn nx run mosaik-elements-foundation:publish
```

---

## 📄 License

MIT © Breadstone

---