open-index/open-npm huggingface dataset:
npm package: @nextui-org/use-aria-modal-overlay
Description: A custom implementation of react aria modal overlay, this removes the prevent scroll
Author: Junior Garcia
Latest version: 2.2.3

# @nextui-org/use-aria-modal-overlay

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-aria-multiselect

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-aria-overlay

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

This project is licensed under the terms of the
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
npm package: @nextui-org/use-aria-press
Description: Handles press interactions across mouse, touch, keyboard, and screen readers.
Author: Junior Garcia
Latest version: 2.0.1

# @nextui-org/use-aria-press

A Quick description of the component

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

## Installation

```sh
yarn add @nextui-org/use-aria-press
# or
npm i @nextui-org/use-aria-press
```

## Contribution

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

## Licence

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

# @nextui-org/use-aria-toggle-button

A Quick description of the component

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

## Installation

```sh
yarn add @nextui-org/use-aria-toggle-button
# or
npm i @nextui-org/use-aria-toggle-button
```

## Contribution

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

## License

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

# @nextui-org/use-callback-ref

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-clipboard

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-data-scroll-overflow

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-disclosure

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-draggable

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-image

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-infinite-scroll

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-intersection-observer

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-is-mobile

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-is-mounted

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-measure

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-pagination

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-real-shape

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-ref-state

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-resize

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-safe-layout-effect

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-scroll-position

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-ssr

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

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

# @nextui-org/use-theme

React hook to switch between light and dark themes

## Installation

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

## Usage

Import `useTheme`

```tsx
import {useTheme} from "@nextui-org/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://nextui.org/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/nextui-org/nextui/blob/master/CONTRIBUTING.md)
for details.

## License

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

# @nextui-org/use-update-effect

A Quick description of the component

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

## Installation

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

## Contribution

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

## License

This project is licensed under the terms of the
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
npm package: @nextui-org/user
Description: Flexible User Profile Component.
Author: Junior Garcia
Latest version: 2.2.6
Deprecated: This package has been deprecated. Please use @heroui/user instead.

# @nextui-org/user

Display user information with avatar and name.

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

## Installation

```sh
yarn add @nextui-org/user
# or
npm i @nextui-org/user
```

## Contribution

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

## License

This project is licensed under the terms of the
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).