open-index/open-npm huggingface dataset:
npm package: @storyblok-components/twnd-card
Description: Simple Card component
Author: Marcin Krawczyk
Latest version: 0.3.0

## Requirements to use this component
- ...

## Install
```
npm install @storyblok-components/twnd-card --save
```
or
```
yarn add @storyblok-components/twnd-card
```

## Usage
You can immediately use installed components schema with `sb-mig` `sync --ext` functionality.

You just need to edit your `storyblok.config.js` and add `'node_modules/@storyblok-components'` which will tell `sb-mig` to look for schema files inside `@storyblok-components` folder.
```
module.exports = {
    ...
    componentsDirectories: ['src', 'storyblok', 'node_modules/@storyblok-components'],
    ...
};

```

then you can just run

```
sb-mig sync --ext twnd-card
```

which will sync twnd-card schema to your storyblok space.
You can also, import schema inside your other schema, and use only part of it:
```
const TwndCard = require("@storyblok-components/twnd-card/twnd-card.sb");
```

For React part of component
```
import TwndCard from '@storyblok-components/twnd-card`
```


## FAQ
1) ?
npm package: @storyblok-components/twnd-container
Description: Tailwindcss Container
Author: Marcin Krawczyk
Latest version: 0.3.0

## Requirements to use this component
- tailwindcss

## Install
```
npm install @storyblok-components/twnd-container --save
```
or
```
yarn add @storyblok-components/twnd-container
```

## Usage
You can immediately use installed components schema with `sb-mig` `sync --ext` functionality.

You just need to edit your `storyblok.config.js` and add `'node_modules/@storyblok-components'` which will tell `sb-mig` to look for schema files inside `@storyblok-components` folder.
```
module.exports = {
    ...
    componentsDirectories: ['src', 'storyblok', 'node_modules/@storyblok-components'],
    ...
};

```

then you can just run

```
sb-mig sync --ext twnd-container
```

which will sync twnd-container schema to your storyblok space.
You can also, import schema inside your other schema, and use only part of it:
```
const TailwindContainer = require("@storyblok-components/twnd-container/twnd-container.sb");
```

For React part of component
```
import TailwindContainer from '@storyblok-components/twnd-container`
```


## FAQ
1) ?
npm package: @storyblok-components/twnd-flex
Description: Tailwindcss Flex
Author: Marcin Krawczyk
Latest version: 0.4.0

## Requirements to use this component
- tailwindcss

## Install
```
npm install @storyblok-components/twnd-flex --save
```
or
```
yarn add @storyblok-components/twnd-flex
```

## Usage
You can immediately use installed components schema with `sb-mig` `sync --ext` functionality.

You just need to edit your `storyblok.config.js` and add `'node_modules/@storyblok-components'` which will tell `sb-mig` to look for schema files inside `@storyblok-components` folder.
```
module.exports = {
    ...
    componentsDirectories: ['src', 'storyblok', 'node_modules/@storyblok-components'],
    ...
};

```

then you can just run

```
sb-mig sync --ext twnd-flex
```

which will sync twnd-flex schema to your storyblok space.
You can also, import schema inside your other schema, and use only part of it:
```
const example = require("@storyblok-components/twnd-flex/twnd-flex.sb");
```

For React part of component
```
import example from '@storyblok-components/twnd-flex`
```


## FAQ
1)
npm package: @storyblok-components/video-component
Description: Video Storyblok component
Author: Pedro Sousa
Latest version: 0.3.2

## Install
```
npm install @storyblok-components/video-component
```
or
```
yarn add @storyblok-components/video-component
```
or using `sb-mig`
```
sb-mig add components @storyblok-components/video-component
```

## Usage
You can immediately use installed components schema with `sb-mig sync components --ext` functionality.

You just need to edit your `storyblok.config.js` and add `'node_modules/@storyblok-components'` which will tell `sb-mig` to look for schema files inside `@storyblok-components` folder.
```
module.exports = {
    ...
    componentsDirectories: ['src', 'storyblok', 'node_modules/@storyblok-components'],
    ...
};

```

then you can just run

```
sb-m sync components video-component --ext
```

which will sync video-component schema to your storyblok space.
You can also, import schema inside your other schema, and use only part of it:
```
const VideoComponent = require("@storyblok-components/video-component/video-component.sb");
```

For React part of component
```
import VideoComponent from '@storyblok-components/video-component`
```

For CSS, you can import `@import '@storyblok-components/video-component/dist/index';` in your css/scss
npm package: @storyblok/bhr-tools
Description: A collection of tools for BambooHR
Latest version: 2.2.1

# BHR Tools

This is an unofficial library that wraps the BambooHR® API.
The focus is on providing type safe reports and table contents using [zod](https://zod.dev).

## Installation

Install the package with:

```sh
npm i @storyblok/bhr-tools
```

## Usage

The package needs to be configured with your account's apiKey and company domain.
Find instructions on how to find/create them in the [official documentation](https://documentation.bamboohr.com/docs/getting-started).

```js
import { BHR, bhrDate } from '@storyblok/bhr-tools';
import { z } from 'zod'; // zod is used to validate and parse responses

const bhr = new BHR('apiKey', 'companyDomain');

const report = await bhr.getCustomReport(
  ['id', 'jobTitle', 'terminationDate'],
  z.object({
    id: z.string(),
    jobTitle: z.string().nullable(),
    terminationDate: bhrDate.nullable(), // coerce BambooHR's date strings into date objects
  })
);

console.log(report.employees);
//          ^ fully typed now
```

### Standard Reports

```js
const report = await bhr.getReport(
  42, // report with id 42
  z.object({
    id: z.string(),
    jobTitle: z.string().nullable(),
  })
);
```

### Custom Reports

```js
const report = await bhr.getCustomReport(
  ['id', 'jobTitle'],
  z.object({
    id: z.string(),
    jobTitle: z.string().nullable(),
  })
);
```

### Tables

```js
const report = await bhr.getTable(
  'compensation',
  z.object({
    id: z.string(),
    employeeId: z.string(),
    type: z.string(),
    rate: z.object({
      currency: z.string(),
      value: z.coerce.number(),
    }),
  })
);
```

### Dates

In situations where the API may return dates in the format `0000-00-00`, the exported `bhrDate` zod schema can be used for your schemas.

```js
import { BHR, bhrDate } from '@storyblok/bhr-tools';
import { z } from 'zod';

const bhr = new BHR('apiKey', 'companyDomain');

const report = await bhr.getCustomReport(
  ['id', 'terminationDate'],
  z.object({
    id: z.string(),
    terminationDate: bhrDate.nullable(), // coerce BambooHR's date strings into date objects
  })
);
```

## Development

### Build

Clone the repository and run

```sh
pnpm i
pnpm build
```

### Changesets

When issuing a PR, add a changeset describing what was changed and what kind of change it is.

```sh
pnpm changeset
```

## Legal

BambooHR® is a registered trademark of Bamboo HR LLC. This package is not affiliated or endorsed by BambooHR.