@xsmusices/ui 1.41.0 → 1.41.1

package/fesm2022/xsmusices-ui-xs-alert.xsstory-CXTRbHHS.mjs

@@ -0,0 +1,158 @@
+import { XSAlertComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'alert',
+    name: 'Alert',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updated: '2026-01-12T19:30:00.000Z',
+    created: '2025-12-15T16:32:08.002Z',
+    description: 'Componente para mostrar alertas informativas, de éxito, advertencia o error. Incluye ejemplos para diferentes tipos de alertas, con opciones de acción y cierre.',
+    component: XSAlertComponent,
+    selector: 'xs-alert',
+    inputs: [
+        {
+            key: 'type',
+            label: 'Tipo de Alerta',
+            type: 'select',
+            options: ['info', 'success', 'warning', 'error'],
+            default: 'info',
+        },
+        {
+            key: 'title',
+            label: 'Título',
+            type: 'text',
+            default: '',
+        },
+        {
+            key: 'message',
+            label: 'Mensaje',
+            type: 'text',
+            default: 'Este es un mensaje de alerta.',
+        },
+        {
+            key: 'actionText',
+            label: 'Texto del Botón de Acción',
+            type: 'text',
+            default: '',
+        },
+        {
+            key: 'icon',
+            label: 'Icono personalizado',
+            type: 'text',
+            default: '',
+        },
+        {
+            key: 'iconClass',
+            label: 'Color del icono (clases)',
+            type: 'text',
+            default: '',
+        },
+        {
+            key: 'customClass',
+            label: 'Clases extra del contenedor',
+            type: 'text',
+            default: '',
+        },
+        {
+            key: 'dismissible',
+            label: 'Cerrable',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'Alerta de Información',
+            description: 'Alerta básica para mostrar información general.',
+            inputs: {
+                type: 'info',
+                message: 'Esta es una alerta informativa.',
+            },
+        },
+        {
+            name: 'Alerta de Éxito',
+            description: 'Alerta para confirmar acciones exitosas.',
+            inputs: {
+                type: 'success',
+                title: '¡Operación Exitosa!',
+                message: 'Los cambios se han guardado correctamente.',
+            },
+        },
+        {
+            name: 'Alerta de Advertencia',
+            description: 'Alerta para llamar la atención sobre situaciones importantes.',
+            inputs: {
+                type: 'warning',
+                title: 'Advertencia',
+                message: 'Esta acción no se puede deshacer.',
+            },
+        },
+        {
+            name: 'Alerta de Error',
+            description: 'Alerta para mostrar errores o problemas.',
+            inputs: {
+                type: 'error',
+                title: 'Error',
+                message: 'Ha ocurrido un error al procesar la solicitud.',
+                date: '2025-12-28',
+            },
+        },
+        {
+            name: 'Alerta de Bloqueo',
+            description: 'Estilo translúcido con icono ban para contenido bloqueado por el usuario.',
+            inputs: {
+                type: 'error',
+                icon: 'ban',
+                iconClass: 'text-red-500',
+                customClass: 'bg-red-500/10 border-red-500/30',
+                title: 'Has bloqueado a este artista',
+                message: 'No volverá a aparecer en recomendados ni relacionados. En los listados se mostrará marcado como bloqueado. Podrás desbloquearlo cuando quieras.',
+                actionText: 'Desbloquear',
+            },
+        },
+        {
+            name: 'Alerta con Acción',
+            description: 'Alerta con botón de acción para permitir al usuario realizar una tarea.',
+            inputs: {
+                type: 'warning',
+                title: 'Confirmación Requerida',
+                message: '¿Está seguro de que desea eliminar este elemento?',
+                actionText: 'Eliminar',
+            },
+        },
+        {
+            name: 'Alerta Cerrable',
+            description: 'Alerta que puede ser cerrada por el usuario.',
+            inputs: {
+                type: 'info',
+                message: 'Esta alerta se puede cerrar haciendo clic en la X.',
+                dismissible: true,
+            },
+        },
+        {
+            name: 'Alerta Completa',
+            description: 'Alerta con título, mensaje, acción y opción de cierre.',
+            inputs: {
+                type: 'error',
+                title: 'Error de Validación',
+                message: 'El formulario contiene errores. Por favor, revise los campos marcados.',
+                actionText: 'Revisar',
+                dismissible: true,
+            },
+        },
+    ],
+    multilanguage: true,
+    notes: [],
+    coverage: {
+        statements: 100,
+        branches: 100,
+        functions: 100,
+        lines: 100,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-alert.xsstory-CXTRbHHS.mjs.map

package/fesm2022/xsmusices-ui-xs-alert.xsstory-CXTRbHHS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-alert.xsstory-CXTRbHHS.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/alert/xs-alert.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSAlertComponent } from './xs-alert.component';\n\nexport const story: StoryMeta = {\n  id: 'alert',\n  name: 'Alert',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app', 'monitor'],\n  updated: '2026-01-12T19:30:00.000Z',\n  created: '2025-12-15T16:32:08.002Z',\n  description:\n    'Componente para mostrar alertas informativas, de éxito, advertencia o error. Incluye ejemplos para diferentes tipos de alertas, con opciones de acción y cierre.',\n  component: XSAlertComponent,\n  selector: 'xs-alert',\n  inputs: [\n    {\n      key: 'type',\n      label: 'Tipo de Alerta',\n      type: 'select',\n      options: ['info', 'success', 'warning', 'error'],\n      default: 'info',\n    },\n    {\n      key: 'title',\n      label: 'Título',\n      type: 'text',\n      default: '',\n    },\n    {\n      key: 'message',\n      label: 'Mensaje',\n      type: 'text',\n      default: 'Este es un mensaje de alerta.',\n    },\n    {\n      key: 'actionText',\n      label: 'Texto del Botón de Acción',\n      type: 'text',\n      default: '',\n    },\n    {\n      key: 'icon',\n      label: 'Icono personalizado',\n      type: 'text',\n      default: '',\n    },\n    {\n      key: 'iconClass',\n      label: 'Color del icono (clases)',\n      type: 'text',\n      default: '',\n    },\n    {\n      key: 'customClass',\n      label: 'Clases extra del contenedor',\n      type: 'text',\n      default: '',\n    },\n    {\n      key: 'dismissible',\n      label: 'Cerrable',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'Alerta de Información',\n      description:\n        'Alerta básica para mostrar información general.',\n      inputs: {\n        type: 'info',\n        message: 'Esta es una alerta informativa.',\n      },\n    },\n    {\n      name: 'Alerta de Éxito',\n      description: 'Alerta para confirmar acciones exitosas.',\n      inputs: {\n        type: 'success',\n        title: '¡Operación Exitosa!',\n        message: 'Los cambios se han guardado correctamente.',\n      },\n    },\n    {\n      name: 'Alerta de Advertencia',\n      description:\n        'Alerta para llamar la atención sobre situaciones importantes.',\n      inputs: {\n        type: 'warning',\n        title: 'Advertencia',\n        message: 'Esta acción no se puede deshacer.',\n      },\n    },\n    {\n      name: 'Alerta de Error',\n      description: 'Alerta para mostrar errores o problemas.',\n      inputs: {\n        type: 'error',\n        title: 'Error',\n        message:\n          'Ha ocurrido un error al procesar la solicitud.',\n        date: '2025-12-28',\n      },\n    },\n    {\n      name: 'Alerta de Bloqueo',\n      description:\n        'Estilo translúcido con icono ban para contenido bloqueado por el usuario.',\n      inputs: {\n        type: 'error',\n        icon: 'ban',\n        iconClass: 'text-red-500',\n        customClass: 'bg-red-500/10 border-red-500/30',\n        title: 'Has bloqueado a este artista',\n        message:\n          'No volverá a aparecer en recomendados ni relacionados. En los listados se mostrará marcado como bloqueado. Podrás desbloquearlo cuando quieras.',\n        actionText: 'Desbloquear',\n      },\n    },\n    {\n      name: 'Alerta con Acción',\n      description:\n        'Alerta con botón de acción para permitir al usuario realizar una tarea.',\n      inputs: {\n        type: 'warning',\n        title: 'Confirmación Requerida',\n        message:\n          '¿Está seguro de que desea eliminar este elemento?',\n        actionText: 'Eliminar',\n      },\n    },\n    {\n      name: 'Alerta Cerrable',\n      description:\n        'Alerta que puede ser cerrada por el usuario.',\n      inputs: {\n        type: 'info',\n        message:\n          'Esta alerta se puede cerrar haciendo clic en la X.',\n        dismissible: true,\n      },\n    },\n    {\n      name: 'Alerta Completa',\n      description:\n        'Alerta con título, mensaje, acción y opción de cierre.',\n      inputs: {\n        type: 'error',\n        title: 'Error de Validación',\n        message:\n          'El formulario contiene errores. Por favor, revise los campos marcados.',\n        actionText: 'Revisar',\n        dismissible: true,\n      },\n    },\n  ],\n  multilanguage: true,\n  notes: [],\n  coverage: {\n    statements: 100,\n    branches: 100,\n    functions: 100,\n    lines: 100,\n  },\n};\n"],"names":[],"mappings":"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"}

package/fesm2022/xsmusices-ui-xs-auth.xsstory-DxO8iDpd.mjs

@@ -0,0 +1,205 @@
+import { XSAuthComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'auth',
+    name: 'Auth',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updated: '2026-08-12T06:50:54.694Z',
+    created: '2026-01-01T12:12:55.744Z',
+    description: 'Componente de autenticación completo. Soporta login social (Google/Apple), login por email, registro y recuperación de contraseña. Se configura mediante XSAuthConfig.',
+    component: XSAuthComponent,
+    selector: 'xs-auth',
+    inputs: [
+        {
+            key: 'config',
+            label: 'Config',
+            type: 'json',
+            default: {
+                defaultMode: 'home',
+                showApple: true,
+                showGoogle: true,
+                showEmail: true,
+                showRegister: true,
+                showForgotPassword: true,
+                showSubtitle: true,
+                language: 'es',
+            },
+        },
+        {
+            key: 'isModal',
+            label: 'Es Modal',
+            type: 'boolean',
+            default: false,
+        },
+        {
+            key: 'loading',
+            label: 'Cargando',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'App: Login igual que la página de login',
+            description: 'Configuración idéntica a la página de login de la app: social visible, registro y olvido como text links, en modo modal para encajar en el layout existente',
+            inputs: {
+                config: {
+                    defaultMode: 'home',
+                    showApple: true,
+                    showGoogle: true,
+                    showSocial: true,
+                    showRegister: true,
+                    showForgotPassword: true,
+                    showTitle: false,
+                    showSubtitle: false,
+                    language: 'es',
+                },
+                isModal: true,
+                loading: false,
+            },
+        },
+        {
+            name: 'App: Login completo con social',
+            description: 'Configuración para la app: social visible, registro y olvido de contraseña disponibles',
+            inputs: {
+                config: {
+                    defaultMode: 'home',
+                    showApple: true,
+                    showGoogle: true,
+                    showSocial: true,
+                    showRegister: true,
+                    showForgotPassword: true,
+                    showTitle: false,
+                    showSubtitle: false,
+                    language: 'es',
+                },
+                isModal: false,
+                loading: false,
+            },
+        },
+        {
+            name: 'Admin: Solo email',
+            description: 'Configuración para admin: solo formulario de email, sin social ni registro ni iconos de ayuda',
+            inputs: {
+                config: {
+                    defaultMode: 'email',
+                    showApple: false,
+                    showGoogle: false,
+                    showSocial: false,
+                    showRegister: false,
+                    showForgotPassword: false,
+                    showTitle: false,
+                    showSubtitle: false,
+                    showInfoIcons: false,
+                    language: 'es',
+                },
+                isModal: false,
+                loading: false,
+            },
+        },
+        {
+            name: 'UI Demo: Email + olvido',
+            description: 'Configuración para demo: email con opción de recuperar contraseña, sin social ni registro',
+            inputs: {
+                config: {
+                    defaultMode: 'email',
+                    showApple: false,
+                    showGoogle: false,
+                    showSocial: false,
+                    showRegister: false,
+                    showForgotPassword: true,
+                    showTitle: false,
+                    showSubtitle: false,
+                    language: 'es',
+                },
+                isModal: false,
+                loading: false,
+            },
+        },
+        {
+            name: 'Solo registro',
+            description: 'Vista de registro directo',
+            inputs: {
+                config: {
+                    defaultMode: 'register',
+                    showSocial: false,
+                    showTitle: true,
+                    showSubtitle: true,
+                    language: 'es',
+                },
+                isModal: true,
+                loading: false,
+            },
+        },
+        {
+            name: 'Recuperar contraseña',
+            description: 'Vista de recuperación de contraseña',
+            inputs: {
+                config: {
+                    defaultMode: 'forgotPassword',
+                    showSocial: false,
+                    showTitle: true,
+                    showSubtitle: true,
+                    language: 'es',
+                },
+                isModal: true,
+                loading: false,
+            },
+        },
+        {
+            name: '2FA Verification',
+            description: 'Vista de verificación de código 2FA',
+            inputs: {
+                config: {
+                    defaultMode: '2fa',
+                    showSubtitle: true,
+                    language: 'es',
+                },
+                isModal: true,
+                loading: false,
+            },
+        },
+        {
+            name: 'Cargando',
+            description: 'Estado de carga en formulario email',
+            inputs: {
+                config: {
+                    defaultMode: 'email',
+                    showSocial: false,
+                    showTitle: true,
+                    showSubtitle: false,
+                    language: 'es',
+                },
+                isModal: true,
+                loading: true,
+            },
+        },
+    ],
+    multilanguage: true,
+    notes: [
+        {
+            text: 'Usa XSTranslateService con i18n propio (es/en). Las traducciones están en i18n/ de auth.',
+            type: 'info',
+        },
+        {
+            text: 'showSocial controla todos los botones sociales. showGoogle/showApple controlan individualmente.',
+            type: 'info',
+        },
+        {
+            text: 'showInfoIcons controla los iconos de ayuda (i) junto a los labels de los campos. En admin se desactivan porque confunden.',
+            type: 'info',
+        },
+    ],
+    coverage: {
+        statements: 100,
+        branches: 99,
+        functions: 100,
+        lines: 100,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-auth.xsstory-DxO8iDpd.mjs.map

package/fesm2022/xsmusices-ui-xs-auth.xsstory-DxO8iDpd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-auth.xsstory-DxO8iDpd.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/auth/xs-auth.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSAuthComponent } from './xs-auth.component';\n\nexport const story: StoryMeta = {\n  id: 'auth',\n  name: 'Auth',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app', 'monitor'],\n  updated: '2026-08-12T06:50:54.694Z',\n  created: '2026-01-01T12:12:55.744Z',\n  description:\n    'Componente de autenticación completo. Soporta login social (Google/Apple), login por email, registro y recuperación de contraseña. Se configura mediante XSAuthConfig.',\n  component: XSAuthComponent,\n  selector: 'xs-auth',\n  inputs: [\n    {\n      key: 'config',\n      label: 'Config',\n      type: 'json',\n      default: {\n        defaultMode: 'home',\n        showApple: true,\n        showGoogle: true,\n        showEmail: true,\n        showRegister: true,\n        showForgotPassword: true,\n        showSubtitle: true,\n        language: 'es',\n      },\n    },\n    {\n      key: 'isModal',\n      label: 'Es Modal',\n      type: 'boolean',\n      default: false,\n    },\n    {\n      key: 'loading',\n      label: 'Cargando',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'App: Login igual que la página de login',\n      description:\n        'Configuración idéntica a la página de login de la app: social visible, registro y olvido como text links, en modo modal para encajar en el layout existente',\n      inputs: {\n        config: {\n          defaultMode: 'home',\n          showApple: true,\n          showGoogle: true,\n          showSocial: true,\n          showRegister: true,\n          showForgotPassword: true,\n          showTitle: false,\n          showSubtitle: false,\n          language: 'es',\n        },\n        isModal: true,\n        loading: false,\n      },\n    },\n    {\n      name: 'App: Login completo con social',\n      description:\n        'Configuración para la app: social visible, registro y olvido de contraseña disponibles',\n      inputs: {\n        config: {\n          defaultMode: 'home',\n          showApple: true,\n          showGoogle: true,\n          showSocial: true,\n          showRegister: true,\n          showForgotPassword: true,\n          showTitle: false,\n          showSubtitle: false,\n          language: 'es',\n        },\n        isModal: false,\n        loading: false,\n      },\n    },\n    {\n      name: 'Admin: Solo email',\n      description:\n        'Configuración para admin: solo formulario de email, sin social ni registro ni iconos de ayuda',\n      inputs: {\n        config: {\n          defaultMode: 'email',\n          showApple: false,\n          showGoogle: false,\n          showSocial: false,\n          showRegister: false,\n          showForgotPassword: false,\n          showTitle: false,\n          showSubtitle: false,\n          showInfoIcons: false,\n          language: 'es',\n        },\n        isModal: false,\n        loading: false,\n      },\n    },\n    {\n      name: 'UI Demo: Email + olvido',\n      description:\n        'Configuración para demo: email con opción de recuperar contraseña, sin social ni registro',\n      inputs: {\n        config: {\n          defaultMode: 'email',\n          showApple: false,\n          showGoogle: false,\n          showSocial: false,\n          showRegister: false,\n          showForgotPassword: true,\n          showTitle: false,\n          showSubtitle: false,\n          language: 'es',\n        },\n        isModal: false,\n        loading: false,\n      },\n    },\n    {\n      name: 'Solo registro',\n      description: 'Vista de registro directo',\n      inputs: {\n        config: {\n          defaultMode: 'register',\n          showSocial: false,\n          showTitle: true,\n          showSubtitle: true,\n          language: 'es',\n        },\n        isModal: true,\n        loading: false,\n      },\n    },\n    {\n      name: 'Recuperar contraseña',\n      description: 'Vista de recuperación de contraseña',\n      inputs: {\n        config: {\n          defaultMode: 'forgotPassword',\n          showSocial: false,\n          showTitle: true,\n          showSubtitle: true,\n          language: 'es',\n        },\n        isModal: true,\n        loading: false,\n      },\n    },\n    {\n      name: '2FA Verification',\n      description: 'Vista de verificación de código 2FA',\n      inputs: {\n        config: {\n          defaultMode: '2fa',\n          showSubtitle: true,\n          language: 'es',\n        },\n        isModal: true,\n        loading: false,\n      },\n    },\n    {\n      name: 'Cargando',\n      description: 'Estado de carga en formulario email',\n      inputs: {\n        config: {\n          defaultMode: 'email',\n          showSocial: false,\n          showTitle: true,\n          showSubtitle: false,\n          language: 'es',\n        },\n        isModal: true,\n        loading: true,\n      },\n    },\n  ],\n  multilanguage: true,\n  notes: [\n    {\n      text: 'Usa XSTranslateService con i18n propio (es/en). Las traducciones están en i18n/ de auth.',\n      type: 'info',\n    },\n    {\n      text: 'showSocial controla todos los botones sociales. showGoogle/showApple controlan individualmente.',\n      type: 'info',\n    },\n    {\n      text: 'showInfoIcons controla los iconos de ayuda (i) junto a los labels de los campos. En admin se desactivan porque confunden.',\n      type: 'info',\n    },\n  ],\n  coverage: {\n    statements: 100,\n    branches: 99,\n    functions: 100,\n    lines: 100,\n  },\n};\n"],"names":[],"mappings":"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"}

package/fesm2022/xsmusices-ui-xs-badge.xsstory-BZnTAQWz.mjs

@@ -0,0 +1,232 @@
+import { XSBadgeComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'badge',
+    name: 'Badge',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: [],
+    updated: '2026-07-19T09:10:00.000Z',
+    created: '2026-01-01T12:12:55.757Z',
+    description: 'Componente Badge para mostrar información con diferentes variantes y tamaños.',
+    component: XSBadgeComponent,
+    selector: 'xs-badge',
+    inputs: [
+        {
+            key: 'variant',
+            label: 'Variante visual del badge',
+            type: 'select',
+            options: [
+                'default',
+                'success',
+                'warning',
+                'error',
+                'info',
+                'secondary',
+                'amber',
+            ],
+            default: 'default',
+        },
+        {
+            key: 'size',
+            label: 'Tamaño del badge',
+            type: 'select',
+            options: ['sm', 'md', 'lg'],
+            default: 'md',
+        },
+        {
+            key: 'icon',
+            label: 'Nombre del icono de FontAwesome',
+            type: 'text',
+        },
+        {
+            key: 'label',
+            label: 'Texto a mostrar en el badge',
+            type: 'text',
+        },
+        {
+            key: 'ariaLabel',
+            label: 'Etiqueta de accesibilidad',
+            type: 'text',
+        },
+    ],
+    examples: [
+        // --- TODOS LOS TAMAÑOS ---
+        {
+            name: 'Tamaños (default)',
+            description: 'Badge default en todos los tamaños',
+            inputs: { variant: 'default', label: 'Default' },
+        },
+        {
+            name: 'Tamaños (success)',
+            description: 'Badge success en todos los tamaños',
+            inputs: { variant: 'success', label: 'Success' },
+        },
+        {
+            name: 'Tamaños (warning)',
+            description: 'Badge warning en todos los tamaños',
+            inputs: { variant: 'warning', label: 'Warning' },
+        },
+        {
+            name: 'Tamaños (error)',
+            description: 'Badge error en todos los tamaños',
+            inputs: { variant: 'error', label: 'Error' },
+        },
+        {
+            name: 'Tamaños (info)',
+            description: 'Badge info en todos los tamaños',
+            inputs: { variant: 'info', label: 'Info' },
+        },
+        {
+            name: 'Tamaños (secondary)',
+            description: 'Badge secondary en todos los tamaños',
+            inputs: { variant: 'secondary', label: 'Secondary' },
+        },
+        {
+            name: 'Tamaños (amber)',
+            description: 'Badge amber en todos los tamaños',
+            inputs: { variant: 'amber', label: 'Amber' },
+        },
+        // --- TODAS LAS VARIANTES CON ICONO ---
+        {
+            name: 'Default con icono',
+            description: 'Badge default con icono',
+            inputs: {
+                variant: 'default',
+                icon: 'tag',
+                label: 'Default',
+            },
+        },
+        {
+            name: 'Success con icono',
+            description: 'Badge success con icono check',
+            inputs: {
+                variant: 'success',
+                icon: 'check-circle',
+                label: 'Completado',
+            },
+        },
+        {
+            name: 'Warning con icono',
+            description: 'Badge warning con icono exclamation',
+            inputs: {
+                variant: 'warning',
+                icon: 'exclamation-triangle',
+                label: 'Pendiente',
+            },
+        },
+        {
+            name: 'Error con icono',
+            description: 'Badge error con icono times',
+            inputs: {
+                variant: 'error',
+                icon: 'times-circle',
+                label: 'Error',
+            },
+        },
+        {
+            name: 'Info con icono',
+            description: 'Badge info con icono info',
+            inputs: {
+                variant: 'info',
+                icon: 'info-circle',
+                label: 'Información',
+            },
+        },
+        {
+            name: 'Secondary con icono',
+            description: 'Badge secondary con icono clock',
+            inputs: {
+                variant: 'secondary',
+                icon: 'clock',
+                label: 'Pendiente',
+            },
+        },
+        {
+            name: 'Amber con icono',
+            description: 'Badge amber con icono star',
+            inputs: {
+                variant: 'amber',
+                icon: 'star',
+                label: 'Destacado',
+            },
+        },
+        // --- EJEMPLOS REALES ---
+        {
+            name: 'Uso real: estado',
+            description: 'Badge para estados',
+            inputs: {
+                variant: 'success',
+                size: 'md',
+                label: 'Activo',
+            },
+        },
+        {
+            name: 'Uso real: tipo de contenido',
+            description: 'Badge para tipo de contenido',
+            inputs: { variant: 'info', size: 'md', label: 'Media' },
+        },
+        {
+            name: 'Uso real: evento finalizado',
+            description: 'Badge error para evento pasado',
+            inputs: {
+                variant: 'error',
+                size: 'md',
+                label: 'Finalizado',
+            },
+        },
+        {
+            name: 'Uso real: badge largo',
+            description: 'Badge con texto largo y icono',
+            inputs: {
+                variant: 'info',
+                size: 'md',
+                icon: 'music',
+                label: 'Techno, Hard Techno',
+            },
+        },
+        {
+            name: 'Uso real: etiqueta de local',
+            description: 'Badge secondary para local/venue',
+            inputs: {
+                variant: 'secondary',
+                size: 'md',
+                label: 'Local',
+            },
+        },
+        {
+            name: 'Uso real: recomendado',
+            description: 'Badge amber para destacar',
+            inputs: {
+                variant: 'amber',
+                size: 'md',
+                label: 'Recomendado',
+            },
+        },
+    ],
+    multilanguage: false,
+    notes: [
+        {
+            text: 'Variantes: default, success, warning, error, info, secondary, amber.',
+            type: 'info',
+        },
+        {
+            text: 'Tamaños: sm (8px), md (10px), lg (12px).',
+            type: 'info',
+        },
+        {
+            text: 'Usa backdrop-filter blur para fondos oscuros.',
+            type: 'info',
+        },
+    ],
+    coverage: {
+        statements: 25,
+        branches: 0,
+        functions: 0,
+        lines: 25,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-badge.xsstory-BZnTAQWz.mjs.map

package/fesm2022/xsmusices-ui-xs-badge.xsstory-BZnTAQWz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-badge.xsstory-BZnTAQWz.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/badge/xs-badge.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSBadgeComponent } from './xs-badge.component';\n\nexport const story: StoryMeta = {\n  id: 'badge',\n  name: 'Badge',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: [],\n  updated: '2026-07-19T09:10:00.000Z',\n  created: '2026-01-01T12:12:55.757Z',\n  description:\n    'Componente Badge para mostrar información con diferentes variantes y tamaños.',\n  component: XSBadgeComponent,\n  selector: 'xs-badge',\n  inputs: [\n    {\n      key: 'variant',\n      label: 'Variante visual del badge',\n      type: 'select',\n      options: [\n        'default',\n        'success',\n        'warning',\n        'error',\n        'info',\n        'secondary',\n        'amber',\n      ],\n      default: 'default',\n    },\n    {\n      key: 'size',\n      label: 'Tamaño del badge',\n      type: 'select',\n      options: ['sm', 'md', 'lg'],\n      default: 'md',\n    },\n    {\n      key: 'icon',\n      label: 'Nombre del icono de FontAwesome',\n      type: 'text',\n    },\n    {\n      key: 'label',\n      label: 'Texto a mostrar en el badge',\n      type: 'text',\n    },\n    {\n      key: 'ariaLabel',\n      label: 'Etiqueta de accesibilidad',\n      type: 'text',\n    },\n  ],\n  examples: [\n    // --- TODOS LOS TAMAÑOS ---\n    {\n      name: 'Tamaños (default)',\n      description: 'Badge default en todos los tamaños',\n      inputs: { variant: 'default', label: 'Default' },\n    },\n    {\n      name: 'Tamaños (success)',\n      description: 'Badge success en todos los tamaños',\n      inputs: { variant: 'success', label: 'Success' },\n    },\n    {\n      name: 'Tamaños (warning)',\n      description: 'Badge warning en todos los tamaños',\n      inputs: { variant: 'warning', label: 'Warning' },\n    },\n    {\n      name: 'Tamaños (error)',\n      description: 'Badge error en todos los tamaños',\n      inputs: { variant: 'error', label: 'Error' },\n    },\n    {\n      name: 'Tamaños (info)',\n      description: 'Badge info en todos los tamaños',\n      inputs: { variant: 'info', label: 'Info' },\n    },\n    {\n      name: 'Tamaños (secondary)',\n      description: 'Badge secondary en todos los tamaños',\n      inputs: { variant: 'secondary', label: 'Secondary' },\n    },\n    {\n      name: 'Tamaños (amber)',\n      description: 'Badge amber en todos los tamaños',\n      inputs: { variant: 'amber', label: 'Amber' },\n    },\n    // --- TODAS LAS VARIANTES CON ICONO ---\n    {\n      name: 'Default con icono',\n      description: 'Badge default con icono',\n      inputs: {\n        variant: 'default',\n        icon: 'tag',\n        label: 'Default',\n      },\n    },\n    {\n      name: 'Success con icono',\n      description: 'Badge success con icono check',\n      inputs: {\n        variant: 'success',\n        icon: 'check-circle',\n        label: 'Completado',\n      },\n    },\n    {\n      name: 'Warning con icono',\n      description: 'Badge warning con icono exclamation',\n      inputs: {\n        variant: 'warning',\n        icon: 'exclamation-triangle',\n        label: 'Pendiente',\n      },\n    },\n    {\n      name: 'Error con icono',\n      description: 'Badge error con icono times',\n      inputs: {\n        variant: 'error',\n        icon: 'times-circle',\n        label: 'Error',\n      },\n    },\n    {\n      name: 'Info con icono',\n      description: 'Badge info con icono info',\n      inputs: {\n        variant: 'info',\n        icon: 'info-circle',\n        label: 'Información',\n      },\n    },\n    {\n      name: 'Secondary con icono',\n      description: 'Badge secondary con icono clock',\n      inputs: {\n        variant: 'secondary',\n        icon: 'clock',\n        label: 'Pendiente',\n      },\n    },\n    {\n      name: 'Amber con icono',\n      description: 'Badge amber con icono star',\n      inputs: {\n        variant: 'amber',\n        icon: 'star',\n        label: 'Destacado',\n      },\n    },\n    // --- EJEMPLOS REALES ---\n    {\n      name: 'Uso real: estado',\n      description: 'Badge para estados',\n      inputs: {\n        variant: 'success',\n        size: 'md',\n        label: 'Activo',\n      },\n    },\n    {\n      name: 'Uso real: tipo de contenido',\n      description: 'Badge para tipo de contenido',\n      inputs: { variant: 'info', size: 'md', label: 'Media' },\n    },\n    {\n      name: 'Uso real: evento finalizado',\n      description: 'Badge error para evento pasado',\n      inputs: {\n        variant: 'error',\n        size: 'md',\n        label: 'Finalizado',\n      },\n    },\n    {\n      name: 'Uso real: badge largo',\n      description: 'Badge con texto largo y icono',\n      inputs: {\n        variant: 'info',\n        size: 'md',\n        icon: 'music',\n        label: 'Techno, Hard Techno',\n      },\n    },\n    {\n      name: 'Uso real: etiqueta de local',\n      description: 'Badge secondary para local/venue',\n      inputs: {\n        variant: 'secondary',\n        size: 'md',\n        label: 'Local',\n      },\n    },\n    {\n      name: 'Uso real: recomendado',\n      description: 'Badge amber para destacar',\n      inputs: {\n        variant: 'amber',\n        size: 'md',\n        label: 'Recomendado',\n      },\n    },\n  ],\n  multilanguage: false,\n  notes: [\n    {\n      text: 'Variantes: default, success, warning, error, info, secondary, amber.',\n      type: 'info',\n    },\n    {\n      text: 'Tamaños: sm (8px), md (10px), lg (12px).',\n      type: 'info',\n    },\n    {\n      text: 'Usa backdrop-filter blur para fondos oscuros.',\n      type: 'info',\n    },\n  ],\n  coverage: {\n    statements: 25,\n    branches: 0,\n    functions: 0,\n    lines: 25,\n  },\n};\n"],"names":[],"mappings":"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"}