open-index/open-npm huggingface dataset:
npm package: @skye-ds/core
Description: Antigravity design system — React component library
Latest version: 1.0.0

# @skye-ds/core

React component library for the Antigravity design system.

## Install

```bash
pnpm add @skye-ds/core @skye-ds/tokens-js
```

## Usage

```tsx
import { Button, Input, Stack } from '@skye-ds/core'
import { tokens } from '@skye-ds/tokens-js'

export function LoginForm() {
  return (
    <Stack direction="column" gap={tokens.spacing.component.lg}>
      <Input type="email" placeholder="Email" />
      <Input type="password" placeholder="Password" />
      <Button variant="primary">Sign in</Button>
    </Stack>
  )
}
```

## Token usage

```tsx
import { tokens } from '@skye-ds/tokens-js'

// tokens.color.text.primary     → '#111827'
// tokens.spacing.component.md   → '12px'
// tokens.radius.interactive     → '6px'
```

## Documentation

Full docs at [your docs URL here].
npm package: @skye-ds/tokens-js
Description: Antigravity design system — JS/TS token constants
Latest version: 1.0.0

# @skye-ds/tokens-js

JS/TS token constants for the Antigravity design system.
Auto-generated — do not edit by hand.

## Install

```bash
pnpm add @skye-ds/tokens-js
```

## Usage

```ts
import { tokens } from '@skye-ds/tokens-js'

tokens.color.text.primary           // '#111827'
tokens.color.brand.primary.default  // '#2563eb'
tokens.spacing.component.md         // '12px'
tokens.radius.interactive           // '6px'
tokens.motion.duration.normal       // '200ms'
```
npm package: @skyeer/babel-plugin-dynamic-import
Description: Babel plugin to transpile import() to a deferred require(), for node
Author: Jordan Gensler
Latest version: 2.1.0

# babel-plugin-dynamic-import-node

Babel plugin to transpile `import()` to a deferred `require()`, for node. Matches the [proposed spec](https://github.com/domenic/proposal-import-function).

**NOTE:** Babylon >= v6.12.0 is required to correctly parse dynamic imports.

## Installation

```sh
npm install babel-plugin-dynamic-import-node --save-dev
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "plugins": ["dynamic-import-node"]
}
```

### Via CLI

```sh
$ babel --plugins dynamic-import-node script.js
```

### Via Node API

```javascript
require('babel-core').transform('code', {
  plugins: ['dynamic-import-node']
});
```

### Code Example
```javascript
Promise.all([
  import('./lib/import1'),
  import('./lib/import2')
 ]).then(([
   Import1,
   Import2
  ]) => {
   console.log(Import1);
   /* CODE HERE*/
  });
```
npm package: @skyeer/babel-plugin-dynamic-import-node
Description: Babel plugin to transpile import() to a deferred require(), for node
Author: Jordan Gensler
Latest version: 2.1.0

# babel-plugin-dynamic-import-node

Babel plugin to transpile `import()` to a deferred `require()`, for node. Matches the [proposed spec](https://github.com/domenic/proposal-import-function).

**NOTE:** Babylon >= v6.12.0 is required to correctly parse dynamic imports.

## Installation

```sh
npm install babel-plugin-dynamic-import-node --save-dev
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "plugins": ["dynamic-import-node"]
}
```

### Via CLI

```sh
$ babel --plugins dynamic-import-node script.js
```

### Via Node API

```javascript
require('babel-core').transform('code', {
  plugins: ['dynamic-import-node']
});
```

### Code Example
```javascript
Promise.all([
  import('./lib/import1'),
  import('./lib/import2')
 ]).then(([
   Import1,
   Import2
  ]) => {
   console.log(Import1);
   /* CODE HERE*/
  });
```
npm package: @skyeer/babel-plugin-transform-dynamic-import
Description: Babel plugin to transpile import() to a deferred require(), for node
Author: Jordan Gensler
Latest version: 2.1.0

# babel-plugin-dynamic-import-node

Babel plugin to transpile `import()` to a deferred `require()`, for node. Matches the [proposed spec](https://github.com/domenic/proposal-import-function).

**NOTE:** Babylon >= v6.12.0 is required to correctly parse dynamic imports.

## Installation

```sh
npm install babel-plugin-dynamic-import-node --save-dev
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "plugins": ["dynamic-import-node"]
}
```

### Via CLI

```sh
$ babel --plugins dynamic-import-node script.js
```

### Via Node API

```javascript
require('babel-core').transform('code', {
  plugins: ['dynamic-import-node']
});
```

### Code Example
```javascript
Promise.all([
  import('./lib/import1'),
  import('./lib/import2')
 ]).then(([
   Import1,
   Import2
  ]) => {
   console.log(Import1);
   /* CODE HERE*/
  });
```
npm package: @skyeer/babel-preset-skyeer-app
Description: Babel preset used by Skyeer Create React App
Latest version: 1.0.6

# babel-preset-react-app

This package includes the Babel preset used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.

## Usage in Create React App Projects

The easiest way to use this configuration is with [Create React App](https://github.com/facebook/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**

## Usage Outside of Create React App

If you want to use this Babel preset in a project not built with Create React App, you can install it with following steps.

First, [install Babel](https://babeljs.io/docs/setup/).

Then install babel-preset-react-app.

```sh
npm install babel-preset-react-app --save-dev
```

Then create a file named `.babelrc` with following contents in the root folder of your project:

```js
{
  "presets": ["react-app"]
}
```

This preset uses the `useBuiltIns` option with [transform-object-rest-spread](http://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](http://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.
npm package: @skyeer/calendar-input-react
Description: React datetime picker powered by momentjs
Author: Alyona Fanifatyeva
Latest version: 1.1.2

# input-moment 
[![npm](https://img.shields.io/npm/v/input-moment.svg)](https://www.npmjs.com/package/input-moment)
[![Build Status](https://travis-ci.org/wangzuo/input-moment.svg?branch=master)](https://travis-ci.org/wangzuo/input-moment)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

React datetime picker powered by [momentjs](http://momentjs.com)

The design is from https://dribbble.com/shots/1439965-Due-Date-and-Time-Picker.

The icon is from [ionicons](http://ionicons.com/).

### Installation
``` sh
npm i input-moment --save
```

**Notice:** This module requires [moment](https://www.npmjs.com/package/moment) as a [peerDependency](https://docs.npmjs.com/files/package.json#peerdependencies).

### Demo
http://wangzuo.github.io/input-moment

### Usage
``` javascript
<InputMoment
  moment={this.state.moment}
  onChange={this.handleChange}
  onSave={this.handleSave}
  minStep={1} // default
  hourStep={1} // default
  prevMonthIcon="ion-ios-arrow-left" // default
  nextMonthIcon="ion-ios-arrow-right" // default
/>
```
Check [app.js](https://github.com/wangzuo/input-moment/blob/master/example/app.js) for a working example.

### Development
- npm install
- npm start
- http://localhost:8080

### License
ISC
npm package: @skyeer/react-leaflet-custom-control
Description: A React-Leaflet component that renders React elements in leaflet's control pane.
Author: Ivan Hilckov
Latest version: 0.0.6

# react-leaflet-custom-control

A [React-Leaflet](https://github.com/PaulLeCam/react-leaflet) component that renders React elements in leaflet's control pane.

[Demo](https://skyeer.github.io/react-leaflet-custom-control/)

## installation

`yarn add @skyeer/react-leaflet-custom-control` or `npm install @skyeer/react-leaflet-custom-control`

## Options

`position`: Which pane to mount to. Options are `topleft`, `topright`, `bottomleft`, `bottomright`

`className`: Add class name to div.leaflet-control

## Usage

```js
import React, { Component } from 'react'
import { render } from 'react-dom'
import { Map, TileLayer } from 'react-leaflet'

import Control from '@skyeer/react-leaflet-custom-control'

const DEFAULT_VIEWPORT = {
  center: [51.505, -0.09],
  zoom: 13,
}

export default class Example extends Component {
  state = {
    viewport: DEFAULT_VIEWPORT,
  }

  handleClick = () => {
    this.setState({ viewport: DEFAULT_VIEWPORT })
  }

  onViewportChanged = viewport => {
    this.setState({ viewport })
  }

  render() {
    return (
      <div>
        <h1>React-Leaflet-Custom-Control example</h1>
        <Map onViewportChanged={this.onViewportChanged} viewport={this.state.viewport}>
          <TileLayer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png" />
          <Control position="bottomright">
            <button onClick={this.handleClick}>Reset View</button>
          </Control>
        </Map>
      </div>
    )
  }
}
```

## Attribution

Based on [react-leaflet-control](https://github.com/LiveBy/react-leaflet-control).