@xsmusices/ui 0.0.0-stage → 1.41.1

package/README.md

@@ -1,3 +1,79 @@
-# Temporary Holding Version
+# @xsmusic/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Librería de componentes Angular compartida para los proyectos de XSMusic (admin, app, etc).
+
+## Características
+
+- ✅ **Componentes Standalone** — 100% modulares y reutilizables
+- 🎨 **Diseño Centralizado** — Tema consistent (dark mode, Tailwind CSS)
+- 🌍 **Multi-idioma** — Soporte native para ES/EN sin dependencias externas
+- ♿ **Accesibilidad** — Componentes WCAG compliant
+- 📦 **Tree-shakeable** — Solo empaqueta lo que usas
+
+## Instalación
+
+```bash
+npm install @xsmusic/ui
+```
+
+Luego importa componentes según necesites:
+
+```typescript
+import { XsButtonComponent } from '@xsmusic/ui';
+
+@Component({
+  imports: [XsButtonComponent],
+})
+export class MyComponent {}
+```
+
+## Uso Básico
+
+### Componentes Comunes
+
+```html
+<xs-button label="Enviar"></xs-button>
+<xs-input placeholder="Escribe..."></xs-input>
+<xs-card title="Mi Card"> contenido </xs-card>
+```
+
+## Internacionalización (i18n)
+
+### Cambiar Idioma (Consumidor)
+
+```typescript
+import { XSTranslateService } from '@xsmusic/ui';
+
+constructor(private translate: XSTranslateService) {}
+
+cambiarIdioma() {
+  this.translate.setLanguage('en'); // or 'es'
+}
+```
+
+El idioma se persiste automáticamente en `localStorage`.
+
+## Desarrollo
+
+```bash
+# Dev con watch
+npm run watch
+
+# Build producción
+npm run build:xs-ui
+
+# Tests
+npm run test:xs-ui
+
+# Cobertura
+npm run test:coverage
+```
+
+---
+
+Para documentación completa y catálogo de componentes, ve a [https://ui.xsmusic.es](https://ui.xsmusic.es)
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+// trigger rebuild

package/fesm2022/xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs

@@ -0,0 +1,84 @@
+import { CountryFlagPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'country-flag-pipe',
+    name: 'Country Flag',
+    subtype: 'Pipe',
+    description: 'Pipe que transforma un código de país (ISO) en su emoji de bandera correspondiente. Útil para mostrar banderas de países de forma visual sin necesidad de imágenes.',
+    created: '2026-01-01T12:12:55.858Z',
+    updated: '2025-12-27T17:13:14.844Z',
+    component: CountryFlagPipe,
+    selector: 'countryFlag',
+    type: 'pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    inputs: [
+        {
+            key: 'countryCode',
+            label: 'Código de país (ISO)',
+            type: 'text',
+            default: 'ES',
+        },
+    ],
+    examples: [
+        {
+            name: 'España',
+            description: 'Bandera de España',
+            inputs: {
+                countryCode: 'ES',
+            },
+        },
+        {
+            name: 'Estados Unidos',
+            description: 'Bandera de Estados Unidos',
+            inputs: {
+                countryCode: 'US',
+            },
+        },
+        {
+            name: 'Francia',
+            description: 'Bandera de Francia',
+            inputs: {
+                countryCode: 'FR',
+            },
+        },
+        {
+            name: 'Alemania',
+            description: 'Bandera de Alemania',
+            inputs: {
+                countryCode: 'DE',
+            },
+        },
+        {
+            name: 'Italia',
+            description: 'Bandera de Italia',
+            inputs: {
+                countryCode: 'IT',
+            },
+        },
+        {
+            name: 'Reino Unido',
+            description: 'Bandera del Reino Unido',
+            inputs: {
+                countryCode: 'GB',
+            },
+        },
+        {
+            name: 'Japón',
+            description: 'Bandera de Japón',
+            inputs: {
+                countryCode: 'JP',
+            },
+        },
+        {
+            name: 'México',
+            description: 'Bandera de México',
+            inputs: {
+                countryCode: 'MX',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs.map

package/fesm2022/xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/country-flag/country-flag.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { CountryFlagPipe } from './country-flag.pipe';\n\nexport const story: StoryMeta = {\n  id: 'country-flag-pipe',\n  name: 'Country Flag',\n  subtype: 'Pipe',\n  description:\n    'Pipe que transforma un código de país (ISO) en su emoji de bandera correspondiente. Útil para mostrar banderas de países de forma visual sin necesidad de imágenes.',\n  created: '2026-01-01T12:12:55.858Z',\n  updated: '2025-12-27T17:13:14.844Z',\n  component: CountryFlagPipe as any,\n  selector: 'countryFlag',\n  type: 'pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  inputs: [\n    {\n      key: 'countryCode',\n      label: 'Código de país (ISO)',\n      type: 'text',\n      default: 'ES',\n    },\n  ],\n  examples: [\n    {\n      name: 'España',\n      description: 'Bandera de España',\n      inputs: {\n        countryCode: 'ES',\n      },\n    },\n    {\n      name: 'Estados Unidos',\n      description: 'Bandera de Estados Unidos',\n      inputs: {\n        countryCode: 'US',\n      },\n    },\n    {\n      name: 'Francia',\n      description: 'Bandera de Francia',\n      inputs: {\n        countryCode: 'FR',\n      },\n    },\n    {\n      name: 'Alemania',\n      description: 'Bandera de Alemania',\n      inputs: {\n        countryCode: 'DE',\n      },\n    },\n    {\n      name: 'Italia',\n      description: 'Bandera de Italia',\n      inputs: {\n        countryCode: 'IT',\n      },\n    },\n    {\n      name: 'Reino Unido',\n      description: 'Bandera del Reino Unido',\n      inputs: {\n        countryCode: 'GB',\n      },\n    },\n    {\n      name: 'Japón',\n      description: 'Bandera de Japón',\n      inputs: {\n        countryCode: 'JP',\n      },\n    },\n    {\n      name: 'México',\n      description: 'Bandera de México',\n      inputs: {\n        countryCode: 'MX',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,WAAW,EACT,qKAAqK;AACvK,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,eAAsB;AACjC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,KAAK,EAAE,sBAAsB;AAC7B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,WAAW,EAAE,2BAA2B;AACxC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,WAAW,EAAE,oBAAoB;AACjC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,WAAW,EAAE,kBAAkB;AAC/B,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs

@@ -0,0 +1,106 @@
+import { CountryNamePipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'country-name-pipe',
+    name: 'Country Name',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que convierte códigos de países (ISO) a nombres localizados (español/inglés). Soporta objetos {name, nameEn} para localización manual.',
+    created: '2026-01-01T12:12:55.861Z',
+    updated: '2026-07-21T00:00:00.000Z',
+    component: CountryNamePipe,
+    selector: 'countryName',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'countryCode',
+            label: 'Código de país',
+            type: 'select',
+            options: [
+                'ES',
+                'US',
+                'FR',
+                'DE',
+                'IT',
+                'PT',
+                'MX',
+                'AR',
+                'CO',
+                'CL',
+            ],
+            default: 'ES',
+        },
+        {
+            key: 'lang',
+            label: 'Idioma',
+            type: 'select',
+            options: ['es', 'en'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'España (ES)',
+            description: 'Código ES → español (default)',
+            inputs: {
+                countryCode: 'ES',
+            },
+        },
+        {
+            name: 'Spain (EN)',
+            description: 'Código ES → inglés con lang=en',
+            inputs: {
+                countryCode: 'ES',
+                lang: 'en',
+            },
+        },
+        {
+            name: 'Estados Unidos (ES)',
+            description: 'Código US → español',
+            inputs: {
+                countryCode: 'US',
+            },
+        },
+        {
+            name: 'United States (EN)',
+            description: 'Código US → inglés con lang=en',
+            inputs: {
+                countryCode: 'US',
+                lang: 'en',
+            },
+        },
+        {
+            name: 'Francia (ES)',
+            description: 'Código FR → español',
+            inputs: {
+                countryCode: 'FR',
+            },
+        },
+        {
+            name: 'Alemania (ES)',
+            description: 'Código DE → español',
+            inputs: {
+                countryCode: 'DE',
+            },
+        },
+        {
+            name: 'Germany (EN)',
+            description: 'Código DE → inglés con lang=en',
+            inputs: {
+                countryCode: 'DE',
+                lang: 'en',
+            },
+        },
+        {
+            name: 'Código desconocido',
+            description: 'Código no encontrado en la lista (fallback)',
+            inputs: {
+                countryCode: 'XX',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs.map

package/fesm2022/xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/country-name/country-name.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { CountryNamePipe } from './country-name.pipe';\n\nexport const story: StoryMeta = {\n  id: 'country-name-pipe',\n  name: 'Country Name',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que convierte códigos de países (ISO) a nombres localizados (español/inglés). Soporta objetos {name, nameEn} para localización manual.',\n  created: '2026-01-01T12:12:55.861Z',\n  updated: '2026-07-21T00:00:00.000Z',\n  component: CountryNamePipe as any,\n  selector: 'countryName',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'countryCode',\n      label: 'Código de país',\n      type: 'select',\n      options: [\n        'ES',\n        'US',\n        'FR',\n        'DE',\n        'IT',\n        'PT',\n        'MX',\n        'AR',\n        'CO',\n        'CL',\n      ],\n      default: 'ES',\n    },\n    {\n      key: 'lang',\n      label: 'Idioma',\n      type: 'select',\n      options: ['es', 'en'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'España (ES)',\n      description: 'Código ES → español (default)',\n      inputs: {\n        countryCode: 'ES',\n      },\n    },\n    {\n      name: 'Spain (EN)',\n      description: 'Código ES → inglés con lang=en',\n      inputs: {\n        countryCode: 'ES',\n        lang: 'en',\n      },\n    },\n    {\n      name: 'Estados Unidos (ES)',\n      description: 'Código US → español',\n      inputs: {\n        countryCode: 'US',\n      },\n    },\n    {\n      name: 'United States (EN)',\n      description: 'Código US → inglés con lang=en',\n      inputs: {\n        countryCode: 'US',\n        lang: 'en',\n      },\n    },\n    {\n      name: 'Francia (ES)',\n      description: 'Código FR → español',\n      inputs: {\n        countryCode: 'FR',\n      },\n    },\n    {\n      name: 'Alemania (ES)',\n      description: 'Código DE → español',\n      inputs: {\n        countryCode: 'DE',\n      },\n    },\n    {\n      name: 'Germany (EN)',\n      description: 'Código DE → inglés con lang=en',\n      inputs: {\n        countryCode: 'DE',\n        lang: 'en',\n      },\n    },\n    {\n      name: 'Código desconocido',\n      description: 'Código no encontrado en la lista (fallback)',\n      inputs: {\n        countryCode: 'XX',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,6IAA6I;AAC/I,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,eAAsB;AACjC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;AACL,aAAA;AACD,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;AACrB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,WAAW,EAAE,6CAA6C;AAC1D,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs

@@ -0,0 +1,75 @@
+import { DateChatPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-chat-pipe',
+    name: 'Date Chat',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que formatea fechas de manera amigable para chats, mostrando "Hoy", "Ayer", días de la semana o fecha completa según corresponda.',
+    created: '2026-01-01T12:12:55.862Z',
+    updated: '2025-12-27T17:13:14.857Z',
+    component: DateChatPipe,
+    selector: 'dateChat',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha a formatear',
+            type: 'text',
+            default: new Date().toISOString(),
+        },
+        {
+            key: 'lang',
+            label: 'Idioma',
+            type: 'select',
+            options: ['es', 'en'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'Fecha de hoy',
+            description: 'Muestra la hora actual en formato HH:MM',
+            inputs: {
+                date: new Date().toISOString(),
+                lang: 'es',
+            },
+        },
+        {
+            name: 'Fecha de ayer',
+            description: 'Muestra "Ayer" o "Yesterday"',
+            inputs: {
+                date: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
+                lang: 'es',
+            },
+        },
+        {
+            name: 'Fecha de esta semana',
+            description: 'Muestra el día de la semana',
+            inputs: {
+                date: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
+                lang: 'es',
+            },
+        },
+        {
+            name: 'Fecha antigua',
+            description: 'Muestra fecha completa',
+            inputs: {
+                date: '2023-01-15T10:30:00Z',
+                lang: 'es',
+            },
+        },
+        {
+            name: 'En inglés',
+            description: 'Muestra en inglés',
+            inputs: {
+                date: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
+                lang: 'en',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs.map

package/fesm2022/xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/date-chat/date-chat.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { DateChatPipe } from './date-chat.pipe';\n\nexport const story: StoryMeta = {\n  id: 'date-chat-pipe',\n  name: 'Date Chat',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que formatea fechas de manera amigable para chats, mostrando \"Hoy\", \"Ayer\", días de la semana o fecha completa según corresponda.',\n  created: '2026-01-01T12:12:55.862Z',\n  updated: '2025-12-27T17:13:14.857Z',\n  component: DateChatPipe as any,\n  selector: 'dateChat',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha a formatear',\n      type: 'text',\n      default: new Date().toISOString(),\n    },\n    {\n      key: 'lang',\n      label: 'Idioma',\n      type: 'select',\n      options: ['es', 'en'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'Fecha de hoy',\n      description: 'Muestra la hora actual en formato HH:MM',\n      inputs: {\n        date: new Date().toISOString(),\n        lang: 'es',\n      },\n    },\n    {\n      name: 'Fecha de ayer',\n      description: 'Muestra \"Ayer\" o \"Yesterday\"',\n      inputs: {\n        date: new Date(\n          Date.now() - 24 * 60 * 60 * 1000,\n        ).toISOString(),\n        lang: 'es',\n      },\n    },\n    {\n      name: 'Fecha de esta semana',\n      description: 'Muestra el día de la semana',\n      inputs: {\n        date: new Date(\n          Date.now() - 2 * 24 * 60 * 60 * 1000,\n        ).toISOString(),\n        lang: 'es',\n      },\n    },\n    {\n      name: 'Fecha antigua',\n      description: 'Muestra fecha completa',\n      inputs: {\n        date: '2023-01-15T10:30:00Z',\n        lang: 'es',\n      },\n    },\n    {\n      name: 'En inglés',\n      description: 'Muestra en inglés',\n      inputs: {\n        date: new Date(\n          Date.now() - 24 * 60 * 60 * 1000,\n        ).toISOString(),\n        lang: 'en',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,gBAAgB;AACpB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,YAAmB;AAC9B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAClC,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;AACrB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,yCAAyC;AACtD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAC9B,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,8BAA8B;AAC3C,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CACjC,CAAC,WAAW,EAAE;AACf,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,WAAW,EAAE,6BAA6B;AAC1C,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CACrC,CAAC,WAAW,EAAE;AACf,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,wBAAwB;AACrC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,sBAAsB;AAC5B,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CACjC,CAAC,WAAW,EAAE;AACf,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs

@@ -0,0 +1,69 @@
+import { XSDateFormatPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-format-pipe',
+    name: 'Date Format',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que formatea fechas usando diferentes formatos y locales. Soporta formatos como "MMMM" para mes largo, "MMM" para mes corto.',
+    created: '2026-01-01T12:12:55.864Z',
+    updated: '2025-12-27T17:13:14.832Z',
+    component: XSDateFormatPipe,
+    selector: 'dateFormat',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha a formatear',
+            type: 'text',
+            default: '2025-12-25',
+        },
+        {
+            key: 'format',
+            label: 'Formato',
+            type: 'select',
+            options: ['MMMM', 'MMM', 'default'],
+            default: 'MMMM',
+        },
+        {
+            key: 'locale',
+            label: 'Locale',
+            type: 'select',
+            options: ['es', 'en', 'fr', 'de'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'Mes largo en español',
+            description: 'Formato MMMM con locale español',
+            inputs: {
+                date: '2025-12-25',
+                format: 'MMMM',
+                locale: 'es',
+            },
+        },
+        {
+            name: 'Mes corto en inglés',
+            description: 'Formato MMM con locale inglés',
+            inputs: {
+                date: '2025-12-25',
+                format: 'MMM',
+                locale: 'en',
+            },
+        },
+        {
+            name: 'Fecha completa',
+            description: 'Formato por defecto con locale español',
+            inputs: {
+                date: '2025-12-25T10:30:00',
+                format: 'default',
+                locale: 'es',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs.map

package/fesm2022/xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/date-format/date-format.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSDateFormatPipe } from './date-format.pipe';\n\nexport const story: StoryMeta = {\n  id: 'date-format-pipe',\n  name: 'Date Format',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que formatea fechas usando diferentes formatos y locales. Soporta formatos como \"MMMM\" para mes largo, \"MMM\" para mes corto.',\n  created: '2026-01-01T12:12:55.864Z',\n  updated: '2025-12-27T17:13:14.832Z',\n  component: XSDateFormatPipe as any,\n  selector: 'dateFormat',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha a formatear',\n      type: 'text',\n      default: '2025-12-25',\n    },\n    {\n      key: 'format',\n      label: 'Formato',\n      type: 'select',\n      options: ['MMMM', 'MMM', 'default'],\n      default: 'MMMM',\n    },\n    {\n      key: 'locale',\n      label: 'Locale',\n      type: 'select',\n      options: ['es', 'en', 'fr', 'de'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'Mes largo en español',\n      description: 'Formato MMMM con locale español',\n      inputs: {\n        date: '2025-12-25',\n        format: 'MMMM',\n        locale: 'es',\n      },\n    },\n    {\n      name: 'Mes corto en inglés',\n      description: 'Formato MMM con locale inglés',\n      inputs: {\n        date: '2025-12-25',\n        format: 'MMM',\n        locale: 'en',\n      },\n    },\n    {\n      name: 'Fecha completa',\n      description: 'Formato por defecto con locale español',\n      inputs: {\n        date: '2025-12-25T10:30:00',\n        format: 'default',\n        locale: 'es',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,mIAAmI;AACrI,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,gBAAuB;AAClC,IAAA,QAAQ,EAAE,YAAY;AACtB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;AACnC,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AACjC,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,WAAW,EAAE,iCAAiC;AAC9C,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,WAAW,EAAE,wCAAwC;AACrD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,qBAAqB;AAC3B,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs

@@ -0,0 +1,67 @@
+import { DateLongPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-long-pipe',
+    name: 'Date Long',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que formatea fechas en formato largo con día, mes y año. Ejemplo: "25 Diciembre 2025".',
+    created: '2026-01-01T12:12:55.866Z',
+    updated: '2025-12-27T17:13:14.830Z',
+    component: DateLongPipe,
+    selector: 'dateLong',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha a formatear',
+            type: 'text',
+            default: '2025-12-25',
+        },
+        {
+            key: 'language',
+            label: 'Idioma',
+            type: 'select',
+            options: ['es', 'en'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'Fecha en español',
+            description: 'Formato largo en español',
+            inputs: {
+                date: '2025-12-25',
+                language: 'es',
+            },
+        },
+        {
+            name: 'Fecha en inglés',
+            description: 'Formato largo en inglés',
+            inputs: {
+                date: '2025-12-25',
+                language: 'en',
+            },
+        },
+        {
+            name: 'Fecha actual',
+            description: 'Fecha actual del sistema',
+            inputs: {
+                date: new Date().toISOString().split('T')[0],
+                language: 'es',
+            },
+        },
+        {
+            name: 'Fecha antigua',
+            description: 'Fecha del pasado',
+            inputs: {
+                date: '2000-01-01',
+                language: 'es',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs.map

package/fesm2022/xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/date-long/date-long.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { DateLongPipe } from './date-long.pipe';\n\nexport const story: StoryMeta = {\n  id: 'date-long-pipe',\n  name: 'Date Long',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que formatea fechas en formato largo con día, mes y año. Ejemplo: \"25 Diciembre 2025\".',\n  created: '2026-01-01T12:12:55.866Z',\n  updated: '2025-12-27T17:13:14.830Z',\n  component: DateLongPipe as any,\n  selector: 'dateLong',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha a formatear',\n      type: 'text',\n      default: '2025-12-25',\n    },\n    {\n      key: 'language',\n      label: 'Idioma',\n      type: 'select',\n      options: ['es', 'en'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'Fecha en español',\n      description: 'Formato largo en español',\n      inputs: {\n        date: '2025-12-25',\n        language: 'es',\n      },\n    },\n    {\n      name: 'Fecha en inglés',\n      description: 'Formato largo en inglés',\n      inputs: {\n        date: '2025-12-25',\n        language: 'en',\n      },\n    },\n    {\n      name: 'Fecha actual',\n      description: 'Fecha actual del sistema',\n      inputs: {\n        date: new Date().toISOString().split('T')[0],\n        language: 'es',\n      },\n    },\n    {\n      name: 'Fecha antigua',\n      description: 'Fecha del pasado',\n      inputs: {\n        date: '2000-01-01',\n        language: 'es',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,gBAAgB;AACpB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,6FAA6F;AAC/F,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,YAAmB;AAC9B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;AACrB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,WAAW,EAAE,0BAA0B;AACvC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,iBAAiB;AACvB,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,0BAA0B;AACvC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC5C,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,kBAAkB;AAC/B,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs

@@ -0,0 +1,49 @@
+import { XSFirstLetterPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'first-letter-case-pipe',
+    name: 'First Letter Case',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que capitaliza la primera letra de un texto, convirtiendo el resto a minúsculas.',
+    created: '2026-01-01T12:12:55.868Z',
+    updated: '2025-12-27T17:13:14.825Z',
+    component: XSFirstLetterPipe,
+    selector: 'firstLetterCase',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'text',
+            label: 'Texto a capitalizar',
+            type: 'text',
+            default: 'hola mundo',
+        },
+    ],
+    examples: [
+        {
+            name: 'Texto en minúsculas',
+            description: 'Convierte la primera letra a mayúscula',
+            inputs: {
+                text: 'hola mundo',
+            },
+        },
+        {
+            name: 'Texto en mayúsculas',
+            description: 'Convierte todo a minúsculas excepto la primera letra',
+            inputs: {
+                text: 'HOLA MUNDO',
+            },
+        },
+        {
+            name: 'Texto mixto',
+            description: 'Normaliza el texto con primera letra mayúscula',
+            inputs: {
+                text: 'HoLa MuNdO',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs.map

package/fesm2022/xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/first-letter-case/first-letter-case.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSFirstLetterPipe } from './first-letter-case.pipe';\n\nexport const story: StoryMeta = {\n  id: 'first-letter-case-pipe',\n  name: 'First Letter Case',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que capitaliza la primera letra de un texto, convirtiendo el resto a minúsculas.',\n  created: '2026-01-01T12:12:55.868Z',\n  updated: '2025-12-27T17:13:14.825Z',\n  component: XSFirstLetterPipe as any,\n  selector: 'firstLetterCase',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'text',\n      label: 'Texto a capitalizar',\n      type: 'text',\n      default: 'hola mundo',\n    },\n  ],\n  examples: [\n    {\n      name: 'Texto en minúsculas',\n      description: 'Convierte la primera letra a mayúscula',\n      inputs: {\n        text: 'hola mundo',\n      },\n    },\n    {\n      name: 'Texto en mayúsculas',\n      description:\n        'Convierte todo a minúsculas excepto la primera letra',\n      inputs: {\n        text: 'HOLA MUNDO',\n      },\n    },\n    {\n      name: 'Texto mixto',\n      description:\n        'Normaliza el texto con primera letra mayúscula',\n      inputs: {\n        text: 'HoLa MuNdO',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,wBAAwB;AAC5B,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,uFAAuF;AACzF,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,iBAAwB;AACnC,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,qBAAqB;AAC5B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,wCAAwC;AACrD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EACT,sDAAsD;AACxD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EACT,gDAAgD;AAClD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs

@@ -0,0 +1,29 @@
+import { XSImportMediaBottomBarComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'import-media-bottom-bar',
+    name: 'Import Media Bottom Bar',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app'],
+    description: 'Barra inferior fija con botón de importar.',
+    component: XSImportMediaBottomBarComponent,
+    selector: 'xs-import-media-bottom-bar',
+    multilanguage: false,
+    examples: [
+        {
+            name: 'Con selección',
+            description: 'Bottom bar con items seleccionados',
+            inputs: { label: 'Importar (3)', disabled: false },
+        },
+        {
+            name: 'Sin selección',
+            description: 'Bottom bar deshabilitada',
+            inputs: { label: 'Importar (0)', disabled: true },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs.map

package/fesm2022/xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-bottom-bar.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSImportMediaBottomBarComponent } from './import-media-bottom-bar.component';\n\nexport const story: StoryMeta = {\n  id: 'import-media-bottom-bar',\n  name: 'Import Media Bottom Bar',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app'],\n  description: 'Barra inferior fija con botón de importar.',\n  component: XSImportMediaBottomBarComponent,\n  selector: 'xs-import-media-bottom-bar',\n  multilanguage: false,\n  examples: [\n    {\n      name: 'Con selección',\n      description: 'Bottom bar con items seleccionados',\n      inputs: { label: 'Importar (3)', disabled: false },\n    },\n    {\n      name: 'Sin selección',\n      description: 'Bottom bar deshabilitada',\n      inputs: { label: 'Importar (0)', disabled: true },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,IAAI,EAAE,yBAAyB;AAC/B,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,WAAW,EAAE,4CAA4C;AACzD,IAAA,SAAS,EAAE,+BAA+B;AAC1C,IAAA,QAAQ,EAAE,4BAA4B;AACtC,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,oCAAoC;YACjD,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE;AACnD,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,0BAA0B;YACvC,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE;AAClD,SAAA;AACF,KAAA;;;;;"}