@neural-ui/core 1.7.1 → 1.7.2

package/fesm2022/neural-ui-core-tags.mjs

@@ -0,0 +1,134 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, computed, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class NeuTagsComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('Add tag...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    suggestions = input([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
+    separators = input(['Enter', ','], ...(ngDevMode ? [{ debugName: "separators" }] : /* istanbul ignore next */ []));
+    removeLabel = input('Remove', ...(ngDevMode ? [{ debugName: "removeLabel" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    inputId = `neu-tags-${Math.random().toString(36).slice(2)}`;
+    value = signal([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    draft = signal('', ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    filteredSuggestions = computed(() => {
+        const q = this.draft().toLowerCase();
+        return this.suggestions().filter((item) => item.toLowerCase().includes(q) && !this.value().includes(item));
+    }, ...(ngDevMode ? [{ debugName: "filteredSuggestions" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value.set(value ?? []);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    onKeyDown(event) {
+        if (this.separators().includes(event.key)) {
+            event.preventDefault();
+            this.commitDraft();
+        }
+        if (event.key === 'Backspace' && !this.draft() && this.value().length) {
+            this.remove(this.value()[this.value().length - 1]);
+        }
+    }
+    commitDraft() {
+        const tag = this.draft().trim().replace(/,$/, '');
+        if (tag) {
+            this.add(tag);
+        }
+        this.onTouched();
+    }
+    add(tag) {
+        if (!this.value().includes(tag)) {
+            this.commit([...this.value(), tag]);
+        }
+        this.draft.set('');
+    }
+    remove(tag) {
+        this.commit(this.value().filter((item) => item !== tag));
+    }
+    commit(value) {
+        this.value.set(value);
+        this.onChange(value);
+        this.valueChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuTagsComponent, isStandalone: true, selector: "neu-tags", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, separators: { classPropertyName: "separators", publicName: "separators", isSignal: true, isRequired: false, transformFunction: null }, removeLabel: { classPropertyName: "removeLabel", publicName: "removeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "neu-tags" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuTagsComponent), multi: true }], ngImport: i0, template: `
+    @if (label()) {
+      <label class="neu-tags__label" [for]="inputId">{{ label() }}</label>
+    }
+    <div class="neu-tags__box" [class.neu-tags__box--disabled]="disabled() || cvaDisabled()">
+      @for (tag of value(); track tag) {
+        <span class="neu-tags__tag">
+          {{ tag }}
+          <button type="button" [attr.aria-label]="removeLabel() + ' ' + tag" (click)="remove(tag)">×</button>
+        </span>
+      }
+      <input
+        [id]="inputId"
+        [placeholder]="value().length ? '' : placeholder()"
+        [value]="draft()"
+        [disabled]="disabled() || cvaDisabled()"
+        (input)="draft.set($any($event.target).value)"
+        (keydown)="onKeyDown($event)"
+        (blur)="commitDraft()"
+      />
+    </div>
+    @if (suggestions().length && draft()) {
+      <div class="neu-tags__suggestions">
+        @for (suggestion of filteredSuggestions(); track suggestion) {
+          <button type="button" (click)="add(suggestion)">{{ suggestion }}</button>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [".neu-tags{display:grid;gap:.375rem}.neu-tags__label{font-size:.875rem;font-weight:600;color:var(--neu-text, #111827)}.neu-tags__box{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;min-height:2.5rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.625rem;background:var(--neu-surface, #fff);padding:.25rem}.neu-tags__tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.25rem .5rem}.neu-tags__tag button,.neu-tags__suggestions button{border:0;background:transparent;color:inherit}.neu-tags__box input{flex:1;min-width:8rem;border:0;outline:0;background:transparent;color:inherit}.neu-tags__suggestions{display:flex;flex-wrap:wrap;gap:.375rem}.neu-tags__suggestions button{border:1px solid var(--neu-border, #d1d5db);color:var(--neu-text, #111827);border-radius:999px;padding:.25rem .5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTagsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-tags', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuTagsComponent), multi: true }], host: { class: 'neu-tags' }, template: `
+    @if (label()) {
+      <label class="neu-tags__label" [for]="inputId">{{ label() }}</label>
+    }
+    <div class="neu-tags__box" [class.neu-tags__box--disabled]="disabled() || cvaDisabled()">
+      @for (tag of value(); track tag) {
+        <span class="neu-tags__tag">
+          {{ tag }}
+          <button type="button" [attr.aria-label]="removeLabel() + ' ' + tag" (click)="remove(tag)">×</button>
+        </span>
+      }
+      <input
+        [id]="inputId"
+        [placeholder]="value().length ? '' : placeholder()"
+        [value]="draft()"
+        [disabled]="disabled() || cvaDisabled()"
+        (input)="draft.set($any($event.target).value)"
+        (keydown)="onKeyDown($event)"
+        (blur)="commitDraft()"
+      />
+    </div>
+    @if (suggestions().length && draft()) {
+      <div class="neu-tags__suggestions">
+        @for (suggestion of filteredSuggestions(); track suggestion) {
+          <button type="button" (click)="add(suggestion)">{{ suggestion }}</button>
+        }
+      </div>
+    }
+  `, styles: [".neu-tags{display:grid;gap:.375rem}.neu-tags__label{font-size:.875rem;font-weight:600;color:var(--neu-text, #111827)}.neu-tags__box{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;min-height:2.5rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.625rem;background:var(--neu-surface, #fff);padding:.25rem}.neu-tags__tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text, #111827);padding:.25rem .5rem}.neu-tags__tag button,.neu-tags__suggestions button{border:0;background:transparent;color:inherit}.neu-tags__box input{flex:1;min-width:8rem;border:0;outline:0;background:transparent;color:inherit}.neu-tags__suggestions{display:flex;flex-wrap:wrap;gap:.375rem}.neu-tags__suggestions button{border:1px solid var(--neu-border, #d1d5db);color:var(--neu-text, #111827);border-radius:999px;padding:.25rem .5rem}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], separators: [{ type: i0.Input, args: [{ isSignal: true, alias: "separators", required: false }] }], removeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuTagsComponent };
+//# sourceMappingURL=neural-ui-core-tags.mjs.map

package/fesm2022/neural-ui-core-tags.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-tags.mjs","sources":["../../../../projects/ui-core/tags/neu-tags.component.ts","../../../../projects/ui-core/tags/neural-ui-core-tags.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, forwardRef, input, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'neu-tags',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuTagsComponent), multi: true }],\n  host: { class: 'neu-tags' },\n  template: `\n    @if (label()) {\n      <label class=\"neu-tags__label\" [for]=\"inputId\">{{ label() }}</label>\n    }\n    <div class=\"neu-tags__box\" [class.neu-tags__box--disabled]=\"disabled() || cvaDisabled()\">\n      @for (tag of value(); track tag) {\n        <span class=\"neu-tags__tag\">\n          {{ tag }}\n          <button type=\"button\" [attr.aria-label]=\"removeLabel() + ' ' + tag\" (click)=\"remove(tag)\">×</button>\n        </span>\n      }\n      <input\n        [id]=\"inputId\"\n        [placeholder]=\"value().length ? '' : placeholder()\"\n        [value]=\"draft()\"\n        [disabled]=\"disabled() || cvaDisabled()\"\n        (input)=\"draft.set($any($event.target).value)\"\n        (keydown)=\"onKeyDown($event)\"\n        (blur)=\"commitDraft()\"\n      />\n    </div>\n    @if (suggestions().length && draft()) {\n      <div class=\"neu-tags__suggestions\">\n        @for (suggestion of filteredSuggestions(); track suggestion) {\n          <button type=\"button\" (click)=\"add(suggestion)\">{{ suggestion }}</button>\n        }\n      </div>\n    }\n  `,\n  styleUrl: './neu-tags.component.scss',\n})\nexport class NeuTagsComponent implements ControlValueAccessor {\n  readonly label = input('');\n  readonly placeholder = input('Add tag...');\n  readonly disabled = input(false);\n  readonly suggestions = input<string[]>([]);\n  readonly separators = input<string[]>(['Enter', ',']);\n  readonly removeLabel = input('Remove');\n  readonly valueChange = output<string[]>();\n  readonly inputId = `neu-tags-${Math.random().toString(36).slice(2)}`;\n  readonly value = signal<string[]>([]);\n  readonly draft = signal('');\n  readonly cvaDisabled = signal(false);\n  readonly filteredSuggestions = computed(() => {\n    const q = this.draft().toLowerCase();\n    return this.suggestions().filter((item) => item.toLowerCase().includes(q) && !this.value().includes(item));\n  });\n  private onChange: (value: string[]) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  writeValue(value: string[] | null): void {\n    this.value.set(value ?? []);\n  }\n  registerOnChange(fn: (value: string[]) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n  }\n  onKeyDown(event: KeyboardEvent): void {\n    if (this.separators().includes(event.key)) {\n      event.preventDefault();\n      this.commitDraft();\n    }\n    if (event.key === 'Backspace' && !this.draft() && this.value().length) {\n      this.remove(this.value()[this.value().length - 1]!);\n    }\n  }\n  commitDraft(): void {\n    const tag = this.draft().trim().replace(/,$/, '');\n    if (tag) {\n      this.add(tag);\n    }\n    this.onTouched();\n  }\n  add(tag: string): void {\n    if (!this.value().includes(tag)) {\n      this.commit([...this.value(), tag]);\n    }\n    this.draft.set('');\n  }\n  remove(tag: string): void {\n    this.commit(this.value().filter((item) => item !== tag));\n  }\n  private commit(value: string[]): void {\n    this.value.set(value);\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-textarea.mjs

@@ -126,7 +126,7 @@ class NeuTextareaComponent {
         }}</span>
       }
     </div>
-  `, isInline: true, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{opacity:.5;pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTextareaComponent, decorators: [{
             type: Component,
@@ -177,7 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         }}</span>
       }
     </div>
-  `, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{opacity:.5;pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}\n"] }]
+  `, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], _textareaRef: [{ type: i0.ViewChild, args: ['textareaRef', { isSignal: true }] }] } });
 
 /**

package/fesm2022/neural-ui-core-textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-textarea.mjs","sources":["../../../../projects/ui-core/textarea/neu-textarea.component.ts","../../../../projects/ui-core/textarea/neural-ui-core-textarea.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nlet _neuTextareaIdSeq = 0;\n\n/**\n * NeuralUI Textarea Component\n *\n * Textarea con floating label y soporte completo para Angular Forms.\n * Soporta auto-resize opcional.\n *\n * Uso:\n *   <neu-textarea label=\"Descripción\" [formControl]=\"ctrl\" />\n *   <neu-textarea label=\"Bio\" [rows]=\"5\" [autoResize]=\"true\" />\n */\n@Component({\n  selector: 'neu-textarea',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-textarea-host',\n    '[class.neu-textarea-host--sm]': 'size() === \"sm\"',\n    '[class.neu-textarea-host--lg]': 'size() === \"lg\"',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuTextareaComponent),\n      multi: true,\n    },\n  ],\n  template: `\n    <div\n      class=\"neu-textarea__wrapper\"\n      [class.neu-textarea__wrapper--focused]=\"_focused()\"\n      [class.neu-textarea__wrapper--has-value]=\"hasValue()\"\n      [class.neu-textarea__wrapper--error]=\"hasError()\"\n      [class.neu-textarea__wrapper--disabled]=\"_isDisabledState()\"\n    >\n      <textarea\n        #textareaRef\n        class=\"neu-textarea__field\"\n        [id]=\"_id\"\n        [rows]=\"rows()\"\n        [placeholder]=\"' '\"\n        [attr.disabled]=\"_isDisabledState() ? true : null\"\n        [attr.readonly]=\"readonly() ? true : null\"\n        [attr.required]=\"required() ? true : null\"\n        [attr.maxlength]=\"maxlength() ?? null\"\n        [attr.name]=\"name() || null\"\n        [attr.aria-describedby]=\"hasError() ? _id + '-error' : hint() ? _id + '-hint' : null\"\n        [attr.aria-invalid]=\"hasError() ? 'true' : null\"\n        [style.resize]=\"_resizeStyle()\"\n        [value]=\"_value()\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n      ></textarea>\n      <label class=\"neu-textarea__label\" [for]=\"_id\">{{ label() }}</label>\n      @if (hint() && !hasError()) {\n        <span class=\"neu-textarea__hint\" [id]=\"_id + '-hint'\">{{ hint() }}</span>\n      }\n      @if (hasError()) {\n        <span class=\"neu-textarea__error\" role=\"alert\" [id]=\"_id + '-error'\">{{\n          errorMessage()\n        }}</span>\n      }\n    </div>\n  `,\n  styleUrl: './neu-textarea.component.scss',\n})\nexport class NeuTextareaComponent implements ControlValueAccessor {\n  readonly label = input('');\n  readonly rows = input<number>(3);\n  /** Tamaño del campo: 'sm' = compacto | 'md' = estándar | 'lg' = grande / Field size */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly autoResize = input<boolean>(false);\n  /** Permite al usuario redimensionar el campo manualmente (por defecto: true) / Allows the user to manually resize the field (default: true) */\n  readonly resizable = input<boolean>(true);\n  readonly errorMessage = input<string>('');\n  readonly hint = input<string>('');\n  readonly disabled = input<boolean>(false);\n  readonly readonly = input<boolean>(false);\n  readonly required = input<boolean>(false);\n  readonly name = input<string>('');\n  readonly maxlength = input<number | null>(null);\n\n  readonly _id = `neu-textarea-${_neuTextareaIdSeq++}`;\n\n  protected readonly _value = signal('');\n  protected readonly _focused = signal(false);\n  protected readonly _isDisabled = signal(false);\n\n  readonly _isDisabledState = computed(() => this.disabled() || this._isDisabled());\n  readonly hasValue = computed(() => this._value().length > 0);\n  readonly hasError = computed(() => !!this.errorMessage());\n  readonly _resizeStyle = computed(() => {\n    if (this.autoResize()) return 'none';\n    return this.resizable() ? 'vertical' : 'none';\n  });\n\n  private readonly _textareaRef = viewChild<ElementRef<HTMLTextAreaElement>>('textareaRef');\n\n  private _onChange: (v: string) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  constructor() {\n    effect(() => {\n      if (this.autoResize()) {\n        const el = this._textareaRef()?.nativeElement;\n        if (el) {\n          el.style.height = 'auto';\n          el.style.height = `${el.scrollHeight}px`;\n        }\n      }\n    });\n  }\n\n  onInput(event: Event): void {\n    const el = event.target as HTMLTextAreaElement;\n    this._value.set(el.value);\n    this._onChange(el.value);\n\n    if (this.autoResize()) {\n      el.style.height = 'auto';\n      el.style.height = `${el.scrollHeight}px`;\n    }\n  }\n\n  onFocus(): void {\n    this._focused.set(true);\n  }\n\n  onBlur(): void {\n    this._focused.set(false);\n    this._onTouched();\n  }\n\n  writeValue(val: unknown): void {\n    this._value.set(val == null ? '' : String(val));\n  }\n\n  registerOnChange(fn: (v: string) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-textarea.mjs","sources":["../../../../projects/ui-core/textarea/neu-textarea.component.ts","../../../../projects/ui-core/textarea/neural-ui-core-textarea.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nlet _neuTextareaIdSeq = 0;\n\n/**\n * NeuralUI Textarea Component\n *\n * Textarea con floating label y soporte completo para Angular Forms.\n * Soporta auto-resize opcional.\n *\n * Uso:\n *   <neu-textarea label=\"Descripción\" [formControl]=\"ctrl\" />\n *   <neu-textarea label=\"Bio\" [rows]=\"5\" [autoResize]=\"true\" />\n */\n@Component({\n  selector: 'neu-textarea',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-textarea-host',\n    '[class.neu-textarea-host--sm]': 'size() === \"sm\"',\n    '[class.neu-textarea-host--lg]': 'size() === \"lg\"',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuTextareaComponent),\n      multi: true,\n    },\n  ],\n  template: `\n    <div\n      class=\"neu-textarea__wrapper\"\n      [class.neu-textarea__wrapper--focused]=\"_focused()\"\n      [class.neu-textarea__wrapper--has-value]=\"hasValue()\"\n      [class.neu-textarea__wrapper--error]=\"hasError()\"\n      [class.neu-textarea__wrapper--disabled]=\"_isDisabledState()\"\n    >\n      <textarea\n        #textareaRef\n        class=\"neu-textarea__field\"\n        [id]=\"_id\"\n        [rows]=\"rows()\"\n        [placeholder]=\"' '\"\n        [attr.disabled]=\"_isDisabledState() ? true : null\"\n        [attr.readonly]=\"readonly() ? true : null\"\n        [attr.required]=\"required() ? true : null\"\n        [attr.maxlength]=\"maxlength() ?? null\"\n        [attr.name]=\"name() || null\"\n        [attr.aria-describedby]=\"hasError() ? _id + '-error' : hint() ? _id + '-hint' : null\"\n        [attr.aria-invalid]=\"hasError() ? 'true' : null\"\n        [style.resize]=\"_resizeStyle()\"\n        [value]=\"_value()\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n      ></textarea>\n      <label class=\"neu-textarea__label\" [for]=\"_id\">{{ label() }}</label>\n      @if (hint() && !hasError()) {\n        <span class=\"neu-textarea__hint\" [id]=\"_id + '-hint'\">{{ hint() }}</span>\n      }\n      @if (hasError()) {\n        <span class=\"neu-textarea__error\" role=\"alert\" [id]=\"_id + '-error'\">{{\n          errorMessage()\n        }}</span>\n      }\n    </div>\n  `,\n  styleUrl: './neu-textarea.component.scss',\n})\nexport class NeuTextareaComponent implements ControlValueAccessor {\n  readonly label = input('');\n  readonly rows = input<number>(3);\n  /** Tamaño del campo: 'sm' = compacto | 'md' = estándar | 'lg' = grande / Field size */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly autoResize = input<boolean>(false);\n  /** Permite al usuario redimensionar el campo manualmente (por defecto: true) / Allows the user to manually resize the field (default: true) */\n  readonly resizable = input<boolean>(true);\n  readonly errorMessage = input<string>('');\n  readonly hint = input<string>('');\n  readonly disabled = input<boolean>(false);\n  readonly readonly = input<boolean>(false);\n  readonly required = input<boolean>(false);\n  readonly name = input<string>('');\n  readonly maxlength = input<number | null>(null);\n\n  readonly _id = `neu-textarea-${_neuTextareaIdSeq++}`;\n\n  protected readonly _value = signal('');\n  protected readonly _focused = signal(false);\n  protected readonly _isDisabled = signal(false);\n\n  readonly _isDisabledState = computed(() => this.disabled() || this._isDisabled());\n  readonly hasValue = computed(() => this._value().length > 0);\n  readonly hasError = computed(() => !!this.errorMessage());\n  readonly _resizeStyle = computed(() => {\n    if (this.autoResize()) return 'none';\n    return this.resizable() ? 'vertical' : 'none';\n  });\n\n  private readonly _textareaRef = viewChild<ElementRef<HTMLTextAreaElement>>('textareaRef');\n\n  private _onChange: (v: string) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  constructor() {\n    effect(() => {\n      if (this.autoResize()) {\n        const el = this._textareaRef()?.nativeElement;\n        if (el) {\n          el.style.height = 'auto';\n          el.style.height = `${el.scrollHeight}px`;\n        }\n      }\n    });\n  }\n\n  onInput(event: Event): void {\n    const el = event.target as HTMLTextAreaElement;\n    this._value.set(el.value);\n    this._onChange(el.value);\n\n    if (this.autoResize()) {\n      el.style.height = 'auto';\n      el.style.height = `${el.scrollHeight}px`;\n    }\n  }\n\n  onFocus(): void {\n    this._focused.set(true);\n  }\n\n  onBlur(): void {\n    this._focused.set(false);\n    this._onTouched();\n  }\n\n  writeValue(val: unknown): void {\n    this._value.set(val == null ? '' : String(val));\n  }\n\n  registerOnChange(fn: (v: string) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-toggle-button-group.mjs

@@ -116,7 +116,7 @@ class NeuToggleButtonGroupComponent {
         </button>
       }
     </div>
-  `, isInline: true, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-right-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));color:var(--neu-primary-solid-fg, var(--neu-primary-fg))}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}\n"], dependencies: [{ kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-right-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));color:var(--neu-primary-solid-fg, var(--neu-primary-fg))}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}html[data-theme=dark] .neu-toggle-group__btn{color:#f2f7fb}html[data-theme=dark] .neu-toggle-group__btn--active{background:#0b66d4;color:#fff;border-right-color:#0b66d4}\n"], dependencies: [{ kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuToggleButtonGroupComponent, decorators: [{
             type: Component,
@@ -151,7 +151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         </button>
       }
     </div>
-  `, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-right-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));color:var(--neu-primary-solid-fg, var(--neu-primary-fg))}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}\n"] }]
+  `, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-right-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));color:var(--neu-primary-solid-fg, var(--neu-primary-fg))}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}html[data-theme=dark] .neu-toggle-group__btn{color:#f2f7fb}html[data-theme=dark] .neu-toggle-group__btn--active{background:#0b66d4;color:#fff;border-right-color:#0b66d4}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], neuChange: [{ type: i0.Output, args: ["neuChange"] }] } });
 
 /**

package/fesm2022/neural-ui-core-toggle-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-toggle-button-group.mjs","sources":["../../../../projects/ui-core/toggle-button-group/neu-toggle-button-group.component.ts","../../../../projects/ui-core/toggle-button-group/neural-ui-core-toggle-button-group.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NeuButtonSize } from '@neural-ui/core/button';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\n\nexport interface NeuToggleOption<T = unknown> {\n  /** Texto visible del botón / Visible button text */\n  label: string;\n  /** Valor asociado a esta opción / Value associated with this option */\n  value: T;\n  /** Nombre de icono Lucide (opcional) / Lucide icon name (optional) */\n  icon?: string;\n  /** Deshabilita solo esta opción / Disables this option only */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI ToggleButtonGroup Component\n *\n * Grupo de botones de selección (single o múltiple). / Selection button group (single or multiple).\n * Selector segmentado para selección única o múltiple. / Segmented selector for single or multiple selection.\n *\n * Uso (single):\n *   <neu-toggle-button-group [options]=\"opts\" [formControl]=\"valueCtrl\" />\n *\n * Uso (múltiple):\n *   <neu-toggle-button-group [options]=\"opts\" [multiple]=\"true\" [formControl]=\"valuesCtrl\" />\n */\n@Component({\n  selector: 'neu-toggle-button-group',\n  imports: [NeuIconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuToggleButtonGroupComponent),\n      multi: true,\n    },\n  ],\n  host: { class: 'neu-toggle-group-host' },\n  template: `\n    <div\n      class=\"neu-toggle-group\"\n      [class]=\"groupClasses()\"\n      role=\"group\"\n      [attr.aria-disabled]=\"_isDisabled() || null\"\n    >\n      @for (opt of options(); track opt.value) {\n        <button\n          type=\"button\"\n          class=\"neu-toggle-group__btn\"\n          [class.neu-toggle-group__btn--active]=\"isSelected(opt.value)\"\n          [class.neu-toggle-group__btn--disabled]=\"opt.disabled || _isDisabled()\"\n          [attr.aria-pressed]=\"isSelected(opt.value)\"\n          [disabled]=\"opt.disabled || _isDisabled() ? '' : null\"\n          (click)=\"toggle(opt)\"\n          (blur)=\"onBlur()\"\n        >\n          @if (opt.icon) {\n            <neu-icon [name]=\"opt.icon\" size=\"16px\" strokeWidth=\"2\" />\n          }\n          {{ opt.label }}\n        </button>\n      }\n    </div>\n  `,\n  styleUrl: './neu-toggle-button-group.component.scss',\n})\nexport class NeuToggleButtonGroupComponent<T = unknown> implements ControlValueAccessor {\n  /** Lista de opciones del grupo / Group option list */\n  options = input<NeuToggleOption<T>[]>([]);\n\n  /**\n   * Permite seleccionar múltiples opciones.\n   * - false (por defecto): valor es `T | null`\n   * - true: valor es `T[]`\n   */\n  multiple = input<boolean>(false);\n\n  /** Tamaño visual / Visual size */\n  size = input<NeuButtonSize>('md');\n\n  /** Deshabilita todo el grupo / Disables the entire group */\n  disabled = input<boolean>(false);\n\n  /** Emite el nuevo valor al cambiar (útil sin formControl) / Emits the new value on change (useful without formControl) */\n  neuChange = output<T | T[] | null>();\n\n  readonly _value = signal<T | T[] | null>(null);\n  readonly _isDisabled = signal(false);\n\n  readonly groupClasses = computed(() => ({\n    'neu-toggle-group': true,\n    [`neu-toggle-group--${this.size()}`]: true,\n    'neu-toggle-group--disabled': this._isDisabled(),\n  }));\n\n  isSelected(value: T): boolean {\n    const v = this._value();\n    if (this.multiple()) {\n      return Array.isArray(v) && (v as T[]).includes(value);\n    }\n    return v === value;\n  }\n\n  toggle(opt: NeuToggleOption<T>): void {\n    if (opt.disabled || this._isDisabled()) return;\n\n    let next: T | T[] | null;\n\n    if (this.multiple()) {\n      const current: T[] = Array.isArray(this._value()) ? (this._value() as T[]) : [];\n      const idx = current.indexOf(opt.value);\n      next = idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, opt.value];\n    } else {\n      next = this._value() === opt.value ? null : opt.value;\n    }\n\n    this._value.set(next);\n    this._onChange(next);\n    this._onTouched();\n    this.neuChange.emit(next);\n  }\n\n  onBlur(): void {\n    this._onTouched();\n  }\n\n  // ---- CVA ----\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  writeValue(val: T | T[] | null): void {\n    if (val === null || val === undefined) {\n      this._value.set(this.multiple() ? ([] as T[]) : null);\n    } else {\n      this._value.set(val);\n    }\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-toggle-button-group.mjs","sources":["../../../../projects/ui-core/toggle-button-group/neu-toggle-button-group.component.ts","../../../../projects/ui-core/toggle-button-group/neural-ui-core-toggle-button-group.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NeuButtonSize } from '@neural-ui/core/button';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\n\nexport interface NeuToggleOption<T = unknown> {\n  /** Texto visible del botón / Visible button text */\n  label: string;\n  /** Valor asociado a esta opción / Value associated with this option */\n  value: T;\n  /** Nombre de icono Lucide (opcional) / Lucide icon name (optional) */\n  icon?: string;\n  /** Deshabilita solo esta opción / Disables this option only */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI ToggleButtonGroup Component\n *\n * Grupo de botones de selección (single o múltiple). / Selection button group (single or multiple).\n * Selector segmentado para selección única o múltiple. / Segmented selector for single or multiple selection.\n *\n * Uso (single):\n *   <neu-toggle-button-group [options]=\"opts\" [formControl]=\"valueCtrl\" />\n *\n * Uso (múltiple):\n *   <neu-toggle-button-group [options]=\"opts\" [multiple]=\"true\" [formControl]=\"valuesCtrl\" />\n */\n@Component({\n  selector: 'neu-toggle-button-group',\n  imports: [NeuIconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuToggleButtonGroupComponent),\n      multi: true,\n    },\n  ],\n  host: { class: 'neu-toggle-group-host' },\n  template: `\n    <div\n      class=\"neu-toggle-group\"\n      [class]=\"groupClasses()\"\n      role=\"group\"\n      [attr.aria-disabled]=\"_isDisabled() || null\"\n    >\n      @for (opt of options(); track opt.value) {\n        <button\n          type=\"button\"\n          class=\"neu-toggle-group__btn\"\n          [class.neu-toggle-group__btn--active]=\"isSelected(opt.value)\"\n          [class.neu-toggle-group__btn--disabled]=\"opt.disabled || _isDisabled()\"\n          [attr.aria-pressed]=\"isSelected(opt.value)\"\n          [disabled]=\"opt.disabled || _isDisabled() ? '' : null\"\n          (click)=\"toggle(opt)\"\n          (blur)=\"onBlur()\"\n        >\n          @if (opt.icon) {\n            <neu-icon [name]=\"opt.icon\" size=\"16px\" strokeWidth=\"2\" />\n          }\n          {{ opt.label }}\n        </button>\n      }\n    </div>\n  `,\n  styleUrl: './neu-toggle-button-group.component.scss',\n})\nexport class NeuToggleButtonGroupComponent<T = unknown> implements ControlValueAccessor {\n  /** Lista de opciones del grupo / Group option list */\n  options = input<NeuToggleOption<T>[]>([]);\n\n  /**\n   * Permite seleccionar múltiples opciones.\n   * - false (por defecto): valor es `T | null`\n   * - true: valor es `T[]`\n   */\n  multiple = input<boolean>(false);\n\n  /** Tamaño visual / Visual size */\n  size = input<NeuButtonSize>('md');\n\n  /** Deshabilita todo el grupo / Disables the entire group */\n  disabled = input<boolean>(false);\n\n  /** Emite el nuevo valor al cambiar (útil sin formControl) / Emits the new value on change (useful without formControl) */\n  neuChange = output<T | T[] | null>();\n\n  readonly _value = signal<T | T[] | null>(null);\n  readonly _isDisabled = signal(false);\n\n  readonly groupClasses = computed(() => ({\n    'neu-toggle-group': true,\n    [`neu-toggle-group--${this.size()}`]: true,\n    'neu-toggle-group--disabled': this._isDisabled(),\n  }));\n\n  isSelected(value: T): boolean {\n    const v = this._value();\n    if (this.multiple()) {\n      return Array.isArray(v) && (v as T[]).includes(value);\n    }\n    return v === value;\n  }\n\n  toggle(opt: NeuToggleOption<T>): void {\n    if (opt.disabled || this._isDisabled()) return;\n\n    let next: T | T[] | null;\n\n    if (this.multiple()) {\n      const current: T[] = Array.isArray(this._value()) ? (this._value() as T[]) : [];\n      const idx = current.indexOf(opt.value);\n      next = idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, opt.value];\n    } else {\n      next = this._value() === opt.value ? null : opt.value;\n    }\n\n    this._value.set(next);\n    this._onChange(next);\n    this._onTouched();\n    this.neuChange.emit(next);\n  }\n\n  onBlur(): void {\n    this._onTouched();\n  }\n\n  // ---- CVA ----\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  writeValue(val: T | T[] | null): void {\n    if (val === null || val === undefined) {\n      this._value.set(this.multiple() ? ([] as T[]) : null);\n    } else {\n      this._value.set(val);\n    }\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-toolbar.mjs

@@ -20,17 +20,23 @@ class NeuToolbarComponent {
     shadow = input(false, ...(ngDevMode ? [{ debugName: "shadow" }] : /* istanbul ignore next */ []));
     /** Añade separador inferior / Adds bottom separator */
     bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    /** Densidad visual: comfortable mantiene el espaciado actual, compact reduce huecos / Visual density */
+    density = input('comfortable', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    /** Permite que los grupos pasen a varias líneas en responsive / Allows groups to wrap on narrow surfaces */
+    wrap = input('nowrap', ...(ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []));
     /** Color de fondo personalizado vía CSS (pasa a la variable local) / Custom background color via CSS */
     surface = input('surface', ...(ngDevMode ? [{ debugName: "surface" }] : /* istanbul ignore next */ []));
     hostClasses = computed(() => ({
         'neu-toolbar': true,
         [`neu-toolbar--${this.size()}`]: true,
         [`neu-toolbar--${this.surface()}`]: true,
+        [`neu-toolbar--density-${this.density()}`]: true,
+        [`neu-toolbar--${this.wrap()}`]: true,
         'neu-toolbar--shadow': this.shadow(),
         'neu-toolbar--bordered': this.bordered(),
     }), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: NeuToolbarComponent, isStandalone: true, selector: "neu-toolbar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: NeuToolbarComponent, isStandalone: true, selector: "neu-toolbar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
     <div class="neu-toolbar__section neu-toolbar__section--start">
       <ng-content select="[neu-toolbar-start]" />
     </div>
@@ -40,8 +46,11 @@ class NeuToolbarComponent {
     <div class="neu-toolbar__section neu-toolbar__section--end">
       <ng-content select="[neu-toolbar-end]" />
     </div>
+    <div class="neu-toolbar__section neu-toolbar__section--secondary">
+      <ng-content select="[neu-toolbar-secondary]" />
+    </div>
     <ng-content />
-  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-toolbar{display:flex;align-items:center;width:100%;gap:8px;background:var(--neu-toolbar-bg, var(--neu-surface-1, #ffffff));color:var(--neu-toolbar-color, var(--neu-text-primary, #111))}.neu-toolbar--sm{padding:6px 12px;min-height:40px}.neu-toolbar--md{padding:8px 16px;min-height:52px}.neu-toolbar--lg{padding:12px 20px;min-height:64px}.neu-toolbar--primary{background:var(--neu-toolbar-primary-bg, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-toolbar-primary-color, #fff)}.neu-toolbar--primary .neu-button--ghost{color:#ffffffeb}.neu-toolbar--primary .neu-button--ghost:hover:not(:disabled):not(.neu-button--disabled){background:#ffffff1f;color:#fff}.neu-toolbar--none{background:transparent}.neu-toolbar--shadow{box-shadow:0 1px 4px #0000001a}.neu-toolbar--bordered{border-bottom:1px solid var(--neu-border-color, #e5e7eb)}.neu-toolbar__section{display:flex;align-items:center;gap:8px}.neu-toolbar__section--start{flex:0 0 auto;margin-right:auto}.neu-toolbar__section--center{flex:0 1 auto;justify-content:center}.neu-toolbar__section--end{flex:0 0 auto;margin-left:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-toolbar{display:flex;align-items:center;width:100%;gap:8px;background:var(--neu-toolbar-bg, var(--neu-surface-1, #ffffff));color:var(--neu-toolbar-color, var(--neu-text, #111))}.neu-toolbar--sm{padding:6px 12px;min-height:40px}.neu-toolbar--md{padding:8px 16px;min-height:52px}.neu-toolbar--lg{padding:12px 20px;min-height:64px}.neu-toolbar--primary{background:var(--neu-toolbar-primary-bg, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-toolbar-primary-color, #fff)}.neu-toolbar--primary .neu-button--ghost{color:#ffffffeb}.neu-toolbar--primary .neu-button--ghost:hover:not(:disabled):not(.neu-button--disabled){background:#ffffff1f;color:#fff}.neu-toolbar--none{background:transparent}.neu-toolbar--shadow{box-shadow:0 1px 4px #0000001a}.neu-toolbar--bordered{border-bottom:1px solid var(--neu-border-color, #e5e7eb)}.neu-toolbar--density-compact{gap:6px}.neu-toolbar--density-compact.neu-toolbar--sm{padding:4px 8px;min-height:34px}.neu-toolbar--density-compact.neu-toolbar--md{padding:6px 10px;min-height:42px}.neu-toolbar--density-compact.neu-toolbar--lg{padding:8px 12px;min-height:50px}.neu-toolbar--wrap{flex-wrap:wrap}.neu-toolbar--wrap .neu-toolbar__section{min-width:0}.neu-toolbar__section{display:flex;align-items:center;gap:8px}.neu-toolbar__section--start{flex:0 0 auto;margin-right:auto}.neu-toolbar__section--center{flex:0 1 auto;justify-content:center}.neu-toolbar__section--end{flex:0 0 auto;margin-left:auto}.neu-toolbar__section--secondary{flex:1 1 100%;order:4;display:none}.neu-toolbar__section--secondary:not(:empty){display:flex}@media(max-width:640px){.neu-toolbar--wrap .neu-toolbar__section--center{order:3;flex:1 1 100%;justify-content:flex-start}.neu-toolbar--wrap .neu-toolbar__section--end{margin-left:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuToolbarComponent, decorators: [{
             type: Component,
@@ -55,9 +64,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
     <div class="neu-toolbar__section neu-toolbar__section--end">
       <ng-content select="[neu-toolbar-end]" />
     </div>
+    <div class="neu-toolbar__section neu-toolbar__section--secondary">
+      <ng-content select="[neu-toolbar-secondary]" />
+    </div>
     <ng-content />
-  `, styles: ["@charset \"UTF-8\";.neu-toolbar{display:flex;align-items:center;width:100%;gap:8px;background:var(--neu-toolbar-bg, var(--neu-surface-1, #ffffff));color:var(--neu-toolbar-color, var(--neu-text-primary, #111))}.neu-toolbar--sm{padding:6px 12px;min-height:40px}.neu-toolbar--md{padding:8px 16px;min-height:52px}.neu-toolbar--lg{padding:12px 20px;min-height:64px}.neu-toolbar--primary{background:var(--neu-toolbar-primary-bg, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-toolbar-primary-color, #fff)}.neu-toolbar--primary .neu-button--ghost{color:#ffffffeb}.neu-toolbar--primary .neu-button--ghost:hover:not(:disabled):not(.neu-button--disabled){background:#ffffff1f;color:#fff}.neu-toolbar--none{background:transparent}.neu-toolbar--shadow{box-shadow:0 1px 4px #0000001a}.neu-toolbar--bordered{border-bottom:1px solid var(--neu-border-color, #e5e7eb)}.neu-toolbar__section{display:flex;align-items:center;gap:8px}.neu-toolbar__section--start{flex:0 0 auto;margin-right:auto}.neu-toolbar__section--center{flex:0 1 auto;justify-content:center}.neu-toolbar__section--end{flex:0 0 auto;margin-left:auto}\n"] }]
-        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }] } });
+  `, styles: ["@charset \"UTF-8\";.neu-toolbar{display:flex;align-items:center;width:100%;gap:8px;background:var(--neu-toolbar-bg, var(--neu-surface-1, #ffffff));color:var(--neu-toolbar-color, var(--neu-text, #111))}.neu-toolbar--sm{padding:6px 12px;min-height:40px}.neu-toolbar--md{padding:8px 16px;min-height:52px}.neu-toolbar--lg{padding:12px 20px;min-height:64px}.neu-toolbar--primary{background:var(--neu-toolbar-primary-bg, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-toolbar-primary-color, #fff)}.neu-toolbar--primary .neu-button--ghost{color:#ffffffeb}.neu-toolbar--primary .neu-button--ghost:hover:not(:disabled):not(.neu-button--disabled){background:#ffffff1f;color:#fff}.neu-toolbar--none{background:transparent}.neu-toolbar--shadow{box-shadow:0 1px 4px #0000001a}.neu-toolbar--bordered{border-bottom:1px solid var(--neu-border-color, #e5e7eb)}.neu-toolbar--density-compact{gap:6px}.neu-toolbar--density-compact.neu-toolbar--sm{padding:4px 8px;min-height:34px}.neu-toolbar--density-compact.neu-toolbar--md{padding:6px 10px;min-height:42px}.neu-toolbar--density-compact.neu-toolbar--lg{padding:8px 12px;min-height:50px}.neu-toolbar--wrap{flex-wrap:wrap}.neu-toolbar--wrap .neu-toolbar__section{min-width:0}.neu-toolbar__section{display:flex;align-items:center;gap:8px}.neu-toolbar__section--start{flex:0 0 auto;margin-right:auto}.neu-toolbar__section--center{flex:0 1 auto;justify-content:center}.neu-toolbar__section--end{flex:0 0 auto;margin-left:auto}.neu-toolbar__section--secondary{flex:1 1 100%;order:4;display:none}.neu-toolbar__section--secondary:not(:empty){display:flex}@media(max-width:640px){.neu-toolbar--wrap .neu-toolbar__section--center{order:3;flex:1 1 100%;justify-content:flex-start}.neu-toolbar--wrap .neu-toolbar__section--end{margin-left:0}}\n"] }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/neural-ui-core-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-toolbar.mjs","sources":["../../../../projects/ui-core/toolbar/neu-toolbar.component.ts","../../../../projects/ui-core/toolbar/neural-ui-core-toolbar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\nexport type NeuToolbarSize = 'sm' | 'md' | 'lg';\n\n/**\n * NeuralUI Toolbar Component\n *\n * Barra horizontal con tres zonas de contenido: start (izquierda), center (centro) y end (derecha).\n *\n * Uso:\n *   <neu-toolbar>\n *     <span neu-toolbar-start>Logo</span>\n *     <span neu-toolbar-center>Título</span>\n *     <span neu-toolbar-end><neu-button>Acción</neu-button></span>\n *   </neu-toolbar>\n */\n@Component({\n  selector: 'neu-toolbar',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'hostClasses()' },\n  template: `\n    <div class=\"neu-toolbar__section neu-toolbar__section--start\">\n      <ng-content select=\"[neu-toolbar-start]\" />\n    </div>\n    <div class=\"neu-toolbar__section neu-toolbar__section--center\">\n      <ng-content select=\"[neu-toolbar-center]\" />\n    </div>\n    <div class=\"neu-toolbar__section neu-toolbar__section--end\">\n      <ng-content select=\"[neu-toolbar-end]\" />\n    </div>\n    <ng-content />\n  `,\n  styleUrl: './neu-toolbar.component.scss',\n})\nexport class NeuToolbarComponent {\n  /** Tamaño de la toolbar / Toolbar size */\n  readonly size = input<NeuToolbarSize>('md');\n\n  /** Añade sombra en la parte inferior / Adds shadow at the bottom */\n  readonly shadow = input<boolean>(false);\n\n  /** Añade separador inferior / Adds bottom separator */\n  readonly bordered = input<boolean>(false);\n\n  /** Color de fondo personalizado vía CSS (pasa a la variable local) / Custom background color via CSS */\n  readonly surface = input<'primary' | 'surface' | 'none'>('surface');\n\n  readonly hostClasses = computed(() => ({\n    'neu-toolbar': true,\n    [`neu-toolbar--${this.size()}`]: true,\n    [`neu-toolbar--${this.surface()}`]: true,\n    'neu-toolbar--shadow': this.shadow(),\n    'neu-toolbar--bordered': this.bordered(),\n  }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAUA;;;;;;;;;;;AAWG;MAqBU,mBAAmB,CAAA;;AAErB,IAAA,IAAI,GAAG,KAAK,CAAiB,IAAI,2EAAC;;AAGlC,IAAA,MAAM,GAAG,KAAK,CAAU,KAAK,6EAAC;;AAG9B,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;AAGhC,IAAA,OAAO,GAAG,KAAK,CAAiC,SAAS,8EAAC;AAE1D,IAAA,WAAW,GAAG,QAAQ,CAAC,OAAO;AACrC,QAAA,aAAa,EAAE,IAAI;QACnB,CAAC,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,IAAI;QACrC,CAAC,CAAA,aAAA,EAAgB,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,IAAI;AACxC,QAAA,qBAAqB,EAAE,IAAI,CAAC,MAAM,EAAE;AACpC,QAAA,uBAAuB,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzC,KAAA,CAAC,kFAAC;wGAnBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdpB;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6lCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAGU,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBApB/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,WACd,EAAE,EAAA,aAAA,EACI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,QACzC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,QAAA,EAC1B;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,6lCAAA,CAAA,EAAA;;;ACvCH;;AAEG;;;;"}
+{"version":3,"file":"neural-ui-core-toolbar.mjs","sources":["../../../../projects/ui-core/toolbar/neu-toolbar.component.ts","../../../../projects/ui-core/toolbar/neural-ui-core-toolbar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\nexport type NeuToolbarSize = 'sm' | 'md' | 'lg';\nexport type NeuToolbarDensity = 'comfortable' | 'compact';\nexport type NeuToolbarWrap = 'nowrap' | 'wrap';\n\n/**\n * NeuralUI Toolbar Component\n *\n * Barra horizontal con tres zonas de contenido: start (izquierda), center (centro) y end (derecha).\n *\n * Uso:\n *   <neu-toolbar>\n *     <span neu-toolbar-start>Logo</span>\n *     <span neu-toolbar-center>Título</span>\n *     <span neu-toolbar-end><neu-button>Acción</neu-button></span>\n *   </neu-toolbar>\n */\n@Component({\n  selector: 'neu-toolbar',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'hostClasses()' },\n  template: `\n    <div class=\"neu-toolbar__section neu-toolbar__section--start\">\n      <ng-content select=\"[neu-toolbar-start]\" />\n    </div>\n    <div class=\"neu-toolbar__section neu-toolbar__section--center\">\n      <ng-content select=\"[neu-toolbar-center]\" />\n    </div>\n    <div class=\"neu-toolbar__section neu-toolbar__section--end\">\n      <ng-content select=\"[neu-toolbar-end]\" />\n    </div>\n    <div class=\"neu-toolbar__section neu-toolbar__section--secondary\">\n      <ng-content select=\"[neu-toolbar-secondary]\" />\n    </div>\n    <ng-content />\n  `,\n  styleUrl: './neu-toolbar.component.scss',\n})\nexport class NeuToolbarComponent {\n  /** Tamaño de la toolbar / Toolbar size */\n  readonly size = input<NeuToolbarSize>('md');\n\n  /** Añade sombra en la parte inferior / Adds shadow at the bottom */\n  readonly shadow = input<boolean>(false);\n\n  /** Añade separador inferior / Adds bottom separator */\n  readonly bordered = input<boolean>(false);\n\n  /** Densidad visual: comfortable mantiene el espaciado actual, compact reduce huecos / Visual density */\n  readonly density = input<NeuToolbarDensity>('comfortable');\n\n  /** Permite que los grupos pasen a varias líneas en responsive / Allows groups to wrap on narrow surfaces */\n  readonly wrap = input<NeuToolbarWrap>('nowrap');\n\n  /** Color de fondo personalizado vía CSS (pasa a la variable local) / Custom background color via CSS */\n  readonly surface = input<'primary' | 'surface' | 'none'>('surface');\n\n  readonly hostClasses = computed(() => ({\n    'neu-toolbar': true,\n    [`neu-toolbar--${this.size()}`]: true,\n    [`neu-toolbar--${this.surface()}`]: true,\n    [`neu-toolbar--density-${this.density()}`]: true,\n    [`neu-toolbar--${this.wrap()}`]: true,\n    'neu-toolbar--shadow': this.shadow(),\n    'neu-toolbar--bordered': this.bordered(),\n  }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAYA;;;;;;;;;;;AAWG;MAwBU,mBAAmB,CAAA;;AAErB,IAAA,IAAI,GAAG,KAAK,CAAiB,IAAI,2EAAC;;AAGlC,IAAA,MAAM,GAAG,KAAK,CAAU,KAAK,6EAAC;;AAG9B,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;AAGhC,IAAA,OAAO,GAAG,KAAK,CAAoB,aAAa,8EAAC;;AAGjD,IAAA,IAAI,GAAG,KAAK,CAAiB,QAAQ,2EAAC;;AAGtC,IAAA,OAAO,GAAG,KAAK,CAAiC,SAAS,8EAAC;AAE1D,IAAA,WAAW,GAAG,QAAQ,CAAC,OAAO;AACrC,QAAA,aAAa,EAAE,IAAI;QACnB,CAAC,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,IAAI;QACrC,CAAC,CAAA,aAAA,EAAgB,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,IAAI;QACxC,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,IAAI;QAChD,CAAC,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,IAAI;AACrC,QAAA,qBAAqB,EAAE,IAAI,CAAC,MAAM,EAAE;AACpC,QAAA,uBAAuB,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzC,KAAA,CAAC,kFAAC;wGA3BQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjBpB;;;;;;;;;;;;;;AAcT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mvDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAGU,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAvB/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,WACd,EAAE,EAAA,aAAA,EACI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,QACzC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,QAAA,EAC1B;;;;;;;;;;;;;;AAcT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,mvDAAA,CAAA,EAAA;;;AC5CH;;AAEG;;;;"}