diff --git a/docs/design/design-system/components/accordion.html b/docs/design/design-system/components/accordion.html new file mode 100644 index 0000000..1982e8f --- /dev/null +++ b/docs/design/design-system/components/accordion.html @@ -0,0 +1,307 @@ + + + + + + Nexus Autoparts — Accordion + + + + + +
+ + +
+ +

Accordion

+

Secciones colapsables para organizar información del POS

+ + +
+

Detalle de Producto

+
Información del producto en secciones colapsables
+ +
+
+ +
+
+ Nombre + Pastillas de freno Brembo P50 042 + SKU + BRM-P50042 + OEM + 04465-33450 + Categoría + Frenos + Marca + Brembo +
+
+
+ +
+ +
+
+ Precio venta + $1,250.00 + Costo + $780.00 + Margen + 37.6% + Precio mayoreo + $1,050.00 (10+ uds) +
+
+
+ +
+ +
+ Toyota Corolla (2014-2022), Toyota Camry (2012-2020), Toyota RAV4 (2013-2021), Lexus ES (2013-2020), y 20 vehículos más. +
+
+ +
+ +
+
+ Stock total + 12 unidades + Sucursal Centro + 8 uds + Sucursal Norte + 4 uds + Ubicación + Estante A-14 + Punto de reorden + 5 unidades +
+
+
+
+
+ + +
+

FAQ — Estilo Separado

+
Preguntas frecuentes o secciones independientes
+ +
+
+ +
+ Utiliza la barra de búsqueda principal e ingresa el número OEM completo o parcial. El sistema buscará automáticamente entre los 1.4M+ de partes registradas y mostrará coincidencias en tiempo real. +
+
+ +
+ +
+ Ve a Contabilidad → Corte de Caja. El sistema calculará automáticamente las ventas del turno, desglosadas por método de pago. Ingresa el efectivo físico contado y el sistema detectará diferencias. +
+
+ +
+ +
+ Inventario → Nuevo Producto. Completa los campos requeridos (nombre, SKU, precio, categoría) y opcionalmente agrega compatibilidad con vehículos, imágenes y proveedores. +
+
+
+
+ + + + + diff --git a/docs/design/design-system/components/alerts.html b/docs/design/design-system/components/alerts.html new file mode 100644 index 0000000..ce8bebf --- /dev/null +++ b/docs/design/design-system/components/alerts.html @@ -0,0 +1,344 @@ + + + + + + Nexus Autoparts — Alerts & Toasts + + + + + +
+ + +
+ +

Alerts & Toasts

+

Notificaciones, alertas y banners de feedback del sistema POS

+ + +
+

Alert Banners

+
Mensajes de contexto completo
+ +
+
+ ✓ +
+
Venta completada
+
La venta #VTA-2024-0847 se procesó correctamente. Total: $3,450.00 MXN
+
+ +
+ +
+ ⚠ +
+
Stock bajo
+
El producto "Pastillas de freno Brembo P50 042" tiene solo 3 unidades. Reorden sugerido: 20 unidades.
+
+ +
+ +
+ ✕ +
+
Error de conexión
+
No se pudo sincronizar el inventario con el servidor. Último sync: hace 15 min. Reintentando...
+
+ +
+ +
+ ℹ +
+
Actualización disponible
+
Hay una nueva versión del catálogo de partes (v2.4.1). Se actualizará automáticamente esta noche.
+
+ +
+
+
+ + +
+

Toast Notifications

+
Notificaciones flotantes tipo toast
+ +
+
+ ✓ +
+
Producto agregado
+
Filtro de aceite WIX 57060 — $189.00
+
+ +
+
+ +
+ ⚠ +
+
Precio actualizado
+
El proveedor actualizó el precio de 12 productos
+
+ +
+
+ +
+ ✕ +
+
Pago rechazado
+
La terminal reportó: tarjeta declinada
+
+ +
+
+ +
+ ℹ +
+
Sincronizando catálogo
+
Actualizando 1.4M partes... 34% completado
+
+ +
+
+
+
+ + +
+

Inline Alerts

+
Alertas mínimas inline para formularios y validación
+ +
+
✓ Producto guardado exitosamente
+
⚠ Este precio está 30% arriba del promedio
+
✕ SKU duplicado, ya existe en el sistema
+
+
+ + + + + diff --git a/docs/design/design-system/components/avatars.html b/docs/design/design-system/components/avatars.html new file mode 100644 index 0000000..3ccb478 --- /dev/null +++ b/docs/design/design-system/components/avatars.html @@ -0,0 +1,262 @@ + + + + + + Nexus Autoparts — Avatars + + + + + +
+ + +
+ +

Avatars

+

Avatares de usuario con iniciales y estados para el POS

+ + +
+

Tamaños

+
XS a 2XL
+ +
+
+
J
+
XS
+
+
+
JR
+
SM
+
+
+
JR
+
MD
+
+
+
JR
+
LG
+
+
+
JR
+
XL
+
+
+
JR
+
2XL
+
+
+
+ + +
+

Colores

+
Variantes de color para diferenciar usuarios
+ +
+
JR
+
ML
+
CP
+
AG
+
DH
+
??
+
+
+ + +
+

Con Estado

+
Indicador de actividad del usuario en el POS
+ +
+
+
JR
+ +
+
+
ML
+ +
+
+
CP
+ +
+
+
AG
+ +
+
+
+ + +
+

Grupo de Avatares

+
Usuarios asignados a una sucursal o pedido
+ +
+
+
JR
+
ML
+
CP
+
+3
+
+
+
+ + +
+

Avatar en Contexto

+
Filas de usuario (sidebar, listas, etc.)
+ +
+
+
+
JR
+ +
+ +
+ +
+
+
ML
+ +
+ +
+ +
+
+
CP
+ +
+ +
+
+
+ + + + + diff --git a/docs/design/design-system/components/badges.html b/docs/design/design-system/components/badges.html new file mode 100644 index 0000000..7fbb8ba --- /dev/null +++ b/docs/design/design-system/components/badges.html @@ -0,0 +1,340 @@ + + + + + + Nexus Autoparts — Badges & Tags + + + + + +
+ + +
+ +

Badges & Tags

+

Status badges, tags removibles y labels para el sistema POS

+ + +
+

Status Badges

+
Indicadores de estado de inventario y pedidos
+ +
+ En stock + Bajo stock + Agotado + Pedido + Inactivo +
+ +
Con indicador de punto
+
+ Disponible + Poco stock + Sin existencia + En tránsito + Descontinuado +
+
+ + +
+

Tags

+
Tags de categoría y filtro
+ +
+ Frenos + Motor + Suspensión + Eléctrico + OEM +
+ +
Tags removibles (filtros aplicados)
+
+ Toyota + 2020 + Corolla + Frenos +
+
+ + +
+

Status Labels

+
Labels de estado con borde (más prominentes)
+ +
+ ✓ Pagado + ⏳ Pendiente + ✕ Cancelado + ↗ Enviado +
+
+ + +
+

Count Badges

+
Contadores numéricos para notificaciones y carrito
+ +
+ 3 + 12 + 99+ + 5 + ! +
+
+ + + + + diff --git a/docs/design/design-system/components/buttons.html b/docs/design/design-system/components/buttons.html new file mode 100644 index 0000000..e3dfa18 --- /dev/null +++ b/docs/design/design-system/components/buttons.html @@ -0,0 +1,458 @@ + + + + + + Nexus Autoparts — Buttons + + + + + +
+ + +
+ +

Buttons

+

Componentes de boton para Nexus Autoparts POS. Todos los estilos, tamanos y estados.

+ + +
+

Primary Button

+

Accion principal — confirmar venta, agregar producto, guardar

+
+ + + + +
+
+ + +
+
+ +
+
+ + +
+

Secondary Button

+

Accion secundaria — cancelar, ver detalles, filtrar

+
+ + + +
+
+ +
+
+ + +
+

Danger Button

+

Accion destructiva — eliminar, cancelar venta, borrar cliente

+
+ + + +
+
+ +
+
+ + +
+

Ghost Button

+

Accion terciaria — enlaces, acciones sutiles, navegacion

+
+ + + +
+
+ +
+
+ + +
+

Icon Button

+

Acciones con icono — editar, eliminar, configuracion, carrito

+
+ + + + + + +
+
+ +
+
+ + +
+

Button con Icono + Texto

+

Combinacion de icono y texto para acciones comunes en POS

+
+ + + + +
+
+ + +
+

Button Group

+

Grupo de botones para acciones relacionadas — vistas, filtros

+
+
+ + + +
+
+
+
+ + + + +
+
+
+ + +
+

Ejemplos POS

+

Combinaciones reales de la interfaz del punto de venta

+
+
+ + + +
+
+ +
+
+ + +
+ + +
+
+
+ + + + diff --git a/docs/design/design-system/components/cards.html b/docs/design/design-system/components/cards.html new file mode 100644 index 0000000..030b03c --- /dev/null +++ b/docs/design/design-system/components/cards.html @@ -0,0 +1,489 @@ + + + + + + Nexus Autoparts — Cards + + + + +
+ + +
+ +

Cards

+

Tarjetas para producto, cliente y resumen/dashboard del sistema POS.

+ + +
+

Product Card

+

Tarjeta de producto para catalogo e inventario

+
+ +
+
⚙
+
+
Frenos
+
Balatas Ceramicas Brembo
+
SKU: BRM-BLT-P68064N
+
+ Nissan Sentra 2019-2024 + Nissan Versa 2020-2024 + +3 mas +
+
+
+ $892.00 + $1,050.00 + 24 en stock +
+
+ + +
+
+ + +
+
🛠
+
+
Motor
+
Aceite Sintetico Mobil 1 5W-30
+
SKU: MOB-OIL-5W30-1L
+
+ Universal +
+
+
+ $345.00 + 3 en stock +
+
+ + +
+
+ + +
+
🔧
+
+
Suspension
+
Amortiguador Monroe Sensatrac
+
SKU: MNR-AMT-72321
+
+ Chevrolet Aveo 2012-2018 +
+
+
+ $1,650.00 + Sin stock +
+
+ + +
+
+
+
+ + +
+

Client Card

+

Tarjeta de cliente con informacion y estadisticas

+
+ +
+
+
TM
+
+
Taller Mecanico El Rapido
+
Taller · Mayoreo
+
+
+
+
+
$45.2K
+
Compras
+
+
+
127
+
Ordenes
+
+
+
$2.1K
+
Saldo
+
+
+
+ + +
+
+ + +
+
+
RA
+
+
Refacciones Alvarez
+
Refaccionaria · Credito
+
+
+
+
+
$128K
+
Compras
+
+
+
342
+
Ordenes
+
+
+
$8.5K
+
Saldo
+
+
+
+ + +
+
+ + +
+
+
JL
+
+
Jose Luis Martinez
+
Publico General
+
+
+
+
+
$3.4K
+
Compras
+
+
+
8
+
Ordenes
+
+
+
$0
+
Saldo
+
+
+
+ + +
+
+
+
+ + +
+

Summary / Dashboard Card

+

Tarjetas de resumen para dashboard del dueno

+
+
+
+
💰
+
+
Ventas del dia
+
$24,580
+
+12.3% vs ayer
+
+
+
+ +
+
+
📦
+
+
Productos vendidos
+
147
+
+8 vs ayer
+
+
+
+ +
+
+
👤
+
+
Clientes atendidos
+
32
+
-5 vs ayer
+
+
+
+ +
+
+
⚠
+
+
Productos stock bajo
+
18
+
+3 nuevos
+
+
+
+
+
+ + + + diff --git a/docs/design/design-system/components/chips.html b/docs/design/design-system/components/chips.html new file mode 100644 index 0000000..a7f9cf0 --- /dev/null +++ b/docs/design/design-system/components/chips.html @@ -0,0 +1,268 @@ + + + + + + Nexus Autoparts — Chips + + + + + +
+ + +
+ +

Chips

+

Filter chips, action chips y choice chips para el sistema POS

+ + +
+

Filter Chips

+
Filtros de categoría en catálogo
+ +
+ Todos ✕ + 🔧 Frenos + ⚙️ Motor ✕ + 🔌 Eléctrico + 🏎️ Suspensión + 💧 Lubricantes + 🔩 Tornillería +
+ +
Filtros de marca
+
+ Brembo ✕ + Bosch + Denso + Wagner ✕ + ACDelco + NGK + Monroe +
+
+ + +
+

Action Chips

+
Acciones rápidas sobre un producto
+ +
+ + + + + +
+
+ + +
+

Choice Chips

+
Selección de tipo de parte (OEM vs Aftermarket)
+ +
+ OEM Original + Aftermarket + Remanufacturado +
+ +
Selección de rango de precio
+
+ $0 - $500 + $500 - $1,500 + $1,500 - $5,000 + $5,000+ +
+
+ + +
+

Barra de Filtros Aplicados

+
Resumen de filtros activos en el catálogo
+ +
+ Filtros: + Toyota ✕ + Corolla 2020 ✕ + Frenos ✕ + OEM ✕ + +
+
+ + + + + diff --git a/docs/design/design-system/components/datepicker.html b/docs/design/design-system/components/datepicker.html new file mode 100644 index 0000000..4f5abdd --- /dev/null +++ b/docs/design/design-system/components/datepicker.html @@ -0,0 +1,485 @@ + + + + + + Nexus Autoparts — Date/Time Pickers + + + + + +
+ + +
+ +

Date / Time Pickers

+

Selectores de fecha y hora para reportes, cortes de caja y filtros

+ + +
+

Inputs de Fecha y Hora

+
Campos nativos con estilo del design system
+ +
+
+ Fecha + +
+
+ Hora + +
+
+ Fecha y hora + +
+
+
+ + +
+

Rango de Fechas

+
Para reportes y filtros de contabilidad
+ +
+
+ Desde + +
+ → +
+ Hasta + +
+
+ +
Presets rápidos
+
+ + + + + + + +
+
+ + +
+

Calendario — Selección Simple

+
Widget de calendario para seleccionar una fecha
+ +
+
+
+ +
+ Marzo 2024 +
+ +
+
+ +
+ Lu + Ma + Mi + Ju + Vi + Sá + Do + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+ + +
+

Calendario — Rango de Fechas

+
Selección de rango para reportes de ventas
+ +
+
+
+ +
+ Marzo 2024 +
+ +
+
+ +
+ Lu + Ma + Mi + Ju + Vi + Sá + Do + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ 8 Mar — 15 Mar (8 días) + +
+
+
+ + + + + diff --git a/docs/design/design-system/components/dialogs.html b/docs/design/design-system/components/dialogs.html new file mode 100644 index 0000000..998ff36 --- /dev/null +++ b/docs/design/design-system/components/dialogs.html @@ -0,0 +1,306 @@ + + + + + + Nexus Autoparts — Dialogs + + + + + +
+ + +
+ +

Dialogs

+

Diálogos de confirmación y prompts del sistema POS

+ + +
+

Confirmación de Eliminación

+
Confirmar acción destructiva
+ +
+
+ Eliminar producto + +
+
+
⚠
+

¿Eliminar "Pastillas de freno Brembo P50 042"?

+

Esta acción eliminará el producto del catálogo permanentemente. Se perderá el historial de ventas y movimientos asociados.

+
+
+ + +
+
+
+ + +
+

Confirmación de Venta

+
Confirmar cierre de venta
+ +
+
+ Confirmar venta + +
+
+
✓
+

Total de la venta: $4,890.00 MXN

+

5 productos · Cliente: Juan Rodríguez · Método de pago: Efectivo

+

Se generará ticket e imprimirá automáticamente.

+
+
+ + +
+
+
+ + +
+

Advertencia de Stock

+
Alerta al agregar producto sin stock suficiente
+ +
+
+ Stock insuficiente + +
+
+
⚠
+

El producto tiene solo 2 unidades disponibles

+

Estás intentando agregar 5 unidades de "Filtro de aceite WIX 57060" pero solo hay 2 en existencia.

+
+
+ + +
+
+
+ + +
+

Prompt — Descuento Manual

+
Diálogo con entrada de datos
+ +
+
+ Aplicar descuento + +
+
+

Ingresa el porcentaje de descuento a aplicar sobre el subtotal de $4,890.00

+ + +

+ Nuevo total: $4,156.50 MXN (ahorro: $733.50) +

+
+
+ + +
+
+
+ + +
+

Prompt — Autorización PIN

+
Requiere PIN del supervisor
+ +
+
+ Autorización requerida + +
+
+
🔒
+

Esta acción requiere autorización del supervisor

+

Ingresa el PIN del supervisor para aplicar un descuento mayor al 10%.

+ + +
+
+ + +
+
+
+ + + + + diff --git a/docs/design/design-system/components/dropdowns.html b/docs/design/design-system/components/dropdowns.html new file mode 100644 index 0000000..22bcfcc --- /dev/null +++ b/docs/design/design-system/components/dropdowns.html @@ -0,0 +1,331 @@ + + + + + + Nexus Autoparts — Dropdowns + + + + + +
+ + +
+ +

Dropdowns

+

Select menus, dropdown menus y context menus del sistema POS

+ + +
+

Dropdown Menus

+
Menús desplegables de acciones
+ +
+ +
+ +
+ + + +
+ + +
+ +
+
+ + +
+ +
+
Ordenar
+ + + + + + +
+
+ + +
+ +
+
Categoría
+ + + + +
+
Estado
+ + + +
+
+
+
+ + +
+

Select Dropdowns

+
Selectores de formulario nativos con estilo
+ +
+
+ Categoría + +
+ +
+ Proveedor + +
+ +
+ Sucursal + +
+
+
+ + +
+

Context Menu

+
Menú contextual (clic derecho en producto)
+ +
+ + + +
+ + +
+ +
+
+ + + + + diff --git a/docs/design/design-system/components/index.html b/docs/design/design-system/components/index.html new file mode 100644 index 0000000..571b1bf --- /dev/null +++ b/docs/design/design-system/components/index.html @@ -0,0 +1,268 @@ + + + + + + Nexus Autoparts — Design System Components + + + + +
+ + + +
+ +

Design System Components

+

Componentes reutilizables del sistema POS para refaccionarias. Cada componente soporta ambos temas.

+ +
+ +
🔘
+

Buttons

+

Primary, secondary, danger, ghost, icon buttons. Todos los tamanos, estados y grupos.

+ Completo + + + +
✏
+

Inputs

+

Text, number, search, select, checkbox, radio y toggle. Validacion y estados.

+ Completo + + + +
📄
+

Cards

+

Tarjetas de producto, cliente y resumen/dashboard con datos reales del POS.

+ Completo + + + +
📊
+

Tables

+

Tablas de inventario y ventas con sorting, paginacion, filtros y acciones.

+ Completo + + + +
🗀
+

Modals

+

Modales de formulario con overlay real e interactivos.

+ Completo + + + +
📑
+

Navigation

+

Sidebar, breadcrumbs y tabs. Navegacion principal del sistema POS.

+ Completo + + + +
🔔
+

Badges & Tags

+

Status badges, tags removibles, labels y contadores numericos.

+ Completo + + + +
⚠
+

Alerts & Toasts

+

Alert banners, toast notifications y alertas inline de validacion.

+ Completo + + + +
🔍
+

Search

+

Barra de busqueda con autocompletado y busqueda por vehiculo.

+ Completo + + + +
📚
+

Pagination

+

Paginacion completa, simple y para datasets grandes (1.4M+ partes).

+ Completo + + + +
📋
+

Dropdowns

+

Dropdown menus de acciones, select menus y context menus.

+ Completo + + + +
🔘
+

Toggles & Switches

+

Toggle switches, checkboxes y radio buttons con variantes de tamano.

+ Completo + + + +
⏳
+

Progress & Loading

+

Progress bars, spinners, dot loaders y skeleton loaders.

+ Completo + + + +
👤
+

Avatars

+

Avatares con iniciales, estados online/offline, grupos y contexto de usuario.

+ Completo + + + +
💬
+

Tooltips & Popovers

+

Tooltips informativos, info icons y popovers interactivos con acciones.

+ Completo + + + +
🏷
+

Chips

+

Filter chips, action chips, choice chips y barra de filtros aplicados.

+ Completo + + + +
🗨
+

Dialogs

+

Confirmaciones, advertencias, prompts de descuento y autorizacion PIN.

+ Completo + + + +
📑
+

Tabs (Contextuales)

+

Tabs para inventario, contabilidad, detalle de producto y configuracion.

+ Completo + + + +
📜
+

Accordion

+

Secciones colapsables para detalle de producto y FAQ. Interactivo.

+ Completo + + + +
📅
+

Date/Time Pickers

+

Inputs de fecha, calendario, rango de fechas y presets rapidos.

+ Completo + +
+ +
+ Nexus Autoparts Design System v1.0 · 20 de 20 componentes · Tokens: tokens.css +
+ + + + diff --git a/docs/design/design-system/components/inputs.html b/docs/design/design-system/components/inputs.html new file mode 100644 index 0000000..d94e610 --- /dev/null +++ b/docs/design/design-system/components/inputs.html @@ -0,0 +1,466 @@ + + + + + + Nexus Autoparts — Inputs + + + + +
+ + +
+ +

Inputs

+

Campos de formulario para el sistema POS. Text, number, search, select, checkbox, radio y toggle.

+ + +
+

Text Input

+
+
+ + + Nombre completo del cliente +
+
+ + +
+
+ + + Formato de email invalido +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+

Number Input (Precios / Cantidades)

+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+

Search Input

+
+
+ +
+ 🔍 + +
+
+
+
+
+ +
+ 🔍 + + +
+
+
+
+ + +
+

Select

+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+ + +
+

Checkbox

+
+ + + + +
+
+ + +
+

Radio

+
+ + + + +
+
+ + +
+

Toggle

+
+ + + +
+
+ + +
+

Tamanos

+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + + + diff --git a/docs/design/design-system/components/modals.html b/docs/design/design-system/components/modals.html new file mode 100644 index 0000000..0ea48c6 --- /dev/null +++ b/docs/design/design-system/components/modals.html @@ -0,0 +1,592 @@ + + + + + + Nexus Autoparts — Modals + + + + +
+ + +
+ +

Modals & Dialogs

+

Modales, dialogs de confirmacion y formularios overlay para el sistema POS.

+ + +
+

Abrir Modales (Demo Interactivo)

+

Haz clic para ver los modales en accion con overlay real

+
+ + + + + +
+
+ + +
+

Modal: Agregar Producto

+

Formulario de producto con campos tipicos del inventario POS

+
+
+
+

Agregar Producto

+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+

Modal: Nuevo Cliente

+

Formulario rapido para registrar un cliente nuevo

+
+
+
+

Nuevo Cliente

+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+

Dialog: Confirmacion de Eliminacion

+

Confirmacion destructiva — requiere accion explicita del usuario

+
+
+
+
⚠
+
Eliminar Producto
+
+ Estas a punto de eliminar Balatas Ceramicas Brembo (BRM-BLT-P68064N) del inventario. Esta accion no se puede deshacer. +
+
+ + +
+
+
+
+
+ +
+

Dialog: Confirmar Venta

+

Confirmacion antes de procesar el cobro

+
+
+
+
💰
+
Confirmar Cobro
+
+ Total a cobrar: $3,680.00
+ 4 productos · Taller El Rapido · Credito +
+
+ + +
+
+
+
+
+ +
+

Dialog: Venta Exitosa

+

Feedback positivo despues de completar una venta

+
+
+
+
✓
+
Venta Completada
+
+ Folio: V-2026-0847
+ Ticket enviado por WhatsApp al cliente. +
+
+ + +
+
+
+
+
+ + + + + + + + + + + + + + + diff --git a/docs/design/design-system/components/navigation.html b/docs/design/design-system/components/navigation.html new file mode 100644 index 0000000..8530bd5 --- /dev/null +++ b/docs/design/design-system/components/navigation.html @@ -0,0 +1,573 @@ + + + + + + Nexus Autoparts — Navigation + + + + + +
+ + +
+ +

Navigation

+

Sidebar, Breadcrumbs y Tabs — componentes de navegación del sistema POS

+ + +
+

Sidebar

+
Navegación principal del POS
+ +
+
+
+ + NEXUS +
+ +
+
Principal
+ + 📊 + Dashboard + + + 🛒 + Punto de Venta + 3 + + + 📦 + Inventario + + + 🔍 + Catálogo + +
+ +
+
Gestión
+ + 👥 + Clientes + + + 📋 + Órdenes + 12 + + + 💰 + Contabilidad + + + 📈 + Reportes + +
+ +
+
Sistema
+ + ⚙️ + Configuración + + + 👤 + Usuarios + +
+ +
+
+
JR
+ +
+
+
+ +
+
+ ← Sidebar de navegación principal con secciones, badges y perfil de usuario. +
+
+
+
+ + +
+

Breadcrumbs

+
Navegación jerárquica
+ +
+ + + + + +
+
+ + +
+

Tabs — Línea

+
Navegación por pestañas (inventario, contabilidad, etc.)
+ +
+ + + + + +
+
+ Contenido de la pestaña activa. Aquí se mostraría la tabla de inventario filtrada. +
+
+ +
+

Tabs — Pills

+
Variante con fondo de selección
+ +
+ + + + +
+
+ +
+

Tabs — Contexto Contabilidad

+
Navegación entre módulos financieros
+ +
+ + + + + + +
+
+ Módulo de contabilidad con tabs contextuales para cada sección financiera del POS. +
+
+ + + + + diff --git a/docs/design/design-system/components/pagination.html b/docs/design/design-system/components/pagination.html new file mode 100644 index 0000000..07479a9 --- /dev/null +++ b/docs/design/design-system/components/pagination.html @@ -0,0 +1,278 @@ + + + + + + Nexus Autoparts — Pagination + + + + + +
+ + +
+ +

Pagination

+

Paginación para tablas e inventario del sistema POS

+ + +
+

Paginación Completa

+
Navegación de páginas con números
+ + +
+ + +
+

Paginación con Contexto

+
Información de registros y resultados por página
+ +
+
+ Mostrando 41-60 de 1,247 productos +
+ + + +
+ Mostrar + + por página +
+
+
+ + +
+

Paginación Simple

+
Para listas cortas o navegación rápida
+ +
+ + Página 3 de 12 + +
+
+ + +
+

Paginación — Dataset Grande

+
Para el catálogo de 1.4M+ partes
+ +
+
+ Mostrando 10,001-10,050 de 1,423,847 partes +
+ + + +
+ Mostrar + + por página +
+
+
+ + + + + diff --git a/docs/design/design-system/components/progress.html b/docs/design/design-system/components/progress.html new file mode 100644 index 0000000..3ba195b --- /dev/null +++ b/docs/design/design-system/components/progress.html @@ -0,0 +1,421 @@ + + + + + + Nexus Autoparts — Progress & Loading + + + + + +
+ + +
+ +

Progress & Loading

+

Barras de progreso, spinners y skeleton loaders del sistema POS

+ + +
+

Progress Bars

+
Indicadores de progreso con semántica
+ +
+
+
+ Sincronización de catálogo + 73% +
+
+
+
+
+ +
+
+ Stock saludable + 92% +
+
+
+
+
+ +
+
+ Capacidad de bodega + 68% +
+
+
+
+
+ +
+
+ Productos agotados + 15% +
+
+
+
+
+
+ +
Barra animada (en proceso)
+
+
+
+ Importando productos... + 45% +
+
+
+
+
+
+ +
Tamaños
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+

Loading Spinners

+
Indicadores de carga
+ + +
+ + +
+

Skeleton Loaders

+
Placeholders de carga para tarjetas de producto
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
Skeleton de tabla
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + diff --git a/docs/design/design-system/components/search.html b/docs/design/design-system/components/search.html new file mode 100644 index 0000000..f0e2921 --- /dev/null +++ b/docs/design/design-system/components/search.html @@ -0,0 +1,412 @@ + + + + + + Nexus Autoparts — Search Bar + + + + + +
+ + +
+ +

Search

+

Barras de búsqueda con autocompletado para el catálogo POS

+ + +
+

Búsqueda General

+
Barra de búsqueda principal del catálogo
+ +
+ 🔍 + + Ctrl+K + +
+
+ + +
+

Búsqueda con Autocompletado

+
Resultados en tiempo real mientras el usuario escribe
+ +
+
+ 🔍 + + +
+ +
+
Productos (4 resultados)
+ +
+
🔧
+
+
Pastillas de freno Brembo P50 042
+
SKU: BRM-P50042 · OEM: 04465-33450
+
+
+
$1,250.00
+
12 en stock
+
+
+ +
+
🔧
+
+
Pastillas de freno Wagner QC1210
+
SKU: WGN-QC1210 · OEM: 04465-02220
+
+
+
$890.00
+
8 en stock
+
+
+ +
+
🔧
+
+
Pastillas de freno Akebono ACT1210
+
SKU: AKB-ACT1210 · Aftermarket
+
+
+
$650.00
+
3 en stock
+
+
+ +
Ver los 4 resultados para "pastillas de freno" →
+
+
+
+ + +
+

Búsqueda por Vehículo

+
Filtrar catálogo por marca, modelo y año
+ +
+ + + + + +
+
+ + + + + diff --git a/docs/design/design-system/components/tables.html b/docs/design/design-system/components/tables.html new file mode 100644 index 0000000..b00273e --- /dev/null +++ b/docs/design/design-system/components/tables.html @@ -0,0 +1,453 @@ + + + + + + Nexus Autoparts — Tables + + + + +
+ + +
+ +

Tables

+

Tablas con sorting, paginacion y acciones para inventario, ventas y clientes.

+ + +
+

Tabla de Inventario

+

Tabla principal con busqueda, filtros, sorting y paginacion

+ +
+
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SKU ▲Producto ▲CategoriaPrecio ▼Stock ▲EstadoAcciones
BRM-BLT-P68064NBalatas Ceramicas BremboFrenos$892.0024En stock + + +
MOB-OIL-5W30-1LAceite Sintetico Mobil 1 5W-30Motor$345.003Stock bajo + + +
MNR-AMT-72321Amortiguador Monroe SensatracSuspension$1,650.000Sin stock + + +
NGK-BUJ-BKR6EBujia NGK BKR6E IridiumEncendido$189.00156En stock + + +
GTS-FLT-AF123Filtro de Aire Gates AF123Filtracion$245.0042En stock + + +
BOH-DSC-BD5678Disco de Freno Bosch BD5678Frenos$1,120.005Stock bajo + + +
+ +
+
+ Mostrando 1-6 de 1,423 productos +  |  + +
+
+ + + + + + + + + +
+
+
+
+ + +
+

Tabla de Ventas

+

Tabla compacta para historial de ventas del dia

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioHoraClienteProductosTotalPagoEstado
V-2026-084714:32Taller El Rapido4 items$3,680.00CreditoCompletada
V-2026-084613:15Publico General1 item$892.00EfectivoCompletada
V-2026-084512:48Refacciones Alvarez12 items$15,420.00TransferenciaPendiente
V-2026-084411:20Auto Servicio Lopez3 items$2,145.00TarjetaCancelada
+
+
+ + + + diff --git a/docs/design/design-system/components/tabs.html b/docs/design/design-system/components/tabs.html new file mode 100644 index 0000000..75727f3 --- /dev/null +++ b/docs/design/design-system/components/tabs.html @@ -0,0 +1,312 @@ + + + + + + Nexus Autoparts — Tabs (Contextuales) + + + + + +
+ + +
+ +

Tabs (Contextuales)

+

Tab navigation para inventario, contabilidad y configuración del POS

+ + +
+

Tabs — Inventario

+
Navegación de inventario con contadores
+ +
+ + + + + + +
+
+
+ Tabla de inventario con todos los productos. Incluye columnas: SKU, nombre, marca, stock, precio, ubicación. +
+
+
+ + +
+

Tabs — Contabilidad

+
Módulos financieros del POS
+ +
+ + + + + + +
+
+
+ Resumen de ventas del día actual. Total: $45,890.00 MXN · 23 transacciones · Ticket promedio: $1,995.22 +
+
+
+ + +
+

Tabs — Detalle de Producto

+
Información del producto organizada en tabs
+ +
+ + + + + +
+
+
+ Información general del producto: nombre, SKU, OEM, categoría, marca, descripción, imagen. +
+
+
+ + +
+

Tabs Verticales — Configuración

+
Navegación lateral para secciones de configuración
+ +
+
+ + + + + + + +
+
+ Configuración general del sistema: nombre del negocio, dirección, RFC, logo, moneda y zona horaria. +
+
+
+ + +
+

Card Tabs — Dashboard

+
Tabs con estadísticas para el dashboard
+ +
+ + + +
+
+ + + + + diff --git a/docs/design/design-system/components/toggles.html b/docs/design/design-system/components/toggles.html new file mode 100644 index 0000000..206d6f7 --- /dev/null +++ b/docs/design/design-system/components/toggles.html @@ -0,0 +1,398 @@ + + + + + + Nexus Autoparts — Toggles & Switches + + + + + +
+ + +
+ +

Toggles & Switches

+

Switches, checkboxes y radio buttons del sistema POS

+ + +
+

Toggle Switches

+
Configuración del sistema POS
+ +
+
+
+
Notificaciones de stock bajo
+
Alertar cuando un producto baje de 5 unidades
+
+ +
+ +
+
+
Modo oscuro
+
Tema industrial para el POS
+
+ +
+ +
+
+
Impresión automática
+
Imprimir ticket al completar venta
+
+ +
+ +
+
+
Descuentos manuales
+
Permitir al vendedor aplicar descuentos (deshabilitado)
+
+ +
+
+ +
Tamaños de toggle
+
+ + SM + + + MD + + + LG +
+
+ + +
+

Checkboxes

+
Selección múltiple (filtros de categoría)
+ +
+ + + + + +
+
+ + +
+

Radio Buttons

+
Selección única (método de pago)
+ +
+ + + + +
+
+ + + + + diff --git a/docs/design/design-system/components/tooltips.html b/docs/design/design-system/components/tooltips.html new file mode 100644 index 0000000..1a9df9b --- /dev/null +++ b/docs/design/design-system/components/tooltips.html @@ -0,0 +1,315 @@ + + + + + + Nexus Autoparts — Tooltips & Popovers + + + + + +
+ + +
+ +

Tooltips & Popovers

+

Tooltips informativos y popovers interactivos del sistema POS

+ + +
+

Tooltips

+
Información rápida al pasar el cursor
+ +
+
+
🛒 Agregar al carrito
+
▲
+
Agrega este producto a la venta actual
+
+ +
+
📦 Stock: 12
+
▲
+
Unidades disponibles en bodega principal
+
+ +
+
🏷️ OEM: 04465-33450
+
▲
+
Número de parte original del fabricante
+
+ +
+
⚠ Bajo stock
+
▲
+
Quedan menos de 5 unidades. Reorden sugerido.
+
+
+
+ + +
+

Info Icons

+
Iconos de ayuda con tooltip
+ +
+
+ Precio mayoreo + ? + ← Precio para compras de 10+ unidades +
+
+ Margen de ganancia + ? + ← Diferencia entre costo y precio de venta +
+
+
+ + +
+

Popovers

+
Información detallada con acciones
+ +
+ +
+
Ver info del producto
+
+
+ Pastillas Brembo P50 042 + +
+
+
+ SKU + BRM-P50042 +
+
+ OEM + 04465-33450 +
+
+ Precio + $1,250.00 +
+
+ Stock + 12 uds +
+
+ Ubicación + Estante A-14 +
+
+
+ + +
+
+
+ + +
+
🗑️ Eliminar producto
+
+
+ Confirmar eliminación + +
+
+ ¿Estás seguro de eliminar este producto? Esta acción no se puede deshacer. +
+
+ + +
+
+
+
+
+ + + + + diff --git a/docs/design/design-system/index.html b/docs/design/design-system/index.html new file mode 100644 index 0000000..ac09c57 --- /dev/null +++ b/docs/design/design-system/index.html @@ -0,0 +1,1594 @@ + + + + + + Nexus Autoparts — Design System + + + + + + + + + +
+

Nexus Autoparts — Design System

+
+ + +
+
+ +
+ + +
+

Paleta de Colores

+

Colores primarios, accent, semánticos y neutrales para ambos temas.

+ +

Superficies

+
+
BG Primary
--color-bg-primary
+
BG Secondary
--color-bg-secondary
+
BG Tertiary
--color-bg-tertiary
+
BG Elevated
--color-bg-elevated
+
BG Hover
--color-bg-hover
+
+ +

Accent

+
+
Accent
--color-accent
+
Accent Hover
--color-accent-hover
+
Accent Active
--color-accent-active
+
Accent Subtle
--color-accent-subtle
+
Accent Muted
--color-accent-muted
+
+ +

Semanticos

+
+
Success
--color-success
+
Warning
--color-warning
+
Error
--color-error
+
Info
--color-info
+
+
+ + +
+

Tipografia

+

Escala tipografica con heading font y body font segun el tema activo.

+ +
H1 / 60px
Nexus Autoparts
+
H2 / 48px
Catalogo de Refacciones
+
H3 / 36px
Punto de Venta
+
H4 / 30px
Inventario General
+
H5 / 24px
Clientes Registrados
+
H6 / 20px
Detalle de Factura
+
Body / 16px
Busca entre mas de 1.4 millones de partes OEM y 300K aftermarket con compatibilidad verificada para cada vehiculo.
+
Small / 14px
Compatible con: Toyota Corolla 2018-2023, Honda Civic 2020-2024
+
Caption / 12px
Ultima actualizacion: hace 2 horas | SKU: NX-BRK-4521
+
Mono / Price
$1,245.00 MXN
+
+ + +
+

Botones

+

Primary, secondary, danger, ghost e icon buttons en 3 tamanos.

+ +
+ + + + + +
+
+ + + +
+
+ + +
+
+ + +
+

Inputs y Formularios

+

Text, search, select, checkbox, radio, toggle.

+ +
+
+ + + Ingresa el nombre o numero de parte +
+
+ + +
+
+ + + El correo no tiene un formato valido +
+
+ + +
+
+ + +
+ +
+ 🔍 + + +
+
+ + +
+
+ Checkbox + + + +
+
+ Radio + + + +
+
+ Toggle +
+ + Notificaciones +
+
+ + Modo oscuro +
+
+
+
+ + +
+

Cards

+

Producto, cliente y resumen (dashboard).

+ +

Tarjeta de Producto

+
+
+
⚙
+
+
Balata Delantera Ceramica
+
SKU: NX-BRK-4521
+
$845.00
+
Toyota Corolla 2018-2023
+
+
+ + +
+
+
+
⚙
+
+
Filtro de Aceite Premium
+
SKU: NX-FLT-8832
+
$189.00
+
Honda Civic 2020-2024
+
+
+ + +
+
+
+
⚙
+
+
Amortiguador Trasero
+
SKU: NX-SUS-2211
+
$1,650.00
+
Nissan Sentra 2019-2023
+
+
+ + +
+
+
+ +

Tarjeta de Cliente

+
+
+
JR
+
Juan Rodriguez
Taller Mecanico Rodriguez
+
+
+
ML
+
Maria Lopez
Refaccionaria La Central
+
+
+
CP
+
Carlos Perez
AutoServicio Express
+
+
+ +

Tarjeta Resumen (Dashboard)

+
+
+
Ventas Hoy
+
$24,580
+
+12.5% vs ayer
+
+
+
Productos Vendidos
+
47
+
+8 unidades
+
+
+
Clientes Nuevos
+
5
+
+2 esta semana
+
+
+
Stock Bajo
+
12
+
Requiere atencion
+
+
+
+ + +
+

Tabla con Paginacion

+

Tabla de datos con sorting y paginacion para inventario, ventas, etc.

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SKU ▲Producto ▼CategoriaStockPrecioEstado
NX-BRK-4521Balata Delantera CeramicaFrenos124$845.00En stock
NX-FLT-8832Filtro de Aceite PremiumMotor58$189.00En stock
NX-SUS-2211Amortiguador TraseroSuspension3$1,650.00Stock bajo
NX-ELC-1105Alternador RemanufacturadoElectrico0$3,200.00Agotado
NX-MTR-7744Junta de CabezaMotor22$520.00En stock
+
+ Mostrando 1-5 de 1,423,847 productos +
+ + + + + + + +
+
+
+
+ + +
+

Modal / Dialog

+

Ventana modal para confirmaciones, formularios y alertas.

+ +
+
+
+

Confirmar Venta

+ +
+
+

Estas a punto de procesar una venta por $3,284.00 MXN para el cliente Juan Rodriguez.

+
+ + +
+
+
+ + +
+
+
+
+ + +
+

Tabs / Navegacion

+

Tabs para secciones como Inventario (7 tabs) y Contabilidad.

+ +
+ + + + + + + +
+
+

Contenido de la tab "General" se muestra aqui. Cada tab carga su contenido correspondiente.

+
+
+ + +
+

Badges y Tags

+

Indicadores de estado, categorias y etiquetas removibles.

+ +

Badges

+
+ Nuevo + En stock + Stock bajo + Agotado + Pedido + Inactivo +
+ +

Tags

+
+ Frenos × + Toyota × + 2020-2024 × + OEM × + Ceramica × +
+
+ + +
+

Toasts / Notificaciones

+

Mensajes de feedback para acciones del usuario.

+ +
+
+ ✔ +
Venta completada
Folio #NX-2024-0847 generado exitosamente
+
+
+ ❌ +
Error al procesar
No se pudo conectar con el servidor de facturacion
+
+
+ ⚠ +
Stock insuficiente
Solo quedan 3 unidades de NX-SUS-2211
+
+
+ ℹ +
Actualizacion disponible
Hay 247 nuevas partes en el catalogo
+
+
+
+ + +
+

Sidebar y Header

+

Navegacion principal de la aplicacion POS.

+ +
+ +
+ POS + Catalogo + Inventario + Clientes + Reportes +
+
+ +
IA
+
+
+ +
+
+
Principal
+ + + + +
Gestion
+ + + + +
Sistema
+ +
+
+ + +
+

PIN Pad

+

Acceso rapido por PIN numerico para login.

+ +
+
+
🔒 Ingresa tu PIN
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + +
+
+
+ + +
+

Numpad

+

Teclado numerico para cantidades y precios en POS.

+ +
+
+
$1,245.00
+ + + + + + + + + + + + +
+
+
+ + +
+

Listas (Carrito / Inventario)

+

Items de lista con cantidad, precio y acciones.

+ +
+
+ Carrito de Venta + 3 items +
+
+
⚙
+
+
Balata Delantera Ceramica
+
NX-BRK-4521 | Toyota Corolla
+
+
2
+
$1,690.00
+
+
+
⚙
+
+
Filtro de Aceite Premium
+
NX-FLT-8832 | Honda Civic
+
+
1
+
$189.00
+
+
+
⚙
+
+
Amortiguador Trasero
+
NX-SUS-2211 | Nissan Sentra
+
+
1
+
$1,650.00
+
+
+ Total + $3,529.00 +
+
+
+ + +
+

Avatares

+

Iniciales de usuario en diferentes tamanos.

+ +
+
I
+
IA
+
IA
+
IA
+ XS (24) / SM (32) / MD (40) / LG (56) +
+
+ + +
+

Breadcrumbs

+

Navegacion jerárquica para secciones profundas.

+ +
+ Inicio + / + Inventario + / + Frenos + / + Balata Delantera Ceramica +
+
+ + +
+

Dropdown

+

Menu contextual para acciones secundarias.

+ +
+ +
+
✎ Editar producto
+
📋 Duplicar
+
🖨 Exportar PDF
+
+
🗑 Eliminar
+
+
+
+ + +
+

Tooltips

+

Informacion contextual al hover.

+ +
+
+ Hover aqui +
Balata ceramica de alto rendimiento
+
+
+ Stock info +
124 unidades disponibles en almacen
+
+
+
+ + +
+

Barras de Progreso

+

Indicadores de progreso para stock, metas y procesos.

+ +
+
+
Meta de ventas diaria78%
+
+
+
+
Stock balatas92%
+
+
+
+
Stock amortiguadores15%
+
+
+
+
Stock alternadores0%
+
+
+
+
+ + +
+

Empty States

+

Estados vacios cuando no hay datos que mostrar.

+ +
+
+
🔍
+

No se encontraron resultados

+

No hay productos que coincidan con tu busqueda. Intenta con otro termino o revisa los filtros aplicados.

+ +
+
+
+ + +
+

Loading States / Skeleton

+

Placeholders de carga mientras se obtienen datos.

+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+

Iconografia POS

+

Set de iconos consistente para el sistema POS.

+ +
+
🛒
Carrito
+
⚙
Producto
+
👤
Cliente
+
📄
Factura
+
📦
Inventario
+
📈
Dashboard
+
⚙
Config
+
🔍
Buscar
+
💰
Ventas
+
📊
Reportes
+
🔒
Login
+
🔔
Alertas
+
+
+ Nota: En produccion, reemplazar emojis por un set SVG consistente (Lucide Icons, Phosphor, o iconos custom). Los emojis son solo placeholder. +
+
+ + +
+

Referencia de Espaciado

+

Grid base de 4px para mantener consistencia visual.

+ +
+
+ 4px (space-1) +
+
+
+ 8px (space-2) +
+
+
+ 16px (space-4) +
+
+
+ 24px (space-6) +
+
+
+ 32px (space-8) +
+
+
+ 48px (space-12) +
+
+
+ 64px (space-16) +
+
+
+
+ +
+ + + + + diff --git a/docs/design/design-system/pages/catalogo.html b/docs/design/design-system/pages/catalogo.html new file mode 100644 index 0000000..d9af5cb --- /dev/null +++ b/docs/design/design-system/pages/catalogo.html @@ -0,0 +1,2073 @@ + + + + + + Catálogo — Nexus Autoparts POS + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+
+ + +
+ +
+ + +
+
+ + +
+ + +
+
+ + Buscar por Vehículo +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+
+ + +
+
+
+ + +
+
+ 1,247 partes encontradas + para Toyota Corolla 2018 +
+
+ Filtrar: + + + + + + + + +
+
+ + +
+
+ Ordenar por: + +
+
+ + +
+
+ + +
+ + +
+
+ + +
En stock
+
+
+
Frenos
+
Pastillas de Freno Delanteras Cerámicas
+
OEM: 04465-02260
+
+ Akebono + + Japón +
+
+ + Compatible con: Toyota Corolla 2018–2022 +
+
+
+
+
$485.00
+
MXN / juego
+
+ +
+
+ + +
+
+ + +
En stock
+
+
+
Suspensión
+
Amortiguador Delantero Gas KYB Excel-G
+
OEM: 339175
+
+ KYB + + Japón +
+
+ + Compatible con: Toyota Corolla 2014–2019 +
+
+
+
+
$1,250.00
+
MXN / pieza
+
+ +
+
+ + +
+
+ + +
Últimas 3
+
+
+
Eléctrico
+
Sensor de Oxígeno Aguas Arriba Denso
+
OEM: 234-4209
+
+ Denso + + Japón +
+
+ + Compatible con: Toyota Corolla 2009–2019 +
+
+
+
+
$890.00
+
MXN / pieza
+
+ +
+
+ + +
+
+ + +
En stock
+
+
+
Motor
+
Filtro de Aceite Motor Toyota Original
+
OEM: 90915-YZZE1
+
+ Toyota Genuine + + OEM +
+
+ + Compatible con: Toyota Corolla 2014–2024 +
+
+
+
+
$145.00
+
MXN / pieza
+
+ +
+
+ + +
+
+ + +
En stock
+
+
+
Motor
+
Kit Banda de Distribución con Bomba de Agua Gates
+
OEM: TCK328B
+
+ Gates + + EUA +
+
+ + Compatible con: Toyota Corolla 2009–2020 +
+
+
+
+
$2,380.00
+
MXN / kit
+
+ +
+
+ + +
+
+ + +
Agotado
+
+
+
Frenos
+
Disco de Freno Ventilado Delantero Brembo
+
OEM: 09.9807.11
+
+ Brembo + + Italia +
+
+ + Compatible con: Toyota Corolla 2014–2022 +
+
+
+
+
$1,940.00
+
MXN / pieza
+
+ +
+
+ +
+ + + + + +
+ + +
+ + +
+ + + + + + + diff --git a/docs/design/design-system/pages/clientes.html b/docs/design/design-system/pages/clientes.html new file mode 100644 index 0000000..18d81fc --- /dev/null +++ b/docs/design/design-system/pages/clientes.html @@ -0,0 +1,2300 @@ + + + + + + Nexus Autoparts — Clientes + + + + + + + + +
+
+ + Nexus Autoparts +
+ +
+ Sucursal Principal + Turno: Matutino — Hugo M. +
+ +
+
+ + +
+ +
+
HM
+ Hugo M. +
+
+
+ + +
+ + + + + +
+ + +
+
+
Gestión de Clientes
+
Directorio, crédito y historial de compras
+
+
+ + + +
+
+ + +
+ +
+
+ + + + +
+
Total Clientes
+
1,284
+
+ + +18 este mes +
+
+ +
+
+ + + + +
+
Clientes Activos
+
1,047
+
+ + 81.5% del total +
+
+ +
+
+ + + + + +
+
Crédito Total Otorgado
+
$4.2M
+
+ + +$320K vs mes anterior +
+
+ +
+
+ + + + +
+
Cuentas por Cobrar
+
$847K
+
+ + +$65K vs mes anterior +
+
+ +
+ + +
+ + +
+ + +
+
+ + + + + + +
+ + +
+ + +
+ + + + + + + + + + + + + + + + + +
#NombreRFCTeléfonoEmailTipoCrédito Disp.Última CompraEstado
+
+ + +
+
Mostrando 1–15 de 1,284 clientes
+ +
+
+ + +
+ + +
+
+ + + + +
+
Selecciona un cliente
para ver su detalle
+
+ + + +
+ +
+ +
+
+ + + + + + + diff --git a/docs/design/design-system/pages/configuracion.html b/docs/design/design-system/pages/configuracion.html new file mode 100644 index 0000000..963ed7b --- /dev/null +++ b/docs/design/design-system/pages/configuracion.html @@ -0,0 +1,1881 @@ + + + + + + Configuración — Nexus Autoparts POS + + + + + + + + + +
+
+
+ + Nexus Autoparts +
+
+ Design System Preview +
+
+ + +
+ --:-- +
+
+ + + +
+ + + + + +
+ + +
+
+ Sistema +

Configuración

+
+
+ +
+
+ + +
+ + +
+
+
+ +
+
+
Apariencia
+
Selecciona el tema visual del sistema
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+
+
+
Tema A — Industrial Robusto
+
Fondo oscuro, acentos ámbar, tipografía Barlow Condensed
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
Tema B — Técnico Moderno
+
Fondo claro, acentos naranja, tipografía Poppins
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+ +
+
+
Datos de la Empresa
+
Información fiscal y comercial
+
+
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+ +
+
+
Usuarios y Permisos
+
Gestiona quién accede al sistema y qué puede hacer
+
+
+ +
+
+ 5 usuarios activos + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
UsuarioEmailRolSucursalEstadoÚltimo AccesoAcciones
+
+
AM
+ Adrián Morales +
+ 		admin@nexusautoparts.mxAdminTodasActivoHoy, 14:32
+
+
CM
+ Carlos Mendoza +
+ 		carlos@nexusautoparts.mxContadorMatrizActivoHoy, 12:15
+
+
LR
+ Laura Ríos +
+ 		laura@nexusautoparts.mxVendedorMatrizActivoHoy, 15:48
+
+
JP
+ Jorge Pérez +
+ 		jorge@nexusautoparts.mxVendedorSucursal NorteActivoAyer, 18:20
+
+
RG
+ Roberto García +
+ 		roberto@nexusautoparts.mxBodegaMatrizActivoHoy, 09:30
+
+
+
+ + +
+
+
+ +
+
+
Impresoras
+
Configura impresoras de tickets y etiquetas
+
+
+ +
+
+
+ +
+
+
Epson TM-T88VI
+
+ En línea + Tickets de venta +
+
USB · 192.168.10.50
+
Predeterminada para POS
+
+ + +
+
+
+ +
+
+ +
+
+
Zebra GK420d
+
+ En línea + Etiquetas de código de barras +
+
USB · 192.168.10.51
+
Predeterminada para inventario
+
+ + +
+
+
+ +
+
+ +
+
+
HP LaserJet Pro M404
+
+ Fuera de línea + Facturas y reportes +
+
Red · 192.168.10.52
+
+ + +
+
+
+
+
+ + +
+
+
+ +
+
+
Sucursales
+
Gestiona las ubicaciones de tu negocio
+
+
+ +
+
+
+ +
+
+
Matriz — Centro
+
+ Principal +
+
Av. Insurgentes Sur 1234, Col. Del Valle
+
3 empleados · 2 terminales POS
+
+ +
+
+
+ +
+
+ +
+
+
Sucursal Norte
+
+ Activa +
+
Blvd. Ávila Camacho 456, Naucalpan
+
2 empleados · 1 terminal POS
+
+ +
+
+
+ +
+
+ +
+
+
Agregar Sucursal
+
Configura una nueva ubicación
+
+
+
+
+ + +
+
+
+ +
+
+
Parámetros Fiscales
+
Configuración de facturación electrónica CFDI
+
+
+ +
+
Certificados y Sellos Digitales
+
+
+ +
+ + +
+ Vigente hasta: 15/01/2029 +
+
+ +
+ + +
+
+
+ + +
+
+ + +
+
+
+ +
+
Configuración de Facturación
+
+
+ Facturación automática + Generar CFDI automáticamente al cerrar una venta +
+ +
+
+
+ Envío automático por email + Enviar PDF y XML al correo del cliente +
+ +
+
+
+ Factura global diaria + Generar CFDI global para ventas sin RFC +
+ +
+
+
+ Complemento de pago + Generar complemento de pago para cobros parciales +
+ +
+
+ +
+
Parámetros de Impuestos
+
+
+ + +
+
+ + + Dejar en 0 si no aplica +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+ +
+
+
Preferencias del Sistema
+
Ajustes generales de operación
+
+
+ +
+
+
+ Notificaciones de stock bajo + Alertar cuando un producto baje del mínimo configurado +
+ +
+
+
+ Sonidos de notificación + Reproducir sonido al completar una venta o recibir alerta +
+ +
+
+
+ Cierre de caja obligatorio + Requerir cierre de caja al finalizar el turno +
+ +
+
+
+ Modo offline + Permitir ventas sin conexión a internet (sincroniza al reconectar) +
+ +
+
+
+ Autocompletado de búsqueda + Sugerir productos mientras se escribe en la barra de búsqueda +
+ +
+
+
+ +
+
+
+ + + + + + + diff --git a/docs/design/design-system/pages/contabilidad.html b/docs/design/design-system/pages/contabilidad.html new file mode 100644 index 0000000..34ec9bd --- /dev/null +++ b/docs/design/design-system/pages/contabilidad.html @@ -0,0 +1,2325 @@ + + + + + + Contabilidad — Nexus Autoparts POS + + + + + + + + + +
+
+
+ + Nexus Autoparts +
+
+ Design System Preview +
+
+ + +
+ --:-- +
+
+ + + +
+ + + + + +
+ + +
+
+ Finanzas +

Contabilidad

+
+
+ + + +
+
+ + +
+
+
+ +
+
+
Ingresos Mes
+
$2,847,320
+
+12.4% vs mes anterior
+
+
+
+
+ +
+
+
Egresos Mes
+
$1,923,480
+
+8.1% vs mes anterior
+
+
+
+
+ +
+
+
Cuentas por Cobrar
+
$438,920
+
23 facturas pendientes
+
+
+
+
+ +
+
+
Cuentas por Pagar
+
$612,750
+
18 facturas · 3 vencidas
+
+
+
+ + +
+ + + + + + + +
+ + +
+ + +
+
+
+ + +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FacturaClienteEmisiónVencimientoTotalPagadoSaldoEstadoAcciones
FA-2026-0892Taller Mecánico El Rayo01/03/202631/03/2026$45,320.00$0.00$45,320.00Vigente
FA-2026-0887AutoServicio Hernández25/02/202627/03/2026$23,150.00$10,000.00$13,150.00Parcial
FA-2026-0879Refaccionaria López18/02/202620/03/2026$67,890.00$67,890.00$0.00Pagada
FA-2026-0865Taller Express Monterrey10/02/202612/03/2026$31,200.00$0.00$31,200.00Vencida
FA-2026-0851Grupo Automotriz del Norte03/02/202605/03/2026$128,450.00$80,000.00$48,450.00Parcial
+ +
+
+ + +
+
+
+ + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Factura Prov.ProveedorRecepciónVencimientoTotalPagadoSaldoEstadoAcciones
PROV-48291Distribuidora Automotriz Nacional05/03/202604/04/2026$234,500.00$0.00$234,500.00Vigente
PROV-47830SKF de México S.A.20/02/202622/03/2026$89,200.00$0.00$89,200.00Vencida
PROV-47615Monroe de México15/02/202617/03/2026$56,780.00$0.00$56,780.00Vencida
PROV-47401Gates Rubber de México10/02/202612/03/2026$145,300.00$100,000.00$45,300.00Parcial
PROV-47190Bosch Autopartes01/02/202603/03/2026$187,970.00$187,970.00$0.00Pagada
+ +
+
+ + +
+
+ +
+ + +
+ +
+ +
+
+
Activos
+
+
+ Activo Circulante + +
+
+ Caja y Bancos + $1,234,500.00 +
+
+ Cuentas por Cobrar + $438,920.00 +
+
+ Inventarios + $3,456,780.00 +
+
+ IVA por Acreditar + $89,320.00 +
+
+ Activo Fijo + +
+
+ Mobiliario y Equipo + $456,000.00 +
+
+ Equipo de Transporte + $890,000.00 +
+
+ Dep. Acumulada + -$234,500.00 +
+
+ Total Activos + $6,331,020.00 +
+
+ + +
+
+
Pasivo + Capital
+
+
+ Pasivo Corto Plazo + +
+
+ Proveedores + $612,750.00 +
+
+ IVA por Pagar + $156,320.00 +
+
+ ISR por Pagar + $234,180.00 +
+
+ Sueldos por Pagar + $189,500.00 +
+
+ Pasivo Largo Plazo + +
+
+ Préstamo Bancario + $800,000.00 +
+
+ Capital Contable + +
+
+ Capital Social + $2,500,000.00 +
+
+ Utilidades Acumuladas + $914,430.00 +
+
+ Utilidad del Ejercicio + $923,840.00 +
+
+ Total Pasivo + Capital + $6,331,020.00 +
+
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+
Estado de Resultados — Marzo 2026
+
+ +
+ Ingresos + +
+
+ Ventas de Refacciones + $2,654,820.00 +
+
+ Servicios de Instalación + $192,500.00 +
+
+ Total Ingresos + $2,847,320.00 +
+ +
+ Costo de Ventas + +
+
+ Costo de Mercancía Vendida + -$1,423,480.00 +
+
+ Utilidad Bruta + $1,423,840.00 +
+ +
+ Gastos de Operación + +
+
+ Sueldos y Salarios + -$189,500.00 +
+
+ Renta de Local + -$45,000.00 +
+
+ Servicios (luz, agua, tel) + -$18,500.00 +
+
+ Publicidad y Marketing + -$12,000.00 +
+
+ Depreciación + -$19,500.00 +
+
+ Otros Gastos + -$15,500.00 +
+
+ Total Gastos Operación + -$300,000.00 +
+ +
+ Utilidad de Operación + $1,123,840.00 +
+ +
+ ISR (30%) + -$200,000.00 +
+ +
+ Utilidad Neta + $923,840.00 +
+
+
+
+ + +
+
+ +
+ +
+ +
+
+
+
Flujo de Efectivo — Marzo 2026
+
+ +
+ Actividades de Operación + +
+
+ Cobros a Clientes + $2,408,400.00 +
+
+ Pagos a Proveedores + -$1,567,200.00 +
+
+ Pagos de Nómina + -$189,500.00 +
+
+ Pagos de Impuestos + -$156,320.00 +
+
+ Otros Gastos Operativos + -$91,000.00 +
+
+ Flujo Neto Operación + $404,380.00 +
+ +
+ Actividades de Inversión + +
+
+ Compra de Equipo + -$45,000.00 +
+
+ Flujo Neto Inversión + -$45,000.00 +
+ +
+ Actividades de Financiamiento + +
+
+ Pago Préstamo Bancario + -$50,000.00 +
+
+ Flujo Neto Financiamiento + -$50,000.00 +
+ +
+ Incremento Neto en Efectivo + $309,380.00 +
+
+ Efectivo Inicial del Periodo + $925,120.00 +
+
+ Efectivo Final del Periodo + $1,234,500.00 +
+
+
+
+ + +
+
+ + +
+ + +
+ +
+
Movimientos Conciliados
+ 12 coincidencias +
+ +
+
+ Sistema + $45,320.00 + Cobro FA-2026-0879 · Refaccionaria López +
+
+ +
+
+ Banco + $45,320.00 + DEP SPEI · Ref: 2026030145320 +
+
+ +
+
+ Sistema + -$89,200.00 + Pago PROV-47830 · SKF de México +
+
+ +
+
+ Banco + -$89,200.00 + TRANS SPEI · Ref: SKF890322 +
+
+ +
+
+
Movimientos sin Conciliar
+ 4 pendientes +
+ +
+
+ Sistema + $12,500.00 + Cobro mostrador · Ticket #4521 +
+
+ +
+
+ Banco + Sin coincidencia + — +
+
+ +
+
+ Sistema + Sin registro + — +
+
+ +
+
+ Banco + -$3,450.00 + COMISIÓN BANCARIA · Ref: COM032026 +
+
+
+ +
+
+
+
Resumen Conciliación
+
+
+ Saldo según Banco + $1,248,370.00 +
+
+ (+) Depósitos en tránsito + $12,500.00 +
+
+ (-) Comisiones no registradas + -$3,450.00 +
+
+ Saldo Conciliado + $1,257,420.00 +
+
+ Saldo según Sistema + $1,234,500.00 +
+
+ Diferencia + $22,920.00 +
+
+
+
+ + +
+
+ +
+ +
+ +
+
Checklist de Cierre — Marzo 2026
+ 5/8 completados +
+ +
+
+
+ +
+
+
Conciliación bancaria completada
+
Todas las cuentas bancarias conciliadas al 31/03/2026
+
+ Listo +
+ +
+
+ +
+
+
Facturas de venta timbradas
+
142 CFDI emitidos y timbrados correctamente
+
+ Listo +
+ +
+
+ +
+
+
Inventario físico validado
+
Conteo completado el 29/03/2026 — 3 ajustes aplicados
+
+ Listo +
+ +
+
+ +
+
+
Depreciación del mes calculada
+
Póliza de depreciación POL-2026-0312 generada
+
+ Listo +
+ +
+
+ +
+
+
Provisiones de nómina registradas
+
Sueldos, IMSS, Infonavit y SAR provisionados
+
+ Listo +
+ +
+
+ +
+
+
Cálculo de IVA mensual
+
Determinar IVA trasladado vs IVA acreditable
+
+ Pendiente +
+ +
+
+ +
+
+
Provisión de ISR
+
Calcular y registrar provisión de ISR del periodo
+
+ Pendiente +
+ +
+
+ +
+
+
Revisión y aprobación de estados financieros
+
Balance, Estado de Resultados y Flujo de Efectivo revisados por el contador
+
+ Pendiente +
+
+
+ +
+
+
+ + + + + + + diff --git a/docs/design/design-system/pages/dashboard.html b/docs/design/design-system/pages/dashboard.html new file mode 100644 index 0000000..073b656 --- /dev/null +++ b/docs/design/design-system/pages/dashboard.html @@ -0,0 +1,2015 @@ + + + + + + Nexus Autoparts — Dashboard + + + + + + + + + +
+ Nexus Autoparts +
+ Tema: +
+ + +
+
+
+ + + + + + +
+ + + + + + + +
+ + +
+
+ +
+
Buenos días, Carlos
+
Miércoles, 1 de abril de 2026  ·  Sucursal Centro
+
+
+
+
+ + + + Sucursal Centro +
+ + +
+
+ + +
+ + + +
+
+ Resumen del día + Ver detalle → +
+
+ + +
+
+
+ Ventas Hoy + + + + + +
+
$45,230
+
+ + + + + +12% + + vs ayer $40,382 +
+
+ + +
+
+
+ Ventas Mes + + + + + + +
+
$892,150
+
+ Meta: $1,310,000 +
+
+
+
+
+
+ 68% de meta + $417,850 restante +
+
+
+ + +
+
+
+ Tickets Hoy + + + + + + +
+
23
+
+ Promedio + $1,966 por ticket +
+
+ + +
+
+
+ Utilidad Mes + + + + + +
+
$178,430
+
+ 20% + margen neto +
+
+ +
+
+ + + +
+
+
+
+
Ventas Semanales
+
+ Total semana: $267,840 +
+
+
+ + + + +
+
+ + +
+ +
+
+
+
+ Lun +
+ +
+
+
+
+ Mar +
+ +
+
+
+
+ Mié +
+ +
+
+
+
+ Jue +
+ +
+
+
+
+ Vie +
+ +
+
+
+
+ Sáb +
+ +
+
+
+
+ Dom +
+ +
+ +
+
+
+ Ventas brutas +
+
+
+ Semana anterior promedio: $38,400 +
+
+ +
+
+ + + +
+
+ Rankings +
+
+ + +
+
+
+ Top Productos +
+
Ver todos
+
+
+ +
+
1
+
+
Balatas Brembo Delanteras
+
SKU-0041  ·  84 pzas vendidas
+
+
+
+
+
$67,200
+
+ +
+
2
+
+
Filtro de Aceite Mann
+
SKU-0087  ·  121 pzas vendidas
+
+
+
+
+
$52,360
+
+ +
+
3
+
+
Amortiguador KYB Trasero
+
SKU-0023  ·  38 pzas vendidas
+
+
+
+
+
$41,040
+
+ +
+
4
+
+
Bujía NGK Iridium
+
SKU-0156  ·  204 pzas vendidas
+
+
+
+
+
$32,844
+
+ +
+
5
+
+
Banda de Distribución Gates
+
SKU-0072  ·  27 pzas vendidas
+
+
+
+
+
$25,650
+
+ +
+
+ + +
+
+
+ Top Clientes +
+
Ver todos
+
+
+ +
+
1
+
+
Taller Mecánico Ramírez
+
RFC TMR-210415  ·  18 compras/mes
+
+
+
+
+
$89,400
+
+ +
+
2
+
+
Distribuidora Automotriz López
+
RFC DAL-190302  ·  11 compras/mes
+
+
+
+
+
$66,100
+
+ +
+
3
+
+
Servicio Automotriz Torres
+
RFC SAT-180720  ·  9 compras/mes
+
+
+
+
+
$50,820
+
+ +
+
4
+
+
Flotilla Empresarial Hernández
+
RFC FEH-200115  ·  7 compras/mes
+
+
+
+
+
$38,250
+
+ +
+
5
+
+
Refaccionaria El Pistón
+
RFC REP-221108  ·  5 compras/mes
+
+
+
+
+
$26,700
+
+ +
+
+ +
+
+ + + +
+
+ Alertas & Pendientes + Gestionar todo → +
+
+ + +
+
+ + + + +
+
+
+ Stock Crítico + 3 items +
+
Balatas Brembo: 3 unidades · Filtro Mann: 2 unidades · Bujía NGK: 5 unidades
+
+
Reabastecer
+
+ + +
+
+ + + + +
+
+
+ Ventas sin Facturar + 8 ventas +
+
8 ventas del día sin timbrar ante el SAT · Total: $34,820 · Plazo límite hoy
+
+
Facturar
+
+ + +
+
+ + + + +
+
+
+ Crédito Vencido + Urgente +
+
Taller Ramírez: $12,500 vencido hace 15 días · Distribuidora López: $8,200 vence hoy
+
+
Cobrar
+
+ +
+
+ + + +
+
+
+
+
Ventas Recientes
+
Últimas 5 transacciones
+
+
+
+ + + + + En vivo +
+
Ver historial →
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HoraClienteProductosTotalMétodo Pago
14:32Taller RamírezBalatas Brembo (x2), Filtro Mann (x1)$3,840Crédito 30d
13:18Público GeneralAmortiguador KYB (x1), Bujía NGK (x4)$2,156Tarjeta
12:45Flotilla HernándezBanda Gates (x3), Filtro aceite (x6)$7,380Transferencia
11:07Servicio TorresAmortiguador KYB (x2)$2,160Efectivo
10:23Distribuidora LópezBujía NGK (x24), Filtro Mann (x12), Balatas (x4)$18,440Transferencia
+
+
+
+ +
+ +
+ +
+ + + + + + + + diff --git a/docs/design/design-system/pages/facturacion.html b/docs/design/design-system/pages/facturacion.html new file mode 100644 index 0000000..5f86d37 --- /dev/null +++ b/docs/design/design-system/pages/facturacion.html @@ -0,0 +1,2639 @@ + + + + + + Facturación CFDI — Nexus Autoparts POS + + + + + + + + + + + + + +
+ + + + + + + +
+ + +
+
+ Gestión +

Facturación CFDI

+
+
+ + + +
+
+ + +
+ +
+
+ + + + + + +
+
+
Facturas del Mes
+
247
+
+18 vs mes anterior
+
+
+ +
+
+ + + + +
+
+
Monto Facturado
+
$842,190
+
MXN · Mes en curso
+
+
+ +
+
+ + + + +
+
+
Pendientes de Pago
+
34
+
$156,400.00 MXN
+
+
+ +
+
+ + + + + +
+
+
Canceladas
+
6
+
Este mes
+
+
+ +
+ + +
+ + + + + +
+ + +
+ + +
+ +
+
+ + + + + +
+ +
+ + + + + + + 01 Mar 2026 — 31 Mar 2026 +
+ + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioSerieClienteRFCSubtotalIVATotalUso CFDIEstatusAcciones
NAP-001289ATaller Mecánico RamírezTMR8402156HJ$3,450.00$552.00$4,002.00G03 Gastos en generalTimbrada +
+ + + +
+
NAP-001288ADistribuidora Automotriz del Norte SA de CVDAN950312AB7$18,760.00$3,001.60$21,761.60G01 Adquisición de mercanciasPPD +
+ + + +
+
NAP-001287AFlotillas Logísticas MonterreyFLM8710234KL9$7,890.00$1,262.40$9,152.40G03 Gastos en generalPendiente +
+ + + +
+
NAP-001286BServicio Exprés AutopartesSEA020819PP3$1,120.00$179.20$1,299.20G03 Gastos en generalTimbrada +
+ + + +
+
NAP-001285ARefaccionaria El Piston SCREP9305077HG5$5,300.00$848.00$6,148.00G01 Adquisición de mercanciasCancelada +
+ + + +
+
NAP-001284BGrupo Automotriz Torres e HijosGAT7612098DF2$32,450.00$5,192.00$37,642.00G01 Adquisición de mercanciasPPD +
+ + + +
+
+ +
+ Mostrando 1–6 de 247 facturas + +
+ +
+
+ + +
+ +
+
+ + + + + +
+
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Folio NCFactura RelacionadaClienteMotivoMontoEstatusAcciones
NC-000041NAP-001240Taller Mecánico RamírezDevolución de mercancía defectuosa$1,160.00Timbrada +
+ + +
+
NC-000040NAP-001215Flotillas Logísticas MonterreyDescuento comercial por volumen$3,450.00Timbrada +
+ + +
+
NC-000039NAP-001198Distribuidora Automotriz del Norte SA de CVError en precio unitario$870.40Pendiente +
+ + +
+
NC-000038NAP-001172Grupo Automotriz Torres e HijosDevolución parcial de pedido$8,120.00Timbrada +
+ + +
+
NC-000037NAP-001154Servicio Exprés AutopartesProducto no solicitado enviado por error$580.00Cancelada +
+ + +
+
+ +
+ Mostrando 1–5 de 8 notas de crédito + +
+
+
+ + +
+ +
+
+ + + + + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Folio CPFacturasClienteMonto PagadoMétodo PagoFechaEstatusAcciones
CP-000072NAP-001271Distribuidora Automotriz del Norte SA de CV$21,761.6003 Transferencia SPEI28/03/2026Timbrada +
+ + +
+
CP-000071NAP-001260, NAP-001261Grupo Automotriz Torres e Hijos$56,800.0004 Tarjeta de crédito26/03/2026Timbrada +
+ + +
+
CP-000070NAP-001244Flotillas Logísticas Monterrey$9,152.4003 Transferencia SPEI24/03/2026Pendiente +
+ + +
+
CP-000069NAP-001230Taller Mecánico Ramírez$4,002.0001 Efectivo22/03/2026Timbrada +
+ + +
+
CP-000068NAP-001218, NAP-001225Refaccionaria El Piston SC$18,444.0028 Tarjeta de débito20/03/2026Timbrada +
+ + +
+
+ +
+ Mostrando 1–5 de 12 complementos de pago + +
+
+
+ + +
+ +
+ Solicitudes de Cancelación SAT — Marzo 2026 + + +
+ +
+ +
+
+ NAP-001290 + En proceso +
+
+
+ Cliente + Flotillas Logísticas Monterrey +
+
+ RFC + FLM8710234KL9 +
+
+ Motivo + 02 — Comprobante emitido con errores sin relación +
+
+ Monto + $9,152.40 MXN +
+
+
+ Solicitada: 31/03/2026 08:20 + +
+
+ +
+
+ NAP-001285 + En proceso +
+
+
+ Cliente + Refaccionaria El Piston SC +
+
+ RFC + REP9305077HG5 +
+
+ Motivo + 01 — Comprobante emitido con errores con relación +
+
+ Monto + $6,148.00 MXN +
+
+
+ Solicitada: 30/03/2026 11:42 + +
+
+ +
+
+ NAP-001260 + Aceptada SAT +
+
+
+ Cliente + Servicio Exprés Autopartes +
+
+ RFC + SEA020819PP3 +
+
+ Motivo + 02 — Comprobante emitido con errores sin relación +
+
+ Monto + $2,320.00 MXN +
+
+
+ Aceptada: 28/03/2026 09:15 + +
+
+ +
+
+ NAP-001210 + Aceptada SAT +
+
+
+ Cliente + Grupo Automotriz Torres e Hijos +
+
+ RFC + GAT7612098DF2 +
+
+ Motivo + 04 — Operación nominativa relacionada en factura global +
+
+ Monto + $14,900.00 MXN +
+
+
+ Aceptada: 21/03/2026 10:05 + +
+
+ +
+
+ NAP-001243 + Rechazada SAT +
+
+
+ Cliente + Taller Mecánico Ramírez +
+
+ RFC + TMR8402156HJ +
+
+ Motivo + 03 — No se llevó a cabo la operación +
+
+ Monto + $4,560.00 MXN +
+
+
+ Rechazada: 25/03/2026 16:30 + +
+
+ +
+
+ NAP-001198 + Rechazada SAT +
+
+
+ Cliente + Distribuidora Automotriz del Norte SA de CV +
+
+ RFC + DAN950312AB7 +
+
+ Motivo + 01 — Comprobante emitido con errores con relación +
+
+ Monto + $31,248.00 MXN +
+
+
+ Rechazada: 18/03/2026 14:45 + +
+
+ +
+
+ + +
+ +
+ + +
+
+ + + + + Datos Fiscales del Emisor +
+
+
+ +
+ + + RFC registrado ante el SAT +
+ +
+ + + Código postal del domicilio fiscal +
+ +
+ + +
+ +
+ + + Régimen del emisor según el SAT +
+ +
+ +
+ + +
+
+
+ + +
+
+ + + + + Certificado de Sello Digital (CSD) +
+
+ +
+
+ + + + +
+
+
+ CSD Activo  Vigente +
+
+ No. Certificado: 20001000000300022779  ·  Vence: 14/07/2026 +
+
+ +
+ +
+
+ + + Certificado público del SAT +
+ +
+ + + Llave privada del CSD +
+ +
+ + + Contraseña asignada al generar el CSD en el SAT +
+
+ +
+ + +
+
+
+ + +
+
+ + + + + + + + + Configuración de Series de Folios + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SerieDescripciónFolio ActualFolio InicialTipo CFDIPredeterminadaEstatusAcciones
AFactura estándar — Sucursal Centro001290001001I — Ingreso + + + + Activa + +
BFactura mayoreo — Clientes corporativos000042000001I — Ingreso—Activa + +
NCNotas de crédito000041000001E — Egreso—Activa + +
CPComplementos de pago000072000001P — Pago—Activa + +
TTraslados — Remisiones fiscales000018000001T — Traslado—Inactiva +
+ + +
+
+
+
+ +
+
+ +
+ +
+ +
+ + + + + + + diff --git a/docs/design/design-system/pages/inventario.html b/docs/design/design-system/pages/inventario.html new file mode 100644 index 0000000..2b395cc --- /dev/null +++ b/docs/design/design-system/pages/inventario.html @@ -0,0 +1,2304 @@ + + + + + + Inventario — Nexus Autoparts POS + + + + + + + + + + + + + +
+ + + + + + + +
+ + +
+
+ Almacén · Sucursal Centro +

Inventario

+
+
+ + + +
+
+ + +
+ +
+
+ +
+
+
Total SKUs
+
4,817
+
+38 este mes
+
+
+ +
+
+ +
+
+
Valor Inventario
+
$2.4M
+
MXN · Costo promedio
+
+
+ +
+
+ +
+
+
Alertas Activas
+
23
+
12 críticas
+
+
+ +
+
+ +
+
+
Última Actualización
+
Hoy 09:47
+
Sincronizado con central
+
+
+ +
+ + +
+ + + + + + + +
+ + +
+ + +
+ +
+
+ + +
+ + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SKUNombre del ProductoMarcaCategoríaStockMínMáxUbicaciónEstado
GAT-50104Banda de Tiempo KitGatesMotor14220200A-12-3OK
SKF-6204Rodamiento Rueda DelanteraSKFSuspensión81560B-05-1Bajo
BOC-0258Bujía Iridium BKR6EIXBoschEléctrico310100C-08-2Bajo
MON-G8114Amortiguador Trasero DerechoMonroeSuspensión671040B-14-5Sobrestock
NGK-LFR6ABujía Laser Platinum LFR6ANGKEléctrico8825120C-02-4OK
BOC-F026Filtro de Aceite F026407006BoschFiltros52080D-01-2Bajo
ATE-13046Pastillas de Freno ATE PowerATEFrenos341550E-03-1OK
TRW-GDB1Disco de Freno VentiladoTRWFrenos121030E-07-3OK
+
+ Mostrando 1–8 de 4,817 productos + +
+
+
+ + +
+ +
+
+ + +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioFechaProveedor# ProductosTotalEstadoRecibióAcciones
ENT-2026-031201/04/2026Distribuidora AutoMax S.A.48$38,420.00RecibidoH. García
ENT-2026-031131/03/2026Refacciones Nacionales RENA22$14,880.00Pendiente—
ENT-2026-031030/03/2026Gates México Distribución75$92,150.00RecibidoM. Torres
ENT-2026-030929/03/2026SKF de México S. de R.L.31$27,600.00ParcialH. García
ENT-2026-030828/03/2026Bosch Automotive Parts120$145,900.00RecibidoL. Ramírez
+
+ Mostrando 1–5 de 14 entradas este mes + +
+
+
+ + +
+ +
+
+ + +
+ + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioFechaTipo# ProductosDestino / ReferenciaEstadoAutorizó
SAL-2026-104401/04/2026Venta5Ticket #T-9821 — Cliente: Taller RamosCompletadoH. García
SAL-2026-104301/04/2026Garantía2Nota crédito NCR-112 — AutoservicioCompletadoM. Torres
SAL-2026-104231/03/2026Venta18Ticket #T-9820 — Cliente: FleetAutoCompletadoL. Ramírez
SAL-2026-104131/03/2026Traspaso12Traspaso TRP-2026-044 → Sucursal NorteEn tránsitoH. García
SAL-2026-104030/03/2026Venta7Ticket #T-9818 — MostradorCompletadoM. Torres
SAL-2026-103930/03/2026Devolución3Dev. proveedor ENT-2026-0305CanceladoH. García
+
+ Mostrando 1–6 de 312 salidas este mes + +
+
+
+ + +
+ +
+
+ + +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioFechaOrigenDestino# ProductosEstadoSolicitóAcciones
TRP-2026-04431/03/2026Sucursal CentroSucursal Norte12En tránsitoH. García
TRP-2026-04329/03/2026Sucursal SurSucursal Centro25RecibidoL. Ramírez
TRP-2026-04228/03/2026Sucursal CentroSucursal Oriente8PendienteM. Torres
TRP-2026-04127/03/2026Sucursal NorteSucursal Centro40RecibidoH. García
+
+ 4 traspasos activos + +
+
+
+ + +
+ +
+
+ + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioFechaTipoProductoCantidadMotivoAutorizó
AJU-2026-08801/04/2026DañoFiltro de Aceite F026407006−3Daño en almacenamiento, caja aplastadaH. García
AJU-2026-08731/03/2026MermaAceite Motor 5W-30 1L−6Derrame detectado durante conteo físicoM. Torres
AJU-2026-08630/03/2026CorrecciónRodamiento SKF 6204+4Error de captura en recepción ENT-0302Gerente General
AJU-2026-08529/03/2026DañoAmortiguador Monroe G8114−2Daño por caída en bodegaH. García
AJU-2026-08428/03/2026CorrecciónBujía NGK LFR6A (caja 4)+16Unidades halladas en lote sin registrarGerente General
+
+ 5 ajustes este mes + +
+
+
+ + +
+ +
+
+ + +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FolioFechaZonaContadosDiferenciasEstadoRealizóAcciones
CNT-2026-01801/04/2026Zona C — Eléctrico312−7En procesoH. García
CNT-2026-01728/03/2026Zona A — Motor8560CompletadoL. Ramírez
CNT-2026-01625/03/2026Zona B — Suspensión544−12CompletadoM. Torres
CNT-2026-01510/04/2026Zona D — Filtros——ProgramadoH. García
CNT-2026-01420/03/2026Zona E — Frenos628+3CompletadoL. Ramírez
+
+ Mostrando 1–5 de 18 conteos en 2026 + +
+
+
+ + +
+ + +
+ Stock Bajo +
+ 12 críticas +
+ +
+ +
+
+ +
+
+
Bujía Bosch BKR6EIX — Stock Crítico
+
SKU BOC-0258 · Zona C-08-2 · Mínimo requerido: 10 unidades
+
+ 3 + unidades restantes + +
+
+
+ +
+
+ +
+
+
Rodamiento SKF 6204 — Stock Bajo
+
SKU SKF-6204 · Zona B-05-1 · Mínimo requerido: 15 unidades
+
+ 8 + unidades restantes + +
+
+
+ +
+
+ +
+
+
Filtro de Aceite Bosch F026 — Crítico
+
SKU BOC-F026 · Zona D-01-2 · Mínimo requerido: 20 unidades
+
+ 5 + unidades restantes + +
+
+
+ +
+ + +
+ Sobrestock +
+ 4 productos +
+ +
+ +
+
+ +
+
+
Amortiguador Monroe G8114 — Sobrestock
+
SKU MON-G8114 · Zona B-14-5 · Máximo permitido: 40 unidades
+
+ 67 + unidades (+27 sobre máx) + +
+
+
+ +
+
+ +
+
+
Aceite 10W-40 5L — Sobrestock
+
SKU ACE-10W5L · Zona D-09-1 · Máximo: 80 unidades
+
+ 134 + unidades (+54 sobre máx) + +
+
+
+ +
+ + +
+ Próximos a Vencer +
+ 3 lotes +
+ +
+ +
+
+ +
+
+
Líquido de Frenos DOT 4 — Lote AB-2022
+
SKU FRE-DOT4 · Vence el 15/06/2026 · 24 unidades afectadas
+
+ 75 + días restantes + +
+
+
+ +
+ + +
+ Órdenes de Compra Pendientes +
+ 4 órdenes +
+ +
+ +
+
+ +
+
+
OC-2026-0084 — Gates México
+
72 productos · Emitida 28/03/2026 · Entrega estimada 05/04/2026
+
+ $88,400 + MXN pendiente + +
+
+
+ +
+
+ +
+
+
OC-2026-0083 — Bosch Automotive
+
120 productos · Emitida 27/03/2026 · Entrega estimada 07/04/2026
+
+ $142,000 + MXN pendiente + +
+
+
+ +
+
+ +
+
+
OC-2026-0082 — SKF de México
+
31 productos · Entrega parcial recibida · Pendiente: 8 artículos
+
+ 8 + artículos faltantes + +
+
+
+ +
+
+ +
+
+
+ + + + + + + diff --git a/docs/design/design-system/pages/login.html b/docs/design/design-system/pages/login.html new file mode 100644 index 0000000..47a619c --- /dev/null +++ b/docs/design/design-system/pages/login.html @@ -0,0 +1,1338 @@ + + + + + + Nexus Autoparts — Iniciar Sesión + + + + + + + + + +
+
+ + +
+
+ +
+
Nexus Autoparts
+
Sistema de Punto de Venta
+
+
+
+ + +
+ + +
+
Seleccionar usuario
+
+ + + + + + + + + + + + + +
+
+ + +
+
Ingresa tu PIN
+ + +
+ Selecciona un usuario + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+ + +
+ v2.4.1 — 2026 + + + Sistema en línea + +
+ +
+
+ + + + + + + + + diff --git a/docs/design/design-system/pages/pos.html b/docs/design/design-system/pages/pos.html new file mode 100644 index 0000000..652e534 --- /dev/null +++ b/docs/design/design-system/pages/pos.html @@ -0,0 +1,2097 @@ + + + + + + Nexus Autoparts — Punto de Venta + + + + + + + + + + + +
+ + +
+ + +
+
+ + +
+ + +
+ + + + + +
+
+ +
+
+
+ + + + +
+ + + + + +
+ + + + + + + diff --git a/docs/design/design-system/pages/reportes.html b/docs/design/design-system/pages/reportes.html new file mode 100644 index 0000000..ab4a887 --- /dev/null +++ b/docs/design/design-system/pages/reportes.html @@ -0,0 +1,2971 @@ + + + + + + Reportes — Nexus Autoparts POS + + + + + + + + +
+
+ Nexus Autoparts +
+ Sucursal Norte — Mzo 2026 +
+
+ 00:00:00 +
+ Tema +
+ + +
+
+
+ + +
+ + + + + +
+ + +
+
+ Gestión +

Reportes

+
+
+ + +
+
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ Desde + + Hasta + + +
+ +
+ + +
+
+
+ +
+
Total Ventas ($)
+
$487,320
+
+ ↑ 12.4% + vs mes anterior +
+
+
+
+ +
+
Ticket Promedio ($)
+
$379.50
+
+ ↑ 3.9% + vs mes anterior +
+
+
+
+ +
+
Productos Vendidos
+
8,941
+
+ ↓ 2.3% + vs mes anterior +
+
+
+
+ +
+
Margen Promedio (%)
+
39.6%
+
+ ↑ 1.3pp + vs mes anterior +
+
+
+ + +
+
Ventas por Día — Últimos 7 días
+
+
+
+
+ $14.2k +
+
+
Lun
+
+
+
+
+ $17.1k +
+
+
Mar
+
+
+
+
+ $11.5k +
+
+
Mié
+
+
+
+
+ $19.0k +
+
+
Jue
+
+
+
+
+ $20.9k +
+
+
Vie
+
+
+
+
+ $15.9k +
+
+
Sáb
+
+
+
+
+ $7.9k +
+
+
Dom
+
+
+
+ + +
+ +
+
+ Top 10 Productos más Vendidos +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#ProductoSKUCantidadMonto% del Total
1Filtro de aceite BoschBSC-FLT-001342$18,240 +
+
+ 11.8% +
+
2Pastillas freno BremboBRM-PAS-204289$24,565 +
+
+ 10.0% +
+
3Aceite Mobil 5W-30 1LMOB-5W30-1L521$15,630 +
+
+ 8.6% +
+
4Bujías NGK IridiumNGK-IRI-B6198$11,880 +
+
+ 6.5% +
+
5Batería Optima 12VOPT-BAT-12V87$32,190 +
+
+ 5.7% +
+
6Filtro aire K&NKN-AIR-33156$9,360 +
+
+ 5.1% +
+
7Amortiguador MonroeMON-AMO-G764$19,200 +
+
+ 4.5% +
+
8Anticongelante 50/50ATC-5050-4L203$8,120 +
+
+ 3.9% +
+
9Correa de distribuciónGAT-COR-K08041$14,760 +
+
+ 3.2% +
+
10Líquido frenos DOT4DOT4-FRE-1L178$5,340 +
+
+ 2.7% +
+
+
+
+ + +
+
+ Ventas por Vendedor +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Vendedor# VentasTotalTicket Prom.Estado
+
+
MR
+ María Rodríguez +
+ 		312$128,448$411.69Activo
+
+
JL
+ Juan López +
+ 		287$109,060$380.00Activo
+
+
AG
+ Ana Guerrero +
+ 		241$93,990$390.00Activo
+
+
CH
+ Carlos Herrera +
+ 		198$74,448$376.00Licencia
+
+
PV
+ Pedro Vargas +
+ 		246$81,374$330.79Activo
+
+
+
+ + +
+

Ventas por Método de Pago

+
+
+
+
+ Efectivo +
+
+
+ $234,114 48% +
+
+ Tarjeta +
+
+
+ $131,576 27% +
+
+ Transferencia +
+
+
+ $68,225 14% +
+
+ Crédito +
+
+
+ $53,605 11% +
+
+
+ +
+ + +
+ + +
+
+
+ +
+
Valor Total Inventario ($)
+
$2,140,000
+
+ ↑ 5.2% + vs mes anterior +
+
+
+
+ +
+
SKUs Activos
+
3,847
+
+ +143 + nuevos este mes +
+
+
+
+ +
+
Rotación Promedio
+
4.3x
+
veces / mes
+
+
+
+ +
+
Artículos Stock Bajo
+
218
+
+ +34 + vs mes anterior +
+
+
+ + +
+
+ Productos con Stock Bajo + 47 productos +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductoStock ActualMínimoProveedorÚltima Compra
Filtro combustible Toyota Corolla210Distribuidora ABC15/Feb/2026
Bujía Bosch Iridium BK6MCI420Bosch México20/Feb/2026
Amortiguador trasero Nissan Sentra68Monroe Distribución10/Mar/2026
Pastilla freno delantera VW Jetta712Brembo MX12/Mar/2026
Aceite transmisión ATF Dexron VI915Castrol México05/Mar/2026
Sensor O2 Bosch Honda Civic35Bosch México28/Feb/2026
+
+
+ + +
+
+ Movimientos del Periodo +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TipoProductoCantidadFechaUsuario
EntradaFiltro de aceite Bosch x484801/Mar/2026M. Rodríguez
SalidaBujías NGK Iridium x121203/Mar/2026J. López
EntradaPastillas Brembo Racing x242407/Mar/2026H. García
SalidaAceite Mobil 5W-30 1L x363610/Mar/2026A. Guerrero
EntradaBatería Optima 12V x101015/Mar/2026M. Rodríguez
SalidaAmortiguador Monroe x8818/Mar/2026C. Herrera
+
+
+ + +
+
+ Productos Sin Movimiento (>30 días) + 218 SKUs +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductoStockÚltimo MovimientoValor
Radiador Nissan Pathfinder 2004326/Nov/2025$5,610
Caja dirección Honda CR-V 2001124/Dec/2025$4,800
Alternador Chevrolet S10 2000216/Jan/2026$3,200
Compresor A/C Ford Explorer 2002130/Jan/2026$6,900
Eje flecha Jetta A3 izq.414/Feb/2026$5,200
Bomba agua Seat Ibiza 1.6228/Feb/2026$1,640
+
+
+ +
+ + +
+ + +
+
+
+ +
+
Clientes Activos
+
4,210
+
registros activos
+
+
+
+ +
+
Nuevos del Mes
+
143
+
+ ↑ 18.3% + vs mes anterior +
+
+
+
+ +
+
Clientes con Crédito
+
892
+
líneas activas
+
+
+
+ +
+
Saldo Total Créditos ($)
+
$249,510
+
+ ↑ 4.2% + vs mes anterior +
+
+
+ + +
+
+ Top 10 Clientes por Compras +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClienteRFCComprasMonto TotalÚltima Compra
Taller Mecánico El RápidoTME840312HX448$42,89031 Mar 2026
Autoservicio García Hnos.AGH920518KL939$38,12030 Mar 2026
Flota Transporte Noreste SAFTN010628AB327$89,43025 Mar 2026
Roberto Mendoza TorresMETR780904QJ231$24,56028 Mar 2026
Refaccionaria El CentroREC851107MN522$31,08029 Mar 2026
Miguel Ángel RíosRIMA771215FP724$18,32027 Mar 2026
Servicio Express MonterreySEM960430DX118$22,14026 Mar 2026
Distribuidora Xóchitl S.A.DXS030811CR415$27,60018 Mar 2026
Laura Sánchez PérezSAPL820612RH819$14,25020 Mar 2026
Arturo Vega CastilloVECA790318GK617$11,90022 Mar 2026
+
+
+ + +
+
+ Clientes con Saldo Pendiente + 12 clientes +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClienteCrédito AutorizadoSaldoVencimientoEstado
Taller Moreno e Hijos$25,000$18,40028 Dic 2025Vencido
Servicio López Automóviles$15,000$9,75023 Ene 2026Vencido
Ricardo Castro N.$8,000$4,20015 Feb 2026Por vencer
Autoelectrónica Ramos$12,000$6,89022 Feb 2026Por vencer
Grupo Autopartes del Sur$20,000$12,30030 Mar 2026Vigente
+
+
+ + +
+
+ Clientes Nuevos del Mes + 143 este mes +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NombreFecha AltaComprasTipo
Ernesto Jiménez Soto31 Mar 2026$1,240Mostrador
Taller Veloz S.A.30 Mar 2026$4,890Taller
Patricia Núñez Domínguez28 Mar 2026$680Mostrador
Flotilla Logística MX27 Mar 2026$12,430Taller
Francisco Serrano V.25 Mar 2026$920Mostrador
Electro-Auto Precisión24 Mar 2026$3,400Taller
+
+
+ +
+ + +
+ + +
+
+
+ +
+
Ingresos ($)
+
$487,320
+
+ ↑ 12.4% + vs mes anterior +
+
+
+
+ +
+
Egresos ($)
+
$294,180
+
+ ↑ 9.8% + vs mes anterior +
+
+
+
+ +
+
Utilidad ($)
+
$193,140
+
+ ↑ 16.2% + vs mes anterior +
+
+
+
+ +
+
Margen (%)
+
39.6%
+
+ ↑ 1.3pp + vs mes anterior +
+
+
+ + +
+
Ingresos vs Egresos — Últimos 6 Meses
+
+
Ingresos
+
Egresos
+
+
+
+
+
+
+
+
Oct
+
+
+
+
+
+
+
Nov
+
+
+
+
+
+
+
Dic
+
+
+
+
+
+
+
Ene
+
+
+
+
+
+
+
Feb
+
+
+
+
+
+
+
Mar
+
+
+
+ + +
+

Desglose de Gastos

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CategoríaMonto% del Total
Compra de mercancía$157,840 +
+
+ 53.6% +
+
Nómina$89,400 +
+
+ 30.4% +
+
Renta y servicios$28,100 +
+
+ 9.5% +
+
Impuestos y contribuciones$14,640 +
+
+ 4.9% +
+
Logística y transporte$4,200 +
+
+ 1.4% +
+
Otros$200 +
+
+ 0.1% +
+
+
+
+
Total Egresos del Periodo
+
$294,180
+
Marzo 2026
+
+
+ Mayor gasto: + Compra mercancía +
+
+ % sobre ventas: + 60.4% +
+
+ vs mes anterior: + ↑ 9.8% +
+
+
+
+
+
+ + +
+
+ Flujo de Efectivo Semanal — Marzo 2026 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SemanaIngresosEgresosNetoAcumulado
Semana 1 (01–07 Mar)$98,240$61,800$36,440$36,440
Semana 2 (08–14 Mar)$124,560$74,200$50,360$86,800
Semana 3 (15–21 Mar)$132,890$82,640$50,250$137,050
Semana 4 (22–31 Mar)$131,630$75,540$56,090$193,140
Total Marzo 2026$487,320$294,180$193,140$193,140
+
+
+ +
+ + +
+ + +
+
+ + + + + + diff --git a/docs/design/design-system/tokens/tokens.css b/docs/design/design-system/tokens/tokens.css new file mode 100644 index 0000000..cad8bfb --- /dev/null +++ b/docs/design/design-system/tokens/tokens.css @@ -0,0 +1,564 @@ +/* ========================================================================== + NEXUS AUTOPARTS — Design Tokens + POS System for Auto Parts Stores + Version: 1.0.0 + ========================================================================== + Themes: + - [data-theme="industrial"] — Industrial Robusto (Dark) + - [data-theme="modern"] — Técnico Moderno (Light) + ========================================================================== */ + +/* -------------------------------------------------------------------------- + GOOGLE FONTS IMPORTS + -------------------------------------------------------------------------- */ + +@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&family=Barlow+Condensed:wght@600;800&family=Poppins:wght@300;400;600;700&display=swap'); + + +/* ========================================================================== + GLOBAL TOKENS — Theme-independent, shared across both themes + ========================================================================== */ + +:root { + + /* ------------------------------------------------------------------------ + SEMANTIC COLORS — Status / Feedback (shared) + ------------------------------------------------------------------------ */ + + --color-success: #22c55e; + --color-success-light: #bbf7d0; + --color-success-dark: #15803d; + + --color-warning: #eab308; + --color-warning-light: #fef08a; + --color-warning-dark: #a16207; + + --color-error: #ef4444; + --color-error-light: #fecaca; + --color-error-dark: #b91c1c; + + /* ------------------------------------------------------------------------ + NEUTRAL SCALE — Grey ramp (50–900) + ------------------------------------------------------------------------ */ + + --color-neutral-50: #fafafa; + --color-neutral-100: #f5f5f5; + --color-neutral-200: #e5e5e5; + --color-neutral-300: #d4d4d4; + --color-neutral-400: #a3a3a3; + --color-neutral-500: #737373; + --color-neutral-600: #525252; + --color-neutral-700: #404040; + --color-neutral-800: #262626; + --color-neutral-900: #171717; + + /* ------------------------------------------------------------------------ + SPACING — 4px base grid + ------------------------------------------------------------------------ */ + /* --space-N = N × 4px */ + + --space-1: 4px; /* 4px */ + --space-2: 8px; /* 8px */ + --space-3: 12px; /* 12px */ + --space-4: 16px; /* 16px */ + --space-5: 20px; /* 20px */ + --space-6: 24px; /* 24px */ + --space-7: 28px; /* 28px */ + --space-8: 32px; /* 32px */ + --space-9: 36px; /* 36px */ + --space-10: 40px; /* 40px */ + --space-11: 44px; /* 44px */ + --space-12: 48px; /* 48px */ + --space-14: 56px; /* 56px */ + --space-16: 64px; /* 64px */ + + /* ------------------------------------------------------------------------ + BORDER RADIUS + ------------------------------------------------------------------------ */ + + --radius-sm: 4px; + --radius-md: 8px; + --radius-lg: 12px; + --radius-xl: 20px; + --radius-full: 9999px; + + /* ------------------------------------------------------------------------ + TRANSITIONS + ------------------------------------------------------------------------ */ + + --transition-fast: all 0.10s ease; + --transition-normal: all 0.20s ease; + --transition-slow: all 0.40s ease; + + /* Easing functions for fine-grained control */ + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --ease-out: cubic-bezier(0, 0, 0.2, 1); + --ease-in: cubic-bezier(0.4, 0, 1, 1); + + --duration-fast: 100ms; + --duration-normal: 200ms; + --duration-slow: 400ms; + + /* ------------------------------------------------------------------------ + Z-INDEX SCALE + ------------------------------------------------------------------------ */ + + --z-dropdown: 1000; + --z-sticky: 1020; + --z-modal: 1050; + --z-toast: 1080; + + /* ------------------------------------------------------------------------ + BREAKPOINTS — Reference only (use in media queries, not calc()) + sm: 640px + md: 768px + lg: 1024px + xl: 1280px + ------------------------------------------------------------------------ */ + +} + + +/* ========================================================================== + THEME A — Industrial Robusto (Dark) + Usage: or + Style: Industrial, robust, high-contrast amber accents, clip-path diagonals + ========================================================================== */ + +[data-theme="industrial"] { + + /* ------------------------------------------------------------------------ + PRIMITIVE COLORS + ------------------------------------------------------------------------ */ + + --color-primary: #F5A623; /* Amber gold — main brand accent */ + --color-primary-hover: #e8951a; /* Darker amber on hover */ + --color-primary-active: #d4850f; /* Pressed state */ + --color-primary-muted: rgba(245, 166, 35, 0.15); /* Subtle tint */ + + --color-secondary: #333333; /* Mid-dark border / secondary bg */ + --color-secondary-hover: #444444; + + --color-accent: #F5A623; /* Same as primary in this theme */ + + /* ------------------------------------------------------------------------ + BACKGROUNDS + ------------------------------------------------------------------------ */ + + --color-bg-base: #0d0d0d; /* Page / app shell background */ + --color-bg-elevated: #1a1a1a; /* Cards, panels, sidebars */ + --color-bg-overlay: #252525; /* Modals, dropdowns, tooltips */ + + /* Surface levels (for layered UI) */ + --color-surface-1: #1a1a1a; /* Lowest raised surface */ + --color-surface-2: #252525; /* Mid-level surface */ + --color-surface-3: #303030; /* Highest raised surface */ + + /* ------------------------------------------------------------------------ + TEXT + ------------------------------------------------------------------------ */ + + --color-text-primary: #FFFFFF; + --color-text-secondary: #CCCCCC; + --color-text-muted: #888888; + --color-text-disabled: #555555; + --color-text-inverse: #000000; /* Text on amber background */ + --color-text-accent: #F5A623; + + /* ------------------------------------------------------------------------ + BORDERS + ------------------------------------------------------------------------ */ + + --color-border: #333333; + --color-border-strong: #555555; + --color-border-accent: #F5A623; + --color-border-focus: #F5A623; + + /* ------------------------------------------------------------------------ + BUTTONS + ------------------------------------------------------------------------ */ + + /* Primary button */ + --btn-primary-bg: #F5A623; + --btn-primary-bg-hover: #e8951a; + --btn-primary-bg-active: #d4850f; + --btn-primary-text: #000000; + --btn-primary-border: transparent; + + /* Secondary button */ + --btn-secondary-bg: transparent; + --btn-secondary-bg-hover: rgba(245, 166, 35, 0.10); + --btn-secondary-text: #F5A623; + --btn-secondary-border: #F5A623; + + /* Ghost / Danger */ + --btn-ghost-bg: transparent; + --btn-ghost-text: #CCCCCC; + --btn-ghost-border: #333333; + + --btn-danger-bg: #ef4444; + --btn-danger-text: #FFFFFF; + + /* ------------------------------------------------------------------------ + TYPOGRAPHY + ------------------------------------------------------------------------ */ + + /* Font families */ + --font-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif; + --font-body: 'Barlow', 'Arial', sans-serif; + --font-mono: 'Courier New', 'Consolas', monospace; /* prices / SKUs */ + + /* Font weights */ + --font-weight-light: 300; /* n/a in Barlow — falls to 400 */ + --font-weight-regular: 400; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-weight-extrabold: 800; + + /* Heading weights (Barlow Condensed) */ + --heading-weight-primary: 800; + --heading-weight-secondary: 600; + + /* ------------------------------------------------------------------------ + SHADOWS / ELEVATION + Tinted with amber to feel cohesive with the theme + ------------------------------------------------------------------------ */ + + --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.60), + 0 1px 2px rgba(0, 0, 0, 0.40); + + --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.60), + 0 2px 4px rgba(0, 0, 0, 0.40); + + --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.70), + 0 4px 6px rgba(0, 0, 0, 0.50); + + --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.80), + 0 10px 10px rgba(0, 0, 0, 0.50); + + /* Accent glow — use on focused/highlighted elements */ + --shadow-accent: 0 0 0 3px rgba(245, 166, 35, 0.40); + --shadow-focus: 0 0 0 3px rgba(245, 166, 35, 0.50); + + /* ------------------------------------------------------------------------ + MISC UI + ------------------------------------------------------------------------ */ + + --scrollbar-track: #1a1a1a; + --scrollbar-thumb: #444444; + --scrollbar-thumb-hover: #F5A623; + + --overlay-backdrop: rgba(0, 0, 0, 0.75); + + /* Industrial clip-path angle (use in clip-path: polygon(...) utilities) */ + --clip-diagonal-angle: 6deg; + +} + + +/* ========================================================================== + THEME B — Técnico Moderno (Light) + Usage: or + Style: Clean, modern, Poppins typography, subtle dot-grid background + ========================================================================== */ + +[data-theme="modern"] { + + /* ------------------------------------------------------------------------ + PRIMITIVE COLORS + ------------------------------------------------------------------------ */ + + --color-primary: #FF6B35; /* Orange — main brand accent */ + --color-primary-hover: #f05a22; /* Darker on hover */ + --color-primary-active: #dc4a12; /* Pressed state */ + --color-primary-muted: rgba(255, 107, 53, 0.10); /* Subtle tint */ + + --color-secondary: #1a1a2e; /* Deep navy — used for strong text */ + --color-secondary-hover: #252545; + + --color-accent: #FF6B35; /* Same as primary in this theme */ + + /* ------------------------------------------------------------------------ + BACKGROUNDS + ------------------------------------------------------------------------ */ + + --color-bg-base: #FFFFFF; /* Page / app shell background */ + --color-bg-elevated: #F8F9FF; /* Cards, panels — very subtle blue */ + --color-bg-overlay: #FFFFFF; /* Modals, dropdowns */ + + /* Surface levels */ + --color-surface-1: #F8F9FF; + --color-surface-2: #F0F2FF; + --color-surface-3: #E8EBFF; + + /* Dot-grid background pattern (apply via background-image on body/shell) */ + /* background-image: radial-gradient(circle, var(--dot-grid-color) 1px, transparent 1px); */ + /* background-size: var(--dot-grid-size) var(--dot-grid-size); */ + --dot-grid-color: rgba(26, 26, 46, 0.07); + --dot-grid-size: 24px; + + /* ------------------------------------------------------------------------ + TEXT + ------------------------------------------------------------------------ */ + + --color-text-primary: #1a1a2e; + --color-text-secondary: #4a4a6a; + --color-text-muted: #8080a0; + --color-text-disabled: #b0b0c8; + --color-text-inverse: #FFFFFF; /* Text on orange background */ + --color-text-accent: #FF6B35; + + /* ------------------------------------------------------------------------ + BORDERS + ------------------------------------------------------------------------ */ + + --color-border: #e2e4f0; + --color-border-strong: #c8cadc; + --color-border-accent: #FF6B35; + --color-border-focus: #FF6B35; + + /* ------------------------------------------------------------------------ + BUTTONS + ------------------------------------------------------------------------ */ + + /* Primary button */ + --btn-primary-bg: #FF6B35; + --btn-primary-bg-hover: #f05a22; + --btn-primary-bg-active: #dc4a12; + --btn-primary-text: #FFFFFF; + --btn-primary-border: transparent; + + /* Secondary button */ + --btn-secondary-bg: transparent; + --btn-secondary-bg-hover: rgba(255, 107, 53, 0.08); + --btn-secondary-text: #FF6B35; + --btn-secondary-border: #FF6B35; + + /* Ghost / Danger */ + --btn-ghost-bg: transparent; + --btn-ghost-text: #4a4a6a; + --btn-ghost-border: #e2e4f0; + + --btn-danger-bg: #ef4444; + --btn-danger-text: #FFFFFF; + + /* ------------------------------------------------------------------------ + TYPOGRAPHY + ------------------------------------------------------------------------ */ + + /* Font families */ + --font-heading: 'Poppins', 'Segoe UI', sans-serif; + --font-body: 'Poppins', 'Segoe UI', sans-serif; + --font-mono: 'Courier New', 'Consolas', monospace; /* prices / SKUs */ + + /* Font weights */ + --font-weight-light: 300; + --font-weight-regular: 400; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-weight-extrabold: 800; /* falls to 700 in Poppins */ + + /* Heading weights (Poppins) */ + --heading-weight-primary: 700; + --heading-weight-secondary: 600; + + /* ------------------------------------------------------------------------ + SHADOWS / ELEVATION + Softer, cooler tints for the light theme + ------------------------------------------------------------------------ */ + + --shadow-sm: 0 1px 3px rgba(26, 26, 46, 0.08), + 0 1px 2px rgba(26, 26, 46, 0.05); + + --shadow-md: 0 4px 6px rgba(26, 26, 46, 0.08), + 0 2px 4px rgba(26, 26, 46, 0.05); + + --shadow-lg: 0 10px 15px rgba(26, 26, 46, 0.10), + 0 4px 6px rgba(26, 26, 46, 0.06); + + --shadow-xl: 0 20px 25px rgba(26, 26, 46, 0.12), + 0 10px 10px rgba(26, 26, 46, 0.06); + + /* Accent glow — use on focused/highlighted elements */ + --shadow-accent: 0 0 0 3px rgba(255, 107, 53, 0.25); + --shadow-focus: 0 0 0 3px rgba(255, 107, 53, 0.30); + + /* ------------------------------------------------------------------------ + MISC UI + ------------------------------------------------------------------------ */ + + --scrollbar-track: #F8F9FF; + --scrollbar-thumb: #c8cadc; + --scrollbar-thumb-hover: #FF6B35; + + --overlay-backdrop: rgba(26, 26, 46, 0.50); + + /* No diagonal clip in modern theme — set to 0 for override-safe utilities */ + --clip-diagonal-angle: 0deg; + +} + + +/* ========================================================================== + TYPOGRAPHY SCALE — Token definitions + Resolved at theme level because font families differ between themes. + These tokens map to semantic roles and should be consumed directly. + ========================================================================== */ + +/* Shared scale values (dimensionless, theme-independent) */ +:root { + + /* --- Type scale (font-size) --- */ + --text-h1: clamp(2.25rem, 5vw, 3.5rem); /* 36px → 56px */ + --text-h2: clamp(1.875rem, 4vw, 2.75rem); /* 30px → 44px */ + --text-h3: clamp(1.5rem, 3vw, 2.125rem); /* 24px → 34px */ + --text-h4: clamp(1.25rem, 2vw, 1.625rem); /* 20px → 26px */ + --text-h5: 1.125rem; /* 18px */ + --text-h6: 1rem; /* 16px */ + + --text-body-lg: 1.125rem; /* 18px */ + --text-body: 1rem; /* 16px */ + --text-body-sm: 0.875rem; /* 14px */ + --text-caption: 0.75rem; /* 12px */ + --text-label: 0.8125rem; /* 13px */ + --text-mono: 1rem; /* 16px — prices, SKUs */ + + /* --- Line heights --- */ + --leading-h1: 1.10; + --leading-h2: 1.12; + --leading-h3: 1.15; + --leading-h4: 1.20; + --leading-h5: 1.25; + --leading-h6: 1.30; + + --leading-body-lg: 1.65; + --leading-body: 1.60; + --leading-body-sm: 1.55; + --leading-caption: 1.45; + --leading-label: 1.40; + --leading-mono: 1.50; + + /* --- Letter spacing --- */ + --tracking-tight: -0.03em; + --tracking-snug: -0.01em; + --tracking-normal: 0em; + --tracking-wide: 0.03em; + --tracking-wider: 0.06em; + --tracking-widest: 0.12em; /* Use for ALL-CAPS labels / badges */ + +} + +/* Heading letter-spacing per theme */ +[data-theme="industrial"] { + --heading-tracking-h1: -0.02em; + --heading-tracking-h2: -0.02em; + --heading-tracking-h3: -0.01em; + --heading-tracking-h4: 0em; + --heading-tracking-h5: 0.02em; + --heading-tracking-h6: 0.04em; +} + +[data-theme="modern"] { + --heading-tracking-h1: -0.03em; + --heading-tracking-h2: -0.02em; + --heading-tracking-h3: -0.01em; + --heading-tracking-h4: 0em; + --heading-tracking-h5: 0em; + --heading-tracking-h6: 0.01em; +} + + +/* ========================================================================== + COMPONENT SHORTHAND TOKENS + Convenience aliases that combine multiple primitives. Components should + reference these rather than the primitives above. + ========================================================================== */ + +:root { + + /* --- Input / form fields --- */ + /* These are intentionally left as CSS variable references so they resolve + correctly within whichever theme is active at runtime. */ + + /* (No :root overrides needed — components consume --color-* directly.) */ + + /* --- Focus ring --- */ + --focus-ring: 0 0 0 3px var(--shadow-focus, rgba(245,166,35,0.40)); + + /* --- Content max widths --- */ + --content-xs: 480px; + --content-sm: 640px; + --content-md: 768px; + --content-lg: 1024px; + --content-xl: 1280px; + --content-full: 100%; + +} + + +/* ========================================================================== + UTILITY — Scrollbar styles (opt-in via class) + ========================================================================== */ + +.themed-scrollbar { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); +} + +.themed-scrollbar::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +.themed-scrollbar::-webkit-scrollbar-track { + background: var(--scrollbar-track); +} + +.themed-scrollbar::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); + border-radius: var(--radius-full); + border: 2px solid var(--scrollbar-track); +} + +.themed-scrollbar::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-thumb-hover); +} + + +/* ========================================================================== + UTILITY — Dot-grid background (Theme B helper) + Apply class .bg-dot-grid to body or layout shell when using modern theme. + ========================================================================== */ + +[data-theme="modern"] .bg-dot-grid { + background-color: var(--color-bg-base); + background-image: radial-gradient( + circle, + var(--dot-grid-color) 1px, + transparent 1px + ); + background-size: var(--dot-grid-size) var(--dot-grid-size); +} + + +/* ========================================================================== + UTILITY — Industrial diagonal clip helpers (Theme A) + ========================================================================== */ + +[data-theme="industrial"] .clip-top-right { + clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); +} + +[data-theme="industrial"] .clip-bottom-left { + clip-path: polygon(0 0, 100% 0, 100% 100%, 24px 100%, 0 calc(100% - 24px)); +} + +[data-theme="industrial"] .clip-corner { + clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); +} + + +/* ========================================================================== + END OF TOKENS FILE + nexus-autoparts-design/tokens/tokens.css + ========================================================================== */