open-index/open-npm huggingface dataset:
npm package: @luisvelito/vue
Description: Vue 3 components for the design system
Latest version: 1.0.4

# @luisvelito/vue

Componentes Vue 3 del sistema de diseño Verve, construidos con TypeScript, Composition API y Tailwind CSS.

## 📦 Instalación

```bash
npm install @luisvelito/vue lucide-vue-next
```

## 🚀 Uso Básico

```vue
<script setup lang="ts">
import { Button, Input, Card } from '@luisvelito/vue';
import { ref } from 'vue';

const inputValue = ref('');
</script>

<template>
  <Card title="Bienvenido">
    <Input v-model="inputValue" placeholder="Escribe algo..." />
    <Button variant="primary">Enviar</Button>
  </Card>
</template>
```

## 📚 Componentes

Ver documentación completa en [README principal](../../README.md)

## 🤝 Contribuir

Ver [Guía de Desarrollo](../../DEVELOPMENT.md)

## 📄 Licencia

MIT © Luis Velito
npm package: @luisvillafania/core
Description: Conexia Web Components built with Lit
Latest version: 0.1.0

# @luisvillafania/core

Componentes web (Lit) para Conexia.

## Instalacion

```
npm install @luisvillafania/core
```

## Uso (Vanilla, sin bundler)

```html
<script type="module">
  import { defineConexiaComponents } from "https://unpkg.com/@luisvillafania/core@latest/dist/index.js";

  defineConexiaComponents();

  const template = document.querySelector("conexia-ticket-template");
  template.addEventListener("contentChange", (event) => {
    console.log(event.detail);
  });
</script>
```

## Eventos

- `contentChange`: emite el `content[]`
- `contentSubmit`: emite el `content[]` al guardar
npm package: @luisvillafania/react
Description: React wrappers for Conexia Web Components
Latest version: 0.1.0

# @luisvillafania/react

Wrappers React para los Web Components de Conexia.

## Instalacion

```
npm install @luisvillafania/react @luisvillafania/core
```

## Uso

```tsx
import { useCallback } from "react";
import {
  ConexiaTicketTemplate,
  defineConexiaComponents
} from "@luisvillafania/react";

defineConexiaComponents();

export function App() {
  const handleChange = useCallback((event: CustomEvent) => {
    console.log(event.detail);
  }, []);

  return (
    <ConexiaTicketTemplate onContentChange={handleChange} />
  );
}
```

## Eventos

- `onContentChange`: `CustomEvent` con `detail` = `content[]`
- `onContentSubmit`: `CustomEvent` con `detail` = `content[]`