open-index/open-npm huggingface dataset:
npm package: @nulabudget/nula-ui
Description: Reusable UI Components for Nula Budget
Author: Tom Brown
Latest version: 0.0.5

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/nulabudget/nula-ui/blob/master/LICENSE)

# Nula UI

Nula UI is an open-source react component library used by Nula Budget.

## Getting started

1. To install, just run:

```
npm i @nulabudget/nula-ui
```

or

```
yarn add @nulabudget/nula-ui
```

2. Import the main scss entrypoint into the root of your project:

```
import "@nulabudget/nula-ui/styles/index.scss";
```

You'll need to make sure that your app supports importing sass files.


## License

This project is licensed under the terms of the [MIT license](LICENSE).
npm package: @nulfrost/create-atproto-app
Description: CLI to bootstrap ATProto projects
Author: Dane MIller
Latest version: 0.2.1

# create-atproto-app

> [!WARNING]
> We are still working out the proper setups for all of the templates, there could be breaking changes!

This is a thin wrapper on top of `create-vite` that adds specific code for working with the AT Protocol.

## Getting Started

```bash
npx @nulfrost/create-atproto-app@latest init
```

Supported templates:

- [ ] HTML + JavaScript
- [x] React + TypeScript
  - [ ] React Router
  - [ ] Tanstack Router
  - [ ] Tanstack Start
  - [ ] Next.js
- [x] Svelte + TypeScript
  - [ ] SvelteKit
- [ ] Vue + TypeScript
  - [ ] Nuxt
- [ ] Solid + TypeScript
  - [ ] Solid Start
- [ ] Angular + TypeScript
  - [ ] Analog

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md) if you would like to add a feature/make a bug fix.
npm package: @nulfrost/react-mapbox-search
Description: A location picker component that uses Mapbox's places API to provide location suggestions
Author: Dane Miller
Latest version: 1.0.7

# react-mapbox-search

A location picker powered by mapbox, implemented in React.

![demo gif of react-mapbox-search](https://media.giphy.com/media/IffWfXObtB1KwxDUeQ/giphy.gif)

## Quick Start

`npm i @nulfrost/react-mapbox-search`

## Features

- Suggestions for locations using the mapbox API
- Autofill when user selects suggestion
- Suggestions selectable with mouse click or with arrow key up/down + enter key
- Callback when location is selected, providing the mapbox location object and click event if selected with mouse
- Custom selection color
- Optional ISO 3166-1 country code prop to narrow search
- Placeholder text set through prop for localization support

## Usage

```javascript
import SearchBox from "@seanhouli/react-mapbox-search";

<SearchBox
    token={mapBoxApiToken}
    country="US"
    callback={({ location, event }) => {
        // location object from mapbox
        // event onMouseDown supplied if suggestion clicked
    })}
    selectColor="#ef4836"
/>
```

## API

| Prop        | Type     | Default   | Description                                    |
| ----------- | -------- | --------- | ---------------------------------------------- |
| token       | string   |           | mapbox API token                               |
| country     | string   | undefined | ISO 3166-1 country code to narrow search       |
| callback    | function | undefined | Callback function fired when suggestion chosen |
| selectColor | string   | "#58A"    | Color for currently selected suggestion item   |
| searchHint  | string   | "Search"  | Placeholder text for input when empty          |
| query       | string   | ""        | Default query to populate input                |