@xsmusices/ui 0.0.0-stage → 1.41.1

package/fesm2022/xsmusices-ui-xs-info-blocks.xsstory-BHtaC7U6.mjs

@@ -0,0 +1,957 @@
+import { XSInfoBlocksComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'info-blocks',
+    name: 'Info Blocks',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updated: '2026-01-11T16:46:20.784Z',
+    created: '2026-01-01T12:12:55.769Z',
+    description: 'Componente que muestra bloques de información con iconos, valores numéricos, badges y diferentes variantes de diseño. Soporta personalización completa de colores (fondo, título, valor, icono) por bloque. Ideal para dashboards y estadísticas con diseño consistente y flexible.',
+    component: XSInfoBlocksComponent,
+    selector: 'xs-info-blocks',
+    inputs: [
+        {
+            key: 'blocks',
+            label: 'Bloques de información',
+            type: 'json',
+            default: [
+                {
+                    title: 'Total Items',
+                    value: 35,
+                    icon: 'cubes',
+                    type: 'number',
+                },
+                {
+                    title: 'Componentes',
+                    value: 17,
+                    icon: 'puzzle-piece',
+                    type: 'number',
+                },
+                {
+                    title: 'Pipes',
+                    value: 18,
+                    icon: 'filter',
+                    type: 'number',
+                },
+            ],
+        },
+        {
+            key: 'variant',
+            label: 'Variante',
+            type: 'select',
+            options: ['default', 'left', 'compact', 'secondary'],
+            default: 'default',
+        },
+        {
+            key: 'size',
+            label: 'Tamaño',
+            type: 'select',
+            options: ['small', 'normal', 'big'],
+            default: 'normal',
+        },
+        {
+            key: 'maxVisible',
+            label: 'Máximo visible (opcional)',
+            type: 'number',
+            default: null,
+        },
+        {
+            key: 'maxVisibleWithoutScroll',
+            label: 'Máximo sin scroll',
+            type: 'number',
+            default: 4,
+        },
+        {
+            key: 'clickable',
+            label: 'Clickeable',
+            type: 'boolean',
+            default: false,
+        },
+        {
+            key: 'loading',
+            label: 'Loading',
+            type: 'boolean',
+            default: false,
+        },
+        {
+            key: 'skeletonCount',
+            label: 'Skeleton count',
+            type: 'number',
+            default: 4,
+        },
+    ],
+    examples: [
+        {
+            name: 'Vista General XS UI',
+            description: 'Bloques de información mostrando estadísticas del sistema XS UI',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Total Items',
+                        value: 35,
+                        icon: 'cubes',
+                        type: 'number',
+                        subtitle: 'Componentes y pipes disponibles',
+                    },
+                    {
+                        title: 'Componentes',
+                        value: 17,
+                        icon: 'puzzle-piece',
+                        type: 'number',
+                        badge: 'UI + Base + Layout',
+                        badgeVariant: 'success',
+                    },
+                    {
+                        title: 'Pipes',
+                        value: 18,
+                        icon: 'filter',
+                        type: 'number',
+                        badge: 'Utilidades',
+                        badgeVariant: 'default',
+                    },
+                    {
+                        title: 'Estado',
+                        value: 'Activo',
+                        icon: 'check-circle',
+                        badge: 'Sistema operativo',
+                        badgeVariant: 'success',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Vista Compacta',
+            description: 'Versión compacta de los bloques de información',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Total Items',
+                        value: 35,
+                        icon: 'cubes',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Componentes',
+                        value: 17,
+                        icon: 'puzzle-piece',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Pipes',
+                        value: 18,
+                        icon: 'filter',
+                        type: 'number',
+                    },
+                ],
+                variant: 'compact',
+                size: 'small',
+            },
+        },
+        {
+            name: 'Vista Izquierda',
+            description: 'Bloques alineados a la izquierda',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Total Items',
+                        value: 35,
+                        icon: 'cubes',
+                        type: 'number',
+                        subtitle: 'Componentes y pipes disponibles',
+                    },
+                    {
+                        title: 'Componentes',
+                        value: 17,
+                        icon: 'puzzle-piece',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Pipes',
+                        value: 18,
+                        icon: 'filter',
+                        type: 'number',
+                    },
+                ],
+                variant: 'left',
+            },
+        },
+        {
+            name: 'Vista Secondary',
+            description: 'Bloques con fondo negro para contraste',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Total Items',
+                        value: 35,
+                        icon: 'cubes',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Componentes',
+                        value: 17,
+                        icon: 'puzzle-piece',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Pipes',
+                        value: 18,
+                        icon: 'filter',
+                        type: 'number',
+                    },
+                ],
+                variant: 'secondary',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Con Scroll Automático',
+            description: 'Ejemplo con 8 elementos que activa scroll cuando excede maxVisibleWithoutScroll=6',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Total Items',
+                        value: 35,
+                        icon: 'cubes',
+                        type: 'number',
+                        subtitle: 'Componentes disponibles',
+                    },
+                    {
+                        title: 'Componentes',
+                        value: 17,
+                        icon: 'puzzle-piece',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Pipes',
+                        value: 18,
+                        icon: 'filter',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Servicios',
+                        value: 12,
+                        icon: 'cogs',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Directivas',
+                        value: 8,
+                        icon: 'code',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Utilidades',
+                        value: 25,
+                        icon: 'wrench',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Modelos',
+                        value: 15,
+                        icon: 'database',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Interfaces',
+                        value: 22,
+                        icon: 'file-contract',
+                        type: 'number',
+                    },
+                ],
+                variant: 'default',
+                maxVisibleWithoutScroll: 6,
+            },
+        },
+        {
+            name: 'Dashboard Analytics',
+            description: 'Métricas de analítica web y engagement',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Visitas Totales',
+                        value: '2.4M',
+                        icon: 'eye',
+                        percentage: 12.5,
+                        badge: 'Este mes',
+                        badgeVariant: 'success',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Usuarios Únicos',
+                        value: '892K',
+                        icon: 'users',
+                        percentage: 8.3,
+                        badge: 'Activos',
+                        badgeVariant: 'default',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Tasa Conversión',
+                        value: '3.2%',
+                        icon: 'chart-line',
+                        percentage: -2.1,
+                        badge: 'Meta: 4%',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'Bounce Rate',
+                        value: '24.8%',
+                        icon: 'arrow-right-from-bracket',
+                        percentage: -5.7,
+                        badge: 'Mejorando',
+                        badgeVariant: 'success',
+                        variant: 'gradient-orange',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'E-commerce Dashboard',
+            description: 'Métricas de ventas y rendimiento comercial',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Ventas Totales',
+                        value: '$124.5K',
+                        icon: 'dollar-sign',
+                        percentage: 18.2,
+                        badge: 'Este mes',
+                        badgeVariant: 'success',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'Pedidos',
+                        value: 1247,
+                        icon: 'shopping-cart',
+                        percentage: 15.8,
+                        badge: 'Completados',
+                        badgeVariant: 'default',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Valor Promedio',
+                        value: '$99.80',
+                        icon: 'calculator',
+                        percentage: 5.2,
+                        badge: 'Por pedido',
+                        badgeVariant: 'default',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Conversión',
+                        value: '4.2%',
+                        icon: 'cog',
+                        percentage: 12.1,
+                        badge: 'Meta superada',
+                        badgeVariant: 'success',
+                        variant: 'gradient-orange',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Salud y Fitness',
+            description: 'Métricas de actividad física y bienestar',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Pasos Hoy',
+                        value: '12,847',
+                        icon: 'shoe-prints',
+                        percentage: 23.5,
+                        badge: 'Meta: 10K',
+                        badgeVariant: 'success',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Calorías',
+                        value: '2,340',
+                        icon: 'fire',
+                        percentage: 18.7,
+                        badge: 'Quemadas',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-orange',
+                    },
+                    {
+                        title: 'Sueño',
+                        value: '7h 32m',
+                        icon: 'moon',
+                        percentage: -8.2,
+                        badge: 'Meta: 8h',
+                        badgeVariant: 'error',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Frecuencia Cardíaca',
+                        value: '72 BPM',
+                        icon: 'heartbeat',
+                        percentage: 2.1,
+                        badge: 'En reposo',
+                        badgeVariant: 'success',
+                        variant: 'gradient-pink',
+                    },
+                ],
+                variant: 'compact',
+                size: 'small',
+            },
+        },
+        {
+            name: 'Gestión de Proyectos',
+            description: 'Métricas de proyectos y productividad',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Tareas Completadas',
+                        value: 47,
+                        icon: 'check-double',
+                        percentage: 31.2,
+                        badge: 'Esta semana',
+                        badgeVariant: 'success',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'Proyectos Activos',
+                        value: 8,
+                        icon: 'folder-open',
+                        badge: 'En progreso',
+                        badgeVariant: 'default',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Commits',
+                        value: 156,
+                        icon: 'code-commit',
+                        percentage: 24.8,
+                        badge: 'Este mes',
+                        badgeVariant: 'default',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Issues',
+                        value: 23,
+                        icon: 'exclamation-triangle',
+                        percentage: -12.5,
+                        badge: 'Abiertos',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-orange',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Sistema de Archivos',
+            description: 'Métricas de almacenamiento y archivos',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Espacio Usado',
+                        value: '2.4 TB',
+                        icon: 'hdd',
+                        percentage: 15.3,
+                        badge: 'De 5TB total',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Archivos Totales',
+                        value: '47,892',
+                        icon: 'file',
+                        percentage: 8.7,
+                        badge: 'Indexados',
+                        badgeVariant: 'default',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Carpetas',
+                        value: 1247,
+                        icon: 'folder',
+                        percentage: 5.2,
+                        badge: 'Organizadas',
+                        badgeVariant: 'success',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'Archivos Compartidos',
+                        value: 89,
+                        icon: 'share-nodes',
+                        percentage: 22.1,
+                        badge: 'Activos',
+                        badgeVariant: 'default',
+                        variant: 'gradient-orange',
+                    },
+                ],
+                variant: 'left',
+                size: 'big',
+            },
+        },
+        {
+            name: 'Gaming Dashboard',
+            description: 'Estadísticas de juegos y logros',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Horas Jugadas',
+                        value: '247h',
+                        icon: 'gamepad',
+                        percentage: 18.5,
+                        badge: 'Este mes',
+                        badgeVariant: 'success',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Victorias',
+                        value: 89,
+                        icon: 'trophy',
+                        percentage: 12.3,
+                        badge: 'Total',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-orange',
+                    },
+                    {
+                        title: 'Logros',
+                        value: 34,
+                        icon: 'star',
+                        percentage: 25.8,
+                        badge: 'Desbloqueados',
+                        badgeVariant: 'success',
+                        variant: 'gradient-yellow',
+                    },
+                    {
+                        title: 'Puntuación Máxima',
+                        value: '98,450',
+                        icon: 'dice',
+                        percentage: 5.2,
+                        badge: 'Personal',
+                        badgeVariant: 'default',
+                        variant: 'gradient-pink',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Plataforma Educativa',
+            description: 'Métricas de aprendizaje y cursos',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Estudiantes',
+                        value: '12,847',
+                        icon: 'graduation-cap',
+                        percentage: 22.1,
+                        badge: 'Activos',
+                        badgeVariant: 'success',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Cursos',
+                        value: 156,
+                        icon: 'book',
+                        percentage: 15.3,
+                        badge: 'Publicados',
+                        badgeVariant: 'default',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'Completados',
+                        value: '89.2%',
+                        icon: 'check-circle',
+                        percentage: 8.7,
+                        badge: 'Tasa promedio',
+                        badgeVariant: 'success',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Certificados',
+                        value: 2341,
+                        icon: 'award',
+                        percentage: 31.2,
+                        badge: 'Emitidos',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-orange',
+                    },
+                ],
+                variant: 'compact',
+                size: 'small',
+            },
+        },
+        {
+            name: 'Finanzas y Cripto',
+            description: 'Métricas financieras y criptomonedas',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Balance Total',
+                        value: '$45,678',
+                        icon: 'wallet',
+                        percentage: 12.8,
+                        badge: 'Disponible',
+                        badgeVariant: 'success',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'BTC',
+                        value: '0.5432',
+                        icon: 'user',
+                        percentage: 8.3,
+                        badge: '↑ 8.3%',
+                        badgeVariant: 'success',
+                        variant: 'gradient-orange',
+                    },
+                    {
+                        title: 'ETH',
+                        value: '12.45',
+                        icon: 'cog',
+                        percentage: -3.2,
+                        badge: '↓ 3.2%',
+                        badgeVariant: 'error',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Transacciones',
+                        value: 47,
+                        icon: 'credit-card',
+                        percentage: 25.1,
+                        badge: 'Este mes',
+                        badgeVariant: 'default',
+                        variant: 'gradient-purple',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Streaming Musical',
+            description: 'Estadísticas de música y reproducción',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Reproducciones',
+                        value: '2.4M',
+                        icon: 'play',
+                        percentage: 28.7,
+                        badge: 'Total',
+                        badgeVariant: 'success',
+                        variant: 'gradient-purple',
+                    },
+                    {
+                        title: 'Canciones',
+                        value: 1247,
+                        icon: 'music',
+                        percentage: 15.2,
+                        badge: 'En catálogo',
+                        badgeVariant: 'default',
+                        variant: 'gradient-blue',
+                    },
+                    {
+                        title: 'Artistas',
+                        value: 89,
+                        icon: 'microphone',
+                        percentage: 8.9,
+                        badge: 'Activos',
+                        badgeVariant: 'warning',
+                        variant: 'gradient-green',
+                    },
+                    {
+                        title: 'Playlists',
+                        value: 456,
+                        icon: 'list',
+                        percentage: 22.3,
+                        badge: 'Creadas',
+                        badgeVariant: 'default',
+                        variant: 'gradient-orange',
+                    },
+                ],
+                variant: 'left',
+                size: 'big',
+            },
+        },
+        {
+            name: 'Iconos de Colores - Rojo',
+            description: 'Bloques con iconos rojos para estados críticos',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Errores Críticos',
+                        value: 12,
+                        icon: 'exclamation-triangle',
+                        iconColor: 'text-red-500',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Alertas',
+                        value: 5,
+                        icon: 'bell',
+                        iconColor: 'text-red-400',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Fallos',
+                        value: 3,
+                        icon: 'times-circle',
+                        iconColor: 'text-red-600',
+                        type: 'number',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Iconos de Colores - Verde',
+            description: 'Bloques con iconos verdes para estados positivos',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Éxitos',
+                        value: 89,
+                        icon: 'check-circle',
+                        iconColor: 'text-green-500',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Completados',
+                        value: 156,
+                        icon: 'check-double',
+                        iconColor: 'text-green-400',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Aprobados',
+                        value: 47,
+                        icon: 'thumbs-up',
+                        iconColor: 'text-green-600',
+                        type: 'number',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Iconos de Colores - Azul',
+            description: 'Bloques con iconos azules para información general',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Información',
+                        value: 234,
+                        icon: 'info-circle',
+                        iconColor: 'text-blue-500',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Actualizaciones',
+                        value: 67,
+                        icon: 'sync',
+                        iconColor: 'text-blue-400',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Nuevos',
+                        value: 12,
+                        icon: 'plus',
+                        iconColor: 'text-blue-600',
+                        type: 'number',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Iconos de Colores - Amarillo',
+            description: 'Bloques con iconos amarillos para advertencias',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Advertencias',
+                        value: 8,
+                        icon: 'exclamation-circle',
+                        iconColor: 'text-yellow-500',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Pendientes',
+                        value: 23,
+                        icon: 'clock',
+                        iconColor: 'text-yellow-400',
+                        type: 'number',
+                    },
+                    {
+                        title: 'En Revisión',
+                        value: 5,
+                        icon: 'eye',
+                        iconColor: 'text-yellow-600',
+                        type: 'number',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Iconos de Colores - Púrpura',
+            description: 'Bloques con iconos púrpuras para elementos premium',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Premium',
+                        value: 45,
+                        icon: 'crown',
+                        iconColor: 'text-purple-500',
+                        type: 'number',
+                    },
+                    {
+                        title: 'VIP',
+                        value: 12,
+                        icon: 'star',
+                        iconColor: 'text-purple-400',
+                        type: 'number',
+                    },
+                    {
+                        title: 'Pro',
+                        value: 89,
+                        icon: 'trophy',
+                        iconColor: 'text-purple-600',
+                        type: 'number',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Iconos de Colores - Mixto',
+            description: 'Bloques con diferentes colores de iconos',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Ventas',
+                        value: '$12.5K',
+                        icon: 'dollar-sign',
+                        iconColor: 'text-green-500',
+                        percentage: 15.2,
+                        badge: 'Este mes',
+                        badgeVariant: 'success',
+                    },
+                    {
+                        title: 'Usuarios',
+                        value: 1247,
+                        icon: 'users',
+                        iconColor: 'text-blue-500',
+                        percentage: 8.7,
+                        badge: 'Activos',
+                        badgeVariant: 'default',
+                    },
+                    {
+                        title: 'Errores',
+                        value: 3,
+                        icon: 'exclamation-triangle',
+                        iconColor: 'text-red-500',
+                        percentage: -50.1,
+                        badge: 'Críticos',
+                        badgeVariant: 'error',
+                    },
+                    {
+                        title: 'Pendientes',
+                        value: 23,
+                        icon: 'clock',
+                        iconColor: 'text-yellow-500',
+                        percentage: 12.1,
+                        badge: 'En proceso',
+                        badgeVariant: 'warning',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+        {
+            name: 'Personalización Completa de Colores',
+            description: 'Bloques con colores personalizados para cada elemento (fondo, título, valor, icono)',
+            inputs: {
+                blocks: [
+                    {
+                        title: 'Ingresos',
+                        value: '$45,230',
+                        icon: 'dollar-sign',
+                        type: 'number',
+                        backgroundColor: 'bg-green-900/20',
+                        titleColor: 'text-green-400',
+                        valueColor: 'text-green-300',
+                        iconColor: 'text-green-500',
+                        percentage: 15.2,
+                        badge: 'Este mes',
+                        badgeVariant: 'success',
+                    },
+                    {
+                        title: 'Usuarios Activos',
+                        value: '1,247',
+                        icon: 'users',
+                        type: 'number',
+                        backgroundColor: 'bg-blue-900/20',
+                        titleColor: 'text-blue-400',
+                        valueColor: 'text-blue-300',
+                        iconColor: 'text-blue-500',
+                        percentage: 8.7,
+                        badge: 'Online',
+                        badgeVariant: 'info',
+                    },
+                    {
+                        title: 'Errores del Sistema',
+                        value: '23',
+                        icon: 'exclamation-triangle',
+                        type: 'number',
+                        backgroundColor: 'bg-red-900/20',
+                        titleColor: 'text-red-400',
+                        valueColor: 'text-red-300',
+                        iconColor: 'text-red-500',
+                        percentage: -5.1,
+                        badge: 'Críticos',
+                        badgeVariant: 'danger',
+                    },
+                    {
+                        title: 'Tareas Pendientes',
+                        value: '89',
+                        icon: 'clock',
+                        type: 'number',
+                        backgroundColor: 'bg-yellow-900/20',
+                        titleColor: 'text-yellow-400',
+                        valueColor: 'text-yellow-300',
+                        iconColor: 'text-yellow-500',
+                        percentage: 12.1,
+                        badge: 'En proceso',
+                        badgeVariant: 'warning',
+                    },
+                ],
+                variant: 'default',
+                size: 'normal',
+            },
+        },
+    ],
+    multilanguage: false,
+    coverage: {
+        statements: 82,
+        branches: 74,
+        functions: 92,
+        lines: 82,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-info-blocks.xsstory-BHtaC7U6.mjs.map