# @agiflowai/frontend-web-theme Package

This package includes [AGIFlow's](https://agiflow.io) tailwind and storybook theming configuration.

## Features

- **Tailwind configuration based on AGIFlow brand guide**
- **Storybook theming**

## Installation

Install the package using npm or yarn:

```bash
npm install @agiflowai/frontend-web-theme
```

## Usage

### tailwind.config.js 

``` js
/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [require('@agiflowai/frontend-web-theme/tailwind').preset],
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
};
```

NOTE: the configuration support **shadecn/ui** theming.  

### .storybook/theme.ts

``` js
import { create } from '@storybook/theming';

import { storybookTheme } from '@agiflowai/frontend-web-theme';

export default create(storybookTheme);
```

## License

This package is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.