open-index/open-npm huggingface dataset:
npm package: @lukkas98/icons
Description: Iconos SVG como componentes React
Author: lukkas98
Latest version: 3.0.0

# @lukkas98/icons

Iconos SVG como **componentes React**, pensados para **uso personal** en mis proyectos y portfolio.

---

## ✨ Características

- 🧩 Iconos como **componentes React** (`.tsx`)
- 🎨 Compatibles con **Tailwind CSS** (`className`, `w-*`, `h-*`, `text-*`)
- 🌳 **Tree-shaking** (solo se incluye lo que usás)
- 🧠 Tipados con TypeScript (`SVGProps<SVGSVGElement>`)
- 📦 Pensado para proyectos con **React / Next.js**
- 📂 Organización por dominios (`ui`, `brands`)

---

## 📦 Instalación

```bash
npm install @lukkas98/icons
# o
pnpm add @lukkas98/icons
```

---

## 🚀 Uso básico

```tsx
import { IconArrowBadgeDown, IconJavascript } from "@lukkas98/icons";

export function Example() {
  return (
    <div className="flex gap-4">
      <IconArrowBadgeDown className="w-8 h-8 text-cyan-400" />
      <IconJavascript className="w-8 h-8" />
    </div>
  );
}
```

Tambien se permiten exportaciones por UI o brands

```tsx
import { IconArrowBadgeDown } from "@lukkas98/icons/ui";
import { IconJavascript } from "@lukkas98/icons/brands";
```

Todos los iconos aceptan:

- `className`
- `style`
- `onClick`
- cualquier `SVGProps<SVGSVGElement>`

---

## 📁 Estructura

```txt
src/
├─ raw-icons/    # SVGs originales (Fuentes)
├─ components/   # Componentes generados (No editar)
├─ scripts/      # Automatización (SVGR + Index gen)
└─ types.ts      # Definición de IconProps
```

---

## 🎨 Colores

Los iconos de marcas mantienen sus **colores originales**,
Los iconos de UI usan `currentColor`

```tsx
<IconArrowBadgeDown className="text-emerald-500" />
// o
<IconArrowBadgeDown color="#10b981" />
```

Esto es intencional.

---

## 🛠 Build

```bash
npm build
```

Esto ejecuta

- Generación automática de los componentes e índices
- Compilación de TypeScript
- Salida final en `dist/`

---

## 📌 Notas

- Este paquete está pensado para **uso personal**.
- La API puede cambiar sin previo aviso.
- No busca competir con librerías públicas de iconos.

---

## 📜 Licencias

- Licencia: MIT
- Los iconos pertenecen a sus respectivos autores
- Ver [THIRD_PARTY_LICENSES.md](THIRD_PARTY_LICENSES.md)

---

## 🧑‍💻 Autor

Hecho por **lukkas98**.

Para proyectos propios, aprendizaje y portfolio.
npm package: @lukkasromero/swells-uikit
Description: Set of UI components for pancake projects
Latest version: 0.20.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @lukkiasz/randomid-generator
Description: ```javascript npm i @lukkiasz/randomid-generator;
Latest version: 1.0.8

# Random id generator.

## Installation:
```javascript
npm i @lukkiasz/randomid-generator;

yarn add @lukkiasz/randomid-generator;
```

## Usage:
```javascript
const generatorID = require('@lukkiasz/randomid-generator');

const idLength = 10; // amount of characters in generated id;

const id = generatorID(idLength);
```
npm package: @lukodo/simplexapi
Description: Un framework web ligero para Node.js con decoradores y TypeScript
Author: Tu Nombre
Latest version: 0.0.6

# SimplexAPI

Un framework web ligero para Node.js construido con TypeScript y decoradores, inspirado en NestJS pero más simple y minimalista.

## Características

- ✨ **Decoradores TypeScript** - Sintaxis limpia y moderna
- 🚀 **Lightweight** - Sin dependencias pesadas
- 🔧 **Inyección de dependencias** - Container IoC integrado
- 📝 **Validación** - Integración con VineJS
- 🎯 **Type-safe** - Completamente tipado con TypeScript
- 🔥 **Hot reload** - Desarrollo rápido

## Instalación

```bash
npm install @tuusuario/simplexapi reflect-metadata @vinejs/vine
```

## Uso básico

### 1. Configurar el servidor

```typescript
import 'reflect-metadata';
import { SimplexAPI } from '@tuusuario/simplexapi';

const app = new SimplexAPI(3000);
app.listen();
```

### 2. Crear un controlador

```typescript
import { Controller, Get, Post, Param, Body } from '@tuusuario/simplexapi/decorators';

@Controller('/api/users')
export class UserController {
  @Get('/')
  getAllUsers() {
    return 'Lista de usuarios';
  }

  @Get('/:id')
  getUserById(@Param('id') id: string) {
    return `Usuario con ID: ${id}`;
  }

  @Post('/')
  createUser(@Body() userData: any) {
    return `Usuario creado: ${JSON.stringify(userData)}`;
  }
}
```

### 3. Usar servicios con inyección de dependencias

```typescript
import { Injectable } from '@tuusuario/simplexapi/decorators';
import { LoggerService } from '@tuusuario/simplexapi/middlewares';

@Injectable()
export class UserService {
  constructor(private logger: LoggerService) {}

  findAll() {
    this.logger.log('Obteniendo todos los usuarios');
    return [];
  }
}
```

## API Reference

### Decoradores disponibles

- `@Controller(prefix)` - Define un controlador con prefijo de ruta
- `@Get(path)` - Maneja peticiones GET
- `@Post(path)` - Maneja peticiones POST
- `@Put(path)` - Maneja peticiones PUT
- `@Patch(path)` - Maneja peticiones PATCH
- `@Delete(path)` - Maneja peticiones DELETE
- `@Param(name)` - Inyecta parámetros de ruta
- `@Query(name)` - Inyecta parámetros de query
- `@Body()` - Inyecta el cuerpo de la petición
- `@Injectable()` - Marca una clase como inyectable

### Servicios incluidos

- `LoggerService` - Servicio de logging básico
- Container IoC - Sistema de inyección de dependencias

## Contribuir

Las contribuciones son bienvenidas. Por favor, abre un issue primero para discutir los cambios que te gustaría hacer.

## Licencia

MIT
npm package: @lukso/data-provider-fetcher
Description: **Template repository for getting started quickly with Foundry projects**
Latest version: 0.2.0

# <h1 align="center"> Forge Template </h1>

**Template repository for getting started quickly with Foundry projects**

![Github Actions](https://github.com/foundry-rs/forge-template/workflows/CI/badge.svg)

## Getting Started

Click "Use this template" on [GitHub](https://github.com/foundry-rs/forge-template) to create a new repository with this repo as the initial state.

Or, if your repo already exists, run:
```sh
forge init
forge build
forge test
```

## Writing your first test

All you need is to `import forge-std/Test.sol` and then inherit it from your test contract. Forge-std's Test contract comes with a pre-instatiated [cheatcodes environment](https://book.getfoundry.sh/cheatcodes/), the `vm`. It also has support for [ds-test](https://book.getfoundry.sh/reference/ds-test.html)-style logs and assertions. Finally, it supports Hardhat's [console.log](https://github.com/brockelmore/forge-std/blob/master/src/console.sol). The logging functionalities require `-vvvv`.

```solidity
pragma solidity 0.8.10;

import "forge-std/Test.sol";

contract ContractTest is Test {
    function testExample() public {
        vm.roll(100);
        console.log(1);
        emit log("hi");
        assertTrue(true);
    }
}
```

## Development

This project uses [Foundry](https://getfoundry.sh). See the [book](https://book.getfoundry.sh/getting-started/installation.html) for instructions on how to install and use Foundry.
npm package: @lukso/lsp-utils
Description: A set of TypeScript/JavaScript utils for LUKSO Standard Proposals (LSPs)
Author: Daniel Afteni
Latest version: 0.2.0

# LSP Smart Contracts Utils &middot; [![npm version](https://img.shields.io/npm/v/@lukso/lsp-utils.svg?style=flat)](https://www.npmjs.com/package/@lukso/lsp-utils)

This package was created with the intent to help developers to use `@lukso/lsp-smart-contracts`. Its purpose is to provide a series of helper functions for each LSP.

-   For more information on LSPs see [Documentation](https://docs.lukso.tech/standards/smart-contracts/introduction) on _[docs.lukso.tech](https://docs.lukso.tech/standards/introduction)._
-   For more information on LIPs see [Specification](https://github.com/lukso-network/LIPs)

| :warning: | _This package is currently in early stages of development,<br/> use for testing or experimentation purposes only._ |
| :-------: | :----------------------------------------------------------------------------------------------------------------- |

## Installation

### npm

`@lukso/lsp-utils` is available as a [npm package](https://www.npmjs.com/package/@lukso/lsp-utils).

```bash
npm install @lukso/lsp-utils
```

### cloning the repository

Alternatively you can also clone the repository and install its dependencies to start using the smart contracts.

```bash
$ git clone https://github.com/lukso-network/lsp-utils.git
$ cd ./lsp-utils
$ npm install
```

## Usage

### in Javascript

You can use the utils by importing them as follow:

#### ES6 Modules:

```javascript
import { encodeAllowedCalls } from '@lukso/lsp-utils/dist/lib/es6';

const allowedCalls = encodeAllowedCalls(
    allowedInteractions,
    allowedAddresses,
    allowedStandards,
    allowedFunctions,
);
```

#### CommonJS

```javascript
cosnt { encodeAllowedCalls } = require('@lukso/lsp-utils/dist/lib/es5');

const allowedCalls = encodeAllowedCalls(
    allowedInteractions,
    allowedAddresses,
    allowedStandards,
    allowedFunctions
);
```

## Documentation

For more informations check the [`docs`](./docs/modules.md) folder

-   [IPFS](./docs/modules/IPFS.md)
-   [LSP2](./docs/modules/LSP2.md)
-   [LSP3](./docs/modules/LSP3.md)
-   [LSP4](./docs/modules/LSP4.md)
-   [LSP5](./docs/modules/LSP5.md)
-   [LSP6](./docs/modules/LSP6.md)
-   [LSP12](./docs/modules/LSP12.md)