UI - Visión General
Paquete: @tiendana/utils
Utilidades para componentes de interfaz de usuario: compresión de imágenes, sistema de snackbars con cola y constantes de SVG icons.
Funciones Disponibles
Compresión de Imágenes
- ImageCompressor - Compresión y optimización de imágenes en el navegador (TypeScript puro, tree-shakeable)
Snackbars
- openSnackbar - Sistema de notificaciones con cola, animaciones y stacking
SVG Icons
- Constantes SVG - SVG icons como strings para uso directo en HTML
Características de ImageCompressor
✅ TypeScript puro - Sin dependencias externas, completamente tree-shakeable
✅ Control total - Dimensiones, calidad, tipo MIME configurable
✅ Orientación EXIF - Corrige automáticamente rotación de imágenes
✅ Modo estricto - Con mimeType igual al original, conserva el archivo original si la compresión lo agranda
✅ Hooks personalizables - beforeDraw y drew para manipulación avanzada
Características del Sistema de Snackbars
✅ Cola automática - Máximo 3 snackbars visibles simultáneamente
✅ Stacking visual - Efecto de apilado con escala y sombras
✅ Animaciones - Transiciones suaves de entrada/salida
✅ Expresiones - 13 variantes de expresión facial
✅ CTA buttons - Botones de acción con callbacks
✅ Auto-dismiss - Cierre automático configurable
✅ Accent variant - Variante visual alternativa