open-index/open-npm huggingface dataset:
npm package: @janribkaui/private-theming
Description: Private - The React theme context to be shared between `@janribkaui/styles` and `@janribkaui/material-ui-tailwind`.
Author: Jan Ribka
Latest version: 1.5.1

# @janribkaui/private-theming

The React theme context to be shared between `@janribkaui/styles` and `@janribkaui/material-ui-tailwind`.
npm package: @janribkaui/styled-engine
Description: styled() API wrapper package for emotion.
Author: Jan Ribka
Latest version: 1.5.1

# @janribkaui/styled-engine

This package is a wrapper around the `@emotion/react` package.
It also provides a shared interface that can be used with other styled engines, like styled-components.
It is used internally in the `@janribkaui/system` package.
npm package: @janribkaui/system
Description: JanRibka System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.
Author: Jan Ribka
Latest version: 1.5.1

# @janribkaui/system

JanRibka UI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.

## Installation

Install the package in your project directory with:

<!-- #default-branch-switch -->

```bash
npm install @janribkaui/system
```
npm package: @janschuering/eslint-config-playground
Description: Playground package to test awesome development technologies.
Author: Jan Schüring
Latest version: 3.1.2

[![Build Status](https://travis-ci.org/janschuering/playground.svg?branch=master)](https://travis-ci.org/janschuering/playground)
[![Coverage Status](https://coveralls.io/repos/github/janschuering/playground/badge.svg?branch=master)](https://coveralls.io/github/janschuering/playground?branch=master)

# Playground

Playground package to test awesome development technologies.
npm package: @jansedlonds/clsx
Description: A tiny (228B) utility for constructing className strings conditionally.
Author: Jan Sedloň
Latest version: 1.2.7

# clsx [![CI](https://github.com/lukeed/clsx/workflows/CI/badge.svg)](https://github.com/lukeed/clsx/actions?query=workflow%3ACI) [![codecov](https://badgen.net/codecov/c/github/lukeed/clsx)](https://codecov.io/gh/lukeed/clsx)

> A tiny (228B) utility for constructing `className` strings conditionally.<Br>Also serves as a [faster](/bench) & smaller drop-in replacement for the `classnames` module.

This module is available in three formats:

* **ES Module**: `dist/clsx.m.js`
* **CommonJS**: `dist/clsx.js`
* **UMD**: `dist/clsx.min.js`


## Install

```
$ npm install --save clsx
```


## Usage

```js
import clsx from 'clsx';
// or
import { clsx } from 'clsx';

// Strings (variadic)
clsx('foo', true && 'bar', 'baz');
//=> 'foo bar baz'

// Objects
clsx({ foo:true, bar:false, baz:isTrue() });
//=> 'foo baz'

// Objects (variadic)
clsx({ foo:true }, { bar:false }, null, { '--foobar':'hello' });
//=> 'foo --foobar'

// Arrays
clsx(['foo', 0, false, 'bar']);
//=> 'foo bar'

// Arrays (variadic)
clsx(['foo'], ['', 0, false, 'bar'], [['baz', [['hello'], 'there']]]);
//=> 'foo bar baz hello there'

// Kitchen sink (with nesting)
clsx('foo', [1 && 'bar', { baz:false, bat:null }, ['hello', ['world']]], 'cya');
//=> 'foo bar hello world cya'
```


## API

### clsx(...input)
Returns: `String`

#### input
Type: `Mixed`

The `clsx` function can take ***any*** number of arguments, each of which can be an Object, Array, Boolean, or String.

> **Important:** _Any_ falsey values are discarded!<br>Standalone Boolean values are discarded as well.

```js
clsx(true, false, '', null, undefined, 0, NaN);
//=> ''
```

## Benchmarks

For snapshots of cross-browser results, check out the [`bench`](/bench) directory~!

## Support

All versions of Node.js are supported.

All browsers that support [`Array.isArray`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray#Browser_compatibility) are supported (IE9+).

>**Note:** For IE8 support and older, please install `clsx@1.0.x` and beware of [#17](https://github.com/lukeed/clsx/issues/17).

## Tailwind Support

Here some additional (optional) steps to enable classes autocompletion using `clsx` with Tailwind CSS.
<details>

<summary>
  Visual Studio Code
</summary>

1. [Install the "Tailwind CSS IntelliSense" Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

2. Add the following to your [`settings.json`](https://code.visualstudio.com/docs/getstarted/settings):

  ```json
   {
    "tailwindCSS.experimental.classRegex": [
      ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
    ]
   }
  ```
</details>

## Related

- [obj-str](https://github.com/lukeed/obj-str) - A smaller (96B) and similiar utility that only works with Objects.

## License

MIT © [Luke Edwards](https://lukeed.com)
npm package: @jansherameer/luma-css
Description: A modern, lightweight utility-first CSS framework for rapid web development
Author: Jan Sherameer
Latest version: 1.0.5

# Luma CSS

A modern, lightweight utility-first CSS framework designed for rapid web development. Luma CSS provides a comprehensive set of utility classes for layout, spacing, typography, and components while maintaining a minimal footprint.

## Features

- 🎨 **Comprehensive Utilities**: Extensive set of utility classes for layout, spacing, and typography
- 📱 **Responsive Design**: Built-in responsive utilities for all screen sizes
- 🚀 **Lightweight**: Minimal file size for optimal performance
- 🎯 **Easy to Use**: Simple class-based approach with intuitive naming
- 🎨 **Customizable**: Easy to extend and customize to fit your needs
- 🧩 **Component Library**: Pre-built components including buttons, cards, and more

## Installation

### NPM

```bash
npm install @jansherameer/luma-css
```

### CDN

Add the following link to your HTML file:

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jansherameer/luma-css/luma.css" />
```

## Quick Start

1. Import the CSS file in your project:

```css
@import '@jansherameer/luma-css/luma.css';
```

2. Start using the utility classes in your HTML:

```html
<div class="container">
  <div class="text-center m-1 p-2 bg-light">
    <h1 class="text-primary">Welcome to Luma CSS</h1>
    <p class="text-secondary">A modern utility-first CSS framework</p>
  </div>
</div>
```

## Documentation

For detailed documentation and examples, visit our [GitHub repository](https://github.com/Jansherameer12/luma-css).

## Contributing

We welcome contributions! Please read our [Contributing Guide](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Support

- 📚 [Documentation](https://github.com/Jansherameer12/luma-css)
- 🐛 [Issue Tracker](https://github.com/Jansherameer12/luma-css/issues)

---

Built with ❤️ by [Jansher Ameer](https://github.com/jansherameer)
npm package: @janslow/ci-build-version
Description: Generate a CI build version
Author: Jay Anslow
Latest version: 0.1.1

# CI Build Version

Generates an opinionated [semantic version](http://semver.org/) from a base version and the current CI context. Currently supports GitLab CI. 

## Version Logic
The generated versions have the following [precendence](http://semver.org/#spec-item-11) (from highest to lowest) based on git ref:
1. Tag which is a semantic version  (release version).
  * It must match the base version (with no prerelease identifiers).
2. `release`/`hotfix` branches (prerelease starts with `rc`).
3. `master`/`develop` branches (prerelease starts with `dev`).
4. Other branches and tags (prerelease starts with `ci`).

If used outside a CI environment, the prerelease is always `local`.

## Usage
### TypeScript
```typescript
import { SemVer } from 'semver';
import generateBuildVersion, { load, loadSync, parse } from '@janslow/ci-build-version';

// Manually specify base version.
const buildVersion1: SemVer = generateBuildVersion(new SemVer('1.2.3-local'));

// Load base version from a file
const buildVersion2: Promise<SemVer> = load('package.json', 'UTF8');
const buildVersion3: SemVer = loadSync('package.json', 'UTF8');
const buildVersion4: SemVer = parse(require('package.json'));
```

### Command Line
```bash
ci-build-version -b 1.2.3-local # Generate a version using the base version 1.2.3-local
ci-build-version -f package.json # Generate a version using the base version in `package.json`
```

## Supported File Formats
### Plain text
Must only contain the base version. E.g.,

```
1.2.3-local
```

### JSON/YAML
Must either contain a JSON/YAML string which is the base version or an object with the key `version` (which is the base version). For example a [`package.json` file](https://docs.npmjs.com/files/package.json). YAML files must only contain a single document. E.g.,

```yaml
"0.1.2-local" # Base version
```

```json
{
  "version": "0.1.2-local"
}
```

```yaml
version: 0.1.2-local
```

---

## Development
### Debugging
```bash
export DEBUG='ci-build-version*'
```