@caribeng/ui 22.4.0 → 22.6.0

package/fesm2022/{caribeng-ui-caribe-expansion-panel.mjs → caribeng-ui-expansion-panel.mjs}

@@ -3,7 +3,7 @@ import { input, model, ViewEncapsulation, ChangeDetectionStrategy, Component } f
 import { injectCbTranslation } from '@caribeng/ui';
 
 /**
- * Expansion-panel de Caribe Design: panel colapsable con cabecera pulsable y
+ * Expansion-panel: panel colapsable con cabecera pulsable y
  * contenido proyectado.
  *
  * @example
@@ -27,48 +27,48 @@ class CbExpansionPanel {
         this.bodyId = `cb-expansion-panel-${this.uid}-body`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbExpansionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbExpansionPanel, isStandalone: true, selector: "cb-expansion-panel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "cb-expansion-panel-host" }, ngImport: i0, template: `
-    <div class="cb-expansion-panel" [class.cb-is-open]="expanded()">
-      <button
-        type="button"
-        class="cb-expansion-panel__header"
-        [id]="headerId"
-        [attr.aria-expanded]="expanded()"
-        [attr.aria-controls]="expanded() ? bodyId : null"
-        (click)="expanded.set(!expanded())"
-      >
-        <span class="cb-expansion-panel__title">{{ (title() ?? t().details) }}</span>
-        <span class="cb-expansion-panel__chevron" aria-hidden="true">▾</span>
-      </button>
-      @if (expanded()) {
-        <div class="cb-expansion-panel__body" role="region" [id]="bodyId" [attr.aria-labelledby]="headerId">
-          <ng-content />
-        </div>
-      }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbExpansionPanel, isStandalone: true, selector: "cb-expansion-panel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "cb-expansion-panel-host" }, ngImport: i0, template: `
+    <div class="cb-expansion-panel" [class.cb-is-open]="expanded()">
+      <button
+        type="button"
+        class="cb-expansion-panel__header"
+        [id]="headerId"
+        [attr.aria-expanded]="expanded()"
+        [attr.aria-controls]="expanded() ? bodyId : null"
+        (click)="expanded.set(!expanded())"
+      >
+        <span class="cb-expansion-panel__title">{{ (title() ?? t().details) }}</span>
+        <span class="cb-expansion-panel__chevron" aria-hidden="true">▾</span>
+      </button>
+      @if (expanded()) {
+        <div class="cb-expansion-panel__body" role="region" [id]="bodyId" [attr.aria-labelledby]="headerId">
+          <ng-content />
+        </div>
+      }
+    </div>
   `, isInline: true, styles: [":host{display:block;width:100%}.cb-expansion-panel{width:100%;box-sizing:border-box;font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem);overflow:hidden}.cb-expansion-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);width:100%;box-sizing:border-box;padding:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem);font:inherit;font-weight:var(--cb-font-weight-semibold, 600);color:inherit;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-expansion-panel__header:hover{background-color:var(--cb-color-surface-50, #f8fafc)}.cb-expansion-panel__header:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:-2px}.cb-expansion-panel__chevron{flex:none;color:var(--cb-color-text-muted, #64748b);transition:transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-expansion-panel.cb-is-open .cb-expansion-panel__chevron{transform:rotate(180deg)}.cb-expansion-panel__body{padding:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem) var(--cb-space-4, 1rem);font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text, #334155);border-top:1px solid var(--cb-color-border, #e2e8f0)}:host-context([data-theme=\"dark\"]) .cb-expansion-panel{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-expansion-panel__header:hover{background-color:var(--cb-color-surface-700, #334155)}:host-context([data-theme=\"dark\"]) .cb-expansion-panel__body{color:var(--cb-color-surface-200, #e2e8f0);border-top-color:var(--cb-color-surface-600, #475569)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbExpansionPanel, decorators: [{
             type: Component,
-            args: [{ selector: 'cb-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-expansion-panel-host' }, template: `
-    <div class="cb-expansion-panel" [class.cb-is-open]="expanded()">
-      <button
-        type="button"
-        class="cb-expansion-panel__header"
-        [id]="headerId"
-        [attr.aria-expanded]="expanded()"
-        [attr.aria-controls]="expanded() ? bodyId : null"
-        (click)="expanded.set(!expanded())"
-      >
-        <span class="cb-expansion-panel__title">{{ (title() ?? t().details) }}</span>
-        <span class="cb-expansion-panel__chevron" aria-hidden="true">▾</span>
-      </button>
-      @if (expanded()) {
-        <div class="cb-expansion-panel__body" role="region" [id]="bodyId" [attr.aria-labelledby]="headerId">
-          <ng-content />
-        </div>
-      }
-    </div>
+            args: [{ selector: 'cb-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-expansion-panel-host' }, template: `
+    <div class="cb-expansion-panel" [class.cb-is-open]="expanded()">
+      <button
+        type="button"
+        class="cb-expansion-panel__header"
+        [id]="headerId"
+        [attr.aria-expanded]="expanded()"
+        [attr.aria-controls]="expanded() ? bodyId : null"
+        (click)="expanded.set(!expanded())"
+      >
+        <span class="cb-expansion-panel__title">{{ (title() ?? t().details) }}</span>
+        <span class="cb-expansion-panel__chevron" aria-hidden="true">▾</span>
+      </button>
+      @if (expanded()) {
+        <div class="cb-expansion-panel__body" role="region" [id]="bodyId" [attr.aria-labelledby]="headerId">
+          <ng-content />
+        </div>
+      }
+    </div>
   `, styles: [":host{display:block;width:100%}.cb-expansion-panel{width:100%;box-sizing:border-box;font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem);overflow:hidden}.cb-expansion-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);width:100%;box-sizing:border-box;padding:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem);font:inherit;font-weight:var(--cb-font-weight-semibold, 600);color:inherit;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-expansion-panel__header:hover{background-color:var(--cb-color-surface-50, #f8fafc)}.cb-expansion-panel__header:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:-2px}.cb-expansion-panel__chevron{flex:none;color:var(--cb-color-text-muted, #64748b);transition:transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-expansion-panel.cb-is-open .cb-expansion-panel__chevron{transform:rotate(180deg)}.cb-expansion-panel__body{padding:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem) var(--cb-space-4, 1rem);font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text, #334155);border-top:1px solid var(--cb-color-border, #e2e8f0)}:host-context([data-theme=\"dark\"]) .cb-expansion-panel{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-expansion-panel__header:hover{background-color:var(--cb-color-surface-700, #334155)}:host-context([data-theme=\"dark\"]) .cb-expansion-panel__body{color:var(--cb-color-surface-200, #e2e8f0);border-top-color:var(--cb-color-surface-600, #475569)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }] } });
 

package/fesm2022/{caribeng-ui-caribe-fab-menu.mjs → caribeng-ui-fab-menu.mjs}

@@ -4,7 +4,7 @@ import { injectCbTranslation, cbOverlayFocus } from '@caribeng/ui';
 
 let nextId = 0;
 /**
- * Fab-menu de Caribe Design: botón de acción flotante que despliega una lista
+ * Fab-menu: botón de acción flotante que despliega una lista
  * de acciones rápidas.
  *
  * @example
@@ -60,83 +60,83 @@ class CbFabMenu {
         this.open.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbFabMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbFabMenu, isStandalone: true, selector: "cb-fab-menu", inputs: { triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", itemSelected: "itemSelected" }, host: { classAttribute: "cb-fab-menu-host" }, ngImport: i0, template: `
-    <div class="cb-fab-menu">
-      @if (open()) {
-        <div
-          class="cb-fab-menu__list"
-          role="menu"
-          [id]="menuId"
-          [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
-          (keydown)="onMenuKeydown($event)"
-        >
-          @for (item of items(); track item.id) {
-            <button
-              type="button"
-              class="cb-fab-menu__item"
-              role="menuitem"
-              tabindex="-1"
-              (click)="selectItem(item)"
-            >
-              {{ item.label }}
-            </button>
-          }
-        </div>
-      }
-      <button
-        type="button"
-        class="cb-fab-menu__trigger"
-        [class.cb-is-open]="open()"
-        aria-haspopup="menu"
-        [attr.aria-expanded]="open()"
-        [attr.aria-controls]="open() ? menuId : null"
-        [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
-        (click)="open.set(!open())"
-      >
-        <span aria-hidden="true">{{ open() ? '×' : '+' }}</span>
-      </button>
-    </div>
-  `, isInline: true, styles: [":host{display:inline-flex}.cb-fab-menu{display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--cb-space-2, .5rem);font-family:var(--cb-font-sans, inherit)}.cb-fab-menu__list{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);animation:cb-fab-in var(--cb-duration-fast, .12s) var(--cb-ease-out, ease-out)}.cb-fab-menu__item{padding:var(--cb-space-2, .5rem) var(--cb-space-4, 1rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .12));cursor:pointer;white-space:nowrap;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-fab-menu__item:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-fab-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;font-size:1.6rem;line-height:1;color:var(--cb-color-primary-contrast, #ffffff);background-color:var(--cb-color-primary-600, #047857);border:none;border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-md, 0 6px 16px rgba(0, 0, 0, .2));cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-fab-menu__trigger:hover{background-color:var(--cb-color-primary-700, #065f46)}.cb-fab-menu__trigger.cb-is-open{transform:rotate(90deg)}.cb-fab-menu__trigger:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}@keyframes cb-fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item:hover{background-color:var(--cb-color-surface-700, #334155)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbFabMenu, isStandalone: true, selector: "cb-fab-menu", inputs: { triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", itemSelected: "itemSelected" }, host: { classAttribute: "cb-fab-menu-host" }, ngImport: i0, template: `
+    <div class="cb-fab-menu">
+      @if (open()) {
+        <div
+          class="cb-fab-menu__list"
+          role="menu"
+          [id]="menuId"
+          [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
+          (keydown)="onMenuKeydown($event)"
+        >
+          @for (item of items(); track item.id) {
+            <button
+              type="button"
+              class="cb-fab-menu__item"
+              role="menuitem"
+              tabindex="-1"
+              (click)="selectItem(item)"
+            >
+              {{ item.label }}
+            </button>
+          }
+        </div>
+      }
+      <button
+        type="button"
+        class="cb-fab-menu__trigger"
+        [class.cb-is-open]="open()"
+        aria-haspopup="menu"
+        [attr.aria-expanded]="open()"
+        [attr.aria-controls]="open() ? menuId : null"
+        [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
+        (click)="open.set(!open())"
+      >
+        <span aria-hidden="true">{{ open() ? '×' : '+' }}</span>
+      </button>
+    </div>
+  `, isInline: true, styles: [":host{display:inline-flex}.cb-fab-menu{display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--cb-space-2, .5rem);font-family:var(--cb-font-sans, inherit)}.cb-fab-menu__list{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);animation:cb-fab-in var(--cb-duration-fast, .12s) var(--cb-ease-out, ease-out)}.cb-fab-menu__item{padding:var(--cb-space-2, .5rem) var(--cb-space-4, 1rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .12));cursor:pointer;white-space:nowrap;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-fab-menu__item:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-fab-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;font-size:1.6rem;line-height:1;color:#fff;background-color:var(--cb-color-primary-700, #047857);border:none;border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-md, 0 6px 16px rgba(0, 0, 0, .2));cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-fab-menu__trigger:hover{background-color:var(--cb-color-primary-700, #065f46)}.cb-fab-menu__trigger.cb-is-open{transform:rotate(90deg)}.cb-fab-menu__trigger:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}@keyframes cb-fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item:hover{background-color:var(--cb-color-surface-700, #334155)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbFabMenu, decorators: [{
             type: Component,
-            args: [{ selector: 'cb-fab-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-fab-menu-host' }, template: `
-    <div class="cb-fab-menu">
-      @if (open()) {
-        <div
-          class="cb-fab-menu__list"
-          role="menu"
-          [id]="menuId"
-          [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
-          (keydown)="onMenuKeydown($event)"
-        >
-          @for (item of items(); track item.id) {
-            <button
-              type="button"
-              class="cb-fab-menu__item"
-              role="menuitem"
-              tabindex="-1"
-              (click)="selectItem(item)"
-            >
-              {{ item.label }}
-            </button>
-          }
-        </div>
-      }
-      <button
-        type="button"
-        class="cb-fab-menu__trigger"
-        [class.cb-is-open]="open()"
-        aria-haspopup="menu"
-        [attr.aria-expanded]="open()"
-        [attr.aria-controls]="open() ? menuId : null"
-        [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
-        (click)="open.set(!open())"
-      >
-        <span aria-hidden="true">{{ open() ? '×' : '+' }}</span>
-      </button>
-    </div>
-  `, styles: [":host{display:inline-flex}.cb-fab-menu{display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--cb-space-2, .5rem);font-family:var(--cb-font-sans, inherit)}.cb-fab-menu__list{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);animation:cb-fab-in var(--cb-duration-fast, .12s) var(--cb-ease-out, ease-out)}.cb-fab-menu__item{padding:var(--cb-space-2, .5rem) var(--cb-space-4, 1rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .12));cursor:pointer;white-space:nowrap;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-fab-menu__item:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-fab-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;font-size:1.6rem;line-height:1;color:var(--cb-color-primary-contrast, #ffffff);background-color:var(--cb-color-primary-600, #047857);border:none;border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-md, 0 6px 16px rgba(0, 0, 0, .2));cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-fab-menu__trigger:hover{background-color:var(--cb-color-primary-700, #065f46)}.cb-fab-menu__trigger.cb-is-open{transform:rotate(90deg)}.cb-fab-menu__trigger:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}@keyframes cb-fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item:hover{background-color:var(--cb-color-surface-700, #334155)}\n"] }]
+            args: [{ selector: 'cb-fab-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-fab-menu-host' }, template: `
+    <div class="cb-fab-menu">
+      @if (open()) {
+        <div
+          class="cb-fab-menu__list"
+          role="menu"
+          [id]="menuId"
+          [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
+          (keydown)="onMenuKeydown($event)"
+        >
+          @for (item of items(); track item.id) {
+            <button
+              type="button"
+              class="cb-fab-menu__item"
+              role="menuitem"
+              tabindex="-1"
+              (click)="selectItem(item)"
+            >
+              {{ item.label }}
+            </button>
+          }
+        </div>
+      }
+      <button
+        type="button"
+        class="cb-fab-menu__trigger"
+        [class.cb-is-open]="open()"
+        aria-haspopup="menu"
+        [attr.aria-expanded]="open()"
+        [attr.aria-controls]="open() ? menuId : null"
+        [attr.aria-label]="(triggerLabel() ?? t().quickActions)"
+        (click)="open.set(!open())"
+      >
+        <span aria-hidden="true">{{ open() ? '×' : '+' }}</span>
+      </button>
+    </div>
+  `, styles: [":host{display:inline-flex}.cb-fab-menu{display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--cb-space-2, .5rem);font-family:var(--cb-font-sans, inherit)}.cb-fab-menu__list{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);animation:cb-fab-in var(--cb-duration-fast, .12s) var(--cb-ease-out, ease-out)}.cb-fab-menu__item{padding:var(--cb-space-2, .5rem) var(--cb-space-4, 1rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .12));cursor:pointer;white-space:nowrap;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-fab-menu__item:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-fab-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;font-size:1.6rem;line-height:1;color:#fff;background-color:var(--cb-color-primary-700, #047857);border:none;border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-md, 0 6px 16px rgba(0, 0, 0, .2));cursor:pointer;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-fab-menu__trigger:hover{background-color:var(--cb-color-primary-700, #065f46)}.cb-fab-menu__trigger.cb-is-open{transform:rotate(90deg)}.cb-fab-menu__trigger:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}@keyframes cb-fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-fab-menu__item:hover{background-color:var(--cb-color-surface-700, #334155)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { triggerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLabel", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }] } });
 
 /**

package/fesm2022/caribeng-ui-file-card.mjs

@@ -141,7 +141,7 @@ class CbFileCard {
         />
       }
     </div>
-  `, isInline: true, styles: [":host{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);padding:.9rem 1rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 14px);background:var(--cb-color-surface);font-family:var(--cb-font-sans);color:var(--cb-color-text)}:host(.cb-file-card--clickable){cursor:pointer;transition:background-color .15s ease}:host(.cb-file-card--clickable:hover){background:var(--cb-color-surface-hover)}:host(.cb-file-card--clickable:has(.cb-file-card__open:focus-visible)){outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__left{display:flex;align-items:center;gap:.75rem;min-width:0}.cb-file-card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--cb-radius-md, 10px);flex:none;color:var(--cb-color-primary-600, #059669)}.cb-file-card__text{display:flex;flex-direction:column;min-width:0}.cb-file-card__title{font-weight:600;font-size:.9rem}.cb-file-card__open{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:.9rem;text-align:start;cursor:pointer}.cb-file-card__open:focus-visible{outline:none}.cb-file-card__open:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.cb-file-card__subtitle{font-size:.8rem;color:var(--cb-color-text-muted)}.cb-file-card__end{display:flex;align-items:center;gap:.25rem;flex:none}.cb-file-card__menu-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:-.5rem;padding:0;border:0;border-radius:var(--cb-radius-md, 8px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-file-card__menu-button:hover,.cb-file-card__menu-button[aria-expanded=true]{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-file-card__menu-button:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__values{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}.cb-file-card__value,.cb-file-card__value-sub{font-size:.85rem;color:var(--cb-color-text-muted)}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbMenu, selector: "cb-menu", inputs: ["items", "ariaLabel"], outputs: ["itemSelect", "hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);padding:.9rem 1rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 14px);background:var(--cb-color-surface);font-family:var(--cb-font-sans);color:var(--cb-color-text)}:host(.cb-file-card--clickable){cursor:pointer;transition:background-color .15s ease}:host(.cb-file-card--clickable:hover){background:var(--cb-color-surface-hover)}:host(.cb-file-card--clickable:has(.cb-file-card__open:focus-visible)){outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__left{display:flex;align-items:center;gap:.75rem;min-width:0}.cb-file-card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--cb-radius-md, 10px);flex:none;color:var(--cb-color-primary-text)}.cb-file-card__text{display:flex;flex-direction:column;min-width:0}.cb-file-card__title{max-width:100%;overflow:hidden;font-weight:600;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.cb-file-card__open{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:.9rem;text-align:start;cursor:pointer}.cb-file-card__open:focus-visible{outline:none}.cb-file-card__open:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.cb-file-card__subtitle{font-size:.8rem;color:var(--cb-color-text-muted)}.cb-file-card__end{display:flex;align-items:center;gap:.25rem;flex:none}.cb-file-card__menu-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:-.5rem;padding:0;border:0;border-radius:var(--cb-radius-md, 8px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-file-card__menu-button:hover,.cb-file-card__menu-button[aria-expanded=true]{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-file-card__menu-button:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__values{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}.cb-file-card__value,.cb-file-card__value-sub{font-size:.85rem;color:var(--cb-color-text-muted)}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbMenu, selector: "cb-menu", inputs: ["items", "ariaLabel"], outputs: ["itemSelect", "hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbFileCard, decorators: [{
             type: Component,
@@ -197,7 +197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         />
       }
     </div>
-  `, styles: [":host{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);padding:.9rem 1rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 14px);background:var(--cb-color-surface);font-family:var(--cb-font-sans);color:var(--cb-color-text)}:host(.cb-file-card--clickable){cursor:pointer;transition:background-color .15s ease}:host(.cb-file-card--clickable:hover){background:var(--cb-color-surface-hover)}:host(.cb-file-card--clickable:has(.cb-file-card__open:focus-visible)){outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__left{display:flex;align-items:center;gap:.75rem;min-width:0}.cb-file-card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--cb-radius-md, 10px);flex:none;color:var(--cb-color-primary-600, #059669)}.cb-file-card__text{display:flex;flex-direction:column;min-width:0}.cb-file-card__title{font-weight:600;font-size:.9rem}.cb-file-card__open{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:.9rem;text-align:start;cursor:pointer}.cb-file-card__open:focus-visible{outline:none}.cb-file-card__open:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.cb-file-card__subtitle{font-size:.8rem;color:var(--cb-color-text-muted)}.cb-file-card__end{display:flex;align-items:center;gap:.25rem;flex:none}.cb-file-card__menu-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:-.5rem;padding:0;border:0;border-radius:var(--cb-radius-md, 8px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-file-card__menu-button:hover,.cb-file-card__menu-button[aria-expanded=true]{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-file-card__menu-button:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__values{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}.cb-file-card__value,.cb-file-card__value-sub{font-size:.85rem;color:var(--cb-color-text-muted)}\n"] }]
+  `, styles: [":host{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);padding:.9rem 1rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 14px);background:var(--cb-color-surface);font-family:var(--cb-font-sans);color:var(--cb-color-text)}:host(.cb-file-card--clickable){cursor:pointer;transition:background-color .15s ease}:host(.cb-file-card--clickable:hover){background:var(--cb-color-surface-hover)}:host(.cb-file-card--clickable:has(.cb-file-card__open:focus-visible)){outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__left{display:flex;align-items:center;gap:.75rem;min-width:0}.cb-file-card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--cb-radius-md, 10px);flex:none;color:var(--cb-color-primary-text)}.cb-file-card__text{display:flex;flex-direction:column;min-width:0}.cb-file-card__title{max-width:100%;overflow:hidden;font-weight:600;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.cb-file-card__open{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:.9rem;text-align:start;cursor:pointer}.cb-file-card__open:focus-visible{outline:none}.cb-file-card__open:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.cb-file-card__subtitle{font-size:.8rem;color:var(--cb-color-text-muted)}.cb-file-card__end{display:flex;align-items:center;gap:.25rem;flex:none}.cb-file-card__menu-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:-.5rem;padding:0;border:0;border-radius:var(--cb-radius-md, 8px);background:transparent;color:var(--cb-color-text-muted);cursor:pointer}.cb-file-card__menu-button:hover,.cb-file-card__menu-button[aria-expanded=true]{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-file-card__menu-button:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px}.cb-file-card__values{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}.cb-file-card__value,.cb-file-card__value-sub{font-size:.85rem;color:var(--cb-color-text-muted)}\n"] }]
         }], propDecorators: { menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueSub: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueSub", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], actionsAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsAriaLabel", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], actionSelect: [{ type: i0.Output, args: ["actionSelect"] }], open: [{ type: i0.Output, args: ["open"] }] } });
 
 /*

package/fesm2022/{caribeng-ui-caribe-file-download.mjs → caribeng-ui-file-download.mjs}

@@ -3,7 +3,7 @@ import { input, computed, output, ViewEncapsulation, ChangeDetectionStrategy, Co
 import { injectCbTranslation } from '@caribeng/ui';
 
 /**
- * File-download de Caribe Design: fila de archivo con nombre, tamaño y botón de
+ * File-download: fila de archivo con nombre, tamaño y botón de
  * descarga.
  *
  * @example
@@ -43,71 +43,71 @@ class CbFileDownload {
         this.download.emit(this.fileName());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbFileDownload, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbFileDownload, isStandalone: true, selector: "cb-file-download", inputs: { fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, fileSize: { classPropertyName: "fileSize", publicName: "fileSize", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { download: "download" }, host: { classAttribute: "cb-file-download-host" }, ngImport: i0, template: `
-    <div class="cb-file-download">
-      <span class="cb-file-download__icon" aria-hidden="true">{{ extension() }}</span>
-      <div class="cb-file-download__meta">
-        <strong class="cb-file-download__name" [id]="nameId">{{ fileName() }}</strong>
-        <span class="cb-file-download__size">{{ fileSize() }}</span>
-      </div>
-      <!-- Con href, enlace de descarga nativo; sin él, botón que emite (download) para descargarlo desde la app. -->
-      @if (href() && !disabled()) {
-        <a
-          class="cb-file-download__btn"
-          [href]="href()"
-          [attr.download]="fileName() || ''"
-          [attr.aria-describedby]="fileName() ? nameId : null"
-          (click)="onDownload()"
-        >
-          {{ (buttonLabel() ?? t().download) }}
-        </a>
-      } @else {
-        <button
-          type="button"
-          class="cb-file-download__btn"
-          [attr.aria-describedby]="fileName() ? nameId : null"
-          (click)="onDownload()"
-          [disabled]="disabled()"
-        >
-          {{ (buttonLabel() ?? t().download) }}
-        </button>
-      }
-    </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;max-width:24rem}.cb-file-download{display:flex;align-items:center;gap:var(--cb-space-3, .75rem);box-sizing:border-box;padding:var(--cb-space-3, .75rem);font-family:var(--cb-font-sans, inherit);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem)}.cb-file-download__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;font-size:.6rem;font-weight:var(--cb-font-weight-bold, 700);letter-spacing:.04em;color:var(--cb-color-danger-600, #dc2626);background-color:var(--cb-color-danger-50, #fef2f2);border-radius:var(--cb-radius-sm, .375rem)}.cb-file-download__meta{flex:1;min-width:0;display:flex;flex-direction:column}.cb-file-download__name{font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-file-download__size{font-size:var(--cb-text-xs, .75rem);color:var(--cb-color-text-muted, #64748b)}.cb-file-download__btn{flex:none;padding:var(--cb-space-2, .45rem) var(--cb-space-3, .85rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-primary-contrast, #ffffff);background-color:var(--cb-color-primary-600, #047857);border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;text-decoration:none;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-file-download__btn:hover:not(:disabled){background-color:var(--cb-color-primary-700, #065f46)}.cb-file-download__btn:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-file-download{background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-file-download__name{color:var(--cb-color-surface-0, #f8fafc)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbFileDownload, isStandalone: true, selector: "cb-file-download", inputs: { fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, fileSize: { classPropertyName: "fileSize", publicName: "fileSize", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { download: "download" }, host: { classAttribute: "cb-file-download-host" }, ngImport: i0, template: `
+    <div class="cb-file-download">
+      <span class="cb-file-download__icon" aria-hidden="true">{{ extension() }}</span>
+      <div class="cb-file-download__meta">
+        <strong class="cb-file-download__name" [id]="nameId">{{ fileName() }}</strong>
+        <span class="cb-file-download__size">{{ fileSize() }}</span>
+      </div>
+      <!-- Con href, enlace de descarga nativo; sin él, botón que emite (download) para descargarlo desde la app. -->
+      @if (href() && !disabled()) {
+        <a
+          class="cb-file-download__btn"
+          [href]="href()"
+          [attr.download]="fileName() || ''"
+          [attr.aria-describedby]="fileName() ? nameId : null"
+          (click)="onDownload()"
+        >
+          {{ (buttonLabel() ?? t().download) }}
+        </a>
+      } @else {
+        <button
+          type="button"
+          class="cb-file-download__btn"
+          [attr.aria-describedby]="fileName() ? nameId : null"
+          (click)="onDownload()"
+          [disabled]="disabled()"
+        >
+          {{ (buttonLabel() ?? t().download) }}
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;max-width:24rem}.cb-file-download{display:flex;align-items:center;gap:var(--cb-space-3, .75rem);box-sizing:border-box;padding:var(--cb-space-3, .75rem);font-family:var(--cb-font-sans, inherit);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem)}.cb-file-download__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;font-size:.6rem;font-weight:var(--cb-font-weight-bold, 700);letter-spacing:.04em;color:var(--cb-color-danger-600, #dc2626);background-color:var(--cb-color-danger-50, #fef2f2);border-radius:var(--cb-radius-sm, .375rem)}.cb-file-download__meta{flex:1;min-width:0;display:flex;flex-direction:column}.cb-file-download__name{font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-file-download__size{font-size:var(--cb-text-xs, .75rem);color:var(--cb-color-text-muted, #64748b)}.cb-file-download__btn{flex:none;padding:var(--cb-space-2, .45rem) var(--cb-space-3, .85rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:#fff;background-color:var(--cb-color-primary-700, #047857);border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;text-decoration:none;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-file-download__btn:hover:not(:disabled){background-color:var(--cb-color-primary-700, #065f46)}.cb-file-download__btn:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-file-download{background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-file-download__name{color:var(--cb-color-surface-0, #f8fafc)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbFileDownload, decorators: [{
             type: Component,
-            args: [{ selector: 'cb-file-download', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-file-download-host' }, template: `
-    <div class="cb-file-download">
-      <span class="cb-file-download__icon" aria-hidden="true">{{ extension() }}</span>
-      <div class="cb-file-download__meta">
-        <strong class="cb-file-download__name" [id]="nameId">{{ fileName() }}</strong>
-        <span class="cb-file-download__size">{{ fileSize() }}</span>
-      </div>
-      <!-- Con href, enlace de descarga nativo; sin él, botón que emite (download) para descargarlo desde la app. -->
-      @if (href() && !disabled()) {
-        <a
-          class="cb-file-download__btn"
-          [href]="href()"
-          [attr.download]="fileName() || ''"
-          [attr.aria-describedby]="fileName() ? nameId : null"
-          (click)="onDownload()"
-        >
-          {{ (buttonLabel() ?? t().download) }}
-        </a>
-      } @else {
-        <button
-          type="button"
-          class="cb-file-download__btn"
-          [attr.aria-describedby]="fileName() ? nameId : null"
-          (click)="onDownload()"
-          [disabled]="disabled()"
-        >
-          {{ (buttonLabel() ?? t().download) }}
-        </button>
-      }
-    </div>
-  `, styles: [":host{display:block;width:100%;max-width:24rem}.cb-file-download{display:flex;align-items:center;gap:var(--cb-space-3, .75rem);box-sizing:border-box;padding:var(--cb-space-3, .75rem);font-family:var(--cb-font-sans, inherit);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem)}.cb-file-download__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;font-size:.6rem;font-weight:var(--cb-font-weight-bold, 700);letter-spacing:.04em;color:var(--cb-color-danger-600, #dc2626);background-color:var(--cb-color-danger-50, #fef2f2);border-radius:var(--cb-radius-sm, .375rem)}.cb-file-download__meta{flex:1;min-width:0;display:flex;flex-direction:column}.cb-file-download__name{font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-file-download__size{font-size:var(--cb-text-xs, .75rem);color:var(--cb-color-text-muted, #64748b)}.cb-file-download__btn{flex:none;padding:var(--cb-space-2, .45rem) var(--cb-space-3, .85rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-primary-contrast, #ffffff);background-color:var(--cb-color-primary-600, #047857);border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;text-decoration:none;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-file-download__btn:hover:not(:disabled){background-color:var(--cb-color-primary-700, #065f46)}.cb-file-download__btn:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-file-download{background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-file-download__name{color:var(--cb-color-surface-0, #f8fafc)}\n"] }]
+            args: [{ selector: 'cb-file-download', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-file-download-host' }, template: `
+    <div class="cb-file-download">
+      <span class="cb-file-download__icon" aria-hidden="true">{{ extension() }}</span>
+      <div class="cb-file-download__meta">
+        <strong class="cb-file-download__name" [id]="nameId">{{ fileName() }}</strong>
+        <span class="cb-file-download__size">{{ fileSize() }}</span>
+      </div>
+      <!-- Con href, enlace de descarga nativo; sin él, botón que emite (download) para descargarlo desde la app. -->
+      @if (href() && !disabled()) {
+        <a
+          class="cb-file-download__btn"
+          [href]="href()"
+          [attr.download]="fileName() || ''"
+          [attr.aria-describedby]="fileName() ? nameId : null"
+          (click)="onDownload()"
+        >
+          {{ (buttonLabel() ?? t().download) }}
+        </a>
+      } @else {
+        <button
+          type="button"
+          class="cb-file-download__btn"
+          [attr.aria-describedby]="fileName() ? nameId : null"
+          (click)="onDownload()"
+          [disabled]="disabled()"
+        >
+          {{ (buttonLabel() ?? t().download) }}
+        </button>
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%;max-width:24rem}.cb-file-download{display:flex;align-items:center;gap:var(--cb-space-3, .75rem);box-sizing:border-box;padding:var(--cb-space-3, .75rem);font-family:var(--cb-font-sans, inherit);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem)}.cb-file-download__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;font-size:.6rem;font-weight:var(--cb-font-weight-bold, 700);letter-spacing:.04em;color:var(--cb-color-danger-600, #dc2626);background-color:var(--cb-color-danger-50, #fef2f2);border-radius:var(--cb-radius-sm, .375rem)}.cb-file-download__meta{flex:1;min-width:0;display:flex;flex-direction:column}.cb-file-download__name{font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-file-download__size{font-size:var(--cb-text-xs, .75rem);color:var(--cb-color-text-muted, #64748b)}.cb-file-download__btn{flex:none;padding:var(--cb-space-2, .45rem) var(--cb-space-3, .85rem);font:inherit;font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:#fff;background-color:var(--cb-color-primary-700, #047857);border:none;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;text-decoration:none;transition:background-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-file-download__btn:hover:not(:disabled){background-color:var(--cb-color-primary-700, #065f46)}.cb-file-download__btn:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-file-download{background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-file-download__name{color:var(--cb-color-surface-0, #f8fafc)}\n"] }]
         }], propDecorators: { fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], fileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileSize", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], download: [{ type: i0.Output, args: ["download"] }] } });
 
 /**