open-index/open-npm huggingface dataset:
npm package: @ilhamvahrizal92/chatbot-maria
Description: A reusable **floating chatbot widget** built with React + Tailwind.   Easily add AI-powered chat to any application with a single component.
Latest version: 1.0.6

# 🤖 Chatbot Floating Widget

A reusable **floating chatbot widget** built with React + Tailwind.  
Easily add AI-powered chat to any application with a single component.  

---

## 🚀 Features
- Floating button that opens a chat window.  
- Configurable **API endpoint** via `props` or environment variables.  
- Customizable colors (`primaryColor`, `buttonColor`).  
- Lightweight build using `tsup`.  
- Easy integration into **Next.js**, **CRA**, or any React project.  

---

## 📦 Installation
```bash
npm install chatbot-widget
# or
yarn add chatbot-widget
# or
pnpm add chatbot-widget
```

---

## 🔧 Usage

```tsx
import { Chatbot } from "chatbot-widget";

export default function App() {
  return (
    <div>
      <h1>My App</h1>
      <Chatbot
        apiUrl={process.env.NEXT_PUBLIC_CHATBOT_API}
        primaryColor="#2563eb"
        buttonColor="#facc15"
      />
    </div>
  );
}
```

---

## ⚙️ Props

| Prop          | Type     | Default   | Description |
|---------------|----------|-----------|-------------|
| `apiUrl`      | string   | required  | API endpoint for chatbot requests |
| `primaryColor`| string   | `#2563eb` | Main theme color |
| `buttonColor` | string   | `#2563eb` | Floating button background color |

---

## 🌍 Environment Variables

You can also configure the API URL via env variables:  

```env
NEXT_PUBLIC_CHATBOT_API=https://your-backend.com/api/chat
```

Then:

```tsx
<Chatbot apiUrl={process.env.NEXT_PUBLIC_CHATBOT_API} />
```

---

## 🛠 Development

Clone the repo and install dependencies:

```bash
git clone https://github.com/your-org/chatbot-widget.git
cd chatbot-widget
npm install
```

Run in dev mode:

```bash
npm run dev
```

Build for production:

```bash
npm run build
```

---

## 🚀 Publishing to npm

```bash
npm login
npm run build
npm publish --access public
```

---

## 📄 License
MIT © [Your Name / Company]
npm package: @ilhombek/base-form
Description: This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
Latest version: 1.0.2

# BaseForm

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build base-form
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/base-form
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.