open-index/open-npm huggingface dataset:
npm package: @kayoshi-dev/svelte-leaflet
Description: Leaflet components bindings for Svelte !
Latest version: 0.0.1

# Svelte-leaflet

Leaflet components bindings for Svelte !

## Installation

Install svelte-leaflet with your favorite package manager

```bash
npm install @kayoshi-dev/svelte-leaflet leaflet
```

## Features

- Map
- TileLayer
- Marker
- And more to come!

## Documentation

[!NOTE]  
This is still a WIP. API might change.

```ts
import { MapContainer, Marker, TileLayer } from '@kayoshi-dev/svelte-leaflet';
```

For the moment only three components are available :

### MapContainer

This is the main component that will help you create your interactive map.  
**All the other components should be used inside the body of that component.**

[!IMPORTANT]  
Must be used with the <TileLayer> component!

#### Props

- Center (mandatory)
- Zoom
- Zoom Options (an object that contains all the additionals properties you can add)

Usage :

```ts
<MapContainer center={[48, 2.34]}>

</MapContainer>
```

### TileLayer

This component allows you to define the tile layer you would like to use.

#### Props

- Attribution (mandatory)
- Url (mandatory)
- TileLayerOptions

Usage :

```ts
<MapContainer center={[48, 2.34]}>
    <TileLayer attribution="&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors" url="https://tile.openstreetmap.org/{z}/{x}/{y}.png" />
</MapContainer>
```

### Marker (WIP)

Add one or multiple markers on your map

#### Props

- Latlng (mandatory)
- PopupText
- MarkerOptions

Usage :

```ts
<Marker latlng={[48, 2.34]} popupText={'Hello world!'} markerOptions={{ draggable: true }} />
```

## Authors

- [Kayoshi-dev](https://www.github.com/kayoshi-dev)
npm package: @kayro-ia/widget
Description: Embeddable AI chat widget for your product — powered by Kairo
Author: Kairo
Latest version: 1.0.2

# @kayro-ia/widget

Embeddable AI chat widget for your product — powered by [Kairo](https://kayro.com.ar).

Add a fully functional AI assistant to your app in 3 lines of code.

## Installation

```bash
npm install @kayro-ia/widget
```

## Quick start

```tsx
import { AIWidget } from '@kayro-ia/widget'

export default function App() {
  return (
    <AIWidget
      apiKey="your_api_key"
      orchestratorUrl="https://kayro.com.ar"
    />
  )
}
```

## Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `apiKey` | `string` | ✅ | — | Your Kairo API key |
| `orchestratorUrl` | `string` | ✅ | — | Kairo orchestrator base URL |
| `title` | `string` | | `"Asistente"` | Chat window header title |
| `placeholder` | `string` | | `"Escribí tu mensaje..."` | Input placeholder |
| `primaryColor` | `string` | | `"#6366f1"` | Accent color (bubble + user messages) |
| `position` | `"bottom-right" \| "bottom-left"` | | `"bottom-right"` | Widget position |
| `initialOpen` | `boolean` | | `false` | Open the chat window on load |
| `zIndex` | `number` | | `9999` | CSS z-index |
| `userToken` | `string` | | — | End-user auth token (forwarded to your MCP server) |
| `authHeaders` | `Record<string, string>` | | — | Extra headers forwarded to your MCP server |
| `userId` | `string` | | — | End-user ID (for analytics) |
| `userName` | `string` | | — | End-user display name |

## Requirements

- React 18+
- Modern browser (Chrome 92+, Firefox 90+, Safari 15+)

## License

MIT