open-index/open-npm huggingface dataset:
npm package: @quen-ui/components
Description: A set of UI components for React applications.
Author: QuenUI
Latest version: 1.1.0

# QuenUI Components

A set of UI components for React applications.

## Installation

```bash
npm install @quen-ui/components @quen-ui/theme
```

## Quick start

```tsx
import { Button } from '@quen-ui/components';

export function App() {
  return (
    <div>
      <Button view="primary">Save</Button>
      <Button view="secondary">Cancel</Button>
    </div>
  );
}
```

## Theme support

Components use tokens from @quen-ui/theme. Make sure the theme is enabled in your app:

```tsx
import { QuenUIProvider, QuenUIDarkTheme } from '@quen-ui/theme';
import { Button } from '@quen-ui/components';

export function App() {
  return (
    <QuenUIProvider theme={QuenUIDarkTheme}>
      <Button variant="primary">Example</Button>
    </QuenUIProvider>
  );
}
```

## [Documentation](https://quen-ui.github.io/quen-ui/)
npm package: @quen-ui/helpers
Description: A set of helper functions for working with the @quen-ui design system.
Author: QuenUI
Latest version: 1.1.0

# QuenUI Helpers

A set of helper functions for working with the @quen-ui design system.
Contains utilities that can be used both inside design system components and in applications.

## Installation

```bash
npm install @quen-ui/helpers
```
npm package: @quen-ui/hooks
Description: A set of custom React hooks used in the design system QuenUI
Author: QuenUI
Latest version: 1.1.0

# QuenUI Hooks

A set of custom React hooks used in the design system QuenUI.

Can be used both inside `@quen-ui/components` components and directly in applications.

## Installation

```bash
npm install @quen-ui/hooks
```
npm package: @quen-ui/theme
Description: Provides a consistent visual style for components from `@quen-ui/components`.
Author: QuenUI
Latest version: 1.1.0

# QuenUI Theme

Design system theme: tokens, variables, and a provider for use in React applications.
Provides a consistent visual style for components from `@quen-ui/components`.

## Installation

```bash
npm install @quen-ui/theme
```

## Quick Start

Wrap your app in `QuenUIProvider` so that all design system components have access to tokens and CSS variables:

```tsx
import { QuenUIProvider, QuenUIDarkTheme } from '@design-system/theme';
import { Button } from '@design-system/components';

export function App() {
  return (
    <QuenUIProvider theme={QuenUIDarkTheme}>
      <Button view="primary">Example</Button>
    </QuenUIProvider>
  );
}
```

## Tokens

The package defines design tokens: colors, typography, padding, sizes, etc.
They are available as CSS variables and JavaScript objects.


Example: using a CSS Variable

```css
.my-class {
  color: var(--quen-ui-primary-color);
  background: var(--quen-ui-color-body);
}
```

Example: using a token in code

```tsx
import { useTheme } from '@design-system/theme';

function Example() {
  const theme = useTheme();
  return <div style={{ color: theme.textColor }}>Текст</div>;
}
```

Example: using with styled-components

```ts
const Container = styled.div`
  background: ${({ theme }) => theme.colors.gray[9]}
`
```
npm package: @queng123/n8n-nodes-beeper
Description: n8n node to interact with Beeper Desktop API for managing chats and messages
Author: Queng123
Latest version: 2.0.1

# n8n-nodes-beeper

This is an n8n community node. It lets you use **Beeper** in your n8n workflows.

[Beeper](https://beeper.com) is a unified messaging app that brings all your chat networks (iMessage, WhatsApp, Telegram, Instagram, Slack, Discord, and more) into a single inbox. This node connects to the Beeper Desktop API to automate your messaging workflows.

[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/sustainable-use-license/) workflow automation platform.

[Installation](#installation)
[Operations](#operations)
[Credentials](#credentials)
[Compatibility](#compatibility)
[Usage](#usage)
[Resources](#resources)
[Version history](#version-history)

## Installation

Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes/installation/) in the n8n community nodes documentation.

## Operations

### Account
- **List** - List all connected accounts (WhatsApp, Telegram, iMessage, etc.)

### Chat
- **List** - List all chats with optional limit
- **Get** - Get details of a specific chat by ID
- **Create** - Create a new chat with a recipient
- **Search** - Search for chats by query
- **Archive** - Archive or unarchive a chat

### Message
- **Send** - Send a message to a chat
- **List** - List messages in a chat with optional limit
- **Search** - Search for messages across all chats

### Contact
- **Search** - Search for contacts in a specific account

## Credentials

Before using this node, you need:

1. **Beeper Desktop** version 4.1.169 or later installed
2. **Beeper Desktop API** enabled:
   - Open Beeper Desktop
   - Go to **Settings > Developers**
   - Toggle **Beeper Desktop API** to enable it

To configure credentials in n8n:

1. Go to **Settings > Credentials**
2. Click **Add Credential**
3. Search for **Beeper API**
4. Configure:
   - **Base URL**: `http://localhost:23373` (default)
   - **API Token**: Use the one configured in Beeper
5. Click **Test** to verify the connection

## Compatibility

- **n8n**: 1.0.0+
- **Node.js**: 18.x+
- **Beeper Desktop**: 4.1.169+

## Usage

### Sending a message

1. Use **Chat > List** or **Chat > Search** to find the chat ID
2. Use **Message > Send** with the chat ID and your message text

### Finding a Chat ID

Chat IDs in Beeper have the format `!roomid:beeper.local`. You can get them by:
- Using the **Chat > List** operation
- Using the **Chat > Search** operation with a query

### Rate Limiting

Sending too many messages may result in account suspension by the messaging networks. Add delays between messages and use this node for personal automation only.

## Resources

* [n8n community nodes documentation](https://docs.n8n.io/integrations/community-nodes/)
* [Beeper Website](https://beeper.com)
* [Beeper Desktop API Documentation](https://developers.beeper.com/desktop-api)

## Version history

### 0.1.0

Initial release with:
- Account operations: List
- Chat operations: List, Get, Create, Search, Archive
- Message operations: Send, List, Search
- Contact operations: Search