open-index/open-npm huggingface dataset:
npm package: @kaushal-user/my-package
Description: A simple and lightweight React component package that includes two components:
Author: kaushal
Latest version: 0.1.2

# @kaushal-user/my-package

A simple and lightweight React component package that includes two components:

- `<Greet />` — Displays a greeting message to a provided name.
- `<Age />` — Displays a motivational message about age.

---

## 📦 Installation

Install the package using npm or yarn:

```bash
npm install @kaushal-user/my-package
```

or

```bash
yarn add @kaushal-user/my-package
```

---

## 🚀 Usage

### Step 1: Import the Components

```tsx
import { Greet, Age } from '@kaushal-user/my-package';
```

### Step 2: Use the Components

```tsx
function App() {
  return (
    <div>
      <Greet name="Your_name" />
      <Age />
    </div>
  );
}
```

---

## 🧩 Component Details

### ✅ `<Greet />`

Displays a friendly greeting message.

#### Props:

| Prop | Type   | Required | Description              |
|------|--------|----------|--------------------------|
| name | string | ✅       | The name to greet        |

#### Example:

```tsx
<Greet name="John" />
```

🧾 Output:

```
Hello, John!
```

---

### ✅ `<Age />`

Displays a static motivational message.

#### Example:

```tsx
<Age />
```

🧾 Output:

```
Age is just a number!
```

---

## 🛠️ Notes

- This package is compatible with both **Page Router** and **App Router** in Next.js.
- No external styles or dependencies are required.
- Lightweight and ideal for demo, learning, or starter projects.

---

## 📄 License

MIT License © 2025 Kaushal
npm package: @kaushik.thanki/leaflet-lasso
Description: Lasso selection plugin for Leaflet
Author: Kaushik Thanki
Latest version: 1.0.0

# leaflet-lasso

[![](https://img.shields.io/npm/dm/leaflet-lasso)](https://www.npmjs.com/package/leaflet-lasso)
[![](https://img.shields.io/david/zakjan/leaflet-lasso)](https://www.npmjs.com/package/leaflet-lasso)
[![](https://img.shields.io/bundlephobia/min/leaflet-lasso)](https://www.npmjs.com/package/leaflet-lasso)

Lasso selection plugin for Leaflet

[Demo](http://zakjan.github.io/leaflet-lasso/)

<img src="docs/screenshot@2x.jpg" alt="Screenshot" width="640" height="320">

Supports all Leaflet vector layers:

- Marker
- CircleMarker
- Circle
- Polyline
- Polyline with multiple segments
- Rectangle
- Polygon
- Polygon with hole
- Polygon with multiple segments
- Polygon with multiple segments and holes

Selection modes:

- contain - entire shape must be in lasso polygon (default)
- intersect - any part of shape can be in lasso polygon

## Install

```
npm install leaflet-lasso
```

or

```
<script src="https://unpkg.com/leaflet-lasso@2.2.2/dist/leaflet-lasso.umd.min.js"></script>
```

## Usage

```
import "leaflet-lasso";
```

For detailed API, please see exported TypeScript typings.

### Handler

Use for custom activation.

```
interface LassoHandlerOptions {
    polygon?: L.PolylineOptions,
    intersect?: boolean;
}
```

```
const lasso = L.lasso(map, options);
yourCustomButton.addEventListener('click', () => {
    lasso.enable();
});
```

### Control

Use for default control.

```
type LassoControlOptions = LassoHandlerOptions & L.ControlOptions;
```

```
L.control.lasso(options).addTo(map);
```

### Finished event

Listen for this event to receive matching Leaflet layers.

```
interface LassoHandlerFinishedEventData {
    latLngs: L.LatLng[];
    layers: L.Layer[];
}
```

```
map.on('lasso.finished', (event: LassoHandlerFinishedEventData) => {
    console.log(event.layers);
});
```

## Thanks

Icon by @Falke-Design