open-index/open-npm huggingface dataset:
npm package: @hyperse-io/tailwind-layer
Description: Compile your tailwindcss components into tailwind plugins and enjoy full autocompletion!
Latest version: 1.0.3

# tailwind-layer

Compile your tailwindcss components into tailwind plugins and enjoy full IntelliSense autocompletion!

## Usage

1. yarn add @hyperse-io/layer

2. packages.json

```json
  "scripts": {
   "build:twl": "twl -p \"**/globals.css\"",
  }
```

3. yarn run build:twl will output `./tailwindcss-extend.cjs`
4. update `plugins` in `tailwind.config.ts`

```ts
import type { Config } from "tailwindcss";

const config: Config = {
  ...
  plugins: [require("./tailwindcss-extend.cjs")],
};
export default config;
```

4. re-lunch your vscode ide

```css filename="app/globals.css"
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "keen-slider/keen-slider.min.css";

* {
  scroll-behavior: smooth;
}

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: var(--red);
  transform-origin: 0%;
}

@layer components {
  .hyperce-head-xl {
    @apply font-extrabold text-4xl md:text-6xl;
  }
  .hyperce-sub-head {
    @apply font-medium text-base md:text-lg;
  }
  .hyperce-head-sup {
    @apply text-sm font-semibold;
  }

  .hyperce-card-header {
    @apply text-lg md:text-xl font-bold;
  }

  .hyperce-card-description {
    @apply text-xs md:text-sm font-medium;
  }

  .hyperce-btn-text-low {
    @apply text-base font-bold;
  }
  .hyperce-btn-text-high {
    @apply text-lg font-bold;
  }
}
```
npm package: @hyperse/delete-empty-folders
Description: Recursively delete all empty folders in a directory and child directories.
Latest version: 1.0.1

# @hyperse/delete-empty-folders

<p align="left">
  <a aria-label="Build" href="https://github.com/hyperse-io/delete-empty-folders/actions?query=workflow%3ACI">
    <img alt="build" src="https://img.shields.io/github/actions/workflow/status/hyperse-io/delete-empty-folders/ci-integrity.yml?branch=main&label=ci&logo=github&style=flat-quare&labelColor=000000" />
  </a>
  <a aria-label="stable version" href="https://www.npmjs.com/package/@hyperse/delete-empty-folders">
    <img alt="stable version" src="https://img.shields.io/npm/v/%40hyperse%2Fdelete-empty-folders?branch=main&label=version&logo=npm&style=flat-quare&labelColor=000000" />
  </a>
  <a aria-label="Top language" href="https://github.com/hyperse-io/delete-empty-folders/search?l=typescript">
    <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/hyperse-io/delete-empty-folders?style=flat-square&labelColor=000&color=blue">
  </a>
  <a aria-label="Licence" href="https://github.com/hyperse-io/delete-empty-folders/blob/main/LICENSE">
    <img alt="Licence" src="https://img.shields.io/github/license/hyperse-io/ts-node-paths?style=flat-quare&labelColor=000000" />
  </a>
</p>

> Recursively delete all empty folders in a directory and child directories.

Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.

- [Install](#install)
- [Usage](#usage)
- [API](#api)
  - [async-await (promise)](#async-await-promise)
  - [async callback](#async-callback)
  - [sync](#sync)
- [examples](#examples)

_(TOC generated by [verb](https://github.com/verbose/verb) using [markdown-toc](https://github.com/jonschlinkert/markdown-toc))_

## Install

Install with [npm](https://www.npmjs.com/):

```sh
$ npm install --save @hyperse/delete-empty-folders
```

## Usage

```ts
import { deleteEmpty, deleteEmptySync } from '@hyperse/delete-empty-folders';
```

## API

Given the following directory structure, the **highlighted directories** would be deleted.

```diff
foo/
└─┬ a/
- ├── aa/
  ├── bb/
  │ └─┬ bbb/
  │ │ ├── one.txt
  │ │ └── two.txt
- ├── cc/
- ├ b/
- └ c/
```

### async-await (promise)

If no callback is passed, a promise is returned. Returns the array of deleted directories.

```ts
(async () => {
  let deleted = await deleteEmpty('foo');
  console.log(deleted); //=> ['foo/aa/', 'foo/a/cc/', 'foo/b/', 'foo/c/']
})();

// or
deleteEmpty('foo/')
  .then((deleted) => console.log(deleted)) //=> ['foo/aa/', 'foo/a/cc/', 'foo/b/', 'foo/c/']
  .catch(console.error);
```

### sync

Returns the array of deleted directories.

```js
console.log(deleteEmptySync('foo/')); //=> ['foo/aa/', 'foo/a/cc/', 'foo/b/', 'foo/c/']
```
npm package: @hyperse/gh-pages-starter
Description: The starter template for running Github Pages with docusaurus for document
Latest version: 1.0.2

# @hyperse/gh-pages-starter

<p align="left">
  <a aria-label="Build" href="https://github.com/hyperse-io/gh-pages-starter/actions?query=workflow%3ACI">
    <img alt="build" src="https://img.shields.io/github/actions/workflow/status/hyperse-io/gh-pages-starter/ci-integrity.yml?branch=main&label=ci&logo=github&style=flat-quare&labelColor=000000" />
  </a>
  <a aria-label="stable version" href="https://www.npmjs.com/package/@hyperse/gh-pages-starter">
    <img alt="stable version" src="https://img.shields.io/npm/v/%40hyperse%2Fgh-pages-starter?branch=main&label=version&logo=npm&style=flat-quare&labelColor=000000" />
  </a>
  <a>
    <img alt="LoC" src="https://img.shields.io/bundlephobia/min/%40hyperse%2Fgh-pages-starter?style=flat-quare&labelColor=000000" />
  </a>
  <a aria-label="Top language" href="https://github.com/hyperse-io/gh-pages-starter/search?l=typescript">
    <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/hyperse-io/gh-pages-starter?style=flat-square&labelColor=000&color=blue">
  </a>
  <a aria-label="Licence" href="https://github.com/hyperse-io/gh-pages-starter/blob/main/LICENSE">
    <img alt="Licence" src="https://img.shields.io/github/license/hyperse-io/gh-pages-starter?style=flat-quare&labelColor=000000" />
  </a>
</p>
![Coverage: Statements](https://raw.githubusercontent.com/hyperse-io/gh-pages-starter/coverage/badges/statements.svg)
![Coverage: Branches](https://raw.githubusercontent.com/hyperse-io/gh-pages-starter/coverage/badges/branches.svg)
![Coverage: Functions](https://raw.githubusercontent.com/hyperse-io/gh-pages-starter/coverage/badges/functions.svg)
![Coverage: Lines](https://raw.githubusercontent.com/hyperse-io/gh-pages-starter/coverage/badges/lines.svg)

<!-- hyperse-vitest-coverage-reporter-marker-readme -->

## Coverage Report

<table> <thead> <tr> <th align="center">Status</th> <th align="left">Category</th> <th align="right">Percentage</th> <th align="right">Covered / Total</th> </tr> </thead> <tbody> <tr> <td align="center">🔵</td> <td align="left">Lines</td> <td align="right">75%</td> <td align="right">6 / 8</td> </tr> <tr> <td align="center">🔵</td> <td align="left">Statements</td> <td align="right">75%</td> <td align="right">6 / 8</td> </tr> <tr> <td align="center">🔵</td> <td align="left">Functions</td> <td align="right">75%</td> <td align="right">3 / 4</td> </tr> <tr> <td align="center">🔵</td> <td align="left">Branches</td> <td align="right">75%</td> <td align="right">3 / 4</td> </tr> </tbody> </table>

The starter template for running Github Pages with docusaurus for document