open-index/open-npm huggingface dataset:
npm package: @jonmatum/react-headless-menu
Description: A fully headless, responsive, themeable, and accessible menu system for React + TailwindCSS
Author: Jonatan Mata
Latest version: 1.0.2

# React Headless Menu

A fully headless, themeable, access-controlled, and responsive menu system for React + TailwindCSS.

[![npm version](https://img.shields.io/npm/v/@jonmatum%2Freact-headless-menu?style=flat-square)](https://www.npmjs.com/package/@jonmatum/react-headless-menu)
[![License](https://img.shields.io/github/license/jonmatum/react-headless-menu?style=flat-square)](https://github.com/jonmatum/react-headless-menu/blob/main/LICENSE)
[![Playground](https://img.shields.io/badge/Playground-Live-informational?style=flat-square)](https://jonmatum.github.io/react-headless-menu/)
[![TailwindCSS](https://img.shields.io/badge/TailwindCSS-Ready-38bdf8?style=flat-square&logo=tailwindcss)](https://tailwindcss.com)
[![React](https://img.shields.io/badge/React-18+-blue?style=flat-square&logo=react)](https://reactjs.org)

> [!CAUTION]
> This package is intended for educational purposes only.
> It was built to demonstrate a concept and is not optimized or maintained for production use.
> Use at your own discretion.

## Features

- Fully headless architecture
- Built with TailwindCSS utility classes
- Light & Dark mode support
- Responsive across devices
- Variants: Topbar, Sidebar, Dropdown
- Role-based access control (RBAC)
- Nested menus (up to 3 levels)
- Live Playground + Theming support

## Getting Started

```bash
npm install @jonmatum/react-headless-menu
```

```jsx
import { Menu } from "@jonmatum/react-headless-menu";

<Menu
  variant="auto"
  items={menuData}
  userScopes={userScopes}
  theme={theme}
  color="blue"
  themeName="light"
/>;
```

## Playground

To explore the menu live:

```bash
npm run playground
```

To publish the playground (for GitHub Pages):

```bash
npm run build:playground
```

Resulting output will be in `/docs`.

## Development

### Lint, Format & Test

```bash
npm run lint
npm run format
npm test
```

### Releasing

This project uses **release-please** and GitHub Actions to automate releases. All commits must follow [Conventional Commits](https://www.conventionalcommits.org/).

```bash
npm run release
```

## Contributing

We welcome PRs! Please read the [CONTRIBUTING](./CONTRIBUTING) guide.

- Use conventional commits
- Submit docs/tests with features
- Keep code headless and style-agnostic

## License

MIT © [Jonatan Mata](https://github.com/jonmatum)
npm package: @jonmid/platzom
Description: Traductor de idioma
Author: “Jonathan
Latest version: 0.1.0

# Platzom

Platzom es un idioma inventado para el [Curso de Fundamentos de JavaScript](https://platzi.com/js) de [Platzi](https://platzi.com), el mejor lugar de educación online

## Descripción del idioma

- Si la palabra termina con "ar", se le quitan esas dos letras
- Si la palabra inicia con Z, se le añade "pe" al final
- Si la palabra traducida tiene 10 o más letras, se debe partir en dos por la mitad y unir con un guión medio
- Por último, si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devuelve la misma palabra pero intercalando letras mayúsculas y minúsculas

## Instalación

- Entrar a la carpeta y ejecutar:

```
npm install
```

## Uso

```
import platzom from 'platzom'

platzom("Programar") // Program
platzom("Zorro") // Zorrope
platzom("Zarpar") // Zarppe
platzom("abecedario") // abece-dario
platzom("sometemos") // SoMeTeMoS
```

## Créditos
- [Jonathan Mideros](https://twitter.com/10jonmid)

## Licencia

[MIT](https://opensource.org/licenses/MIT)
npm package: @jonniebigodes/learnstorybook-design-system
Description: Learn Storybook design system example code for testing purposes
Author: jonniebigodes
Latest version: 0.2.0

# The Learn Storybook design system (example code taken from the documentation)

The Learn Storybook design system is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more at [Learn Storybook](https://learnstorybook.com).
npm package: @jonniebigodes/learnstorybook-design-system-7-0
Description: Everything you need to build a starter design system
Author: jonniebigodes
Latest version: 0.1.14

# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).
npm package: @jonniebigodes/learnstorybook-design-system-example
Description: A Learn Storybook design system example
Author: jonniebigodes
Latest version: 0.2.3

# The Learn Storybook design system

The Learn Storybook design system is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more at [Learn Storybook](https://learnstorybook.com).