siesa-ui-kit 1.0.0 → 1.0.1

package/dist/views/LoginView/LoginView.types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Props del componente LoginView
+ */
+export interface LoginViewProps {
+    /**
+     * Handler para el submit del formulario de login
+     * @param email - Email ingresado por el usuario
+     * @param password - Contraseña ingresada por el usuario
+     */
+    onSubmit?: (email: string, password: string) => void;
+    /**
+     * Handler para el click en "Olvidé mi Contraseña"
+     */
+    onForgotPassword?: () => void;
+    /**
+     * Handler para el click en "¿No tienes una cuenta?"
+     */
+    onSignUp?: () => void;
+    /**
+     * Estado de carga del botón de submit
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error general para mostrar en el formulario
+     */
+    errorMessage?: string;
+    /**
+     * Clases CSS adicionales para el contenedor
+     */
+    className?: string;
+    /**
+     * Si se muestra el fondo decorativo con imagen
+     * @default true
+     */
+    showBackground?: boolean;
+    /**
+     * Variante de visualización
+     * - 'responsive': Se adapta según el viewport (default)
+     * - 'mobile': Siempre se muestra como mobile sin efectos de card
+     * - 'desktop': Siempre se muestra como desktop con card
+     * @default 'responsive'
+     */
+    variant?: 'responsive' | 'mobile' | 'desktop';
+}
+//# sourceMappingURL=LoginView.types.d.ts.map

package/dist/views/LoginView/LoginView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginView.types.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/LoginView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAErD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}

package/dist/views/LoginView/icons.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Icono de sobre (envelope) para el input de email
+ */
+export declare const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de candado cerrado (lock) para el input de contraseña
+ */
+export declare const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de ojo (eye) para mostrar/ocultar contraseña
+ */
+export declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Logo de Siesa
+ */
+export declare const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/views/LoginView/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAUhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAc3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CA2B7D,CAAC"}

package/{src/components/LoginView/index.ts → dist/views/LoginView/index.d.ts}

@@ -1,3 +1,4 @@
-export { LoginView } from './LoginView';
-export type { LoginViewProps } from './LoginView.types';
-export { EnvelopeIcon, LockClosedIcon, EyeIcon, SiesaLogo } from './icons';
+export { LoginView } from './LoginView';
+export type { LoginViewProps } from './LoginView.types';
+export { EnvelopeIcon, LockClosedIcon, EyeIcon, SiesaLogo } from './icons';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/LoginView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/views/ProductsView/ProductsView.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { ProductsViewProps } from './ProductsView.types';
+/**
+ * ProductsView - Vista de selección de productos para sistema POS
+ *
+ * Vista completa para sistemas POS que permite:
+ * - Seleccionar categorías de productos
+ * - Ver y agregar productos al pedido
+ * - Gestionar items del pedido (cantidad, eliminar)
+ * - Ver resumen con subtotal, impuestos y total
+ * - Confirmar pedido
+ *
+ * **Composición:**
+ * - Navbar superior con navegación y usuario
+ * - Área de contenido con 3 columnas:
+ *   - Columna 1: Sidebar de categorías (POSProductButton)
+ *   - Columna 2: Grid de productos (POSProductCard)
+ *   - Columna 3: Sidebar de pedido (POSProductSidebarItems)
+ *
+ * **Responsive:**
+ * - Mobile (< 768px): Layout vertical adaptativo
+ * - Desktop (≥ 768px): Layout de 3 columnas según Figma
+ *
+ * **Dark Mode:**
+ * - Soporte completo con tokens del sistema
+ * - Fondos, textos y bordes adaptativos
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Type safety con TypeScript estricto
+ * - Responsive design con breakpoints
+ * - Composición con componentes del sistema
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ * @see src/components/POSProductButton - Botón de categoría
+ * @see src/components/POSProductCard - Card de producto
+ * @see src/components/POSProductSidebarItems - Item de pedido
+ *
+ * @example
+ * ```tsx
+ * <ProductsView
+ *   tableTitle="Mesa 1"
+ *   categories={categories}
+ *   products={products}
+ *   orderItems={orderItems}
+ *   onAddProduct={(id) => console.log('Agregar', id)}
+ *   onConfirmOrder={() => console.log('Confirmar')}
+ * />
+ * ```
+ */
+export declare const ProductsView: React.FC<ProductsViewProps>;
+//# sourceMappingURL=ProductsView.d.ts.map

package/dist/views/ProductsView/ProductsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsView.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/ProductsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAY9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4ZpD,CAAC"}

package/dist/views/ProductsView/ProductsView.types.d.ts

@@ -0,0 +1,184 @@
+import type { ReactNode } from 'react';
+/**
+ * Categoría de producto
+ */
+export interface ProductCategory {
+    id: string;
+    label: string;
+    image: string;
+}
+/**
+ * Producto individual
+ */
+export interface Product {
+    id: string;
+    name: string;
+    price: string;
+    image: string;
+    categoryId: string;
+}
+/**
+ * Item en el carrito/pedido
+ */
+export interface OrderItem {
+    productId: string;
+    productName: string;
+    categoryLabel: string;
+    categoryColor?: 'lime' | 'red' | 'orange' | 'amber' | 'yellow' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'zinc' | 'primary';
+    productRef: string;
+    price: string;
+    quantity: number;
+    descriptionItems?: Array<{
+        description: string;
+        price: string;
+    }>;
+}
+/**
+ * Menú disponible
+ */
+export interface Menu {
+    id: string;
+    label: string;
+}
+/**
+ * Props del componente ProductsView
+ */
+export interface ProductsViewProps {
+    /**
+     * Título del header (ej: "Mesa 1")
+     * @default "Mesa 1"
+     */
+    tableTitle?: string;
+    /**
+     * Label del botón de cambiar mesa
+     * @default "Cambiar Mesa"
+     */
+    changeTableLabel?: string;
+    /**
+     * Título de la sección de menús
+     * @default "Menús"
+     */
+    menusTitle?: string;
+    /**
+     * Lista de menús disponibles
+     */
+    menus?: Menu[];
+    /**
+     * ID del menú seleccionado actualmente
+     */
+    selectedMenuId?: string;
+    /**
+     * Handler cuando se selecciona un menú
+     */
+    onMenuSelect?: (menuId: string) => void;
+    /**
+     * Handler cuando se hace clic en cambiar mesa
+     */
+    onChangeTable?: () => void;
+    /**
+     * Título de la sección de categorías
+     * @default "Categoría"
+     */
+    categoryTitle?: string;
+    /**
+     * Lista de categorías de productos
+     */
+    categories?: ProductCategory[];
+    /**
+     * ID de la categoría seleccionada actualmente
+     */
+    selectedCategoryId?: string;
+    /**
+     * Handler cuando se selecciona una categoría
+     */
+    onCategorySelect?: (categoryId: string) => void;
+    /**
+     * Título de la sección de productos
+     * @default "Productos"
+     */
+    productsTitle?: string;
+    /**
+     * Lista de productos a mostrar
+     */
+    products?: Product[];
+    /**
+     * Handler cuando se agrega un producto
+     */
+    onAddProduct?: (productId: string) => void;
+    /**
+     * Tab activo en el sidebar ("products" | "client")
+     * @default "products"
+     */
+    activeTab?: 'products' | 'client';
+    /**
+     * Handler cuando se cambia de tab
+     */
+    onTabChange?: (tab: 'products' | 'client') => void;
+    /**
+     * Items del pedido actual
+     */
+    orderItems?: OrderItem[];
+    /**
+     * Handler cuando cambia la cantidad de un item
+     */
+    onOrderItemQuantityChange?: (itemId: string, quantity: number) => void;
+    /**
+     * Handler cuando se elimina un item del pedido
+     */
+    onOrderItemDelete?: (itemId: string) => void;
+    /**
+     * Subtotal del pedido
+     */
+    subtotal?: string;
+    /**
+     * Impuestos del pedido
+     */
+    taxes?: string;
+    /**
+     * Total del pedido
+     */
+    total?: string;
+    /**
+     * Label del botón confirmar
+     * @default "Confirmar Pedido"
+     */
+    confirmLabel?: string;
+    /**
+     * Handler cuando se confirma el pedido
+     */
+    onConfirmOrder?: () => void;
+    /**
+     * Estado de carga
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error (si existe)
+     */
+    errorMessage?: string;
+    /**
+     * Icono/avatar del usuario (opcional)
+     */
+    userAvatar?: string;
+    /**
+     * Nombre del usuario
+     */
+    userName?: string;
+    /**
+     * Rol del usuario
+     */
+    userRole?: string;
+    /**
+     * Logo del negocio
+     */
+    businessLogo?: string | ReactNode;
+    /**
+     * Logo de Siesa
+     */
+    siesaLogo?: string | ReactNode;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=ProductsView.types.d.ts.map

package/dist/views/ProductsView/ProductsView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsView.types.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/ProductsView.types.ts"],"names":[],"mappings":"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"}

package/dist/views/ProductsView/icons.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * Iconos para ProductsView
+ * Basados en Heroicons Micro (16x16px)
+ */
+export declare const ArrowLeftIcon: React.FC<{
+    className?: string;
+}>;
+export declare const CheckIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/views/ProductsView/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAEH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAc1D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CActD,CAAC"}

package/dist/views/ProductsView/index.d.ts

@@ -0,0 +1,3 @@
+export { ProductsView } from './ProductsView';
+export type { ProductsViewProps, ProductCategory, Product, OrderItem, Menu, } from './ProductsView.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/ProductsView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,OAAO,EACP,SAAS,EACT,IAAI,GACL,MAAM,sBAAsB,CAAC"}

package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { RecoverPasswordViewProps } from './RecoverPasswordView.types';
+/**
+ * RecoverPasswordView - Vista de recuperación de contraseña del sistema Siesa
+ *
+ * Vista completa para restablecer contraseña que incluye:
+ * - Logo de Siesa
+ * - Campo de email para enviar instrucciones
+ * - Botón para regresar al login
+ * - Fondo decorativo opcional
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Type safety con TypeScript estricto
+ * - Accesibilidad con ARIA labels y manejo de formulario semántico
+ * - Validación de email básica
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ * @see docs/shadows.md - Sistema de sombras
+ *
+ * @example
+ * ```tsx
+ * <RecoverPasswordView
+ *   onSubmit={(email) => console.log('Recover password for', email)}
+ *   onBackToLogin={() => console.log('Back to login')}
+ * />
+ * ```
+ */
+export declare const RecoverPasswordView: React.FC<RecoverPasswordViewProps>;
+//# sourceMappingURL=RecoverPasswordView.d.ts.map

package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoverPasswordView.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/RecoverPasswordView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAG5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoVlE,CAAC"}

package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Props del componente RecoverPasswordView
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ * @see docs/shadows.md - Sistema de sombras
+ */
+export interface RecoverPasswordViewProps {
+    /**
+     * Función que se ejecuta al enviar el formulario
+     * @param email - Email ingresado por el usuario
+     */
+    onSubmit?: (email: string) => void;
+    /**
+     * Función que se ejecuta al hacer clic en "Iniciar Sesión"
+     */
+    onBackToLogin?: () => void;
+    /**
+     * Si el formulario está en estado de carga
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error general a mostrar
+     */
+    errorMessage?: string;
+    /**
+     * Mensaje de éxito a mostrar (cuando el email fue enviado)
+     */
+    successMessage?: string;
+    /**
+     * Clases CSS adicionales para el contenedor principal
+     */
+    className?: string;
+    /**
+     * Si se muestra el fondo decorativo (imagen de fondo)
+     * @default true
+     */
+    showBackground?: boolean;
+    /**
+     * Variante de visualización
+     * - responsive: Adapta automáticamente según viewport (default)
+     * - mobile: Fuerza visualización móvil (full width, sin card)
+     * - desktop: Fuerza visualización desktop (card centrado)
+     * @default 'responsive'
+     */
+    variant?: 'responsive' | 'mobile' | 'desktop';
+}
+//# sourceMappingURL=RecoverPasswordView.types.d.ts.map

package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoverPasswordView.types.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/RecoverPasswordView.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}

package/dist/views/RecoverPasswordView/icons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Icono de sobre (envelope) para el campo de email
+ * @see https://heroicons.com/
+ */
+export declare const EnvelopeIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/views/RecoverPasswordView/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzD,CAAC"}

package/{src/views/RecoverPasswordView/index.ts → dist/views/RecoverPasswordView/index.d.ts}

@@ -1,2 +1,3 @@
-export { RecoverPasswordView } from './RecoverPasswordView';
-export type { RecoverPasswordViewProps } from './RecoverPasswordView.types';
+export { RecoverPasswordView } from './RecoverPasswordView';
+export type { RecoverPasswordViewProps } from './RecoverPasswordView.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/RecoverPasswordView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/views/SignUpView/SignUpView.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { SignUpViewProps } from './SignUpView.types';
+/**
+ * SignUpView - Vista de registro del sistema Siesa
+ *
+ * Vista completa de registro con formulario que incluye:
+ * - Logo de Siesa
+ * - Campos de nombre, email y contraseña
+ * - Botón de registro
+ * - Link para iniciar sesión
+ * - Texto de términos y condiciones
+ * - Fondo decorativo opcional
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Type safety con TypeScript estricto
+ * - Accesibilidad con ARIA labels y manejo de formulario semántico
+ * - Validación de email básica
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ * @see docs/shadows.md - Sistema de sombras
+ *
+ * @example
+ * ```tsx
+ * <SignUpView
+ *   onSubmit={(name, email, password) => console.log('Sign up', name, email, password)}
+ *   onSignIn={() => console.log('Go to sign in')}
+ *   onTermsClick={() => console.log('View terms')}
+ *   onPrivacyClick={() => console.log('View privacy')}
+ * />
+ * ```
+ */
+export declare const SignUpView: React.FC<SignUpViewProps>;
+//# sourceMappingURL=SignUpView.d.ts.map

package/dist/views/SignUpView/SignUpView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpView.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/SignUpView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+chD,CAAC"}

package/dist/views/SignUpView/SignUpView.types.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Props del componente SignUpView
+ */
+export interface SignUpViewProps {
+    /**
+     * Handler para el submit del formulario de registro
+     * @param name - Nombre ingresado por el usuario
+     * @param email - Email ingresado por el usuario
+     * @param password - Contraseña ingresada por el usuario
+     */
+    onSubmit?: (name: string, email: string, password: string) => void;
+    /**
+     * Handler para el click en "Ya tengo una cuenta"
+     */
+    onSignIn?: () => void;
+    /**
+     * Handler para el click en "Condiciones de Uso"
+     */
+    onTermsClick?: () => void;
+    /**
+     * Handler para el click en "Políticas de Privacidad"
+     */
+    onPrivacyClick?: () => void;
+    /**
+     * Estado de carga del botón de submit
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error general para mostrar en el formulario
+     */
+    errorMessage?: string;
+    /**
+     * Clases CSS adicionales para el contenedor
+     */
+    className?: string;
+    /**
+     * Si se muestra el fondo decorativo con imagen
+     * @default true
+     */
+    showBackground?: boolean;
+    /**
+     * Variante de visualización
+     * - 'responsive': Se adapta según el viewport (default)
+     * - 'mobile': Siempre se muestra como mobile sin efectos de card
+     * - 'desktop': Siempre se muestra como desktop con card
+     * @default 'responsive'
+     */
+    variant?: 'responsive' | 'mobile' | 'desktop';
+}
+//# sourceMappingURL=SignUpView.types.d.ts.map

package/dist/views/SignUpView/SignUpView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpView.types.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/SignUpView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}

package/dist/views/SignUpView/icons.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Icono de círculo de usuario para el input de nombre
+ */
+export declare const UserCircleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de sobre (envelope) para el input de email
+ */
+export declare const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de candado cerrado (lock) para el input de contraseña
+ */
+export declare const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de ojo (eye) para mostrar/ocultar contraseña
+ */
+export declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/views/SignUpView/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAUhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAc3D,CAAC"}

package/{src/components/SignUpView/index.ts → dist/views/SignUpView/index.d.ts}

@@ -1,3 +1,4 @@
-export { SignUpView } from './SignUpView';
-export type { SignUpViewProps } from './SignUpView.types';
-export { UserCircleIcon, EnvelopeIcon, LockClosedIcon, EyeIcon } from './icons';
+export { SignUpView } from './SignUpView';
+export type { SignUpViewProps } from './SignUpView.types';
+export { UserCircleIcon, EnvelopeIcon, LockClosedIcon, EyeIcon } from './icons';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/SignUpView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}