open-index/open-npm huggingface dataset:
npm package: @faststore-b2b/components
Description: <p align="center">   <a href="https://faststore.dev">     <img alt="Faststore" src="../ui/static/logo.png" width="60" />   </a> </p> <h1 align="center">   FastStore Components </h1> <p align="center">   <strong>   FastStore UI components without style lay
Author: Emerson Laurentino @emersonlaurentino
Latest version: 3.0.141

<p align="center">
  <a href="https://faststore.dev">
    <img alt="Faststore" src="../ui/static/logo.png" width="60" />
  </a>
</p>
<h1 align="center">
  FastStore Components
</h1>
<p align="center">
  <strong>
  FastStore UI components without style layer.
  </strong>
</p>

<div style="display: flex; justify-content: center; width: 100%">
  <a href="https://www.npmjs.com/package/@faststore-b2b/components" style="padding: 0px 2px 0px 0px">
    <img src="https://badge.fury.io/js/%40faststore%2Fui.svg" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/components" style="padding: 0px 0px 0px 2px">
    <img src="https://badgen.net/bundlephobia/dependency-count/@faststore-b2b/components" />
  </a>
</div>
npm package: @faststore-b2b/plugin-test
Description: ## How to
Latest version: 0.0.1

# FastStore Plugin PoC

## How to

First of all you'll need to clone this repo and build it using `yarn build`.

Next you'll have to clone the [FastStore repo](https://github.com/vtex/faststore) at the `poc/plugins` branch.

Run `yarn install` on the monorepo root and cd into `packages/cli`. In the `packages/cli`, run `yarn build` and `yarn link`.

For the next step, clone the [starter](https://github.com/vtex-sites/starter) and switch to the same `poc/plugins`.

Change the path of the `@faststore/plugin-test` on the store's package.json to where you cloned this repo, run `yarn install`, then run `yarn link @faststore/cli`.

Finally run `yarn dev` on the store's directory and you should see the plugin page on http://localhost:3000/my-account.

If you make any changes to either faststore/cli or the plugin you'll have to rebuild them via `yarn build`.
npm package: @faststore-b2b/sdk
Description: Hooks for creating your next component library
Latest version: 3.0.141

<p align="center">
  <a href="https://faststore.dev">
    <img alt="Faststore" src="../ui/static/logo.png" width="60" />
  </a>
</p>
<h1 align="center">
  FastStore SDK
</h1>
<p align="center">
  <strong>
    Lightweight ecommerce state managment library
  </strong>
</p>

<div style="display: flex; justify-content: center; width: 100%">
  <a href="https://www.npmjs.com/package/@faststore-b2b/sdk" style="padding: 0px 2px 0px 0px">
    <img src="https://badge.fury.io/js/%40faststore%2Fui.svg" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/sdk" style="padding: 0px 2px 0px 2px">
    <img src="https://badgen.net/bundlephobia/minzip/@faststore-b2b/sdk" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/sdk" style="padding: 0px 2px 0px 2px">
    <img src="https://badgen.net/bundlephobia/tree-shaking/@faststore-b2b/sdk" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/sdk" style="padding: 0px 0px 0px 2px">
    <img src="https://badgen.net/bundlephobia/dependency-count/@faststore-b2b/sdk" />
  </a>
</div>

## Installation

From the command line in your project directory, run yarn add `@faststore-b2b/sdk`.

```cmd
yarn add @faststore-b2b/sdk
```

## Usage

```tsx
import React, { Component } from 'react'

import { useUI } from '@faststore-b2b/sdk'

function MyComponent {
  const { displayMinicart } = useUI()

  if (displayMinicart) {
    return <div>Minicart</div>
  }

  return null
}
```

## Docs

For more information, please refer to our documentation: https://v1.faststore.dev/reference/sdk/faststore-sdk
npm package: @faststore-b2b/ui
Description: A lightweight, framework agnostic component library for React
Author: emersonlaurentino
Latest version: 3.0.141

<p align="center">
  <a href="https://faststore.dev">
    <img alt="Faststore" src="./static/logo.png" width="60" />
  </a>
</p>
<h1 align="center">
  FastStore UI
</h1>
<p align="center">
  <strong>
    Lightweight ecommerce component library
  </strong>
</p>

<div style="display: flex; justify-content: center; width: 100%">
  <a href="https://www.npmjs.com/package/@faststore-b2b/ui" style="padding: 0px 2px 0px 0px">
    <img src="https://badge.fury.io/js/%40faststore%2Fui.svg" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/ui" style="padding: 0px 2px 0px 2px">
    <img src="https://badgen.net/bundlephobia/minzip/@faststore-b2b/ui" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/ui" style="padding: 0px 2px 0px 2px">
    <img src="https://badgen.net/bundlephobia/tree-shaking/@faststore-b2b/ui" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore-b2b/ui" style="padding: 0px 0px 0px 2px">
    <img src="https://badgen.net/bundlephobia/dependency-count/@faststore-b2b/ui" />
  </a>
</div>

## Installation

From the command line in your project directory, run yarn add `@faststore-b2b/ui`.

```cmd
yarn add @faststore-b2b/ui
```

## Usage

```tsx
import React from 'react'

import { Button } from '@faststore-b2b/ui'

function MyComponent {
  return <Button variant="primary">Add to Cart</Button>
}
```

## Docs

For more information, please refer to our documentation: https://www.faststore.dev/components
npm package: @faststore/api
Description: <p align="center">   <a href="https://faststore.dev">     <img alt="Faststore" src="../ui/static/logo.png" width="60" />   </a> </p> <h1 align="center">   FastStore API </h1> <p align="center">   <strong>     Connect to your favorite ecommerce platform   
Latest version: 3.98.0
npm package: @faststore/components
Description: <p align="center">   <a href="https://faststore.dev">     <img alt="Faststore" src="../ui/static/logo.png" width="60" />   </a> </p> <h1 align="center">   FastStore Components </h1> <p align="center">   <strong>   FastStore UI components without style lay
Author: Emerson Laurentino @emersonlaurentino
Latest version: 3.98.1

<p align="center">
  <a href="https://faststore.dev">
    <img alt="Faststore" src="../ui/static/logo.png" width="60" />
  </a>
</p>
<h1 align="center">
  FastStore Components
</h1>
<p align="center">
  <strong>
  FastStore UI components without style layer.
  </strong>
</p>

<div style="display: flex; justify-content: center; width: 100%">
  <a href="https://www.npmjs.com/package/@faststore/components" style="padding: 0px 2px 0px 0px">
    <img src="https://badge.fury.io/js/%40faststore%2Fui.svg" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore/components" style="padding: 0px 0px 0px 2px">
    <img src="https://badgen.net/bundlephobia/dependency-count/@faststore/components" />
  </a>
</div>
npm package: @faststore/styles
Description: Basic theme for our Store UI components.
Author: VTEX
Latest version: 1.12.48

# FastStore Styles

FastStore Styles is a basic CSS theme powered by [TailwindCSS](https://tailwindcss.com/) and [PostCSS](https://postcss.org/). It is currently under development.

> ⚠️ We do not recommend you to use FastStore Styles to customize your stores yet. Instead, check out [Tailwind](https://tailwindcss.com/docs/guides/gatsby).

## Usage

```
import '@faststore/styles'
```
npm package: @faststore/ui
Description: A lightweight, framework agnostic component library for React
Author: emersonlaurentino
Latest version: 3.98.1

<p align="center">
  <a href="https://faststore.dev">
    <img alt="Faststore" src="./static/logo.png" width="60" />
  </a>
</p>
<h1 align="center">
  FastStore UI
</h1>
<p align="center">
  <strong>
    Lightweight ecommerce component library
  </strong>
</p>

<div style="display: flex; justify-content: center; width: 100%">
  <a href="https://www.npmjs.com/package/@faststore/ui" style="padding: 0px 2px 0px 0px">
    <img src="https://badge.fury.io/js/%40faststore%2Fui.svg" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore/ui" style="padding: 0px 2px 0px 2px">
    <img src="https://badgen.net/bundlephobia/minzip/@faststore/ui" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore/ui" style="padding: 0px 2px 0px 2px">
    <img src="https://badgen.net/bundlephobia/tree-shaking/@faststore/ui" />
  </a>
  <a href="https://bundlephobia.com/package/@faststore/ui" style="padding: 0px 0px 0px 2px">
    <img src="https://badgen.net/bundlephobia/dependency-count/@faststore/ui" />
  </a>
</div>

## Installation

From the command line in your project directory, run pnpm add `@faststore/ui`.

```cmd
pnpm add @faststore/ui
```

## Usage

```tsx
import React from 'react'

import { Button } from '@faststore/ui'

function MyComponent {
  return <Button variant="primary">Add to Cart</Button>
}
```

## Docs

For more information, please refer to our FastStore UI documentation:https://developers.vtex.com/docs/guides/faststore/components-index