@neural-ui/core 1.7.1 → 1.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neural-ui/core",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "description": "Modern Angular UI component library built with signals, standalone components, and OnPush change detection.",
   "author": "PedroMorenoTrujillo",
   "keywords": [
@@ -82,6 +82,10 @@
       "types": "./types/neural-ui-core-block-ui.d.ts",
       "default": "./fesm2022/neural-ui-core-block-ui.mjs"
     },
+    "./bottom-sheet": {
+      "types": "./types/neural-ui-core-bottom-sheet.d.ts",
+      "default": "./fesm2022/neural-ui-core-bottom-sheet.mjs"
+    },
     "./breadcrumb": {
       "types": "./types/neural-ui-core-breadcrumb.d.ts",
       "default": "./fesm2022/neural-ui-core-breadcrumb.mjs"
@@ -126,6 +130,10 @@
       "types": "./types/neural-ui-core-confirm-dialog.d.ts",
       "default": "./fesm2022/neural-ui-core-confirm-dialog.mjs"
     },
+    "./confirm-popup": {
+      "types": "./types/neural-ui-core-confirm-popup.d.ts",
+      "default": "./fesm2022/neural-ui-core-confirm-popup.mjs"
+    },
     "./context-menu": {
       "types": "./types/neural-ui-core-context-menu.d.ts",
       "default": "./fesm2022/neural-ui-core-context-menu.mjs"
@@ -134,6 +142,10 @@
       "types": "./types/neural-ui-core-dashboard-grid.d.ts",
       "default": "./fesm2022/neural-ui-core-dashboard-grid.mjs"
     },
+    "./data-view": {
+      "types": "./types/neural-ui-core-data-view.d.ts",
+      "default": "./fesm2022/neural-ui-core-data-view.mjs"
+    },
     "./date-input": {
       "types": "./types/neural-ui-core-date-input.d.ts",
       "default": "./fesm2022/neural-ui-core-date-input.mjs"
@@ -150,6 +162,10 @@
       "types": "./types/neural-ui-core-filter-bar.d.ts",
       "default": "./fesm2022/neural-ui-core-filter-bar.mjs"
     },
+    "./form-field": {
+      "types": "./types/neural-ui-core-form-field.d.ts",
+      "default": "./fesm2022/neural-ui-core-form-field.mjs"
+    },
     "./icon": {
       "types": "./types/neural-ui-core-icon.d.ts",
       "default": "./fesm2022/neural-ui-core-icon.mjs"
@@ -162,10 +178,18 @@
       "types": "./types/neural-ui-core-image-viewer.d.ts",
       "default": "./fesm2022/neural-ui-core-image-viewer.mjs"
     },
+    "./inline-editor": {
+      "types": "./types/neural-ui-core-inline-editor.d.ts",
+      "default": "./fesm2022/neural-ui-core-inline-editor.mjs"
+    },
     "./input": {
       "types": "./types/neural-ui-core-input.d.ts",
       "default": "./fesm2022/neural-ui-core-input.mjs"
     },
+    "./input-mask": {
+      "types": "./types/neural-ui-core-input-mask.d.ts",
+      "default": "./fesm2022/neural-ui-core-input-mask.mjs"
+    },
     "./input-otp": {
       "types": "./types/neural-ui-core-input-otp.d.ts",
       "default": "./fesm2022/neural-ui-core-input-otp.mjs"
@@ -178,6 +202,14 @@
       "types": "./types/neural-ui-core-knob.d.ts",
       "default": "./fesm2022/neural-ui-core-knob.mjs"
     },
+    "./listbox": {
+      "types": "./types/neural-ui-core-listbox.d.ts",
+      "default": "./fesm2022/neural-ui-core-listbox.mjs"
+    },
+    "./menu": {
+      "types": "./types/neural-ui-core-menu.d.ts",
+      "default": "./fesm2022/neural-ui-core-menu.mjs"
+    },
     "./meter-group": {
       "types": "./types/neural-ui-core-meter-group.d.ts",
       "default": "./fesm2022/neural-ui-core-meter-group.mjs"
@@ -206,6 +238,18 @@
       "types": "./types/neural-ui-core-pagination.d.ts",
       "default": "./fesm2022/neural-ui-core-pagination.mjs"
     },
+    "./panel": {
+      "types": "./types/neural-ui-core-panel.d.ts",
+      "default": "./fesm2022/neural-ui-core-panel.mjs"
+    },
+    "./password": {
+      "types": "./types/neural-ui-core-password.d.ts",
+      "default": "./fesm2022/neural-ui-core-password.mjs"
+    },
+    "./pick-list": {
+      "types": "./types/neural-ui-core-pick-list.d.ts",
+      "default": "./fesm2022/neural-ui-core-pick-list.mjs"
+    },
     "./popover": {
       "types": "./types/neural-ui-core-popover.d.ts",
       "default": "./fesm2022/neural-ui-core-popover.mjs"
@@ -278,6 +322,10 @@
       "types": "./types/neural-ui-core-tabs.d.ts",
       "default": "./fesm2022/neural-ui-core-tabs.mjs"
     },
+    "./tags": {
+      "types": "./types/neural-ui-core-tags.d.ts",
+      "default": "./fesm2022/neural-ui-core-tags.mjs"
+    },
     "./textarea": {
       "types": "./types/neural-ui-core-textarea.d.ts",
       "default": "./fesm2022/neural-ui-core-textarea.mjs"
@@ -310,6 +358,10 @@
       "types": "./types/neural-ui-core-tree.d.ts",
       "default": "./fesm2022/neural-ui-core-tree.mjs"
     },
+    "./tree-select": {
+      "types": "./types/neural-ui-core-tree-select.d.ts",
+      "default": "./fesm2022/neural-ui-core-tree-select.mjs"
+    },
     "./tree-table": {
       "types": "./types/neural-ui-core-tree-table.d.ts",
       "default": "./fesm2022/neural-ui-core-tree-table.mjs"

package/panel/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-panel.mjs",
+  "typings": "../types/neural-ui-core-panel.d.ts"
+}

package/password/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-password.mjs",
+  "typings": "../types/neural-ui-core-password.d.ts"
+}

package/pick-list/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-pick-list.mjs",
+  "typings": "../types/neural-ui-core-pick-list.d.ts"
+}

package/styles/_tokens.scss

@@ -28,8 +28,14 @@
   // ------------------------------------------------
   --neu-bg: #f8fafc; // Slate-50 — fondo base
   --neu-surface: #ffffff; // Blanco puro — tarjetas
+  --neu-surface-1: var(--neu-surface); // Alias compatible para superficies base
   --neu-surface-2: #f1f5f9; // Slate-100 — fondos secundarios
   --neu-surface-3: #e2e8f0; // Slate-200 — hover, separadores
+  --neu-surface-raised: var(--neu-surface);
+  --neu-surface-hover: var(--neu-surface-2);
+  --neu-surface-muted: var(--neu-surface-2);
+  --neu-surface-inverse: #020617;
+  --neu-surface-rgb: 255, 255, 255;
 
   // ------------------------------------------------
   // Bordes
@@ -192,9 +198,12 @@
   --neu-alert-warning-text: var(--neu-warning-text);
   --neu-alert-warning-border: rgba(245, 158, 11, 0.2);
 
-  --neu-alert-danger-bg: var(--neu-error-bg);
-  --neu-alert-danger-text: var(--neu-error-text);
-  --neu-alert-danger-border: rgba(239, 68, 68, 0.2);
+  --neu-alert-error-bg: var(--neu-error-bg);
+  --neu-alert-error-text: var(--neu-error-text);
+  --neu-alert-error-border: rgba(239, 68, 68, 0.2);
+  --neu-alert-danger-bg: var(--neu-alert-error-bg);
+  --neu-alert-danger-text: var(--neu-alert-error-text);
+  --neu-alert-danger-border: var(--neu-alert-error-border);
 
   // ------------------------------------------------
   // Popover (v1.3.0)
@@ -307,15 +316,16 @@
   // ------------------------------------------------
   --neu-code-block-bg: #1a1b26;
   --neu-code-block-bar-bg: #16161e;
-  --neu-code-block-border: rgba(255, 255, 255, 0.06);
-  --neu-code-block-text: #cdd6f4;
-  --neu-code-block-accent: #7aa2f7;
+  --neu-code-block-border: rgba(255, 255, 255, 0.14);
+  --neu-code-block-text: #d9e2ff;
+  --neu-code-block-accent: #9ab8ff;
   --neu-code-block-muted: #565f89;
-  --neu-code-block-copy-text: #a9b1d6;
-  --neu-code-block-copy-hover-text: #c0caf5;
-  --neu-code-block-copy-border: rgba(255, 255, 255, 0.1);
-  --neu-code-block-copy-hover-bg: rgba(255, 255, 255, 0.1);
-  --neu-code-block-copy-hover-border: rgba(255, 255, 255, 0.2);
+  --neu-code-block-copy-bg: rgba(255, 255, 255, 0.12);
+  --neu-code-block-copy-text: #d9e2ff;
+  --neu-code-block-copy-hover-text: #ffffff;
+  --neu-code-block-copy-border: rgba(255, 255, 255, 0.22);
+  --neu-code-block-copy-hover-bg: rgba(255, 255, 255, 0.18);
+  --neu-code-block-copy-hover-border: rgba(255, 255, 255, 0.34);
 }
 
 // ============================================================
@@ -329,7 +339,8 @@
   --neu-primary-light: #339dff;
   --neu-primary-50: rgba(0, 122, 255, 0.12);
   --neu-primary-100: rgba(0, 122, 255, 0.2);
-  --neu-primary-solid: #007aff;
+  // Opaque blue chosen to keep white text above WCAG AA in dark surfaces.
+  --neu-primary-solid: #006ee6;
   --neu-primary-solid-hover: #005fcc;
 
   // ---- Fondos / Backgrounds ----
@@ -337,6 +348,8 @@
   --neu-surface: #161b22; // Tarjetas, paneles
   --neu-surface-2: #21262d; // Hover, fondos secundarios
   --neu-surface-3: #30363d; // Separadores, track de switch
+  --neu-surface-inverse: #e6edf3;
+  --neu-surface-rgb: 22, 27, 34;
 
   // ---- Bordes / Borders ----
   --neu-border: rgba(255, 255, 255, 0.08);
@@ -344,8 +357,8 @@
 
   // ---- Texto / Text ----
   --neu-text: #e6edf3; // Casi blanco — texto principal
-  --neu-text-muted: #8b949e; // Slate-400 equivalent — subtítulos
-  --neu-text-disabled: #484f58; // Elementos deshabilitados
+  --neu-text-muted: #a9b2bc; // AA-safe secondary text on dark surfaces
+  --neu-text-disabled: #a9b2bc; // Keeps disabled form labels legible on surface-2
   --neu-knob-display-color: #f8fafc;
   --neu-knob-label-color: #8b949e;
 
@@ -391,9 +404,12 @@
   --neu-alert-warning-text: #fcd34d;
   --neu-alert-warning-border: rgba(245, 158, 11, 0.3);
 
-  --neu-alert-danger-bg: rgba(239, 68, 68, 0.15);
-  --neu-alert-danger-text: #fca5a5;
-  --neu-alert-danger-border: rgba(239, 68, 68, 0.3);
+  --neu-alert-error-bg: rgba(239, 68, 68, 0.15);
+  --neu-alert-error-text: #fca5a5;
+  --neu-alert-error-border: rgba(239, 68, 68, 0.3);
+  --neu-alert-danger-bg: var(--neu-alert-error-bg);
+  --neu-alert-danger-text: var(--neu-alert-error-text);
+  --neu-alert-danger-border: var(--neu-alert-error-border);
 
   // ---- Block UI dark override (v1.3.0) ----
   --neu-block-ui-bg: rgba(13, 17, 23, 0.7);

package/tags/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-tags.mjs",
+  "typings": "../types/neural-ui-core-tags.d.ts"
+}

package/tree-select/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-tree-select.mjs",
+  "typings": "../types/neural-ui-core-tree-select.d.ts"
+}

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

@@ -28,8 +28,9 @@ declare class NeuAlertComponent {
     readonly closed: _angular_core.OutputEmitterRef<void>;
     readonly _id: string;
     readonly _dismissed: _angular_core.WritableSignal<boolean>;
-    readonly _resolvedIcon: _angular_core.Signal<string>;
+    readonly _defaultIconName: _angular_core.Signal<string>;
     readonly liveRegion: _angular_core.Signal<"assertive" | "polite">;
+    readonly alertRole: _angular_core.Signal<"alert" | "status">;
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'neu-alert': boolean;

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

@@ -1,6 +1,7 @@
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 interface NeuAutocompleteOption {
@@ -11,6 +12,16 @@ interface NeuAutocompleteOption {
     /** Desactiva la opción / Disables the option */
     disabled?: boolean;
 }
+declare class NeuAutocompleteItemDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuAutocompleteOption;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: NeuAutocompleteOption;
+    }>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuAutocompleteItemDirective, "ng-template[neuAutocompleteItem]", never, {}, {}, never, never, true, never>;
+}
 /**
  * NeuralUI Autocomplete
  *
@@ -33,6 +44,11 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly errorMessage: _angular_core.InputSignal<string>;
     readonly emptyLabel: _angular_core.InputSignal<string>;
     readonly minLength: _angular_core.InputSignal<number>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loadingLabel: _angular_core.InputSignal<string>;
+    readonly dropdown: _angular_core.InputSignal<boolean>;
+    readonly dropdownAriaLabel: _angular_core.InputSignal<string>;
+    readonly forceSelection: _angular_core.InputSignal<boolean>;
     /** Muestra el label como flotante (true) o estático encima del campo (false) / Shows the label as floating (true) or static above the field (false) */
     readonly floatingLabel: _angular_core.InputSignal<boolean>;
     /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */
@@ -45,6 +61,7 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly optionSelected: _angular_core.OutputEmitterRef<NeuAutocompleteOption>;
     /** Emitido al cambiar el texto del input / Emitted on query change */
     readonly queryChange: _angular_core.OutputEmitterRef<string>;
+    readonly itemTpl: _angular_core.Signal<NeuAutocompleteItemDirective | undefined>;
     readonly _id: string;
     readonly _listId: string;
     readonly _query: _angular_core.WritableSignal<string>;
@@ -57,6 +74,7 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly _viewportMargin = 16;
     readonly overlayPositions: ConnectedPosition[];
     private readonly _document;
+    private readonly _platformId;
     private readonly _overlay;
     readonly overlayScrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     private _onChange;
@@ -76,6 +94,7 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     onQueryChange(q: string): void;
     _onFocus(): void;
     _onBlur(): void;
+    openAll(): void;
     onKeyDown(e: KeyboardEvent): void;
     private _moveActiveIndex;
     selectOption(opt: NeuAutocompleteOption): void;
@@ -83,13 +102,14 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     _closePanel(): void;
     private _scrollActiveOptionIntoView;
     private _syncOverlayWidth;
+    private _requestFrame;
     writeValue(val: unknown): void;
     registerOnChange(fn: (v: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(d: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAutocompleteComponent, "neu-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "queryChange": "queryChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAutocompleteComponent, "neu-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "queryChange": "queryChange"; }, ["itemTpl"], never, true, never>;
 }
 
-export { NeuAutocompleteComponent };
+export { NeuAutocompleteComponent, NeuAutocompleteItemDirective };
 export type { NeuAutocompleteOption };

package/types/neural-ui-core-bottom-sheet.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+
+type NeuBottomSheetSize = 'sm' | 'md' | 'lg' | 'full';
+declare class NeuBottomSheetComponent {
+    readonly open: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly closeLabel: _angular_core.InputSignal<string>;
+    readonly backdrop: _angular_core.InputSignal<boolean>;
+    readonly disableClose: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<NeuBottomSheetSize>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    requestClose(): void;
+    onEscape(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuBottomSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuBottomSheetComponent, "neu-bottom-sheet", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+export { NeuBottomSheetComponent };
+export type { NeuBottomSheetSize };

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

@@ -13,11 +13,16 @@ declare class NeuCheckboxComponent implements ControlValueAccessor {
     readonly label: _angular_core.InputSignal<string>;
     readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly checked: _angular_core.InputSignal<boolean | undefined>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly _id: string;
     protected readonly _checked: _angular_core.WritableSignal<boolean>;
     /** Estado disabled interno — combina el input `disabled` con el CVA setDisabledState / Internal disabled state — combines the `disabled` input with CVA setDisabledState */
     private readonly _cvaDisabled;
     protected readonly _isDisabled: _angular_core.Signal<boolean>;
+    protected readonly _resolvedChecked: _angular_core.Signal<boolean>;
     private _onChange;
     private _onTouched;
     onChange(event: Event): void;
@@ -27,7 +32,7 @@ declare class NeuCheckboxComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuCheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuCheckboxComponent, "neu-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuCheckboxComponent, "neu-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
 }
 
 export { NeuCheckboxComponent };

package/types/neural-ui-core-confirm-popup.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+
+interface NeuConfirmPopupOptions {
+    title?: string;
+    message: string;
+    acceptLabel?: string;
+    rejectLabel?: string;
+}
+declare class NeuConfirmPopupService {
+    readonly state: _angular_core.WritableSignal<NeuConfirmPopupOptions | null>;
+    private resolver;
+    confirm(options: NeuConfirmPopupOptions): Promise<boolean>;
+    close(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuConfirmPopupService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NeuConfirmPopupService>;
+}
+declare class NeuConfirmPopupComponent {
+    readonly service: NeuConfirmPopupService;
+    readonly open: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly acceptLabel: _angular_core.InputSignal<string>;
+    readonly rejectLabel: _angular_core.InputSignal<string>;
+    readonly accepted: _angular_core.OutputEmitterRef<void>;
+    readonly rejected: _angular_core.OutputEmitterRef<void>;
+    constructor(service: NeuConfirmPopupService);
+    currentTitle(): string;
+    currentMessage(): string;
+    currentAcceptLabel(): string;
+    currentRejectLabel(): string;
+    accept(): void;
+    reject(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuConfirmPopupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuConfirmPopupComponent, "neu-confirm-popup", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; "isSignal": true; }; }, { "accepted": "accepted"; "rejected": "rejected"; }, never, never, true, never>;
+}
+
+export { NeuConfirmPopupComponent, NeuConfirmPopupService };
+export type { NeuConfirmPopupOptions };

package/types/neural-ui-core-dashboard-grid.d.ts

@@ -24,6 +24,7 @@ interface NeuDashboardTileConfig {
  */
 declare class NeuDashboardGridComponent {
     private readonly _host;
+    private readonly _platformId;
     readonly tiles: _angular_core.InputSignal<NeuDashboardTileConfig[]>;
     readonly columns: _angular_core.InputSignal<number>;
     /** Emitido cuando el orden cambia / Emitted when order changes */

package/types/neural-ui-core-data-view.d.ts

@@ -0,0 +1,95 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { NeuSelectOption } from '@neural-ui/core/select';
+
+type NeuDataViewMode = 'list' | 'grid' | 'table';
+type NeuDataViewSortDirection = 'asc' | 'desc';
+interface NeuDataViewSortOption {
+    label: string;
+    value: string;
+    direction?: NeuDataViewSortDirection;
+}
+interface NeuDataViewPageEvent {
+    page: number;
+    pageSize: number;
+}
+declare class NeuDataViewItemDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: unknown;
+        index: number;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: unknown;
+        index: number;
+    }>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDataViewItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuDataViewItemDirective, "ng-template[neuDataViewItem]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuDataViewHeaderDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDataViewHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuDataViewHeaderDirective, "ng-template[neuDataViewHeader]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuDataViewFooterDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDataViewFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuDataViewFooterDirective, "ng-template[neuDataViewFooter]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuDataViewComponent {
+    private readonly _destroyRef;
+    readonly items: _angular_core.InputSignal<unknown[]>;
+    readonly mode: _angular_core.InputSignal<NeuDataViewMode>;
+    readonly modes: _angular_core.InputSignal<NeuDataViewMode[]>;
+    readonly viewSwitcher: _angular_core.InputSignal<boolean>;
+    readonly viewAriaLabel: _angular_core.InputSignal<string>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly searchFields: _angular_core.InputSignal<string[]>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly searchAriaLabel: _angular_core.InputSignal<string>;
+    readonly sortOptions: _angular_core.InputSignal<NeuDataViewSortOption[]>;
+    readonly sortAriaLabel: _angular_core.InputSignal<string>;
+    readonly pagination: _angular_core.InputSignal<boolean>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly emptyLabel: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loadingLabel: _angular_core.InputSignal<string>;
+    readonly previousLabel: _angular_core.InputSignal<string>;
+    readonly nextLabel: _angular_core.InputSignal<string>;
+    readonly paginationAriaLabel: _angular_core.InputSignal<string>;
+    readonly trackBy: _angular_core.InputSignal<(index: number, item: unknown) => unknown>;
+    readonly modeChange: _angular_core.OutputEmitterRef<NeuDataViewMode>;
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    readonly sortChange: _angular_core.OutputEmitterRef<string>;
+    readonly pageChange: _angular_core.OutputEmitterRef<NeuDataViewPageEvent>;
+    readonly itemTpl: _angular_core.Signal<NeuDataViewItemDirective | undefined>;
+    readonly headerTpl: _angular_core.Signal<NeuDataViewHeaderDirective | undefined>;
+    readonly footerTpl: _angular_core.Signal<NeuDataViewFooterDirective | undefined>;
+    readonly query: _angular_core.WritableSignal<string>;
+    readonly page: _angular_core.WritableSignal<number>;
+    readonly sortKey: _angular_core.WritableSignal<string>;
+    readonly _sortControl: FormControl<string | null>;
+    readonly _selectSortOptions: _angular_core.Signal<NeuSelectOption[]>;
+    readonly showToolbar: _angular_core.Signal<boolean>;
+    readonly filteredItems: _angular_core.Signal<unknown[]>;
+    readonly pageCount: _angular_core.Signal<number>;
+    readonly pagedItems: _angular_core.Signal<unknown[]>;
+    constructor();
+    setMode(mode: NeuDataViewMode): void;
+    setQuery(value: string): void;
+    setSort(value: string): void;
+    previousPage(): void;
+    nextPage(): void;
+    trackItem(index: number, item: unknown): unknown;
+    displayItem(item: unknown): string;
+    private setPage;
+    private searchableText;
+    private valueFor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDataViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuDataViewComponent, "neu-data-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "modes": { "alias": "modes"; "required": false; "isSignal": true; }; "viewSwitcher": { "alias": "viewSwitcher"; "required": false; "isSignal": true; }; "viewAriaLabel": { "alias": "viewAriaLabel"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFields": { "alias": "searchFields"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": false; "isSignal": true; }; "sortAriaLabel": { "alias": "sortAriaLabel"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "paginationAriaLabel": { "alias": "paginationAriaLabel"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "modeChange": "modeChange"; "searchChange": "searchChange"; "sortChange": "sortChange"; "pageChange": "pageChange"; }, ["itemTpl", "headerTpl", "footerTpl"], never, true, never>;
+}
+
+export { NeuDataViewComponent, NeuDataViewFooterDirective, NeuDataViewHeaderDirective, NeuDataViewItemDirective };
+export type { NeuDataViewMode, NeuDataViewPageEvent, NeuDataViewSortDirection, NeuDataViewSortOption };