open-index/open-npm huggingface dataset:
npm package: @pastike-ui/display
Description: display
Latest version: 0.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

display

```tsx
import { Display } from '@pastike-ui/display'

function App() {
  return (
    <>
      <Display>visible</Display>
      <Display hidden={true}>hidden</Display>
    </>
  )
}

export default App
```
npm package: @pasture/enum-being-status
Description: Enum of being status
Author: Hoyeung Wong
Latest version: 0.0.5

## @pasture/enum-being-status
Enums of being status

[![npm version][npm-image]][npm-url]
[![npm quality][quality-image]][quality-url]
[![npm download][download-image]][npm-url]
[![npm total-download][total-download-image]][npm-url]
[![size][size]][size-url]
[![github commit activity][commit-image]][github-url]
[![npm license][license-image]][npm-url]

[//]: <> (Shields)
[npm-image]: https://img.shields.io/npm/v/@pasture/enum-being-status.svg?style=flat-square
[quality-image]: http://npm.packagequality.com/shield/@pasture/enum-being-status.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@pasture/enum-being-status.svg?style=flat-square
[total-download-image]:https://img.shields.io/npm/dt/@pasture/enum-being-status.svg?style=flat-square
[license-image]: https://img.shields.io/npm/l/@pasture/enum-being-status.svg?style=flat-square
[commit-image]: https://img.shields.io/github/commit-activity/y/hoyeungw/@pasture/enum-being-status?style=flat-square
[size]: https://packagephobia.now.sh/badge?p=@pasture/enum-being-status

[//]: <> (Link)
[npm-url]: https://npmjs.org/package/@pasture/enum-being-status
[quality-url]: http://packagequality.com/#?package=@pasture/enum-being-status
[github-url]: https://github.com/hoyeungw/@pasture/enum-being-status
[size-url]: https://packagephobia.now.sh/result?p=@pasture/enum-being-status

## Features

## Install
```console
$ npm install @pasture/enum-being-status
```

## Usage
```js
import { UNDERAGE, OVERAGE } from '@pasture/enum-being-status'
```

## Meta
[LICENSE (MIT)](/LICENSE)
npm package: @pasture/enum-genders
Description: Enum of FEMALE and MALE
Author: Hoyeung Wong
Latest version: 0.0.5

## @pasture/enum-genders
Enums of FEMALE and MALE

[![npm version][npm-image]][npm-url]
[![npm quality][quality-image]][quality-url]
[![npm download][download-image]][npm-url]
[![npm total-download][total-download-image]][npm-url]
[![size][size]][size-url]
[![github commit activity][commit-image]][github-url]
[![npm license][license-image]][npm-url]

[//]: <> (Shields)
[npm-image]: https://img.shields.io/npm/v/@pasture/enum-genders.svg?style=flat-square
[quality-image]: http://npm.packagequality.com/shield/@pasture/enum-genders.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@pasture/enum-genders.svg?style=flat-square
[total-download-image]:https://img.shields.io/npm/dt/@pasture/enum-genders.svg?style=flat-square
[license-image]: https://img.shields.io/npm/l/@pasture/enum-genders.svg?style=flat-square
[commit-image]: https://img.shields.io/github/commit-activity/y/hoyeungw/@pasture/enum-genders?style=flat-square
[size]: https://packagephobia.now.sh/badge?p=@pasture/enum-genders

[//]: <> (Link)
[npm-url]: https://npmjs.org/package/@pasture/enum-genders
[quality-url]: http://packagequality.com/#?package=@pasture/enum-genders
[github-url]: https://github.com/hoyeungw/@pasture/enum-genders
[size-url]: https://packagephobia.now.sh/result?p=@pasture/enum-genders

## Features

## Install
```console
$ npm install @pasture/enum-genders
```

## Usage
```js
import { FEMALE, MALE } from '@pasture/enum-genders'
```

## Meta
[LICENSE (MIT)](/LICENSE)
npm package: @pasture/holstein
Description: A holstein class
Author: Hoyeung Wong
Latest version: 0.0.5

## @pasture/holstein
A holstein class

[![npm version][npm-image]][npm-url]
[![npm quality][quality-image]][quality-url]
[![npm download][download-image]][npm-url]
[![npm total-download][total-download-image]][npm-url]
[![size][size]][size-url]
[![github commit activity][commit-image]][github-url]
[![npm license][license-image]][npm-url]

[//]: <> (Shields)
[npm-image]: https://img.shields.io/npm/v/@pasture/holstein.svg?style=flat-square
[quality-image]: http://npm.packagequality.com/shield/@pasture/holstein.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@pasture/holstein.svg?style=flat-square
[total-download-image]:https://img.shields.io/npm/dt/@pasture/holstein.svg?style=flat-square
[license-image]: https://img.shields.io/npm/l/@pasture/holstein.svg?style=flat-square
[commit-image]: https://img.shields.io/github/commit-activity/y/hoyeungw/@pasture/holstein?style=flat-square
[size]: https://packagephobia.now.sh/badge?p=@pasture/holstein

[//]: <> (Link)
[npm-url]: https://npmjs.org/package/@pasture/holstein
[quality-url]: http://packagequality.com/#?package=@pasture/holstein
[github-url]: https://github.com/hoyeungw/@pasture/holstein
[size-url]: https://packagephobia.now.sh/result?p=@pasture/holstein

## Features

## Install
```console
$ npm install @pasture/holstein
```

## Usage
```js
import { Holstein, HolsteinFem, HolsteinHom } from '@pasture/holstein'
```

## Meta
[LICENSE (MIT)](/LICENSE)
npm package: @pasture/id-distributor
Description: A id-distributor class
Author: Hoyeung Wong
Latest version: 0.0.5

## @pasture/id-distributor
A id-distributor class

[![npm version][npm-image]][npm-url]
[![npm quality][quality-image]][quality-url]
[![npm download][download-image]][npm-url]
[![npm total-download][total-download-image]][npm-url]
[![size][size]][size-url]
[![github commit activity][commit-image]][github-url]
[![npm license][license-image]][npm-url]

[//]: <> (Shields)
[npm-image]: https://img.shields.io/npm/v/@pasture/id-distributor.svg?style=flat-square
[quality-image]: http://npm.packagequality.com/shield/@pasture/id-distributor.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@pasture/id-distributor.svg?style=flat-square
[total-download-image]:https://img.shields.io/npm/dt/@pasture/id-distributor.svg?style=flat-square
[license-image]: https://img.shields.io/npm/l/@pasture/id-distributor.svg?style=flat-square
[commit-image]: https://img.shields.io/github/commit-activity/y/hoyeungw/@pasture/id-distributor?style=flat-square
[size]: https://packagephobia.now.sh/badge?p=@pasture/id-distributor

[//]: <> (Link)
[npm-url]: https://npmjs.org/package/@pasture/id-distributor
[quality-url]: http://packagequality.com/#?package=@pasture/id-distributor
[github-url]: https://github.com/hoyeungw/@pasture/id-distributor
[size-url]: https://packagephobia.now.sh/result?p=@pasture/id-distributor

## Features

## Install
```console
$ npm install @pasture/id-distributor
```

## Usage
```js
import { IdDistributor } from '@pasture/id-distributor'
```

## Meta
[LICENSE (MIT)](/LICENSE)
npm package: @pasture/ranch-bulls
Description: A ranch-bulls class
Author: Hoyeung Wong
Latest version: 0.0.5

## @pasture/ranch-bulls
A ranch-bulls class

[![npm version][npm-image]][npm-url]
[![npm quality][quality-image]][quality-url]
[![npm download][download-image]][npm-url]
[![npm total-download][total-download-image]][npm-url]
[![size][size]][size-url]
[![github commit activity][commit-image]][github-url]
[![npm license][license-image]][npm-url]

[//]: <> (Shields)
[npm-image]: https://img.shields.io/npm/v/@pasture/ranch-bulls.svg?style=flat-square
[quality-image]: http://npm.packagequality.com/shield/@pasture/ranch-bulls.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@pasture/ranch-bulls.svg?style=flat-square
[total-download-image]:https://img.shields.io/npm/dt/@pasture/ranch-bulls.svg?style=flat-square
[license-image]: https://img.shields.io/npm/l/@pasture/ranch-bulls.svg?style=flat-square
[commit-image]: https://img.shields.io/github/commit-activity/y/hoyeungw/@pasture/ranch-bulls?style=flat-square
[size]: https://packagephobia.now.sh/badge?p=@pasture/ranch-bulls

[//]: <> (Link)
[npm-url]: https://npmjs.org/package/@pasture/ranch-bulls
[quality-url]: http://packagequality.com/#?package=@pasture/ranch-bulls
[github-url]: https://github.com/hoyeungw/@pasture/ranch-bulls
[size-url]: https://packagephobia.now.sh/result?p=@pasture/ranch-bulls

## Features

## Install
```console
$ npm install @pasture/ranch-bulls
```

## Usage
```js
import { RanchBulls } from '@pasture/ranch-bulls'
```

## Meta
[LICENSE (MIT)](/LICENSE)
npm package: @pasture/ranch-cows
Description: A ranch-cows class
Author: Hoyeung Wong
Latest version: 0.0.5

## @pasture/ranch-cows
A ranch-cows class

[![npm version][npm-image]][npm-url]
[![npm quality][quality-image]][quality-url]
[![npm download][download-image]][npm-url]
[![npm total-download][total-download-image]][npm-url]
[![size][size]][size-url]
[![github commit activity][commit-image]][github-url]
[![npm license][license-image]][npm-url]

[//]: <> (Shields)
[npm-image]: https://img.shields.io/npm/v/@pasture/ranch-cows.svg?style=flat-square
[quality-image]: http://npm.packagequality.com/shield/@pasture/ranch-cows.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@pasture/ranch-cows.svg?style=flat-square
[total-download-image]:https://img.shields.io/npm/dt/@pasture/ranch-cows.svg?style=flat-square
[license-image]: https://img.shields.io/npm/l/@pasture/ranch-cows.svg?style=flat-square
[commit-image]: https://img.shields.io/github/commit-activity/y/hoyeungw/@pasture/ranch-cows?style=flat-square
[size]: https://packagephobia.now.sh/badge?p=@pasture/ranch-cows

[//]: <> (Link)
[npm-url]: https://npmjs.org/package/@pasture/ranch-cows
[quality-url]: http://packagequality.com/#?package=@pasture/ranch-cows
[github-url]: https://github.com/hoyeungw/@pasture/ranch-cows
[size-url]: https://packagephobia.now.sh/result?p=@pasture/ranch-cows

## Features

## Install
```console
$ npm install @pasture/ranch-cows
```

## Usage
```js
import { RanchCows } from '@pasture/ranch-cows'
```

## Meta
[LICENSE (MIT)](/LICENSE)
npm package: @pastweb/atomic-css-postcss
Description: CSS tool set, modules, scoped CSS variables, utilities and nesting selectors
Author: Domenico Pasto
Latest version: 1.0.5

# Atomic CSS Plugin for PostCSS
A [PostCSS] plugin inspired to [CSS Modules] and [Tailwind] CSS framework.

[postcss]: https://github.com/postcss/postcss
[css modules]: https://github.com/css-modules/css-modules
[tailwind]: https://github.com/tailwindlabs/tailwindcss

Fore more info about tools and the options check the [Atom CSS](https://github.com/pastweb/atomic-css/blob/master/README.md) page.

## install
```bash
npm i -D @pastweb/atomic-css-postcss
```

## Usage
```ts
import postcss from 'postcss';
import { atomicCss }, { type  Options } from '@pastweb/atomic-css-postcss';

const fileName = 'my/file/name.css';
const cssInput = '...any css code here';
// Utility function to process CSS with the plugin
const processCSS = async (input: string, opts: Options = {}) => {
  const result = await postcss([ atomicCss(opts) ]).process(input, { from: fileName });
  return result.css;
};

const output = await processCSS(cssInput, { /** options */ });

console.log(output);
```

### Saving exported classes

By default, no any JSON file with exported classes will be placed next to corresponding CSS.
But you have a freedom to make everything you want with exported classes, just
use the `getModules` callback. For example, save data about classes into a corresponding JSON file:

```js
import { atomicCss } from '@pastweb/atomic-css-postcss';
...
postcss([
  atomicCss({
    getModules: function (filePath, modules) {
      var path = require("path");
      var cssName = path.basename(filePath, ".css");
      var jsonFileName = path.resolve("./build/" + cssName + ".json");
      fs.writeFileSync(jsonFileName, JSON.stringify(modules));
    },
  }),
]);
```
npm package: @pasu/cockpit-client
Description: An API client for the headless CMS Cockpit
Author: Pascal Stockert
Latest version: 0.1.2

# @pasu/cockpit-client
cockpit-client is an unofficial API client for [Cockpit CMS](https://getcockpit.com), which is licensed under the [MIT License](https://github.com/agentejo/cockpit/blob/next/LICENSE).

The aim for this package is to get you away from having to write queries yourself, while retaining the
necessary flexibility of filtering, sorting and shaping the data you need.

> [!IMPORTANT]  
> As of now, this package is still in development and does not implement all the endpoints Cockpit exposes via its API.
> To see what is currently implemented, check the documentation provided below.

## Installation
Add `@pasu/cockpit-client` as a dependency via npm:

`npm install @pasu/cockpit-client`

## Usage
### Example using vanilla JS
```js
import { createClient } from '@pasu/cockpit-client';

// instantiate a client with the link to your Cockpit-API:
const client = createClient('https://path.to.my/api');

// select a collection to query documents from
const postCollection = client.collection('posts');

// query documents from the selected collection, with optional filters/options
const posts = await postCollection.query({limit: 3});
```

### Example using TypeScript

```ts
// Asset contains all metadata the Cockpit-API exposes
import { createClient, Asset } from '@pasu/cockpit-client';

// define types of your documents
interface Post {
  title: string;
  description: string;
  thumbnail: Asset;
}

// instantiate a client with the link to your Cockpit-API:
const client = createClient('https://path.to.my/api');

// select a collection to query documents from, providing a type for all its documents
const postCollection = client.collection<Post>('post');

// query documents from the selected collection, including proper typing
const posts: Post = await postCollection.query({limit: 3});
```

## Documentation
TBA