open-index/open-npm huggingface dataset:
npm package: @kreftforeningen/web-css
Description: Variables and styles.
Author: Asbjørn Ness
Latest version: 1.0.20

# @kreftforeningen/web-css

Style variables for Kreftforeningen.

## Installation

- `pnpm add @kreftforeningen/web-css`
- `@import "@kreftforeningen/web-css";` at the top of your main css file

## Content

### Semantic elements

Basic styling for semantic elements such as:

- Headings
- Blockquote

### Colors

Colors in oklch. Main colors also in hex.

- KF Blue
- KF Green
- KF Orange
- KF Red
- KF Pink
- KF Purple
- Gray
- Black
- White
- Vipps

### Fonts

- IBM Plex Sans
- IBM Plex Condesed
- IBM Plex Serif

### Animations

- Pulsating text
- Fade in / fade out

## Color Extraction

To extract all color variables from the CSS into JSON files, run:

```sh
pnpm run build
```

This will generate:

- `json/colors.json` with all `--kf-color-*` variables
- `json/vipps-colors.json` with `--vipps-color-*` variables
- `json/pink-ribbon-colors.json` with `--pink-ribbon-color-*` variables

## NPM.js

This git is published as a package on https://www.npmjs.com/package/@kreftforeningen/web-css
npm package: @kreisler/debounce
Description: Debounce function for javascript
Author: Kreisler
Latest version: 1.0.1

# Debounce

A simple utility to debounce a function.

## Usage

Install package

```node
npm i @kreisler/debounce
```

### Import module

```mjs
import { debounce } from "@kreisler/debounce";
```

or

### Import commonjs

```cjs
const { debounce } = require("@kreisler/debounce");
```

#### Example #1

```js
const { debounce } = require("@kreisler/debounce");
const myFunction = (message) => alert(message);
const debouncedFunction = debounce(myFunction, 1000);
debouncedFunction("Hello World"); // Will alert "Hello World" after 1 second
debouncedFunction("Hello World"); // Will cancel the previous call and alert "Hello World" after 1 second
debouncedFunction("Hello World"); // alert "Hello World" after 1 second

```

#### Example #2

```js
import { debounce } from "@kreisler/debounce";
const myFunction = (message) => alert(message);
const debouncedFunction = debounce(myFunction, 1000, { 
      immediate: true,
      onCall: (message) => console.log(`Calling function with message: ${message}`),
      onComplete: (message) => console.log(`Function completed with message: ${message}`)
      flood: 7,
      onFlood: (message) => console.log(`Function flooded 7 with message: ${message}`)
    });
debouncedFunction("Hello World"); // Will alert "Hello World" immediately // onCall will be called
debouncedFunction("Hello World"); // Will cancel the previous call and alert "Hello World" after 1 second // onCall will be called
debouncedFunction("Hello World"); // alert "Hello World" after 1 second // onCall will be called
debouncedFunction("Hello World"); // alert "Hello World" after 1 second // onCall will be called
debouncedFunction("Hello World"); // alert "Hello World" after 1 second // onCall will be called
debouncedFunction("Hello World"); // alert "Hello World" after 1 second // onCall will be called
debouncedFunction("Hello World"); // onFlood will be called // onCall will be called
debouncedFunction("Hello World"); // alert "Hello World" after 1 second // onComplete will be called

```
npm package: @kreisler/dirname-for-module
Description: dirname for module (import/export)
Author: Kreisler
Latest version: 2.0.1

# dirname-for-module

This package only works in esm module, config `type: module` in package.json

## Install

```sh
npm install @kreisler/dirname-for-module
```

## Usage

```js
import { __dirname } from "@kreisler/dirname-for-module";
// or
import * as dfm from "@kreisler/dirname-for-module";
console.log(dfm.__dirname); // outputs "/path/to/the"
```

## API

[Type Document](https://itskreisler.github.io/dirname-for-module/)
npm package: @kreisler/exec-promise
Description: Wrapper for child_process.exec that returns a promise
Author: Kreisler
Latest version: 1.0.0

# Exec Promise

A simple Exec Promise package that allows you to execute a command in a promise.

## Usage

Install package

```node
npm i @kreisler/exec-promise
```

### Import module

```mjs
import { execPromise } from "@kreisler/exec-promise";
```

or

### Import commonjs

```cjs
const { execPromise } = require("@kreisler/exec-promise");
```

#### Example #1

```js
const { execPromise } = require("@kreisler/exec-promise");
const command = 'curl -s -X GET "https://jsonplaceholder.typicode.com/posts/1"';
const {stdout, stderr} = await execPromise(command);
if (stderr)
    console.error(stderr);
console.log(stdout);
```
npm package: @kreisler/js-cron
Description: Wrapper for node-cron
Author: Kreisler
Latest version: 3.0.0

# JsCron - Node.js Cron Task Manager ⏰🚀

A powerful and flexible class for managing scheduled tasks using `node-cron` in Node.js with TypeScript support.

## Features

- Create, destroy, pause, and resume cron jobs easily.
- Manage tasks using the underlying `node-cron` API.
- Supports setting default configurations like timezone and running tasks on initialization.

## Installation

Install the package `@kreisler/js-cron`:

```bash
npm install @kreisler/js-cron
```

## Import the class

Import JsCron with ES Module syntax:

```javascript
import { JsCron } from '@kreisler/js-cron';
```

or using CommonJS:

```javascript
const { JsCron } = require('@kreisler/js-cron');
```

## Usage

Create a new instance of JsCron:

```javascript
const JsCron = new JsCron({ timezone: 'America/Bogota' });
```

### Creating a Task

To create a new scheduled task, use the createTask method with a name, cron expression, and a callback function:

```javascript
const result = JsCron.createTask('morningTask', '0 0 8 * * *', () => {
  console.log('Buenos días! ☀️');
});
console.log(result); // { success: true, message: 'Tarea "morningTask" creada con éxito.' }
```

### Destroying a Task

Use destroyTask to stop and remove a task by its name:

```javascript
const result = jsCron.destroyTask('morningTask');
console.log(result); // { success: true, message: 'Tarea "morningTask" destruida con éxito.' }
```

### Pausing a Task

Pause an existing task without removing it:

```javascript
const result = jsCron.pauseTask('morningTask');
console.log(result); // { success: true, message: 'Tarea "morningTask" pausada.' }
```

### Resuming a Paused Task

Resume a paused task:

```javascript
const result = jsCron.resumeTask('morningTask');
console.log(result); // { success: true, message: 'Tarea "morningTask" reanudada.' }
```

### Getting All Tasks

Retrieve all managed tasks:

```javascript
const tasks = jsCron.getTasks();
console.log(tasks); // Outputs a Map containing all the ScheduledTask instances
```

### Getting a Specific Task

Get a specific task by its name:

```javascript
const task = jsCron.getTask('morningTask');
console.log(task); // Outputs the ScheduledTask instance or undefined if not found
```

## Examples

### Example #1: Basic Usage

Create a task that runs every 10 seconds:

```javascript
const jsCron = new JsCron();
jsCron.createTask('taskEvery10Seconds', '*/10 * * * * *', () => {
  console.log('Task running every 10 seconds!');
});
```

## Configuration Options

You can pass configuration options to the constructor, such as timezone and runOnInit:

```javascript
const jsCron = new JsCron({
  timezone: 'America/Bogota',
  runOnInit: true // Optional, will run tasks immediately upon creation
});
```
npm package: @kreisler/js-google-translate-free
Description: Google Translate Free library for JS
Author: kreisler
Latest version: 4.0.2

# JS Google Translate Free + Typescript 🚀

Simple JS library for talking to Google's Translate API for free.

Eliminates IP request limitations

## List of supported languages

[https://cloud.google.com/translate/docs/languages](https://cloud.google.com/translate/docs/languages)

## Usage

Install package

```node
npm i @kreisler/js-google-translate-free
```

### Import module

```mjs
import JsGoogleTranslateFree from "@kreisler/js-google-translate-free";
```

or

### Import commonjs

```cjs
const JsGoogleTranslateFree = require("@kreisler/js-google-translate-free");
```

#### Example #1

```js
(async () => {
  try {
    const from = "es";
    const to = "en";
    const text = "buenos días";
    const translation = await JsGoogleTranslateFree.translate({ from, to, text });
    console.log(translation); // Good morning
  } catch (error) {
    console.error(error);
  }
})();
```

#### Example #2

```js
(async () => {
  try {
    // const from = "en"; optional default is "auto"
    const to = "es";
    const text = "Good morning";
    const translation = await JsGoogleTranslateFree.translate({ to, text });
    console.log(translation); // Buenos días
  } catch (error) {
    console.error(error);
  }
})();
```
npm package: @kreisler/try-catch
Description: Functional try-catch wrapper
Author: Kreisler
Latest version: 2.2.2

# Try Catch

A simple try-catch wrapper for functions and async functions.

## Usage

Install package

```node
npm i @kreisler/try-catch
```

### Import module

```mjs
import { tryCatch, tryCatchPromise } from "@kreisler/try-catch";
```

or

### Import commonjs

```cjs
const { tryCatch, tryCatchPromise } = require("@kreisler/try-catch");
```

#### Example #1

```js
const { tryCatch } = require('@kreisler/try-catch');
const { parse } = JSON;
const [error, result] = tryCatch(parse, 'hello');

if (error)
    console.error(error.message);
```

#### Example #2

```js
(async () => {
const { readFile, readdir } = require('fs/promises');
const { tryCatchPromise } = require('@kreisler/try-catch');

const [error, data] = await tryCatchPromise(readFile, 'path', 'utf8');

if (!error){
  return data;
}
if (error.code !== 'EISDIR'){
  return error;
}
return await readdir('path');
})();
```
npm package: @krelsis/react-floating-label-textarea
Description: A floating label textarea component for React
Author: Cymen Vig
Latest version: 0.0.3

# react-floating-label-textarea


[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]
![minified size](https://badgen.net/bundlephobia/min/@krelsis/react-floating-label-textarea)
![minzipped size](https://badgen.net/bundlephobia/minzip/@krelsis/react-floating-label-textarea)

[![npm badge][npm-badge-png]][package-url]

# Forked from [cymen/react-floating-label-textarea](https://github.com/cymen/react-floating-label-textarea)
This fork was created as the original NPM package seems to be broken and is no longer being maintained, an [issue](https://github.com/cymen/react-floating-label-textarea/issues/2) was raised regarding the problem, but it has yet to be looked at.

# Typescript support
Typescript definitions have been included for convenience.

# Original Description

A floating label component for React. It inherits the font-size from the parent.

![react-floating-label-textarea](floating-label-textarea.gif)

Try it yourself at the [Storybook](http://blog.cymen.org/react-floating-label-textarea).

## Example

```jsx
import React from 'react';
import FloatingLabelTextarea from 'react-floating-label-textarea';

export default ({ onChange, value }) =>
  <div style={{ fontSize: 64 }}>
    <FloatingLabelTextarea
      id="example-3"
      label="label"
      onBlur={action('onBlur')}
      onChange={action('onChange')}
      onFocus={action('onFocus')}
      value={value}
    />
  </div>;
```

## Props

| name         | optional | default    |
|--------------|----------|------------|
| className    | yes	  |            |
| fontSize     | yes      | inherit    |
| id           | no       |            |
| label        | no       |            |
| onBlur       | yes      |            |
| onChange     | no       |            |
| onFocus      | yes      |            |
| placeholder  | yes      | ''         |
| refs         | yes      |            |
| type         | yes      | text       |
| value        | yes      | ''         |

* `refs` is set as `ref` prop on `textarea`

## Dependencies

Peer dependencies:

* react
* styled-components

## License

[MIT](LICENSE)

[package-url]: https://npmjs.org/package/@krelsis/react-floating-label-textarea
[npm-badge-png]: https://nodei.co/npm/@krelsis/react-floating-label-textarea.png?downloads=true&stars=true
[license-image]: http://img.shields.io/npm/l/@krelsis/react-floating-label-textarea.svg
[license-url]: LICENSE
[downloads-image]: http://img.shields.io/npm/dm/@krelsis/react-floating-label-textarea.svg
[downloads-url]: http://npm-stat.com/charts.html?package=@krelsis/react-floating-label-textarea
npm package: @kremalicious/config
Description: Shared configuration files
Author: Matthias Kretschmann
Latest version: 2.2.0

# Config

> Shared configuration files

## Usage

```bash
npm i -D @kremalicious/config
```

### Biome

```json
// biome.json
{
  "extends": ["@kremalicious/config/biome"]
}
```

See https://biomejs.dev/guides/configure-biome/#share-a-configuration-file

### Prettier

```mjs
// .prettierrc.mjs
import sharedConfig from "@kremalicious/config/prettier"

/** @type {import("prettier").Config} */
export default {
  ...sharedConfig
}
```

See https://prettier.io/docs/en/configuration#sharing-configurations
npm package: @kremalicious/react-feather
Description: React component for Feather icons
Author: Carmelo Pullara
Latest version: 2.1.0

## React Feather Icons

[![npm version](https://img.shields.io/npm/v/react-feather.svg?style=flat-square)](https://www.npmjs.com/package/react-feather)
[![npm downloads](https://img.shields.io/npm/dm/react-feather.svg?style=flat-square)](https://www.npmjs.com/package/react-feather)

### Changes to upstream

- updated dependencies
- set React v18+ as `peerDependencies`

#### What is react-feather?

react-feather is a collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

#### Based on Feather Icons `v4.28.0`

https://feathericons.com/

### Installation

    yarn add react-feather

or

    npm i react-feather

### Usage

```javascript
import React from 'react';
import { Camera } from 'react-feather';

const App = () => {
  return <Camera />;
};

export default App;
```

Icons can be configured with inline props:

```javascript
<Camera color="red" size={48} />
```

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

```javascript
var Camera = require('react-feather/dist/icons/camera').default;

var MyComponent = React.createClass({
  render: function () {
    return <Camera />;
  },
});
```

You can also include the whole icon pack:

```javascript
import React from 'react';
import * as Icon from 'react-feather';

const App = () => {
  return <Icon.Camera />;
};

export default App;
```
npm package: @kremen/core
Description: Kremen basic types and functionality
Author: Jaroslav Khorishchenko
Latest version: 1.0.14

# #Kremen.Core

Basic typep and functionality.

![npm](https://img.shields.io/npm/v/@kremen/core)
![npm type definitions](https://img.shields.io/npm/types/@kremen/core)
![](https://github.com/snipter/kremen-core/workflows/Lint/badge.svg)

## Usage

```bash
yarn add -E @kremen/core
```

## Contacts

Jaroslav Khorishchenko

[Facebook](https://fb.me/snipter), [Twitter](https://twitter.com/snipter), [Telegram](https://t.me/ideveloper)
npm package: @kremen/react
Description: Basic React components and utils for the web.
Latest version: 1.0.1

# #Kremen.React

Basic React components and utils for the web.

## Usage

```bash
yarn add -E @kremen/react
```

## Contacts

Jaroslav Khorishchenko

[Facebook](https://fb.me/snipter), [Twitter](https://twitter.com/snipter), [Telegram](https://t.me/ideveloper)
npm package: @kremen/types
Description: Basic types and utils.
Author: Jaroslav Khorishchenko
Latest version: 0.0.7

# #Kremen.Types

Basic types and utils.

![npm](https://img.shields.io/npm/v/@kremen/core)
![npm type definitions](https://img.shields.io/npm/types/@kremen/core)

## Usage

```bash
yarn add -E @kremen/core
```

## Contacts

Jaroslav Khorishchenko

[Facebook](https://fb.me/snipter), [Twitter](https://twitter.com/snipter), [Telegram](https://t.me/ideveloper)
npm package: @kremi151/chakra-datepicker
Description: A React datepicker written for chakra-ui with chakra-ui
Author: Orange Digital
Latest version: 1.0.3

# chakra-datepicker

A lightweight datepicker for React & Chakra-UI

This is a fork of [@orange_digital/chakra-datepicker](https://github.com/OrangeDigitalAustralia/chakra-datepicker), made compatible with Chakra UI 2.

## Installation
```bash
$ yarn add @kremi151/chakra-datepicker
# or
$ npm install --save @kremi151/chakra-datepicker
```

## Example usage:
```typescript
import React from 'react';
import { DatePicker } from '@kremi151/chakra-datepicker';

export const Component: React.FC = () => {
    return (
        <DatePicker initialValue={new Date()} />
    )
}

```

## Default styling image

![Imgur](https://i.imgur.com/Px8dcn9.png)

# Contributing

The main purpose of this repository is to continue evolving chakra-datepicker, making it faster and easier to use. Development of this package happens in the open on GitHub, and we are grateful to the community for contributing bugfixes and improvements. Read below to learn how you can take part in improving chakra-datepicker.

### Good First Issues

To help you get your feet wet and get you familiar with our contribution process, we have a list of [good first issues](https://github.com/OrangeDigitalAustralia/chakra-datepicker/labels/good%20first%20issue) that contain bugs which have a relatively limited scope. This is a great place to get started.

### License

Chakra-datepicker is [MIT licensed](./LICENSE).

Note: the contributing section is inspired by the React project's README
npm package: @krenaldi/learnstorybook-design-system-template
Description: Storybook design systems tutorial
Author: Kris Renaldi
Latest version: 0.2.0


# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).
npm package: @krenalis/javascript-sdk
Description: JavaScript SDK for sending events to the Krenalis Customer Data Platform (CDP)
Latest version: 0.12.0


# Krenalis JavaScript SDK

The official JavaScript SDK for sending events to the Krenalis Customer Data Platform (CDP).

## 🚀 Quick Start

### 📦 Install via npm

```bash
npm install @krenalis/javascript-sdk
````

Then import it in your application:

```js
import { Krenalis } from '@krenalis/javascript-sdk';

const krenalis = new Krenalis('your-event-write-key', 'https://example.com/v1/events');
krenalis.page('Home');
```

### 🌐 Use via CDN

#### ✅ Compatible with all browsers (ES5, IIFE):

```html
<script src="https://cdn.krenalis.com/krenalis.min.js"></script>
<script>
    const krenalis = new Krenalis('your-event-write-key', 'https://example.com/v1/events');
    krenalis.page('Home');
</script>
```

#### ✅ Modern browsers (ES6 module):

```html
<script type="module">
    import { Krenalis } from 'https://cdn.krenalis.com/krenalis.es6.min.js';

    const krenalis = new Krenalis('your-event-write-key', 'https://example.com/v1/events');
    krenalis.page('Home');
</script>
```

> 💡 Replace `"your-event-write-key"` and the endpoint URL with the values provided by Krenalis.

## 📚 Documentation

For full usage, advanced configuration, and API reference, visit the
👉 [Krenalis JavaScript SDK Documentation](https://www.krenalis.com/docs/integrations/javascript-sdk)

## 📄 License

[MIT License](LICENSE)
© 2026 [Open2b](https://www.krenalis.com/)
npm package: @krenalis/nodejs-sdk
Description: Node.js SDK for sending events to the Krenalis Customer Data Platform (CDP)
Latest version: 0.0.3

# Krenalis Node.js SDK

The Krenalis Node.js SDK lets you send customer event data from your Node applications to your specified destinations.

## SDK setup requirements

- Set up a Krenalis account.
- Set up a Node source in the dashboard.
- Copy the event write key and the endpoint.

## Using the SDK

```js
import Analytics from '@krenalis/nodejs-sdk';

const client = new Analytics('<event write key>', '<endpoint>');

client.track({
    event: 'Workout Completed',
    userId: "user-123",
    properties: {
        workout_type: 'Cardio',
        duration_minutes: 45,
        calories_burned: 380,
        device: 'Smartwatch'
    }
});
```

## Sending events

Refer to the Krenalis events documentation for more information on the supported event types.

## License

The Krenalis Node.js SDK is released under the [MIT license](License.md).

Copyright &copy; 2026 Open2b

Copyright &copy; 2017 Segment Inc. \<friends@segment.com\>
npm package: @krenbatcss/core
Description: Core utilities and compiler for KrenbatCSS - A utility-first CSS framework
Author: Muzakky Rabbani
Latest version: 0.1.0

# @krenbat/core

Core utilities and compiler for KrenbatCSS.

## Installation

```bash
npm install @krenbat/core
```

## Usage

```javascript
import { Compiler, defaultTheme } from '@krenbat/core';

const compiler = new Compiler(defaultTheme);
const classes = await compiler.scan(['src/**/*.html']);
const css = await compiler.generate(classes);
```

## Features

- 🎨 Comprehensive design tokens
- 🔧 Utility generators
- 📦 TypeScript support
- ⚡ Fast compilation

## License

MIT