@neural-ui/core 1.2.1 → 1.3.1

package/types/neural-ui-core-progress-bar.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+
+type NeuProgressVariant = 'primary' | 'success' | 'warning' | 'danger';
+/**
+ * NeuralUI ProgressBar Component
+ *
+ * Barra de progreso accesible con valor, etiqueta y variantes semánticas.
+ * Soporte para modo indeterminado (animación continua).
+ *
+ * Uso:
+ *   <neu-progress-bar [value]="75" />
+ *   <neu-progress-bar [value]="75" label="Cargando..." variant="success" [showValue]="true" />
+ *   <neu-progress-bar [indeterminate]="true" />
+ */
+declare class NeuProgressBarComponent {
+    /** Valor de 0 a 100 / Value from 0 to 100 */
+    value: _angular_core.InputSignal<number>;
+    /** Variante de color / Color variant */
+    variant: _angular_core.InputSignal<NeuProgressVariant>;
+    /** Etiqueta descriptiva sobre la barra / Descriptive label above the bar */
+    label: _angular_core.InputSignal<string>;
+    /** Muestra el % a la derecha / Shows the % on the right */
+    showValue: _angular_core.InputSignal<boolean>;
+    /** Modo indeterminado (animación continua) / Indeterminate mode (continuous animation) */
+    indeterminate: _angular_core.InputSignal<boolean>;
+    /** Altura de la barra / Bar height */
+    size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuProgressBarComponent, "neu-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NeuProgressBarComponent };
+export type { NeuProgressVariant };

package/types/neural-ui-core-radio.d.ts

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as _neural_ui_core_radio from '@neural-ui/core/radio';
+
+/** Token para que neu-radio encuentre a su grupo padre / Token for neu-radio to find its parent group */
+declare const NEU_RADIO_GROUP: InjectionToken<NeuRadioGroupComponent>;
+declare class NeuRadioGroupComponent implements ControlValueAccessor {
+    readonly direction: _angular_core.InputSignal<"row" | "column">;
+    /** Etiqueta accesible del grupo (WCAG 4.1.2). Usar cuando no hay <legend> visible. / Accessible label for the group (WCAG 4.1.2). Use when there is no visible <legend>. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Nombre HTML compartido por todos los neu-radio hijos — garantiza la exclusión mutua nativa / HTML name shared by all child neu-radio — guarantees native mutual exclusion */
+    readonly _name: string;
+    readonly _value: _angular_core.WritableSignal<unknown>;
+    readonly _isDisabled: _angular_core.WritableSignal<boolean>;
+    private _onChange;
+    private _onTouched;
+    select(value: unknown): void;
+    writeValue(val: unknown): void;
+    registerOnChange(fn: (v: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuRadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuRadioGroupComponent, "neu-radio-group", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * NeuralUI Radio Component
+ *
+ * Opción individual dentro de un neu-radio-group.
+ *
+ * Uso:
+ *   <neu-radio value="opcion-a" label="Opción A" />
+ */
+declare class NeuRadioComponent {
+    readonly value: _angular_core.InputSignal<unknown>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly group: _neural_ui_core_radio.NeuRadioGroupComponent;
+    readonly _id: string;
+    /** Toma el nombre del grupo padre — así todos los radios del grupo comparten el mismo `name` nativo / Takes the parent group name — so all radios in the group share the same native `name` */
+    readonly _groupName: string;
+    readonly isChecked: _angular_core.Signal<boolean>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    onSelect(): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuRadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuRadioComponent, "neu-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NEU_RADIO_GROUP, NeuRadioComponent, NeuRadioGroupComponent };

package/types/neural-ui-core-rating.d.ts

@@ -0,0 +1,34 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * NeuralUI Rating Component
+ *
+ * Selector de valoración con estrellas (o icono personalizable).
+ * Soporta valores medios (half-star) y modo solo-lectura.
+ *
+ * Uso:
+ *   <neu-rating [value]="rating" (valueChange)="rating = $event" />
+ *   <neu-rating [value]="4.5" [readonly]="true" />
+ */
+declare class NeuRatingComponent {
+    protected readonly Math: Math;
+    /** Valor actual (1 a stars) / Current value (1 to stars) */
+    value: _angular_core.InputSignal<number>;
+    /** Número de estrellas / Number of stars */
+    stars: _angular_core.InputSignal<number>;
+    /** Modo solo lectura / Read-only mode */
+    readonly: _angular_core.InputSignal<boolean>;
+    /** Emite el nuevo valor al seleccionar / Emits the new value on selection */
+    valueChange: _angular_core.OutputEmitterRef<number>;
+    protected readonly hovered: _angular_core.WritableSignal<number | null>;
+    readonly starsArray: _angular_core.Signal<number[]>;
+    onHover(i: number): void;
+    onLeave(): void;
+    select(i: number): void;
+    isInteger(n: number): boolean;
+    getFill(i: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuRatingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuRatingComponent, "neu-rating", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "stars": { "alias": "stars"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+export { NeuRatingComponent };

package/types/neural-ui-core-select.d.ts

@@ -0,0 +1,170 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Signal } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+interface NeuSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+    /** Objeto de origen para adjuntar sin transformación (p.ej. entidad de la API). Accesible vía (selectionChange). / Origin object to attach without transformation (e.g. API entity). Accessible via (selectionChange). */
+    data?: unknown;
+}
+interface NeuSelectGroup {
+    label: string;
+    options: NeuSelectOption[];
+}
+
+/**
+ * Directiva para personalizar el template de cada ítem del dropdown.
+ *
+ * Uso:
+ * ```html
+ * <neu-select [options]="opts" [formControl]="valueCtrl">
+ *   <ng-template neuSelectItem let-item>
+ *     <span class="flag flag-{{ item.value }}"></span>
+ *     {{ item.label }}
+ *   </ng-template>
+ * </neu-select>
+ * ```
+ */
+declare class NeuSelectItemDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuSelectOption;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSelectItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuSelectItemDirective, "[neuSelectItem]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directiva para personalizar el template del ítem seleccionado (trigger).
+ *
+ * Uso:
+ * ```html
+ * <neu-select [options]="opts" [formControl]="valueCtrl">
+ *   <ng-template neuSelectSelected let-item>
+ *     <strong>{{ item?.label }}</strong>
+ *   </ng-template>
+ * </neu-select>
+ * ```
+ */
+declare class NeuSelectSelectedDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuSelectOption | null;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSelectSelectedDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuSelectSelectedDirective, "[neuSelectSelected]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * NeuralUI Select Component
+ *
+ * Dropdown personalizado con soporte para ControlValueAccessor y Reactive Forms.
+ * Puede usarse dentro de un FormGroup o con un FormControl standalone.
+ * Cierra automáticamente al hacer clic fuera del componente.
+ *
+ * Uso:
+ *   readonly countryCtrl = new FormControl<string | null>(null);
+ *   <neu-select label="País" [options]="paises" [formControl]="countryCtrl" />
+ *
+ * Uso standalone fuera de un formulario completo:
+ *   readonly sortCtrl = new FormControl<string | null>('name');
+ *   <neu-select label="Orden" [options]="sortOptions" [formControl]="sortCtrl" />
+ */
+declare class NeuSelectComponent implements ControlValueAccessor {
+    private readonly elementRef;
+    private readonly _urlState;
+    private readonly _mobileViewportMax;
+    private readonly _viewportMargin;
+    private readonly _urlParamSignals;
+    private _getUrlParamSignal;
+    constructor();
+    /** @internal — ID \u00fanico para asociar label con trigger */
+    readonly _triggerId: string;
+    readonly _panelId: string;
+    /** Template personalizado para cada opción del dropdown / Custom template for each dropdown option */
+    readonly itemTpl: Signal<NeuSelectItemDirective | undefined>;
+    /** Template personalizado para el valor seleccionado en el trigger / Custom template for the selected value in the trigger */
+    readonly selectedItemTpl: Signal<NeuSelectSelectedDirective | undefined>;
+    /** Opciones del dropdown / Dropdown options */
+    options: _angular_core.InputSignal<NeuSelectOption[]>;
+    /** Texto del floating label / Floating label text */
+    label: _angular_core.InputSignal<string>;
+    /** Placeholder cuando no hay selección / Placeholder when there is no selection */
+    placeholder: _angular_core.InputSignal<string>;
+    /** Mensaje de error / Error message */
+    errorMessage: _angular_core.InputSignal<string>;
+    /** Texto de ayuda bajo el campo / Helper text below the field */
+    hint: _angular_core.InputSignal<string>;
+    /** Deshabilita el select / Disables the select */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Muestra el label como flotante (true) o como label estático encima (false, por defecto) / Shows the label as floating (true) or static above (false, default) */
+    floatingLabel: _angular_core.InputSignal<boolean>;
+    /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */
+    size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    /** Activa input de búsqueda/filtro en el panel / Activates the search/filter input in the panel */
+    searchable: _angular_core.InputSignal<boolean>;
+    /** Placeholder del input de búsqueda / Search input placeholder */
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Muestra un botón para limpiar la selección / Shows a button to clear the selection */
+    clearable: _angular_core.InputSignal<boolean>;
+    /** Texto cuando no hay opciones tras filtrar / Text when no options remain after filtering */
+    noResultsMessage: _angular_core.InputSignal<string>;
+    /** Aria-label del botón de limpiar / Aria-label for the clear button */
+    clearAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Sincroniza el valor seleccionado con este query param de la URL.
+     * Al seleccionar una opción se añade `?{urlParam}=value` a la URL.
+     * Pasar `null` (default) deshabilita la sincronización.
+     */
+    urlParam: _angular_core.InputSignal<string | null>;
+    /**
+     * Emite el objeto NeuSelectOption completo (incluyendo data) al seleccionar una opción.
+     * Emite null al limpiar la selección.
+     * El valor del formControl sigue siendo string.
+     */
+    readonly selectionChange: _angular_core.OutputEmitterRef<NeuSelectOption | null>;
+    protected readonly _value: _angular_core.WritableSignal<string | null>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly panelPosition: _angular_core.WritableSignal<{
+        position: string | null;
+        top: string | null;
+        left: string | null;
+        width: string | null;
+        maxHeight: string | null;
+    }>;
+    readonly hasError: Signal<boolean>;
+    readonly describedBy: Signal<string | null>;
+    readonly filteredOptions: Signal<NeuSelectOption[]>;
+    readonly selectedLabel: Signal<string | null>;
+    readonly _selectedOption: Signal<NeuSelectOption | null>;
+    readonly resultsAnnouncement: Signal<string>;
+    private _onChange;
+    private _onTouched;
+    writeValue(val: string | null): void;
+    registerOnChange(fn: (v: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private readonly _cvaDisabled;
+    setDisabledState(isDisabled: boolean): void;
+    readonly isDisabledFinal: Signal<boolean>;
+    toggle(): void;
+    close(): void;
+    /** Abre el panel y navega con flechas desde el trigger / Opens the panel and navigates with arrows from the trigger */
+    onTriggerKey(event: Event): void;
+    onTriggerActionKey(event: KeyboardEvent): void;
+    focusTrigger(): void;
+    /** Navega entre opciones con flechas / Navigates between options with arrows */
+    focusOptionByIndex(event: Event, current: NeuSelectOption, dir: 1 | -1): void;
+    clearValue(event: MouseEvent): void;
+    selectOption(option: NeuSelectOption): void;
+    onDocumentClick(event: MouseEvent): void;
+    onWindowResize(): void;
+    onWindowScroll(): void;
+    private syncPanelPosition;
+    private resetPanelPosition;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSelectComponent, "neu-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl", "selectedItemTpl"], never, true, never>;
+}
+
+export { NeuSelectComponent, NeuSelectItemDirective, NeuSelectSelectedDirective };
+export type { NeuSelectGroup, NeuSelectOption };

package/types/neural-ui-core-sidebar.d.ts

@@ -0,0 +1,57 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * NeuralUI Sidebar Component
+ *
+ * El estado abierto/cerrado se gestiona automáticamente desde la URL / The open/closed state is automatically managed from the URL
+ * via NeuUrlStateService (?menu=open por defecto). / via NeuUrlStateService (?menu=open by default).
+ *
+ * Modos:
+ *   - overlay (default): panel flotante sobre el contenido con backdrop / floating panel above content with backdrop
+ *   - persistent: sidebar fijo integrado en el layout (desktop) / fixed sidebar integrated in the layout (desktop)
+ *
+ * Uso:
+ *   <neu-sidebar urlParam="menu" [persistent]="isDesktop()">
+ *     <span neu-sidebar-header>Mi App</span>
+ *     <nav>...</nav>
+ *     <div neu-sidebar-footer>...</div>
+ *   </neu-sidebar>
+ *
+ * Abrir desde cualquier parte: / Open from anywhere:
+ *   inject(NeuUrlStateService).setParam('menu', 'open', false);
+ */
+declare class NeuSidebarComponent {
+    private readonly document;
+    private readonly urlState;
+    /** Posición del sidebar: izquierda o derecha de la pantalla / Sidebar position: left or right of the screen */
+    side: _angular_core.InputSignal<"left" | "right">;
+    /** QueryParam que controla el estado. Default: 'menu' (?menu=open) / QueryParam that controls the state. Default: 'menu' (?menu=open) */
+    urlParam: _angular_core.InputSignal<string>;
+    /**
+     * Modo persistente: el sidebar está siempre visible como parte del layout.
+     * Usar en desktop (≥768px). El overlay y el toggle por URL no aplican.
+     */
+    persistent: _angular_core.InputSignal<boolean>;
+    /**
+     * Ocultar la cabecera del sidebar. Útil cuando el header ya está en el layout
+     * principal y el sidebar persistente no necesita su propio header.
+     */
+    hideHeader: _angular_core.InputSignal<boolean>;
+    /** Etiqueta accesible para el <aside> / Accessible label for the <aside> */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Etiqueta accesible para el botón cerrar / Accessible label for the close button */
+    closeLabel: _angular_core.InputSignal<string>;
+    /** Emite cuando el usuario cierra el sidebar (overlay click o botón) / Emits when the user closes the sidebar (overlay click or button) */
+    closeRequested: _angular_core.OutputEmitterRef<void>;
+    /** Signal reactivo: true si el sidebar debe mostrarse / Reactive signal: true if the sidebar should be shown */
+    readonly isOpen: _angular_core.Signal<boolean>;
+    constructor();
+    /** Abre el sidebar — añade ?{urlParam}=open a la URL / Opens the sidebar — adds ?{urlParam}=open to the URL */
+    open(replaceUrl?: boolean): void;
+    /** Cierra el sidebar — elimina el parámetro de la URL / Closes the sidebar — removes the URL parameter */
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSidebarComponent, "neu-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; "persistent": { "alias": "persistent"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "closeRequested": "closeRequested"; }, never, ["[neu-sidebar-header]", "*", "[neu-sidebar-footer]"], true, never>;
+}
+
+export { NeuSidebarComponent };

package/types/neural-ui-core-skeleton.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * NeuralUI Skeleton Component
+ *
+ * Placeholder animado para simular la carga de contenido.
+ *
+ * Uso:
+ *   <neu-skeleton width="100%" height="20px" />
+ *   <neu-skeleton variant="circle" width="40px" height="40px" />
+ *   <neu-skeleton variant="text" />
+ */
+declare class NeuSkeletonComponent {
+    readonly variant: _angular_core.InputSignal<"text" | "circle" | "rect">;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly borderRadius: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSkeletonComponent, "neu-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NeuSkeletonComponent };

package/types/neural-ui-core-slider.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * NeuralUI Slider Component
+ *
+ * Control deslizante accesible que envuelve el <input type="range">
+ * nativo con estilos personalizados y tooltips de valor.
+ *
+ * Uso:
+ *   <neu-slider [value]="volume" (valueChange)="volume = $event" />
+ *   <neu-slider [value]="50" [min]="0" [max]="100" [step]="5" [showValue]="true" />
+ */
+declare class NeuSliderComponent {
+    private static _idCounter;
+    protected readonly sliderId: string;
+    /** Valor actual / Current value */
+    value: _angular_core.InputSignal<number>;
+    /** Valor mínimo / Minimum value */
+    min: _angular_core.InputSignal<number>;
+    /** Valor máximo / Maximum value */
+    max: _angular_core.InputSignal<number>;
+    /** Paso / Step */
+    step: _angular_core.InputSignal<number>;
+    /** Etiqueta / Label */
+    label: _angular_core.InputSignal<string>;
+    /** Muestra el valor numerico / Shows the numeric value */
+    showValue: _angular_core.InputSignal<boolean>;
+    /** Muestra min/mid/max bajo la barra / Shows min/mid/max below the bar */
+    showTicks: _angular_core.InputSignal<boolean>;
+    /** Unidad a mostrar junto al valor / Unit to display next to the value */
+    unit: _angular_core.InputSignal<string>;
+    /** Deshabilitado / Disabled */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Emite al mover el slider / Emits when the slider moves */
+    valueChange: _angular_core.OutputEmitterRef<number>;
+    readonly fillPercent: _angular_core.Signal<number>;
+    onInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSliderComponent, "neu-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+export { NeuSliderComponent };

package/types/neural-ui-core-spinner.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+
+type NeuSpinnerSeverity = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/**
+ * NeuralUI Spinner Component
+ *
+ * Indicador de carga circular animado para estados de espera.
+ * Permite personalizar color via severity o color CSS directo.
+ *
+ * Uso básico:
+ *   <neu-spinner />
+ *
+ * Con severity:
+ *   <neu-spinner severity="success" size="48px" />
+ *
+ * Con color personalizado:
+ *   <neu-spinner color="#ff6b35" strokeWidth="6" />
+ */
+declare class NeuSpinnerComponent {
+    /** Variante de color semántica / Semantic color variant */
+    severity: _angular_core.InputSignal<NeuSpinnerSeverity>;
+    /** Color CSS directo — sobreescribe severity / Direct CSS color — overrides severity */
+    color: _angular_core.InputSignal<string>;
+    /** Grosor del trazo SVG (unidades SVG) / SVG stroke width (SVG units) */
+    strokeWidth: _angular_core.InputSignal<string>;
+    /** Tamaño del spinner (CSS: '40px', '2rem', etc.) / Spinner size (CSS: '40px', '2rem', etc.) */
+    size: _angular_core.InputSignal<string>;
+    /** Duración de la animación de rotación / Rotation animation duration */
+    animationDuration: _angular_core.InputSignal<string>;
+    /** Texto accesible para lectores de pantalla / Accessible text for screen readers */
+    ariaLabel: _angular_core.InputSignal<string>;
+    readonly _severityColor: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSpinnerComponent, "neu-spinner", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NeuSpinnerComponent };
+export type { NeuSpinnerSeverity };

package/types/neural-ui-core-split-button.d.ts

@@ -0,0 +1,65 @@
+import * as _angular_core from '@angular/core';
+import { NeuButtonVariant, NeuButtonSize } from '@neural-ui/core/button';
+
+interface NeuSplitButtonAction {
+    /** Identificador único de la acción / Unique action identifier */
+    id: string;
+    /** Texto visible / Visible text */
+    label: string;
+    /** Icono opcional (SVG string o nombre) / Optional icon (SVG string or name) */
+    icon?: string;
+    /** Deshabilita esta acción individualmente / Disables this action individually */
+    disabled?: boolean;
+    /** Separador visual encima de este item / Visual separator above this item */
+    divider?: boolean;
+}
+/**
+ * NeuralUI SplitButton Component
+ *
+ * Botón principal con un dropdown de acciones adicionales. / Primary button with a dropdown of additional actions.
+ *
+ * Uso:
+ *   <neu-split-button
+ *     label="Guardar"
+ *     [actions]="actions"
+ *     (primaryClick)="save()"
+ *     (actionClick)="onAction($event)"
+ *   />
+ */
+declare class NeuSplitButtonComponent {
+    private readonly el;
+    /** Texto del botón principal / Primary button text */
+    label: _angular_core.InputSignal<string>;
+    /** Variante visual / Visual variant */
+    variant: _angular_core.InputSignal<NeuButtonVariant>;
+    /** Tamaño / Size */
+    size: _angular_core.InputSignal<NeuButtonSize>;
+    /** Deshabilita todo el componente / Disables the entire component */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Muestra spinner en el botón principal / Shows spinner on the primary button */
+    loading: _angular_core.InputSignal<boolean>;
+    /** Acciones del dropdown / Dropdown actions */
+    actions: _angular_core.InputSignal<NeuSplitButtonAction[]>;
+    /** Aria-label del botón de desplegable / Aria-label for the dropdown button */
+    moreActionsAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label del menú desplegable / Aria-label for the dropdown menu */
+    actionsAriaLabel: _angular_core.InputSignal<string>;
+    /** Emite al hacer click en el botón principal / Emits on primary button click */
+    primaryClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /** Emite al seleccionar una acción del dropdown / Emits when a dropdown action is selected */
+    actionClick: _angular_core.OutputEmitterRef<NeuSplitButtonAction>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly mainClasses: _angular_core.Signal<string>;
+    readonly chevronClasses: _angular_core.Signal<string>;
+    toggleDropdown(event: MouseEvent): void;
+    closeDropdown(): void;
+    onDocumentClick(event: MouseEvent): void;
+    onPrimaryClick(event: MouseEvent): void;
+    onActionClick(action: NeuSplitButtonAction): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSplitButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSplitButtonComponent, "neu-split-button", never, { "label": { "alias": "label"; "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; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "moreActionsAriaLabel": { "alias": "moreActionsAriaLabel"; "required": false; "isSignal": true; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; "isSignal": true; }; }, { "primaryClick": "primaryClick"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+export { NeuSplitButtonComponent };
+export type { NeuSplitButtonAction };

package/types/neural-ui-core-splitter.d.ts

@@ -0,0 +1,28 @@
+import * as _angular_core from '@angular/core';
+
+type NeuSplitterDirection = 'horizontal' | 'vertical';
+interface NeuSplitterPane {
+    size?: number;
+    min?: number;
+    max?: number;
+}
+declare class NeuSplitterComponent {
+    readonly direction: _angular_core.InputSignal<NeuSplitterDirection>;
+    readonly panes: _angular_core.InputSignal<NeuSplitterPane[]>;
+    readonly sizeChange: _angular_core.OutputEmitterRef<number[]>;
+    private readonly _el;
+    readonly _sizes: _angular_core.WritableSignal<number[]>;
+    constructor();
+    private _dragIndex;
+    private _dragPos;
+    _startDrag(e: MouseEvent, index: number): void;
+    _startTouchDrag(e: TouchEvent, index: number): void;
+    _onHandleKey(e: KeyboardEvent, index: number): void;
+    private _onDragMove;
+    private _adjustPair;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSplitterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSplitterComponent, "neu-splitter", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "panes": { "alias": "panes"; "required": false; "isSignal": true; }; }, { "sizeChange": "sizeChange"; }, never, ["neu-splitter-pane"], true, never>;
+}
+
+export { NeuSplitterComponent };
+export type { NeuSplitterDirection, NeuSplitterPane };

package/types/neural-ui-core-stats-card.d.ts

@@ -0,0 +1,39 @@
+import * as _angular_core from '@angular/core';
+
+type NeuStatsTrend = 'up' | 'down' | 'neutral';
+/**
+ * NeuStatsCard — Card de métrica con título, valor, tendencia y sparkline.
+ *
+ * Uso:
+ *   <neu-stats-card
+ *     title="Ingresos"
+ *     value="$12,450"
+ *     change="+12.5%"
+ *     trend="up"
+ *     icon="lucideDollarSign"
+ *     [sparkData]="[30,45,38,52,60,55,70]"
+ *   />
+ */
+declare class NeuStatsCardComponent {
+    /** Título o etiqueta de la métrica. / Metric title or label. */
+    title: _angular_core.InputSignal<string>;
+    /** Valor principal formateado (p.ej. "$12,450" o "98.2%"). / Main formatted value (e.g. "$12,450" or "98.2%"). */
+    value: _angular_core.InputSignal<string>;
+    /** Cambio porcentual o absoluto (p.ej. "+12.5%" o "-3"). / Percentage or absolute change (e.g. "+12.5%" or "-3"). */
+    change: _angular_core.InputSignal<string>;
+    /** Dirección del cambio. Afecta el color del change. / Change direction. Affects the change color. */
+    trend: _angular_core.InputSignal<NeuStatsTrend>;
+    /** Texto auxiliar bajo el cambio (p.ej. "vs. mes anterior"). / Auxiliary text below the change (e.g. "vs. previous month"). */
+    label: _angular_core.InputSignal<string>;
+    /** Nombre del icono Lucide para el encabezado. / Lucide icon name for the header. */
+    icon: _angular_core.InputSignal<string>;
+    /** Array de valores numéricos para la sparkline. Mín. 2 puntos. / Array of numeric values for the sparkline. Min. 2 points. */
+    sparkData: _angular_core.InputSignal<number[]>;
+    /** @internal Genera los puntos SVG de la sparkline / Generates the SVG sparkline points */
+    protected readonly sparkPoints: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuStatsCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuStatsCardComponent, "neu-stats-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "change": { "alias": "change"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "sparkData": { "alias": "sparkData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NeuStatsCardComponent };
+export type { NeuStatsTrend };