@sector.siit/mlz-components 1.0.0 → 1.0.2

package/README.md

@@ -2,6 +2,25 @@
 
 Una librería moderna de componentes React con Tailwind CSS y variables CSS customizables.
 
+<!-- Badges -->
+[![CI/CD Pipeline](https://github.com/sector-siit/mlz-components/actions/workflows/ci-cd.yml/badge.svg)](https://github.com/sector-siit/mlz-components/actions/workflows/ci-cd.yml)
+[![Build Status](https://github.com/sector-siit/mlz-components/actions/workflows/build.yml/badge.svg)](https://github.com/sector-siit/mlz-components/actions/workflows/build.yml)
+[![NPM Version](https://img.shields.io/npm/v/@sector.siit/mlz-components.svg)](https://www.npmjs.com/package/@sector.siit/mlz-components)
+[![NPM Downloads](https://img.shields.io/npm/dm/@sector.siit/mlz-components.svg)](https://www.npmjs.com/package/@sector.siit/mlz-components)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/@sector.siit/mlz-components)](https://bundlephobia.com/package/@sector.siit/mlz-components)
+
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
+[![Storybook](https://img.shields.io/badge/Storybook-Available-ff69b4.svg)](https://sector-siit.github.io/mlz-components/)
+[![License](https://img.shields.io/npm/l/@sector.siit/mlz-components.svg)](https://github.com/sector-siit/mlz-components/blob/main/LICENSE)
+[![Contributors](https://img.shields.io/github/contributors/sector-siit/mlz-components.svg)](https://github.com/sector-siit/mlz-components/graphs/contributors)
+[![GitHub Stars](https://img.shields.io/github/stars/sector-siit/mlz-components.svg)](https://github.com/sector-siit/mlz-components/stargazers)
+
+[![Release Candidate](https://img.shields.io/badge/RC-Available-yellow.svg)](https://github.com/sector-siit/mlz-components/releases)
+[![Production](https://img.shields.io/badge/Status-Production%20Ready-green.svg)](https://www.npmjs.com/package/@sector.siit/mlz-components)
+[![Components](https://img.shields.io/badge/Components-2%20Available-brightgreen.svg)](#-componentes)
+[![Maintenance](https://img.shields.io/badge/Maintained-Yes-green.svg)](https://github.com/sector-siit/mlz-components)
+[![Last Commit](https://img.shields.io/github/last-commit/sector-siit/mlz-components.svg)](https://github.com/sector-siit/mlz-components/commits/main)
+
 ## 🚀 Características
 
 - ⚛️ **React 18** - Componentes modernos con TypeScript
@@ -98,7 +117,7 @@ Un componente de botón versatil con múltiples variantes y tamaños.
 
 | Prop | Tipo | Default | Descripción |
 |------|------|---------|-------------|
-| `variant` | `'primary' \| 'secondary' \| 'outline' \| 'ghost'` | `'primary'` | Variante visual del botón |
+| `variant` | `'primary' \| 'secondary' \| 'outline-solid' \| 'ghost'` | `'primary'` | Variante visual del botón |
 | `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Tamaño del botón |
 | `children` | `React.ReactNode` | - | Contenido del botón |
 | `disabled` | `boolean` | `false` | Estado deshabilitado |
@@ -122,6 +141,50 @@ Un componente de botón versatil con múltiples variantes y tamaños.
 <Button disabled>Deshabilitado</Button>
 ```
 
+### Input
+
+Componente de input con validación, estados y personalización completa.
+
+#### Props
+
+| Prop | Tipo | Default | Descripción |
+|------|------|---------|-------------|
+| `variant` | `'default' \| 'error' \| 'success'` | `'default'` | Estado visual del input |
+| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Tamaño del input |
+| `label` | `string` | - | Texto del label |
+| `helperText` | `string` | - | Texto de ayuda |
+| `errorText` | `string` | - | Texto de error (sobrescribe helperText) |
+| `fullWidth` | `boolean` | `false` | Si el input ocupa todo el ancho |
+
+#### Ejemplos
+
+```tsx
+// Básico
+<Input placeholder="Ingresa tu nombre" />
+
+// Con label y ayuda
+<Input 
+  label="Email"
+  placeholder="usuario@ejemplo.com"
+  helperText="Te enviaremos notificaciones aquí"
+/>
+
+// Con error
+<Input 
+  label="Password"
+  type="password"
+  variant="error"
+  errorText="La contraseña debe tener al menos 8 caracteres"
+/>
+
+// Tamaños
+<Input size="sm" placeholder="Input pequeño" />
+<Input size="lg" placeholder="Input grande" />
+
+// Ancho completo
+<Input fullWidth placeholder="Ocupa todo el ancho" />
+```
+
 ## 🛠️ Desarrollo
 
 ```bash
@@ -141,17 +204,50 @@ npm run lint
 npm run typecheck
 ```
 
-## 🚀 Despliegue
+## 🚀 CI/CD & Deployments
 
-El proyecto incluye GitHub Actions para:
+El proyecto incluye un sistema completo de CI/CD automatizado:
 
-1. **Despliegue automático a NPM** cuando cambia la versión en `package.json`
-2. **Despliegue de Storybook a GitHub Pages** en cada push a main
+### 📦 Releases Automáticos
 
-### Configuración necesaria:
+#### Production Releases (main)
+- **Trigger**: Push a `main` con cambio de versión en `package.json`
+- **Outputs**: 
+  - 📦 NPM package publicado
+  - 📚 Storybook actualizado en GitHub Pages
+  - 🚀 GitHub Release con changelog
+  - 🏷️ Git tag automático
 
-1. **NPM Token**: Añade `NPM_TOKEN` a los secrets de GitHub
-2. **GitHub Pages**: Habilita GitHub Pages en la configuración del repositorio
+#### Release Candidates (develop)
+- **Trigger**: Cualquier push a `develop`
+- **Outputs**:
+  - 🧪 NPM package con tag `@rc`
+  - 📋 GitHub Prerelease
+  - 📊 Assets descargables (build + storybook)
+
+### 🎯 Instalación de Versiones
+
+```bash
+# Última versión estable
+npm install @sector.siit/mlz-components
+
+# Última release candidate
+npm install @sector.siit/mlz-components@rc
+
+# Versión específica de RC
+npm install @sector.siit/mlz-components@1.0.0-rc.202508071430
+```
+
+### ⚡ Quick Releases
+
+Para cambios solo de documentación, el sistema detecta automáticamente y ejecuta un pipeline optimizado de ~2 minutos.
+
+### 📋 Configuración Requerida
+
+1. **NPM Token**: Agregar `NPM_TOKEN` a GitHub Secrets
+2. **GitHub Pages**: Habilitar en configuración del repositorio
+
+Ver [documentación completa de CI/CD](./docs/CI-CD.md) para más detalles.
 
 ## 📄 Licencia
 
@@ -195,12 +291,34 @@ git push origin main     # 🚀 Publica a NPM + GitHub Release
 4. Push a tu rama (`git push origin feature/AmazingFeature`)
 5. Abre un Pull Request hacia `develop`
 
+### 📋 Guías de Contribución
+
+- [🛠️ Developer Guide](./docs/DEVELOPER.md) - Guía completa para desarrolladores
+- [🚀 CI/CD Documentation](./docs/CI-CD.md) - Sistema de deployments automatizados
+
+## 👥 Contributors
+
+¡Gracias a todas las personas que han contribuido a este proyecto!
+
+<!-- CONTRIBUTORS:START -->
+<!-- CONTRIBUTORS:END -->
+
+### 📊 Estadísticas de Contribuciones
+
+Para ver estadísticas detalladas de contribuciones, consulta [CONTRIBUTORS_STATS.md](./docs/CONTRIBUTORS_STATS.md).
+
 ## 📈 Roadmap
 
-- [ ] Componente Input
-- [ ] Componente Card
-- [ ] Componente Modal
-- [ ] Componente Dropdown
-- [ ] Sistema de themes predefenidos
-- [ ] Componentes de formulario
-- [ ] Componentes de navegación
+- [x] ✅ Componente Button con variantes y tamaños
+- [x] ✅ Componente Input con validación y estados
+- [x] ✅ Sistema de CI/CD automatizado
+- [x] ✅ Release Candidates con NPM
+- [x] ✅ Documentación completa con Storybook
+- [ ] 🔄 Componente Card
+- [ ] 🔄 Componente Modal
+- [ ] 🔄 Componente Dropdown
+- [ ] 🔄 Sistema de themes predefinidos
+- [ ] 🔄 Componentes de formulario avanzados
+- [ ] 🔄 Componentes de navegación
+- [ ] 🔄 Componente DatePicker
+- [ ] 🔄 Componente DataTable

package/dist/components/Button/Button.d.ts

@@ -7,7 +7,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     /**
      * Variante del botón
      */
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    variant?: 'primary' | 'secondary' | 'outline-solid' | 'ghost';
     /**
      * Tamaño del botón
      */

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACxD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAeD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,eAAe,GAAG,OAAO,CAAC;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAeD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.stories.d.ts

@@ -1,11 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from './Button';
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./Button";
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
-export declare const Outline: Story;
 export declare const Ghost: Story;
 export declare const Small: Story;
 export declare const Medium: Story;

package/dist/components/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAgC7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgC1B,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiC7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgC1B,CAAC"}

package/dist/components/Icons/Check.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const CheckIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=Check.d.ts.map

package/dist/components/Icons/Check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Check.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Check.tsx"],"names":[],"mappings":";AAAA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAU7D,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /** Variante visual del input */
+    variant?: "default" | "error" | "success";
+    /** Tamaño del input */
+    size?: "sm" | "md" | "lg";
+    /** Si el input tiene un label */
+    label?: string;
+    /** Texto de ayuda debajo del input */
+    helperText?: string;
+    /** Texto de error */
+    errorText?: string;
+    /** Si el input es de ancho completo */
+    fullWidth?: boolean;
+}
+/**
+ * Componente Input básico con diferentes variantes y tamaños
+ */
+export declare const Input: React.FC<InputProps>;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,MAAM,WAAW,UAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1C,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyHtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Input/Input.stories.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Input").InputProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+        };
+        label: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        helperText: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        errorText: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        fullWidth: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Success: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const FullWidth: Story;
+export declare const Password: Story;
+export declare const Email: Story;
+export declare const Number: Story;
+export declare const AllVariants: Story;
+export declare const AllSizes: Story;
+//# sourceMappingURL=Input.stories.d.ts.map

package/dist/components/Input/Input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC"}

package/dist/components/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input, type InputProps } from './Input';
+export { default } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/NewInput/Input.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    errorText?: string;
+    hasError?: boolean;
+    helperText?: string;
+    label?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    fullWidth?: boolean;
+    containerProps: ContainerProp;
+    labelProps: LabelProp;
+    helperTextProps: HelperTextProp;
+    checkedIcon?: React.ReactNode;
+}
+interface ContainerProp extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface LabelProp extends React.LabelHTMLAttributes<HTMLLabelElement> {
+}
+interface HelperTextProp extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+export declare const Input: React.FC<InputProps>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/NewInput/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/NewInput/Input.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,UAChB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,aAAa,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC;IACtB,eAAe,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEvE,UAAU,SAAU,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAE1E,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAyB9E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoCtC,CAAC"}

package/dist/components/NewInput/NewInput.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Input } from "./Input";
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const WithHelperText: Story;
+export declare const WithLabel: Story;
+export declare const WithPlaceholder: Story;
+export declare const FullWidth: Story;
+//# sourceMappingURL=NewInput.stories.d.ts.map

package/dist/components/NewInput/NewInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/NewInput/NewInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC"}

package/dist/components/NewInput/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from "./Input";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NewInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/UserCard/UserCard.d.ts

@@ -0,0 +1,8 @@
+export interface UserCardProps {
+    name: string;
+    email: string;
+    changeUser: () => void;
+    editUser: () => void;
+}
+export declare function UserCard({ name, email, changeUser, editUser }: UserCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserCard.d.ts.map

package/dist/components/UserCard/UserCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCard.d.ts","sourceRoot":"","sources":["../../../src/components/UserCard/UserCard.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAa5E"}

package/dist/components/UserCard/UserCard.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { type UserCardProps } from "./UserCard";
+declare const meta: Meta<UserCardProps>;
+export default meta;
+type Story = StoryObj<UserCardProps>;
+export declare const Default: Story;
+//# sourceMappingURL=UserCard.stories.d.ts.map

package/dist/components/UserCard/UserCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/UserCard/UserCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CAU7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC"}

package/dist/components/UserCard/index.d.ts

@@ -0,0 +1,3 @@
+export { UserCard } from "./UserCard";
+export type { UserCardProps } from "./UserCard";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/UserCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.d.ts

@@ -1,20 +1,48 @@
-import React from 'react';
+/// <reference types="react" />
+import React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Contenido del botón
      */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /**
      * Variante del botón
      */
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    variant?: 'primary' | 'secondary' | 'outline-solid' | 'ghost';
     /**
      * Tamaño del botón
      */
     size?: 'sm' | 'md' | 'lg';
 }
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React$1.FC<ButtonProps>;
 
-export { Button };
-export type { ButtonProps };
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /** Variante visual del input */
+    variant?: "default" | "error" | "success";
+    /** Tamaño del input */
+    size?: "sm" | "md" | "lg";
+    /** Si el input tiene un label */
+    label?: string;
+    /** Texto de ayuda debajo del input */
+    helperText?: string;
+    /** Texto de error */
+    errorText?: string;
+    /** Si el input es de ancho completo */
+    fullWidth?: boolean;
+}
+/**
+ * Componente Input básico con diferentes variantes y tamaños
+ */
+declare const Input: React.FC<InputProps>;
+
+interface UserCardProps {
+    name: string;
+    email: string;
+    changeUser: () => void;
+    editUser: () => void;
+}
+declare function UserCard({ name, email, changeUser, editUser }: UserCardProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, Input, type InputProps, UserCard, type UserCardProps };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}