open-index/open-npm huggingface dataset:
npm package: @heroui/slider
Description: A slider allows a user to select one or more values within a range.
Author: HeroUI
Latest version: 2.4.29

# @heroui/slider

Slider allows a user to select one or more values within a range.

Please refer to the [documentation](https://heroui.com/docs/components/slider) for more information.

## Installation

```sh
yarn add @heroui/slider
# or
npm i @heroui/slider
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/snippet
Description: Display a snippet of copyable code for the command line.
Author: HeroUI
Latest version: 2.2.33

# @heroui/snippet

Snippet is a component that can be used to display inline or multiline code snippets.

Please refer to the [documentation](https://heroui.com/docs/components/snippet) for more information.

## Installation

```sh
yarn add @heroui/snippet
# or
npm i @heroui/snippet
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/spacer
Description: A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.
Author: HeroUI
Latest version: 2.2.25

# @heroui/spacer

Spacer is a component used to add space between components.

Please refer to the [documentation](https://heroui.com/docs/components/spacer) for more information.

## Installation

```sh
yarn add @heroui/spacer
# or
npm i @heroui/spacer
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/spinner
Description: Loaders express an unspecified wait time or display the length of a process.
Author: HeroUI
Latest version: 2.2.29

# @heroui/loading

Spinner express an unspecified wait time or display the length of a process.

Please refer to the [documentation](https://heroui.com/docs/components/loading) for more information.

## Installation

```sh
yarn add @heroui/loading
# or
npm i @heroui/loading
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/stories-utils
Description: A list of utilities for storybook' stories.
Author: HeroUI
Latest version: 2.1.8

# @heroui/stories-utils

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/stories-utils
# or
npm i @heroui/stories-utils
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/switch
Description: A switch is similar to a checkbox, but represents on/off values as opposed to selection.
Author: HeroUI
Latest version: 2.2.27

# @heroui/switch

The Switch component is used as an alternative between checked and not checked states.

Please refer to the [documentation](https://heroui.com/docs/components/switch) for more information.

## Installation

```sh
yarn add @heroui/switch
# or
npm i @heroui/switch
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/system
Description: HeroUI system primitives
Author: HeroUI
Latest version: 2.4.28

# @heroui/system

HeroUI system primitives, here you can find the `extendVariants` utility, `HeroUIProvider` and some other utilities.

Please refer to the [documentation](https://heroui.com) for more information.

## Installation

```sh
yarn add @heroui/system
# or
npm i @heroui/system
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/system-rsc
Description: HeroUI system primitives compatibles with RSC imports
Author: HeroUI
Latest version: 2.3.24

# @heroui/system-rsc

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/system-rsc
# or
npm i @heroui/system-rsc
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/table
Description: Tables are used to display tabular data using rows and columns. 
Author: HeroUI
Latest version: 2.2.32

# @heroui/table

Tables are used to display tabular data using rows and columns. They allow users to quickly scan, sort, compare, and take action on large amounts of data.

Please refer to the [documentation](https://heroui.com/docs/components/table) for more information.

## Installation

```sh
yarn add @heroui/table
# or
npm i @heroui/table
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/tabs
Description: Tabs organize content into multiple sections and allow users to navigate between them.
Author: HeroUI
Latest version: 2.2.29

# @heroui/tabs

Tabs organize content into multiple sections and allow users to navigate between them.

Please refer to the [documentation](https://heroui.com/docs/components/tabs) for more information.

## Installation

```sh
yarn add @heroui/tabs
# or
npm i @heroui/tabs
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/test-utils
Description: A set of utilities for react testing
Author: HeroUI
Latest version: 2.1.10

# @heroui/test-utils

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/test-utils
# or
npm i @heroui/test-utils
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/theme
Description: The default theme for HeroUI components
Author: HeroUI
Latest version: 2.4.26

# @heroui/theme

HeroUI theme primitives, here you can find the TailwindCSS `plugin`, `colors`, `layout`, `spacing`, `typography` and some other utilities.

Please refer to the [documentation](https://heroui.com/theme) for more information.

## Installation

```sh
yarn add @heroui/theme
# or
npm i @heroui/theme
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/toast
Description: Toast are temporary notifications that provide concise feedback about an action or event
Author: HeroUI
Latest version: 2.0.22

# @heroui/toast

Toast Component helps to provide feedback on user-actions.

## Installation

```sh
yarn add @heroui/toast
# or
npm i @heroui/toast
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/canary/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/canary/LICENSE).
npm package: @heroui/tooltip
Description: A React Component for rendering dynamically positioned Tooltips
Author: HeroUI
Latest version: 2.2.29

# @heroui/tooltip

Tooltips display a brief, informative message that appears when a user interacts with an element.

Please refer to the [documentation](https://heroui.com/docs/components/tooltip) for more information.

## Installation

```sh
yarn add @heroui/tooltip
# or
npm i @heroui/tooltip
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-accordion
Description: React-aria useAccordion hooks with custom implementations
Author: HeroUI
Latest version: 2.2.20

# @heroui/use-aria-accordion

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-accordion
# or
npm i @heroui/use-aria-accordion
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-accordion-item
Description: Internal impl for react aria accordion item
Author: HeroUI
Latest version: 2.2.20

# @heroui/use-aria-accordion-item

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-accordion-item
# or
npm i @heroui/use-aria-accordion-item
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-button
Description: Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning
Author: HeroUI
Latest version: 2.2.22

# @heroui/use-aria-button

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-button
# or
npm i @heroui/use-aria-button
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-link
Description: Internal hook to handle link a11y and events, this is based on react-aria link hook but without the onClick warning
Author: HeroUI
Latest version: 2.2.23

# @heroui/use-aria-link

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-link
# or
npm i @heroui/use-aria-link
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-modal-overlay
Description: A custom implementation of react aria modal overlay, this removes the prevent scroll
Author: HeroUI
Latest version: 2.2.21

# @heroui/use-aria-modal-overlay

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-modal-overlay
# or
npm i @heroui/use-aria-modal-overlay
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-multiselect
Description: Provides the behavior and accessibility implementation for a multi-select component.
Author: HeroUI
Latest version: 2.4.21

# @heroui/use-aria-multiselect

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-multiselect
# or
npm i @heroui/use-aria-multiselect
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-aria-overlay
Description: A custom implementation of react aria overlay
Author: HeroUI
Latest version: 2.0.6

# @heroui/use-aria-overlay

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-aria-overlay
# or
npm i @heroui/use-aria-overlay
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-callback-ref
Description: React hook to persist any value between renders, but keeps it up-to-date if it changes.
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-callback-ref

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-callback-ref
# or
npm i @heroui/use-callback-ref
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-clipboard
Description: Wrapper around navigator.clipboard with feedback timeout
Author: HeroUI
Latest version: 2.1.9

# @heroui/use-clipboard

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-clipboard
# or
npm i @heroui/use-clipboard
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-data-scroll-overflow
Description: A hook to add data attributes when the element has top or bottom scroll.
Author: HeroUI
Latest version: 2.2.13

# @heroui/use-data-scroll-overflow

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-data-scroll-overflow
# or
npm i @heroui/use-data-scroll-overflow
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-disclosure
Description: The hook in charge of managing modals
Author: HeroUI
Latest version: 2.2.19

# @heroui/use-disclosure

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-disclosure
# or
npm i @heroui/use-disclosure
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-draggable
Description: This hook can provide drag and drop interaction
Author: HeroUI
Latest version: 2.1.20

# @heroui/use-draggable

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-draggable
# or
npm i @heroui/use-draggable
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-form-reset
Description: use-form-reset hook from `@react-aria` utils
Author: HeroUI
Latest version: 2.0.1

# @heroui/use-form-reset

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-form-reset
# or
npm i @heroui/use-form-reset
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-image
Description: React hook for progressing image loading
Author: HeroUI
Latest version: 2.1.14

# @heroui/use-image

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-image
# or
npm i @heroui/use-image
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-infinite-scroll
Description: A hook for handling infinite scroll based on the IntersectionObserver API
Author: HeroUI
Latest version: 2.2.12

# @heroui/use-infinite-scroll

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-infinite-scroll
# or
npm i @heroui/use-infinite-scroll
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-intersection-observer
Description: Tracks the intersection of a DOM element and its containing element or the viewport.
Author: HeroUI
Latest version: 2.2.14

# @heroui/use-intersection-observer

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-intersection-observer
# or
npm i @heroui/use-intersection-observer
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-is-mobile
Description: A hook that returns whether the device is mobile or not
Author: HeroUI
Latest version: 2.2.12

# @heroui/use-is-mobile

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-is-mobile
# or
npm i @heroui/use-is-mobile
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-is-mounted
Description: This hook can be used to render client-based components or run client logic
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-is-mounted

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-is-mounted
# or
npm i @heroui/use-is-mounted
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-measure
Description: Hook that measure and track a element dimensions
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-measure

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-measure
# or
npm i @heroui/use-measure
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-pagination
Description: State management hook for Pagination component, it lets you manage pagination with controlled and uncontrolled state
Author: HeroUI
Latest version: 2.2.20

# @heroui/use-pagination

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-pagination
# or
npm i @heroui/use-pagination
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-real-shape
Description: Hook that returns the real dimensions of an element
Author: HeroUI
Latest version: 2.1.14

# @heroui/use-real-shape

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-real-shape
# or
npm i @heroui/use-real-shape
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-ref-state
Description: Hook for saving the state in a ref value
Author: HeroUI
Latest version: 2.1.9

# @heroui/use-ref-state

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-ref-state
# or
npm i @heroui/use-ref-state
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-resize
Description: Hook that adds an event listener to the resize window event
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-resize

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-resize
# or
npm i @heroui/use-resize
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-safe-layout-effect
Description: A Quick description of the component
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-safe-layout-effect

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-safe-layout-effect
# or
npm i @heroui/use-safe-layout-effect
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-scroll-position
Description: Provides the logic to control the scroll over an element
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-scroll-position

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-scroll-position
# or
npm i @heroui/use-scroll-position
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-ssr
Description: A Quick description of the component
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-ssr

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-ssr
# or
npm i @heroui/use-ssr
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-theme
Description: React hook to switch between light and dark themes
Author: HeroUI
Latest version: 2.1.10

# @heroui/use-theme

React hook to switch between light and dark themes

## Installation

```sh
yarn add @heroui/use-theme
# or
npm i @heroui/use-theme
```

## Usage

Import `useTheme`

```tsx
import {useTheme} from "@heroui/use-theme";
```

### theme

```tsx
// `theme` is the active theme name
// by default, it will use the one in localStorage.
// if it is no such value in localStorage, `light` theme will be used
const {theme} = useTheme();
```

### setTheme

You can use any theme name you want, but make sure it exists in your 
`tailwind.config.js` file. See [Create Theme](https://heroui.com/docs/customization/create-theme) for more details.

```tsx
// set `theme` by using `setTheme`
const {setTheme} = useTheme();
// setting to light theme
setTheme('light')
// setting to dark theme
setTheme('dark')
// setting to purple-dark theme
setTheme('purple-dark')
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-update-effect
Description: React effect hook that invokes only on update
Author: HeroUI
Latest version: 2.1.8

# @heroui/use-update-effect

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-update-effect
# or
npm i @heroui/use-update-effect
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/use-viewport-size
Description: use-viewport-size hook from `@react-aria` utils
Author: HeroUI
Latest version: 2.0.1

# @heroui/use-viewport-size

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
yarn add @heroui/use-viewport-size
# or
npm i @heroui/use-viewport-size
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @heroui/user
Description: Flexible User Profile Component.
Author: HeroUI
Latest version: 2.2.26

# @heroui/user

Display user information with avatar and name.

Please refer to the [documentation](https://heroui.com/docs/components/user) for more information.

## Installation

```sh
yarn add @heroui/user
# or
npm i @heroui/user
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).
npm package: @herowcode/eslint-config
Description: ESLint configuration used by HEROw.
Latest version: 1.2.4

# HEROw ESLint config

## Whats included?

- Standard config base;
- React plugin;
- React Hooks plugin;
- JSX a11y plugin;
- Prettier;

## Setup

### React (with Next.js)

Install dependencies:
```
npm i -D eslint @herowcode/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": [
    "@herowcode/eslint-config/next", 
    "next/core-web-vitals"
  ]
}
```

### React (without Next.js)

Install dependencies:
```
npm i -D eslint @herowcode/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@herowcode/eslint-config/react"
}
```

### Node.js

Install dependencies:
```
npm i -D eslint @herowcode/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@herowcode/eslint-config/node"
}
```
npm package: @herp-inc/cycle-launchdarkly-driver
Description: LaunchDarkly driver for Cycle.js, based on Standard Schema
Latest version: 0.5.0

# `@herp-inc/cycle-launchdarkly-driver` [![npm](https://img.shields.io/npm/v/@herp-inc/cycle-launchdarkly-driver)](https://www.npmjs.com/package/@herp-inc/cycle-launchdarkly-driver)

[LaunchDarkly](https://launchdarkly.com/) driver for [Cycle.js](https://cycle.js.org/), based on [Standard Schema
](https://standardschema.dev/).

## Installation

Note that the following packages are peer dependencies of this library, which need to be installed separately.

| Package                                                                                  | Version |
| ---------------------------------------------------------------------------------------- | ------- |
| [`launchdarkly-js-client-sdk`](https://www.npmjs.com/package/launchdarkly-js-client-sdk) | `3`     |
| [`xstream`](https://www.npmjs.com/package/xstream)                                       | `11`    |

```sh
$ yarn add @herp-inc/cycle-launchdarkly-driver
```

## Example

```typescript
import { run } from '@cycle/run';
import { makeDOMDriver } from '@cycle/dom';
import { makeLaunchDarklyDriver } from '@herp-inc/cycle-launchdarkly-driver';
import * as z from 'zod';

type Features = {
  foo: boolean;
  bar: number;
  baz: string;
};

const Features = {
  schema: z.object({
    foo: z.boolean(),
    bar: z.number(),
    baz: z.string(),
  }),
  defaultValues: {
    foo: false,
    bar: 0,
    baz: '',
  },
};

type Sources = { features: FeaturesSource<Features> };
type Sinks = { DOM: Stream<VNode> };

function main({ features }: Sources): Sinks {
  return {
    DOM: features.stream.map(view),
  };
}

const drivers = {
  features: makeLaunchDarklyDriver({
    envKey: YOUR_CLIENT_SIDE_ID,
    defaultValues: FeatureFlags.defaultValues,
    fallbackDelay: 100,
    options: {
      bootstrap: 'localStorage',
    },
    schema: FeatureFlags.schema,
    user: {
      key: user.id,
    },
  }),
  DOM: makeDOMDriver('#app'),
};

run(main, drivers);
```
npm package: @herp-inc/eslint-config
Description: ESLint shareable config for TypeScript environments
Author: HERP, Inc.
Latest version: 202412.1.0

# `@herp-inc/eslint-config` [![npm](https://img.shields.io/npm/v/@herp-inc/eslint-config)](https://www.npmjs.com/package/@herp-inc/eslint-config)

[ESLint shareable config](https://eslint.org/docs/developer-guide/shareable-configs) for general [TypeScript](https://www.typescriptlang.org/) environments

## Installation

Note that the following packages are peer dependencies of this library, which need to be installed separately.

| Package                                                                                              | Version          |
| ---------------------------------------------------------------------------------------------------- | ---------------- |
| [`@typescript-eslint/eslint-plugin`](https://www.npmjs.com/package/@typescript-eslint/eslint-plugin) | `8`              |
| [`@typescript-eslint/parser`](https://www.npmjs.com/package/@typescript-eslint/parser)               | `8`              |
| [`eslint`](https://www.npmjs.com/package/eslint)                                                     | `^8.56.0 \|\| 9` |
| [`eslint-config-prettier`](https://www.npmjs.com/package/eslint-config-prettier)                     | `*`              |
| [`eslint-plugin-import`](https://www.npmjs.com/package/eslint-plugin-import)                         | `^2.30.0`        |

### Using [npm](https://www.npmjs.com/)

```sh
$ npm install --save-dev @herp-inc/eslint-config
```

### Using [yarn](https://yarnpkg.com/)

```sh
$ yarn add --dev @herp-inc/eslint-config
```

## Usage

Add `@herp-inc` to the `extends` section of your [ESLint configuration](http://eslint.org/docs/user-guide/configuring).

```json
{
  "extends": ["@herp-inc"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json",
    "sourceType": "module"
  }
}
```

## [Flat config](https://eslint.org/docs/latest/use/configure/configuration-files) support (experimental)

> [!WARNING]
> This feature is still experimental, and thus may encounter breaking changes even in a minor version.

Make sure that the following packages are installed as peer dependencies.

| Package                                                                          | Version          |
| -------------------------------------------------------------------------------- | ---------------- |
| [`@eslint/js`](https://www.npmjs.com/package/@eslint/js)                         | `^8.56.0 \|\| 9` |
| [`eslint`](https://www.npmjs.com/package/eslint)                                 | `^8.56.0 \|\| 9` |
| [`eslint-config-prettier`](https://www.npmjs.com/package/eslint-config-prettier) | `9`              |
| [`eslint-plugin-import`](https://www.npmjs.com/package/eslint-plugin-import)     | `^2.30.0`        |
| [`typescript-eslint`](https://www.npmjs.com/package/typescript-eslint)           | `8`              |

```eslint.config.js
import config from '@herp-inc/eslint-config/flat';

export default [
  ...config,
  // Add your additional configurations here
];
```
npm package: @herp-inc/eslint-config-jest
Description: ESLint shareable config for Jest environments
Author: HERP, Inc.
Latest version: 202412.1.0

# `@herp-inc/eslint-config-jest` [![npm](https://img.shields.io/npm/v/@herp-inc/eslint-config-jest)](https://www.npmjs.com/package/@herp-inc/eslint-config-jest)

[ESLint shareable config](https://eslint.org/docs/developer-guide/shareable-configs) for [Jest](https://jestjs.io/) environments

This package is intended to be used along with [`@herp-inc/eslint-config`](https://www.npmjs.com/package/@herp-inc/eslint-config).

## Installation

Note that the following packages are peer dependencies of this library, which need to be installed separately.

| Package                                                                  | Version    |
| ------------------------------------------------------------------------ | ---------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                         | `8 \|\| 9` |
| [`eslint-plugin-jest`](https://www.npmjs.com/package/eslint-plugin-jest) | `^28.8.0`  |

### Using [npm](https://www.npmjs.com/)

```sh
$ npm install --save-dev @herp-inc/eslint-config-jest
```

### Using [yarn](https://yarnpkg.com/)

```sh
$ yarn add --dev @herp-inc/eslint-config-jest
```

## Usage

Add `@herp-inc/eslint-config-jest` to the `extends` section of your [ESLint configuration](http://eslint.org/docs/user-guide/configuring).

```json
{
  "extends": ["@herp-inc"],
  "overrides": [
    {
      "extends": ["@herp-inc/eslint-config-jest"],
      "files": ["*.test.ts"]
    }
  ]
}
```

## [Flat config](https://eslint.org/docs/latest/use/configure/configuration-files) support (experimental)

> [!WARNING]
> This feature is still experimental, and thus may encounter breaking changes even in a minor version.

Make sure that the following packages are installed as peer dependencies.

| Package                                                                  | Version          |
| ------------------------------------------------------------------------ | ---------------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                         | `^8.21.0 \|\| 9` |
| [`eslint-plugin-jest`](https://www.npmjs.com/package/eslint-plugin-jest) | `^28.8.0`        |

```eslint.config.js
import config from '@herp-inc/eslint-config/flat';
import configJest from '@herp-inc/eslint-config-jest/flat';

export default [
  ...config,
  ...configJest,
  // Add your additional configurations here
];
```
npm package: @herp-inc/eslint-config-jsx
Description: ESLint shareable config for JSX environments
Author: HERP, Inc.
Latest version: 202412.1.0

# `@herp-inc/eslint-config-jsx` [![npm](https://img.shields.io/npm/v/@herp-inc/eslint-config-jsx)](https://www.npmjs.com/package/@herp-inc/eslint-config-jsx)

[ESLint shareable config](https://eslint.org/docs/developer-guide/shareable-configs) for [JSX](https://facebook.github.io/jsx/) environments

This package is intended to be used along with [`@herp-inc/eslint-config`](https://www.npmjs.com/package/@herp-inc/eslint-config).

## Installation

Note that the following packages are peer dependencies of this library, which need to be installed separately.

| Package                                                                          | Version    |
| -------------------------------------------------------------------------------- | ---------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                                 | `8 \|\| 9` |
| [`eslint-plugin-jsx-a11y`](https://www.npmjs.com/package/eslint-plugin-jsx-a11y) | `^6.9.0`   |
| [`eslint-plugin-react`](https://www.npmjs.com/package/eslint-plugin-react)       | `^7.35.0`  |

### Using [npm](https://www.npmjs.com/)

```sh
$ npm install --save-dev @herp-inc/eslint-config-jsx
```

### Using [yarn](https://yarnpkg.com/)

```sh
$ yarn add --dev @herp-inc/eslint-config-jsx
```

## Usage

Add `@herp-inc/eslint-config-jsx` to the `extends` section of your [ESLint configuration](http://eslint.org/docs/user-guide/configuring).

```json
{
  "extends": ["@herp-inc"],
  "overrides": [
    {
      "extends": ["@herp-inc/eslint-config-jsx"],
      "files": ["*.tsx"]
    }
  ]
}
```

## [Flat config](https://eslint.org/docs/latest/use/configure/configuration-files) support (experimental)

> [!WARNING]
> This feature is still experimental, and thus may encounter breaking changes even in a minor version.

Make sure that the following packages are installed as peer dependencies.

| Package                                                                          | Version          |
| -------------------------------------------------------------------------------- | ---------------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                                 | `^8.21.0 \|\| 9` |
| [`eslint-plugin-jsx-a11y`](https://www.npmjs.com/package/eslint-plugin-jsx-a11y) | `^6.9.0`         |
| [`eslint-plugin-react`](https://www.npmjs.com/package/eslint-plugin-react)       | `^7.35.0`        |

```eslint.config.js
import config from '@herp-inc/eslint-config/flat';
import configJSX from '@herp-inc/eslint-config-jsx/flat';

export default [
  ...config,
  ...configJSX,
  // Add your additional configurations here
];
```
npm package: @herp-inc/eslint-config-node
Description: ESLint shareable config for Node.js environments
Author: HERP, Inc.
Latest version: 202412.1.0

# `@herp-inc/eslint-config-node` [![npm](https://img.shields.io/npm/v/@herp-inc/eslint-config-node)](https://www.npmjs.com/package/@herp-inc/eslint-config-node)

[ESLint shareable config](https://eslint.org/docs/developer-guide/shareable-configs) for [Node.js](https://nodejs.org/en/) environments

This package is intended to be used along with [`@herp-inc/eslint-config`](https://www.npmjs.com/package/@herp-inc/eslint-config).

## Installation

Note that the following packages are peer dependencies of this library, which need to be installed separately.

| Package                                                            | Version    |
| ------------------------------------------------------------------ | ---------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                   | `8 \|\| 9` |
| [`eslint-plugin-n`](https://www.npmjs.com/package/eslint-plugin-n) | `^17.10.0` |

### Using [npm](https://www.npmjs.com/)

```sh
$ npm install --save-dev @herp-inc/eslint-config-node
```

### Using [yarn](https://yarnpkg.com/)

```sh
$ yarn add --dev @herp-inc/eslint-config
```

## Usage

Add `@herp-inc/eslint-config-node` to the `extends` section of your [ESLint configuration](http://eslint.org/docs/user-guide/configuring).

```json
{
  "extends": ["@herp-inc", "@herp-inc/eslint-config-node"]
}
```

## [Flat config](https://eslint.org/docs/latest/use/configure/configuration-files) support (experimental)

> [!WARNING]
> This feature is still experimental, and thus may encounter breaking changes even in a minor version.

Make sure that the following packages are installed as peer dependencies.

| Package                                                            | Version          |
| ------------------------------------------------------------------ | ---------------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                   | `^8.21.0 \|\| 9` |
| [`eslint-plugin-n`](https://www.npmjs.com/package/eslint-plugin-n) | `^17.10.0`       |

```eslint.config.js
import config from '@herp-inc/eslint-config/flat';
import configNode from '@herp-inc/eslint-config-node/flat';

export default [
  ...config,
  ...configNode,
  // Add your additional configurations here
];
```
npm package: @herp-inc/eslint-config-react
Description: ESLint shareable config for React environments
Author: HERP, Inc.
Latest version: 202412.1.0

# `@herp-inc/eslint-config-react` [![npm](https://img.shields.io/npm/v/@herp-inc/eslint-config-react)](https://www.npmjs.com/package/@herp-inc/eslint-config-react)

[ESLint shareable config](https://eslint.org/docs/developer-guide/shareable-configs) for [React](https://reactjs.org/) environments

This package is intended to be used along with [`@herp-inc/eslint-config`](https://www.npmjs.com/package/@herp-inc/eslint-config) and [`@herp-inc/eslint-config-jsx`](https://www.npmjs.com/package/@herp-inc/eslint-config-jsx).

## Installation

Note that the following packages are peer dependencies of this library, which need to be installed separately.

| Package                                                                                | Version         |
| -------------------------------------------------------------------------------------- | --------------- |
| [`eslint`](https://www.npmjs.com/package/eslint)                                       | `8 \|\| 9`      |
| [`eslint-plugin-react`](https://www.npmjs.com/package/eslint-plugin-react)             | `^7.35.0`       |
| [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) | `^4.6.0 \|\| 5` |

### Using [npm](https://www.npmjs.com/)

```sh
$ npm install --save-dev @herp-inc/eslint-config-react
```

### Using [yarn](https://yarnpkg.com/)

```sh
$ yarn add --dev @herp-inc/eslint-config
```

## Usage

Add `@herp-inc/eslint-config-react` to the `extends` section of your [ESLint configuration](http://eslint.org/docs/user-guide/configuring).

```json
{
  "extends": ["@herp-inc", "@herp-inc/eslint-config-react"]
}
```
npm package: @herp-inc/prettier-config
Description: Shared Prettier configuration for the projects in HERP, Inc.
Author: HERP, Inc.
Latest version: 1.0.0

# `@herp-inc/prettier-config` [![npm](https://img.shields.io/npm/v/@herp-inc/prettier-config.svg)](https://www.npmjs.com/package/@herp-inc/prettier-config)

Shared Prettier configuration for the projects in [HERP, Inc.](https://herp.co.jp/)

## Caveat

This configuration is intended to be used along with [Prettier's EditorConfig integration](https://prettier.io/docs/en/configuration.html#editorconfig) and therefore minimalistic.
Please make sure you have an [`.editorconfig` file](https://editorconfig.org/) in your repository.

## Installation

```sh
$ yarn add -D @herp-inc/prettier-config
```

## Usage

In your `.prettierrc`:

```json
"@herp-inc/prettier-config"
```
npm package: @herp-inc/tailwindcss-preset
Description: Shared TypeScript configuration for the projects in HERP, Inc.
Author: HERP, Inc.
Latest version: 2.0.0

# `@herp-inc/tailwindcss-preset` [![npm](https://img.shields.io/npm/v/@herp-inc/tailwindcss-preset.svg)](https://www.npmjs.com/package/@herp-inc/tailwindcss-preset)

The [Tailwind CSS preset](https://tailwindcss.com/docs/presets) for the projects in [HERP, Inc.](https://herp.co.jp/)

## Installation

```sh
$ yarn add -D @herp-inc/tailwindcss-preset
```

## Usage

```js
// tailwind.config.js

module.exports = {
  presets: [
    require('@herp-inc/tailwindcss-preset')
  ],
  // ...
};
```
npm package: @herp-inc/tsconfig.json
Description: Shared TypeScript configuration for the projects in HERP, Inc.
Author: HERP, Inc.
Latest version: 1.0.0

# `@herp-inc/tsconfig.json` [![npm](https://img.shields.io/npm/v/@herp-inc/tsconfig.json.svg)](https://www.npmjs.com/package/@herp-inc/tsconfig.json)

Shared TypeScript configuration for the projects in [HERP, Inc.](https://herp.co.jp/)

## Installation

```sh
$ yarn add -D @herp-inc/tsconfig.json
```

## Usage

```json
{
  "extends": "@herp-inc/tsconfig.json/ts4.4"
}
```

## Available configurations

| Entrypoint name                 | Supported TypeScript versions |
| ------------------------------- | ----------------------------- |
| `@herp-inc/tsconfig.json/ts4.4` | 4.4+                          |