@caribeng/ui 22.1.0 → 22.2.0

package/styles/scss/_utilities.scss

@@ -0,0 +1,73 @@
+// =============================================================================
+// CaribeNG · Utilidades CSS propias (sección 14 del SPEC)
+// Opcionales e independientes de Tailwind. Prefijo cb-.
+// =============================================================================
+
+// Layout
+.cb-flex { display: flex; }
+.cb-inline-flex { display: inline-flex; }
+.cb-grid { display: grid; }
+.cb-block { display: block; }
+.cb-inline-block { display: inline-block; }
+.cb-hidden { display: none; }
+
+.cb-flex-col { flex-direction: column; }
+.cb-flex-row { flex-direction: row; }
+.cb-flex-wrap { flex-wrap: wrap; }
+.cb-flex-1 { flex: 1 1 0%; }
+
+// Alineación
+.cb-items-center { align-items: center; }
+.cb-items-start { align-items: flex-start; }
+.cb-items-end { align-items: flex-end; }
+.cb-items-stretch { align-items: stretch; }
+.cb-justify-center { justify-content: center; }
+.cb-justify-between { justify-content: space-between; }
+.cb-justify-start { justify-content: flex-start; }
+.cb-justify-end { justify-content: flex-end; }
+
+// Espaciado · gap
+.cb-gap-1 { gap: var(--cb-space-1); }
+.cb-gap-2 { gap: var(--cb-space-2); }
+.cb-gap-3 { gap: var(--cb-space-3); }
+.cb-gap-4 { gap: var(--cb-space-4); }
+.cb-gap-5 { gap: var(--cb-space-5); }
+.cb-gap-6 { gap: var(--cb-space-6); }
+.cb-gap-8 { gap: var(--cb-space-8); }
+
+// Espaciado · padding
+.cb-p-1 { padding: var(--cb-space-1); }
+.cb-p-2 { padding: var(--cb-space-2); }
+.cb-p-3 { padding: var(--cb-space-3); }
+.cb-p-4 { padding: var(--cb-space-4); }
+.cb-p-5 { padding: var(--cb-space-5); }
+.cb-p-6 { padding: var(--cb-space-6); }
+.cb-p-8 { padding: var(--cb-space-8); }
+
+// Espaciado · margin
+.cb-m-1 { margin: var(--cb-space-1); }
+.cb-m-2 { margin: var(--cb-space-2); }
+.cb-m-3 { margin: var(--cb-space-3); }
+.cb-m-4 { margin: var(--cb-space-4); }
+.cb-m-5 { margin: var(--cb-space-5); }
+.cb-m-6 { margin: var(--cb-space-6); }
+.cb-m-8 { margin: var(--cb-space-8); }
+
+// Tamaño
+.cb-w-full { width: 100%; }
+.cb-h-full { height: 100%; }
+.cb-max-w-full { max-width: 100%; }
+.cb-min-w-0 { min-width: 0; }
+
+// Accesibilidad
+.cb-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

package/styles/scss/_variables.scss

@@ -0,0 +1,33 @@
+// =============================================================================
+// CaribeNG · Variables SCSS (opcionales)
+// Espejo en tiempo de compilación de los tokens para consumidores que
+// necesiten valores Sass. La fuente de verdad en runtime son las variables CSS.
+// =============================================================================
+
+// Espaciado (escala 4px)
+$cb-space-1: 0.25rem;
+$cb-space-2: 0.5rem;
+$cb-space-3: 0.75rem;
+$cb-space-4: 1rem;
+$cb-space-6: 1.5rem;
+$cb-space-8: 2rem;
+
+// Radios
+$cb-radius-sm: 0.25rem;
+$cb-radius-md: 0.5rem;
+$cb-radius-lg: 0.75rem;
+$cb-radius-full: 9999px;
+
+// Tipografía
+$cb-text-sm: 0.875rem;
+$cb-text-base: 1rem;
+$cb-text-lg: 1.125rem;
+
+// Helpers de acceso a variables CSS en SCSS
+@function cb-color($token) {
+  @return var(--cb-color-#{$token});
+}
+
+@function cb-space($step) {
+  @return var(--cb-space-#{$step});
+}

package/styles/scss/index.scss

@@ -0,0 +1,16 @@
+// =============================================================================
+// CaribeNG · Entry point SCSS principal
+//
+// Para consumidores SCSS:
+//   @use "@caribeng/tokens/scss" as cb;   // mixins + variables + CSS base
+//
+// Para consumidores CSS (sin SCSS), importa el compilado:
+//   @import "@caribeng/tokens/css/caribeng.css";
+// =============================================================================
+
+@forward "mixins";
+@forward "variables";
+
+@use "tokens";
+@use "utilities";
+@use "overlay";

package/types/caribeng-ui-anchor.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+
+/** Enlace del índice: `href` apunta al id de la sección (`#seccion`). */
+interface CbAnchorLink {
+    label: string;
+    href: string;
+    children?: CbAnchorLink[];
+}
+/**
+ * Anchor de CaribeNG: índice de la página ("En esta página") que resalta la
+ * sección visible (`aria-current="location"`) y, al hacer clic, desplaza hasta
+ * ella teniendo en cuenta una cabecera fija (`offset`) y le pasa el foco.
+ *
+ * @example
+ * ```html
+ * <cb-anchor [offset]="64" [links]="[
+ *   { label: 'Resumen', href: '#resumen' },
+ *   { label: 'Movimientos', href: '#movimientos', children: [{ label: 'Pendientes', href: '#pendientes' }] },
+ * ]" />
+ * ```
+ */
+declare class CbAnchor {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly document;
+    readonly links: _angular_core.InputSignal<readonly CbAnchorLink[]>;
+    /** Alto (px) de la cabecera fija que tapa la parte superior de la página. */
+    readonly offset: _angular_core.InputSignal<number>;
+    /** Nombre de la navegación. Por defecto, "En esta página" del idioma activo. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Se emite al cambiar la sección visible (su `href`). */
+    readonly activeChange: _angular_core.OutputEmitterRef<string | null>;
+    protected readonly active: _angular_core.WritableSignal<string | null>;
+    private frame;
+    constructor();
+    private readonly onScroll;
+    /** Sección activa: la última cuyo inicio ya pasó la línea de la cabecera fija. */
+    update(): void;
+    /** Desplaza hasta la sección, deja el foco en ella y actualiza la URL. */
+    protected go(event: MouseEvent, link: CbAnchorLink): void;
+    private flatHrefs;
+    private target;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbAnchor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbAnchor, "cb-anchor", never, { "links": { "alias": "links"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
+}
+
+export { CbAnchor };
+export type { CbAnchorLink };
+//# sourceMappingURL=caribeng-ui-anchor.d.ts.map

package/types/caribeng-ui-autocomplete.d.ts

@@ -1,6 +1,6 @@
+import * as _angular_core from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
 import { CbSize, CbRequiredIndicator } from '@caribeng/ui';
-import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 
@@ -20,6 +20,8 @@ import { ConnectedPosition } from '@angular/cdk/overlay';
  * ```
  */
 declare class CbAutocomplete implements ControlValueAccessor {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     /** Valor seleccionado (two-way opcional fuera de Angular Forms). */
     readonly value: _angular_core.ModelSignal<unknown>;
     /** Sugerencias a mostrar (las provee y filtra el consumidor). */
@@ -36,7 +38,7 @@ declare class CbAutocomplete implements ControlValueAccessor {
     readonly forceSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Muestra un botón para desplegar todas las sugerencias. */
     readonly dropdown: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly emptyMessage: _angular_core.InputSignal<string | undefined>;
     readonly label: _angular_core.InputSignal<string>;
     readonly hint: _angular_core.InputSignal<string>;
     readonly error: _angular_core.InputSignal<string>;

package/types/caribeng-ui-avatargroup.d.ts

@@ -4,8 +4,10 @@ import * as i0 from '@angular/core';
  * AvatarGroup de CaribeNG: agrupa varios `<cb-avatar>` con superposición visual.
  */
 declare class CbAvatarGroup {
+    /** Nombre accesible del grupo (p. ej. "Participantes"). */
+    readonly ariaLabel: i0.InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CbAvatarGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CbAvatarGroup, "cb-avatar-group", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CbAvatarGroup, "cb-avatar-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { CbAvatarGroup };

package/types/caribeng-ui-blockui.d.ts

@@ -1,13 +1,18 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * BlockUI de CaribeNG: bloquea la interacción sobre el contenido proyectado
  * mostrando una máscara semitransparente con indicador opcional (`aria-busy`).
  */
 declare class CbBlockUi {
-    readonly blocked: i0.InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CbBlockUi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CbBlockUi, "cb-block-ui", never, { "blocked": { "alias": "blocked"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    readonly blocked: _angular_core.InputSignal<boolean>;
+    /** Texto que anuncia el lector de pantalla al bloquear. Por defecto, "Cargando" del idioma activo. */
+    readonly message: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbBlockUi, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbBlockUi, "cb-block-ui", never, { "blocked": { "alias": "blocked"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { CbBlockUi };

package/types/caribeng-ui-breadcrumb.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 interface CbBreadcrumbItem {
     label: string;
@@ -20,6 +21,8 @@ interface CbBreadcrumbItem {
  * ```
  */
 declare class CbBreadcrumb {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly items: _angular_core.InputSignal<readonly CbBreadcrumbItem[]>;
     /** Icono separador entre elementos. */
     readonly separator: _angular_core.InputSignal<string>;

package/types/caribeng-ui-button.d.ts

@@ -31,10 +31,18 @@ declare class CbButton {
     readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Tipo nativo del botón. */
     readonly type: _angular_core.InputSignal<CbButtonType>;
+    /** Nombre accesible (imprescindible en botones de solo icono). */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Tipo de elemento que abre (`menu`, `dialog`, `listbox`…). */
+    readonly ariaHaspopup: _angular_core.InputSignal<string | undefined>;
+    /** Si lo que abre está desplegado. */
+    readonly ariaExpanded: _angular_core.InputSignal<boolean | undefined>;
+    /** Id del elemento que controla. */
+    readonly ariaControls: _angular_core.InputSignal<string | undefined>;
     private static readonly CHROMATIC;
     protected readonly variantClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbButton, "cb-button", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbButton, "cb-button", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaHaspopup": { "alias": "ariaHaspopup"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { CbButton };

package/types/caribeng-ui-caribe-alert.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Alert de Caribe Design: banner de notificación con severidad, título,
@@ -10,6 +11,8 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbAlert {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly title: _angular_core.InputSignal<string>;
     readonly severity: _angular_core.InputSignal<"success" | "warning" | "error" | "info">;
     readonly closable: _angular_core.InputSignal<boolean>;

package/types/caribeng-ui-caribe-animation-lottie.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Animation-lottie de Caribe Design: contenedor de animación (placeholder
@@ -10,11 +11,13 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbAnimationLottie {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly src: _angular_core.InputSignal<string>;
     readonly autoplay: _angular_core.InputSignal<boolean>;
     readonly loop: _angular_core.InputSignal<boolean>;
     readonly size: _angular_core.InputSignal<string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly playing: _angular_core.WritableSignal<boolean>;
     play(): void;
     pause(): void;

package/types/caribeng-ui-caribe-button-group.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Button-group de Caribe Design: contenedor que agrupa acciones relacionadas
@@ -12,10 +13,12 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbButtonGroup {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     /** Dirección del grupo. */
     readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     /** Etiqueta accesible del grupo. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbButtonGroup, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbButtonGroup, "cb-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/types/caribeng-ui-caribe-calendar.d.ts

@@ -1,3 +1,4 @@
+import * as _caribeng_ui from '@caribeng/ui';
 import * as _angular_core from '@angular/core';
 
 /**
@@ -12,7 +13,10 @@ declare class CbCalendar {
     readonly monthLabel: _angular_core.InputSignal<string>;
     readonly totalDays: _angular_core.InputSignal<number>;
     readonly selectedDay: _angular_core.ModelSignal<number>;
-    protected readonly weekdays: string[];
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    /** Iniciales de lunes a domingo en el idioma activo. */
+    protected readonly weekdays: _angular_core.Signal<string[]>;
     protected readonly days: _angular_core.Signal<number[]>;
     selectDay(day: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCalendar, never>;

package/types/caribeng-ui-caribe-card-content.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Card-content de Caribe Design: tarjeta de contenido con título, subtítulo,
@@ -10,9 +11,11 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbCardContent {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly title: _angular_core.InputSignal<string>;
     readonly subtitle: _angular_core.InputSignal<string>;
-    readonly actionLabel: _angular_core.InputSignal<string>;
+    readonly actionLabel: _angular_core.InputSignal<string | undefined>;
     readonly action: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCardContent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCardContent, "cb-card-content", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, ["*"], true, never>;

package/types/caribeng-ui-caribe-card-move.d.ts

@@ -1,19 +1,19 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
-/**
- * Card-move de Caribe Design: lista de elementos reordenables mediante botones
- * de subir/bajar.
- *
- * @example
- * ```html
- * <cb-card-move [(items)]="opciones" />
- * ```
- */
 declare class CbCardMove {
-    readonly items: i0.ModelSignal<readonly string[]>;
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    readonly items: _angular_core.ModelSignal<readonly string[]>;
+    /** Prefijo de ids: cada botón se describe con la etiqueta de su elemento. */
+    protected readonly uid: string;
+    private readonly host;
+    private readonly injector;
     protected move(index: number, delta: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CbCardMove, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CbCardMove, "cb-card-move", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; }, never, never, true, never>;
+    /** El foco sigue al elemento movido; si su botón queda deshabilitado (extremo), pasa al otro. */
+    private followItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCardMove, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCardMove, "cb-card-move", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; }, never, never, true, never>;
 }
 
 export { CbCardMove };

package/types/caribeng-ui-caribe-card-select.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Card-select de Caribe Design: tarjeta con buscador y lista de opciones
@@ -10,11 +11,19 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbCardSelect {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly items: _angular_core.InputSignal<readonly string[]>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     readonly selected: _angular_core.ModelSignal<string | null>;
     readonly selectionChange: _angular_core.OutputEmitterRef<string>;
     protected readonly query: _angular_core.ModelSignal<string>;
+    private readonly host;
+    /** Opción que entra en el orden de tabulación: la elegida o, si no está visible, la primera. */
+    protected readonly tabbable: _angular_core.Signal<number>;
+    protected choose(item: string): void;
+    /** Patrón *listbox*: flechas (circular), Inicio y Fin mueven el foco; Enter / Espacio eligen (botón nativo). */
+    protected onListKeydown(event: KeyboardEvent): void;
     protected readonly filtered: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCardSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCardSelect, "cb-card-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "selectionChange": "selectionChange"; "query": "queryChange"; }, never, never, true, never>;

package/types/caribeng-ui-caribe-circle-loading.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Circle-loading de Caribe Design: progreso circular determinado o
@@ -11,10 +12,12 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbCircleLoading {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly progress: _angular_core.InputSignal<number>;
     readonly size: _angular_core.InputSignal<number>;
     readonly indeterminate: _angular_core.InputSignal<boolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     protected readonly circumference: number;
     protected readonly dashOffset: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCircleLoading, never>;

package/types/caribeng-ui-caribe-coachmark.d.ts

@@ -1,4 +1,6 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { cbFormat } from '@caribeng/ui';
 
 /**
  * Coachmark de Caribe Design: tarjeta de ayuda guiada paso a paso para resaltar
@@ -10,6 +12,10 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbCoachmark {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    /** Rellena `{0}`, `{1}`… de un texto traducido. */
+    protected readonly fmt: typeof cbFormat;
     readonly steps: _angular_core.InputSignal<readonly string[]>;
     readonly visible: _angular_core.ModelSignal<boolean>;
     readonly index: _angular_core.ModelSignal<number>;

package/types/caribeng-ui-caribe-data-table.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Data-table de Caribe Design: tabla simple de columnas y filas con mensaje de
@@ -10,11 +11,15 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbDataTable {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly columns: _angular_core.InputSignal<readonly string[]>;
     readonly rows: _angular_core.InputSignal<readonly Record<string, unknown>[]>;
-    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly emptyMessage: _angular_core.InputSignal<string | undefined>;
+    /** Nombre accesible de la tabla (p. ej. "Movimientos del mes"). */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbDataTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDataTable, "cb-data-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDataTable, "cb-data-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CbDataTable };

package/types/caribeng-ui-caribe-dots-indicator.d.ts

@@ -1,4 +1,6 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { cbFormat } from '@caribeng/ui';
 
 /**
  * Dots-indicator de Caribe Design: indicador de paginación por puntos. El punto
@@ -10,10 +12,17 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbDotsIndicator {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    /** Rellena `{0}`, `{1}`… de un texto traducido. */
+    protected readonly fmt: typeof cbFormat;
     /** Número de puntos. */
     readonly count: _angular_core.InputSignal<number>;
     /** Índice activo (two-way). */
     readonly activeIndex: _angular_core.ModelSignal<number>;
+    private readonly host;
+    /** Patrón *tabs*: flechas (circular), Inicio y Fin cambian de página y mueven el foco. */
+    protected onKeydown(event: KeyboardEvent): void;
     protected readonly indices: _angular_core.Signal<number[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbDotsIndicator, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDotsIndicator, "cb-dots-indicator", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, never, never, true, never>;

package/types/caribeng-ui-caribe-expansion-panel.d.ts

@@ -1,19 +1,16 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
-/**
- * Expansion-panel de Caribe Design: panel colapsable con cabecera pulsable y
- * contenido proyectado.
- *
- * @example
- * ```html
- * <cb-expansion-panel title="Detalles" [(expanded)]="open">…</cb-expansion-panel>
- * ```
- */
 declare class CbExpansionPanel {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     /** Título de la cabecera. */
-    readonly title: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
     /** Estado abierto/cerrado (two-way). */
     readonly expanded: _angular_core.ModelSignal<boolean>;
+    private readonly uid;
+    protected readonly headerId: string;
+    protected readonly bodyId: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbExpansionPanel, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbExpansionPanel, "cb-expansion-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
 }

package/types/caribeng-ui-caribe-fab-menu.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 interface CbFabMenuItem {
     id: string;
@@ -14,14 +15,22 @@ interface CbFabMenuItem {
  * ```
  */
 declare class CbFabMenu {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     /** Etiqueta accesible del botón flotante. */
-    readonly triggerLabel: _angular_core.InputSignal<string>;
+    readonly triggerLabel: _angular_core.InputSignal<string | undefined>;
     /** Acciones del menú. */
     readonly items: _angular_core.InputSignal<readonly CbFabMenuItem[]>;
     /** Estado desplegado (two-way). */
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Emite la acción seleccionada. */
     readonly itemSelected: _angular_core.OutputEmitterRef<CbFabMenuItem>;
+    protected readonly menuId: string;
+    private readonly host;
+    constructor();
+    private menuItems;
+    /** Patrón *menu*: flechas (circular), Inicio, Fin, y Escape / Tab cierran. */
+    protected onMenuKeydown(event: KeyboardEvent): void;
     selectItem(item: CbFabMenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbFabMenu, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbFabMenu, "cb-fab-menu", never, { "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "itemSelected": "itemSelected"; }, never, never, true, never>;

package/types/caribeng-ui-caribe-file-download.d.ts

@@ -1,21 +1,19 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
-/**
- * File-download de Caribe Design: fila de archivo con nombre, tamaño y botón de
- * descarga.
- *
- * @example
- * ```html
- * <cb-file-download fileName="Extracto.pdf" fileSize="420 KB" (download)="go($event)" />
- * ```
- */
 declare class CbFileDownload {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly fileName: _angular_core.InputSignal<string>;
     readonly fileSize: _angular_core.InputSignal<string>;
+    /** Tipo de archivo mostrado en la insignia, a partir de la extensión (p. ej. PDF, XLSX). */
+    protected readonly extension: _angular_core.Signal<string>;
     readonly href: _angular_core.InputSignal<string>;
-    readonly buttonLabel: _angular_core.InputSignal<string>;
+    readonly buttonLabel: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly download: _angular_core.OutputEmitterRef<string>;
+    /** Id del nombre: describe el botón ("Descargar" → "Certificado.pdf"). */
+    protected readonly nameId: string;
     protected onDownload(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbFileDownload, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbFileDownload, "cb-file-download", never, { "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileSize": { "alias": "fileSize"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "download": "download"; }, never, never, true, never>;

package/types/caribeng-ui-caribe-file-select.d.ts

@@ -1,4 +1,6 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { cbFormat } from '@caribeng/ui';
 
 /**
  * File-select de Caribe Design: zona de selección de archivos con formatos
@@ -10,7 +12,11 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbFileSelect {
-    readonly label: _angular_core.InputSignal<string>;
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    /** Rellena `{0}`, `{1}`… de un texto traducido. */
+    protected readonly fmt: typeof cbFormat;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     readonly accept: _angular_core.InputSignal<string>;
     readonly multiple: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;