open-index/open-npm huggingface dataset:
npm package: @infcesar/nextui-accordion
Description: Collapse display a list of high-level options that can expand/collapse to reveal more information.
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/accordion

Accordion display a list of high-level options that can expand/collapse to reveal more information.

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

## Installation

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

## 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: @infcesar/nextui-alert
Description: Alerts are temporary notifications that provide concise feedback about an action or event.
Author: Junior Garcia
Latest version: 2.2.8

# @nextui-org/alert

Alerts are temporary notifications that provide concise feedback about an action or event.

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

## Installation

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

## 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: @infcesar/nextui-autocomplete
Description: An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
Author: Junior Garcia
Latest version: 2.3.8

# @nextui-org/autocomplete

An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.

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

## Installation

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

## 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: @infcesar/nextui-avatar
Description: The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/avatar

The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

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

## Installation

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

## 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: @infcesar/nextui-badge
Description: Badges are used as a small numerical value or status descriptor for UI elements.
Author: Junior Garcia
Latest version: 2.2.4

# @nextui-org/badge

Badges are used as a small numerical value or status descriptor for UI elements.

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

## Installation

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

## 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: @infcesar/nextui-breadcrumbs
Description: Breadcrumbs display a hierarchy of links to the current page or resource in an application.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/breadcrumbs

Breadcrumbs display a hierarchy of links to the current page or resource in an application.

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

## Installation

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

## 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: @infcesar/nextui-button
Description: Buttons allow users to perform actions and choose with a single tap.
Author: Junior Garcia
Latest version: 2.2.8

# @nextui-org/button

Buttons allow users to perform actions and choose with a single tap.

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

## Installation

```sh
yarn add @nextui-org/button
# or
npm i @nextui-org/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: @infcesar/nextui-calendar
Description: A calendar displays one or more date grids and allows users to select a single date.
Author: Junior Garcia
Latest version: 2.2.8

# @nextui-org/calendar

A calendar displays one or more date grids and allows users to select a single date.

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

## Installation

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

## 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: @infcesar/nextui-card
Description: Card is a container for text, photos, and actions in the context of a single subject.
Author: Junior Garcia
Latest version: 2.2.8

# @nextui-org/card

Card is a container for text, photos, and actions in the context of a single subject.

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

## Installation

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

## 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: @infcesar/nextui-checkbox
Description: Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
Author: Junior Garcia
Latest version: 2.3.7

# @nextui-org/checkbox

Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.

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

## Installation

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

## 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: @infcesar/nextui-chip
Description: Chips help people enter information, make selections, filter content, or trigger actions.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/chip

A Chip is a small block of essential information that represent an input, attribute, or action.

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

## Installation

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

## 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: @infcesar/nextui-code
Description: Code is a component used to display inline code.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/code

Code is a component used to display inline code.

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

## Installation

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

## 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: @infcesar/nextui-date-input
Description: A date input allows users to enter and edit date and time values using a keyboard.
Author: Junior Garcia
Latest version: 2.3.7

# @nextui-org/date-input

A date input allows users to enter and edit date and time values using a keyboard.

## Installation

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

## 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: @infcesar/nextui-date-picker
Description: A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.
Author: Junior Garcia
Latest version: 2.3.8

# @nextui-org/date-picker

A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.

## Installation

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

## 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: @infcesar/nextui-divider
Description: . A separator is a visual divider between two groups of content
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/divider

Divider is a component that separates content in a page.

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

## Installation

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

## 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: @infcesar/nextui-drawer
Description: Used to render a content that slides in from the side of the screen.
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/drawer

A Quick description of the component

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

## Installation

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

## 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: @infcesar/nextui-dropdown
Description: A dropdown displays a list of actions or options that a user can choose.
Author: Junior Garcia
Latest version: 2.3.8

# @nextui-org/dropdown

Displays a list of actions or options that a user can choose.

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

## Installation

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

## 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: @infcesar/nextui-form
Description: A form is a group of inputs that allows users submit data to a server and supports field validation errors.
Author: Junior Garcia
Latest version: 2.1.7

# @nextui-org/form

A Quick description of the component

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

## Installation

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

## 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: @infcesar/nextui-image
Description: A simple image component
Author: Junior Garcia
Latest version: 2.2.4

# @nextui-org/image

The Image component is used to display images with support for fallback.

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

## Installation

```sh
yarn add @nextui-org/image
# or
npm i @nextui-org/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: @infcesar/nextui-input
Description: The input component is designed for capturing user input within a text field.
Author: Junior Garcia
Latest version: 2.4.7

# @nextui-org/input

Input is a component that allows users to enter text. It can be used to get user inputs in forms, search fields, and more.

This package contains the Input component and the TextArea component.

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

## Installation

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

## 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: @infcesar/nextui-input-otp
Description: InputOTP is a component that allows users to enter otp input. It can be used to get user otp in forms.
Author: Junior Garcia
Latest version: 2.1.7

# @nextui-org/input-otp

InputOTP is a component that allows users to enter otp input. It can be used to get user otp in forms.

This package contains the InputOTPcomponent.

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

## Installation

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

## 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: @infcesar/nextui-kbd
Description: The keyboard key components indicates which key or set of keys used to execute a specificv  action
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/kbd

Keyboard key or kbd is a component to display which key or combination of keys performs a given action.

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

## Installation

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

## 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: @infcesar/nextui-link
Description: Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/link

Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an `<a>` tag.

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

## Installation

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

## 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: @infcesar/nextui-listbox
Description: A listbox displays a list of options and allows a user to select one or more of them.
Author: Junior Garcia
Latest version: 2.3.8

# @nextui-org/listbox

A listbox displays a list of options and allows a user to select one or more of them.

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

## Installation

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

## 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: @infcesar/nextui-menu
Description: A menu displays a list of options and allows a user to select one or more of them.
Author: Junior Garcia
Latest version: 2.2.8

# @nextui-org/menu

A menu displays a list of options and allows a user to select one or more of them.

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

## Installation

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

## 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: @infcesar/nextui-modal
Description: Displays a dialog with a custom content that requires attention or provides additional information.
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/modal

Displays a dialog with a custom content that requires attention or provides additional information.

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

## Installation

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

## 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: @infcesar/nextui-navbar
Description: A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.
Author: Junior Garcia
Latest version: 2.2.7

# @nextui-org/navbar

A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse menu and more.

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

## Installation

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

## 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: @infcesar/nextui-pagination
Description: The Pagination component allows you to display active page and navigate between multiple pages.
Author: Junior Garcia
Latest version: 2.2.7

# @nextui-org/pagination

The Pagination component allows you to display active page and navigate between multiple pages.

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

## Installation

```sh
yarn add @nextui-org/pagination
# or
npm i @nextui-org/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: @infcesar/nextui-popover
Description: A popover is an overlay element positioned relative to a trigger.
Author: Junior Garcia
Latest version: 2.3.8

# @nextui-org/popover

Popover is a non-modal dialog that floats around its disclosure. It's commonly used for displaying additional rich content on top of something.

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

## Installation

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

## 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: @infcesar/nextui-progress
Description: Progress bars show either determinate or indeterminate progress of an operation over time.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/progress

The Progress component allows you to view the progress of any activity.

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

## Installation

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

## 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: @infcesar/nextui-radio
Description: Radios allow users to select a single option from a list of mutually exclusive options.
Author: Junior Garcia
Latest version: 2.3.7

# @nextui-org/radio

Radio Group allow users to select a single option from a list of mutually exclusive options.

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

## Installation

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

## 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: @infcesar/nextui-react
Description: 🚀 Beautiful and modern React UI library.
Author: Junior Garcia
Latest version: 2.6.10

<p align="center">
  <a href="https://nextui.org">
      <img width="20%" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/isotipo.png" alt="nextui" />
      <h1 align="center">NextUI</h1>
  </a>
</p>
</br>
<p align="center">
  <a href="https://github.com/jrgarciadev/nextui/blob/main/LICENSE">
    <img src="https://img.shields.io/npm/l/@nextui-org/react?style=flat" alt="License">
  </a>
  <a href="https://codecov.io/gh/jrgarciadev/nextui">
    <img src="https://codecov.io/gh/jrgarciadev/nextui/branch/main/graph/badge.svg?token=QJF2QKR5N4" alt="codecov badge">
  </a>
  <!-- <a href="https://github.com/nextui-org/nextui/actions/workflows/main.yaml">
    <img src="https://github.com/nextui-org/nextui/actions/workflows/main.yaml/badge.svg" alt="CI/CD nextui">
  </a> -->
  <a href="https://www.npmjs.com/package/@nextui-org/react">
    <img src="https://img.shields.io/npm/dm/@nextui-org/react.svg?style=flat-round" alt="npm downloads">
  </a>
</p>

> **NOTE:** This is a community project, not associated with [Vercel](https://vercel.com).

## Getting Started

Visit <a aria-label="nextui learn" href="https://nextui.org/learn">https://nextui.org/guide</a> to get started with NextUI.

## Documentation

Visit [https://nextui.org/docs](https://nextui.org/docs) to view the full documentation.

## Storybook

Visit [https://storybook.nextui.org](https://storybook.nextui.org/) to view the storybook for all components.

## Canary Release

Canary versions are available after every merge into `canary` branch. You can install the packages with the tag `canary` in npm to use the latest changes before the next production release.

- [Documentation](https://canary.nextui.org/docs)
- [Storybook](https://canary-sb.nextui.org)

## Community

We're excited to see the community adopt NextUI, raise issues, and provide feedback.
Whether it's a feature request, bug report, or a project to showcase, please get involved!

- [Discord](https://discord.gg/9b6yyZKmH4)
- [X](https://x.com/getnextui)
- [GitHub Discussions](https://github.com/nextui-org/nextui/discussions)

## Contributing

Contributions are always welcome!

See [CONTRIBUTING.md](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.md) for ways to get started.

Please adhere to this project's [CODE_OF_CONDUCT](https://github.com/nextui-org/nextui/blob/main/CODE_OF_CONDUCT.md).

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @infcesar/nextui-ripple
Description: A simple implementation to display a ripple animation when the source component is clicked
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/ripple

This is a component that creates a ripple effect on the screen.

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

## Installation

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

## 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: @infcesar/nextui-scroll-shadow
Description: A component that applies top and bottom shadows when content overflows on scroll.
Author: Junior Garcia
Latest version: 2.3.4

# @nextui-org/scroll-shadow

A component that applies top and bottom shadows when content overflows on scroll.

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

## Installation

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

## 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: @infcesar/nextui-select
Description: A select displays a collapsible list of options and allows a user to select one of them.
Author: Junior Garcia
Latest version: 2.4.8

# @nextui-org/select

A select displays a collapsible list of options and allows a user to select one of them.

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

## Installation

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

## 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: @infcesar/nextui-skeleton
Description: Skeleton is used to display the loading state of some component.
Author: Junior Garcia
Latest version: 2.2.4

# @nextui-org/skeleton

Skeleton is a placeholder to show a loading state and the expected shape of a component.

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

## Installation

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

## 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: @infcesar/nextui-slider
Description: A slider allows a user to select one or more values within a range.
Author: Junior Garcia
Latest version: 2.4.6

# @nextui-org/slider

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

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

## Installation

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

## 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: @infcesar/nextui-snippet
Description: Display a snippet of copyable code for the command line.
Author: Junior Garcia
Latest version: 2.2.9

# @nextui-org/snippet

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

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

## Installation

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

## 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: @infcesar/nextui-spacer
Description: A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/spacer

Spacer is a component used to add space between components.

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

## Installation

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

## 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: @infcesar/nextui-spinner
Description: Loaders express an unspecified wait time or display the length of a process.
Author: Junior Garcia
Latest version: 2.2.5

# @nextui-org/loading

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

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

## Installation

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

## 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: @infcesar/nextui-switch
Description: A switch is similar to a checkbox, but represents on/off values as opposed to selection.
Author: Junior Garcia
Latest version: 2.2.7

# @nextui-org/switch

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

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

## Installation

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

## 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: @infcesar/nextui-system
Description: NextUI system primitives
Author: Junior Garcia
Latest version: 2.4.5

# @nextui-org/system

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

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

## Installation

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

## 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: @infcesar/nextui-system-rsc
Description: NextUI system primitives compatibles with RSC imports
Author: Junior Garcia
Latest version: 2.3.5

# @nextui-org/system-rsc

A Quick description of the component

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

## Installation

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

## 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: @infcesar/nextui-table
Description: Tables are used to display tabular data using rows and columns. 
Author: Junior Garcia
Latest version: 2.2.7

# @nextui-org/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://nextui.org/docs/components/table) for more information.

## Installation

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

## 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: @infcesar/nextui-tabs
Description: Tabs organize content into multiple sections and allow users to navigate between them.
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/tabs

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

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

## Installation

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

## 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: @infcesar/nextui-tooltip
Description: A React Component for rendering dynamically positioned Tooltips
Author: Junior Garcia
Latest version: 2.2.6

# @nextui-org/tooltip

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

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

## Installation

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

## 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: @infcesar/nextui-use-aria-accordion
Description: React-aria useAccordion hooks with custom implementations
Author: Junior Garcia
Latest version: 2.2.2

# @nextui-org/use-aria-accordion

A Quick description of the component

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

## Installation

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

## 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: @infcesar/nextui-use-aria-accordion-item
Description: Internal impl for react aria accordion item
Author: Junior Garcia
Latest version: 2.2.2

# @nextui-org/use-aria-accordion-item

A Quick description of the component

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

## Installation

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

## 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: @infcesar/nextui-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: Junior Garcia
Latest version: 2.2.4

# @nextui-org/use-aria-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-button
# or
npm i @nextui-org/use-aria-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: @infcesar/nextui-user
Description: Flexible User Profile Component.
Author: Junior Garcia
Latest version: 2.2.5

# @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).
npm package: @infect/api
Description: infect 2.0 api
Author: Lina van der Weg
Latest version: 4.2.2

# Infect API

### Fetch data from the data master file

    npm run update-production-data
    npm run update-beta-data
    npm run update-data


### Import Resistance Data

    npm run import-production-resistance-data
    npm run import-beta-resistance-data
    npm run import-resistance-data


### Start the API

you may use the following flags to load the data for a specific environment:

- --data-for-dev
- --data-for-beta
- --data-for-production

    node --experimental-modules . --dev --data-for-beta

then go and visit http://localhost:8000/
npm package: @infect/frontend
Description: infect frontend
Author: Felix Steiner
Latest version: 4.2.0

# INFECT Frontend

Frontent for the INFECT application

## Testing

To run the tests provided, call

```
npm test
```

## Serve

To run the dev server, call

```
npm start
```

Parameters:
- Pass `host` of a valid API to the URL when testing, e.g. http://localhost:3000/?host=beta.infect.info
- Pass `previewGuidelines` to preview unpublished guidelines: http://localhost:3000/?previewGuidelines
- Pass `dataVersionStatusIdentifiers` to preview a certain version of RDA data; valid values are `active` and `preview`, multiple entries must be comma separated, e.g. http://localhost:3000/?dataVersionStatusIdentifiers=active,preview

## Build

To build the CSS and JS files needed for the production system, call

```
npm run build
```
npm package: @infect/guideline-service
Description: guideline service
Author: Lina van der Weg
Latest version: 1.4.5

# INFECT Guidelines Service

The service consumes data from the Data Access Layer (DAL) using graphQL and 
provides it as RESTful resource to the client.

This service runs behind a envoy sidecar-proxy which is used to collect trace information . Find the docs at https://www.envoyproxy.io/docs/envoy/latest/

## Docker

**build the container**

```bash
docker build -t guideline-service:v1.0.0 .
```


**run the container**

```bash
docker run --name guideline-service --rm -d -p 1000:100 guideline-service:v1.0.0
```

check if it's running by running the following commands:

```bash
docker ps
```

if you run into problems:

```bash
docker run --name guideline-service --rm -d -p 1000:100 -it guideline-service:v1.0.0 bash
```

the drop into the container using the `docker exec -it guideline-service bash` command




## GCP Container registry

**setup**

If you are working the first time with the registry, you have to make sure 
you can authenticate properly

Add you user to the docker group

```bash
sudo usermod -a -G docker ${USER}
```

Configure docker to use gcloud as authenticator

```bash
gcloud auth configure-docker
```

**publish your container**

Tag your container (more info [here](https://cloud.google.com/container-registry/docs/pushing-and-pulling?hl=en_US&_ga=2.180811239.-1756782310.1554894612&_gac=1.187230938.1562576817.CjwKCAjw04vpBRB3EiwA0IieauC8DNUBSa1Qfuz7KGFp49TCNFkQNB0MveYB65XV4thglDGxncBeMBoC2L0QAvD_BwE)))

```bash
docker tag guideline-service:v1.0.0 eu.gcr.io/infect-app/guideline-service
```


push your container

```bash
docker push eu.gcr.io/infect-app/guideline-service
```




## GCP Instance Template

**setup**

You need to create an instance template using the CLI, since the web UI doesn't work.

```bash
gcloud compute instance-templates create-with-container guideline-service --container-image=eu.gcr.io/infect-app/guideline-service --machine-type=f1-micro --network=default --no-address --tags=http,jaeger-source
```

You can now use this template to create an instance group
npm package: @infect/infect-rda-sample-importer
Description: INFECT Sample Data Importer
Author: Lina van der Weg
Latest version: 4.3.7

# Infect RDA Sample Storage Importer



class INFECTV2Importer extends Importer {
    

    constructor() {
        super();

        this.registerSmapleProcessor(new INFECTv2Sample());
    }
}





class INFECTv2Sample extends Sample {
    

    constructor() {
        super();

        this.registerField('unique-identifier', new UniqueIdentiferiField());
        this.setRequiredField('A', 'B', '');
        this.setColumnIndex('unique-identifier, 1');

        this.setMappingProcessor(new RemoteAPIProcessor());
    }
}



const import = new Import();
import.

import.pipe(request);




const httpHandler = new HTTPStreamHandler();
httpHandler.pipe(request);
npm package: @infect/infect-rda-sample-storage
Description: INFECT Sample Storage for RDA
Author: Lina van der Weg
Latest version: 4.8.0

# Infect RDA Sample Storage Service

This service stores the data for RDA and the functions processing it in the RDA
compute nodes.


## Data Sets

RDA processes data based on data sets. A data set is a set of data, that is
separated from other data. There may be for exampl a data set for each tenant or
data sets for testing purposes.

A data set has a set of fields that are stored for it. Fields are properties of
data stored on each record of the data set. Fields may differ per data set. A
data set thus defines a schema for the data stored in it.


## Data Version

A data version are n records that were added to the storage at some time. Each
time data is imported into the storage, a version is created. Aversion belongs
to a data set. Versions have a status describing if it should be loaded into the
compute nodes for processing.


## Data groups

Data groups describe a set of records. They are used to distribute data fast to
the different compute nodes. Records are loaded in groups (data groups) into the
compute nodes. This is done by computing a [rendezvous
hashes](https://en.wikipedia.org/wiki/Rendezvous_hashing) for each group in
order to assign it to the shards (compute nodes) evenly in order to distribute
the load evenly.


## Shards

Shards are shards of data that are loaded into compute nodes. When a
cluster is created, it requests shards at the storage. Shards are made of data
groups which represent groups of records.
npm package: @infect/rda
Description: RDA public API
Author: Lina van der Weg
Latest version: 3.4.6

# RDA Service

RDA public API


### GET resistance data

Just get the following resource: `http://rda.infect.info/rda.data`

***Filtering:***

You may pass a query paramater named `filter` to the GET call. The value is a stringified JSON object which may contain the following values:

*Age Group*:

```json
{
    ageGroupIds: [1, 3]
}
```

The IDs can be loaded from the `http://rda.infect.info/generics.ageGroup` endpoint.



*Regions*:

```json
{
    regionIds: [1, 3]
}
```

The IDs can be loaded from the `http://rda.infect.info/generics.region` endpoint.



*Sample Date*:

```json
{
    dateFrom: int,
    dateTo: int,
}
```

The int values need to be replaced with a unix timestamp value (seconds, not micorseconds)


### Restarting the service

1. Connect to the host using SSH
2. Type `sudo systemctl restart rda.service`
3. Check the logs and wait until the application is loaded: `sudo journalctl -u rda -fn 3000`
4. Once the app is loaded, go to the directory `/home/ubuntu/apps/rda/beta-ship/`
4. Build the cluster by typing the command `npm run cluster-int`. This command can only be executed once per cluster. If it fails you need to restart rda before you can try again.
npm package: @infect/rda-coordinator-service
Description: An abstraction for enabling multiple data sources to be used with RDA. It is used to set up and update clusters of compute nodes
Author: Lina van der Weg
Latest version: 4.1.4

# RDA Coordinator Service

An abstraction for enabling multiple data sources to be used with RDA.
It is used to set up and update clusters of compute nodes. Coordinates between the
data source. Is not involved in the actual process of computing data.
npm package: @infect/rda-lock-service
Description: RDA Lock Management Service
Author: Lina van der Weg
Latest version: 2.2.2

# RDA Lock Service

Provides a central place for locking resources for RDA. Is mainly consumed by 
the cluster service when updating the cluster with new data or when adding or 
removing nodes in order to prevent parallel execution of such actions.

Please use the lock [client](https://www.npmjs.com/package/@infect/rda-lock-client) for interactions with this service!


## API

### POST /lock.lock Create a lock

Create a lock for a resource with an identifier. The lock will clear itself 
after a specified amount of seconds (ttl).

payload:
```javascript
{
	identifier: 'cluster-34'
	ttl: 10 // 10 seconds
}
```

Responses:
- 201: lock could be created. The payload contains the id of the lock that can be used to free it later
- 409: the lock is already in use
- 500: server error



### DELETE /lock.lock/{id} Free a lock

Frees the lock with an id.


Responses:
- 200: the lock was freed
- 404: the lock could not be found and was maybe freed earlier, possibly by a timeout
- 500: server error