@spartan-ng/brain 0.0.1-alpha.493 → 0.0.1-alpha.494

package/select/index.d.ts

@@ -1,34 +1,34 @@
-import { BrnSelectContentComponent, BrnSelectScrollDownDirective, BrnSelectScrollUpDirective } from './lib/brn-select-content.component';
-import { BrnSelectGroupDirective } from './lib/brn-select-group.directive';
-import { BrnSelectLabelDirective } from './lib/brn-select-label.directive';
-import { BrnSelectOptionDirective } from './lib/brn-select-option.directive';
-import { BrnSelectPlaceholderDirective } from './lib/brn-select-placeholder.directive';
-import { BrnSelectTriggerDirective } from './lib/brn-select-trigger.directive';
-import { BrnSelectValueComponent } from './lib/brn-select-value.component';
-import { BrnSelectValueDirective } from './lib/brn-select-value.directive';
-import { BrnSelectComponent } from './lib/brn-select.component';
+import { BrnSelect } from './lib/brn-select';
+import { BrnSelectContent, BrnSelectScrollDown, BrnSelectScrollUp } from './lib/brn-select-content';
+import { BrnSelectGroup } from './lib/brn-select-group';
+import { BrnSelectLabel } from './lib/brn-select-label';
+import { BrnSelectOption } from './lib/brn-select-option';
+import { BrnSelectPlaceholder } from './lib/brn-select-placeholder';
+import { BrnSelectTrigger } from './lib/brn-select-trigger';
+import { BrnSelectValue } from './lib/brn-select-value';
+import { BrnSelectValueTemplate } from './lib/brn-select-value-template';
 import * as i0 from "@angular/core";
-import * as i1 from "./lib/brn-select.component";
-import * as i2 from "./lib/brn-select-content.component";
-import * as i3 from "./lib/brn-select-trigger.directive";
-import * as i4 from "./lib/brn-select-option.directive";
-import * as i5 from "./lib/brn-select-value.component";
-import * as i6 from "./lib/brn-select-group.directive";
-import * as i7 from "./lib/brn-select-label.directive";
-import * as i8 from "./lib/brn-select-value.directive";
-import * as i9 from "./lib/brn-select-placeholder.directive";
-export * from './lib/brn-select-content.component';
-export * from './lib/brn-select-group.directive';
-export * from './lib/brn-select-label.directive';
-export * from './lib/brn-select-option.directive';
-export * from './lib/brn-select-placeholder.directive';
-export * from './lib/brn-select-trigger.directive';
-export * from './lib/brn-select-value.component';
-export * from './lib/brn-select-value.directive';
-export * from './lib/brn-select.component';
-export declare const BrnSelectImports: readonly [typeof BrnSelectComponent, typeof BrnSelectContentComponent, typeof BrnSelectTriggerDirective, typeof BrnSelectOptionDirective, typeof BrnSelectValueComponent, typeof BrnSelectScrollDownDirective, typeof BrnSelectScrollUpDirective, typeof BrnSelectGroupDirective, typeof BrnSelectLabelDirective, typeof BrnSelectValueDirective, typeof BrnSelectPlaceholderDirective];
+import * as i1 from "./lib/brn-select";
+import * as i2 from "./lib/brn-select-content";
+import * as i3 from "./lib/brn-select-trigger";
+import * as i4 from "./lib/brn-select-option";
+import * as i5 from "./lib/brn-select-value";
+import * as i6 from "./lib/brn-select-group";
+import * as i7 from "./lib/brn-select-label";
+import * as i8 from "./lib/brn-select-value-template";
+import * as i9 from "./lib/brn-select-placeholder";
+export * from './lib/brn-select';
+export * from './lib/brn-select-content';
+export * from './lib/brn-select-group';
+export * from './lib/brn-select-label';
+export * from './lib/brn-select-option';
+export * from './lib/brn-select-placeholder';
+export * from './lib/brn-select-trigger';
+export * from './lib/brn-select-value';
+export * from './lib/brn-select-value-template';
+export declare const BrnSelectImports: readonly [typeof BrnSelect, typeof BrnSelectContent, typeof BrnSelectTrigger, typeof BrnSelectOption, typeof BrnSelectValue, typeof BrnSelectScrollDown, typeof BrnSelectScrollUp, typeof BrnSelectGroup, typeof BrnSelectLabel, typeof BrnSelectValueTemplate, typeof BrnSelectPlaceholder];
 export declare class BrnSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnSelectModule, never, [typeof i1.BrnSelectComponent, typeof i2.BrnSelectContentComponent, typeof i3.BrnSelectTriggerDirective, typeof i4.BrnSelectOptionDirective, typeof i5.BrnSelectValueComponent, typeof i2.BrnSelectScrollDownDirective, typeof i2.BrnSelectScrollUpDirective, typeof i6.BrnSelectGroupDirective, typeof i7.BrnSelectLabelDirective, typeof i8.BrnSelectValueDirective, typeof i9.BrnSelectPlaceholderDirective], [typeof i1.BrnSelectComponent, typeof i2.BrnSelectContentComponent, typeof i3.BrnSelectTriggerDirective, typeof i4.BrnSelectOptionDirective, typeof i5.BrnSelectValueComponent, typeof i2.BrnSelectScrollDownDirective, typeof i2.BrnSelectScrollUpDirective, typeof i6.BrnSelectGroupDirective, typeof i7.BrnSelectLabelDirective, typeof i8.BrnSelectValueDirective, typeof i9.BrnSelectPlaceholderDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnSelectModule, never, [typeof i1.BrnSelect, typeof i2.BrnSelectContent, typeof i3.BrnSelectTrigger, typeof i4.BrnSelectOption, typeof i5.BrnSelectValue, typeof i2.BrnSelectScrollDown, typeof i2.BrnSelectScrollUp, typeof i6.BrnSelectGroup, typeof i7.BrnSelectLabel, typeof i8.BrnSelectValueTemplate, typeof i9.BrnSelectPlaceholder], [typeof i1.BrnSelect, typeof i2.BrnSelectContent, typeof i3.BrnSelectTrigger, typeof i4.BrnSelectOption, typeof i5.BrnSelectValue, typeof i2.BrnSelectScrollDown, typeof i2.BrnSelectScrollUp, typeof i6.BrnSelectGroup, typeof i7.BrnSelectLabel, typeof i8.BrnSelectValueTemplate, typeof i9.BrnSelectPlaceholder]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BrnSelectModule>;
 }

package/select/lib/{brn-select-content.component.d.ts → brn-select-content.d.ts}

@@ -1,39 +1,39 @@
 import { AfterContentInit, ElementRef } from '@angular/core';
-import { BrnSelectOptionDirective } from './brn-select-option.directive';
+import { BrnSelectOption } from './brn-select-option';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
-export declare class BrnSelectScrollUpDirective {
+export declare class BrnSelectScrollUp {
     private readonly _el;
     private readonly _selectContent;
     private readonly _endReached;
     private readonly _destroyRef;
     startEmittingEvents(): void;
     stopEmittingEvents(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectScrollUpDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectScrollUpDirective, "[brnSelectScrollUp], brn-select-scroll-up, hlm-select-scroll-up:not(noHlm)", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectScrollUp, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectScrollUp, "[brnSelectScrollUp], brn-select-scroll-up, hlm-select-scroll-up:not(noHlm)", never, {}, {}, never, never, true, never>;
 }
-export declare class BrnSelectScrollDownDirective {
+export declare class BrnSelectScrollDown {
     private readonly _el;
     private readonly _selectContent;
     private readonly _endReached;
     private readonly _destroyRef;
     startEmittingEvents(): void;
     stopEmittingEvents(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectScrollDownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectScrollDownDirective, "[brnSelectScrollDown], brn-select-scroll-down, hlm-select-scroll-down:not(noHlm)", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectScrollDown, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectScrollDown, "[brnSelectScrollDown], brn-select-scroll-down, hlm-select-scroll-down:not(noHlm)", never, {}, {}, never, never, true, never>;
 }
-export declare class BrnSelectContentComponent<T> implements AfterContentInit {
+export declare class BrnSelectContent<T> implements AfterContentInit {
     private readonly _elementRef;
     private readonly _injector;
-    protected readonly _select: import("@spartan-ng/brain/select").BrnSelectComponent<T>;
+    protected readonly _select: import("@spartan-ng/brain/select").BrnSelect<T>;
     protected readonly _canScrollUp: import("@angular/core").WritableSignal<boolean>;
     protected readonly _canScrollDown: import("@angular/core").WritableSignal<boolean>;
     protected readonly _viewport: import("@angular/core").Signal<ElementRef<HTMLElement>>;
-    protected readonly _scrollUpBtn: import("@angular/core").Signal<BrnSelectScrollUpDirective | undefined>;
-    protected readonly _scrollDownBtn: import("@angular/core").Signal<BrnSelectScrollDownDirective | undefined>;
+    protected readonly _scrollUpBtn: import("@angular/core").Signal<BrnSelectScrollUp | undefined>;
+    protected readonly _scrollDownBtn: import("@angular/core").Signal<BrnSelectScrollDown | undefined>;
     private readonly _options;
     /** @internal */
-    keyManager: ActiveDescendantKeyManager<BrnSelectOptionDirective<T>> | null;
+    keyManager: ActiveDescendantKeyManager<BrnSelectOption<T>> | null;
     constructor();
     ngAfterContentInit(): void;
     updateArrowDisplay(): void;
@@ -41,8 +41,8 @@ export declare class BrnSelectContentComponent<T> implements AfterContentInit {
     focusList(): void;
     moveFocusUp(): void;
     moveFocusDown(): void;
-    setActiveOption(option: BrnSelectOptionDirective<T>): void;
+    setActiveOption(option: BrnSelectOption<T>): void;
     protected selectActiveItem(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectContentComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSelectContentComponent<any>, "brn-select-content, hlm-select-content:not(noHlm)", never, {}, {}, ["_scrollUpBtn", "_scrollDownBtn", "_options"], ["hlm-select-scroll-up", "brnSelectScrollUp", "*", "brnSelectScrollDown", "hlm-select-scroll-down"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectContent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSelectContent<any>, "brn-select-content, hlm-select-content:not(noHlm)", never, {}, {}, ["_scrollUpBtn", "_scrollDownBtn", "_options"], ["hlm-select-scroll-up", "brnSelectScrollUp", "*", "brnSelectScrollDown", "hlm-select-scroll-down"], true, never>;
 }

package/select/lib/brn-select-content.token.d.ts

@@ -1,4 +1,4 @@
 import { ExistingProvider, Type } from '@angular/core';
-import type { BrnSelectContentComponent } from './brn-select-content.component';
-export declare function injectBrnSelectContent<T>(): BrnSelectContentComponent<T>;
-export declare function provideBrnSelectContent(select: Type<BrnSelectContentComponent<unknown>>): ExistingProvider;
+import type { BrnSelectContent } from './brn-select-content';
+export declare function injectBrnSelectContent<T>(): BrnSelectContent<T>;
+export declare function provideBrnSelectContent(select: Type<BrnSelectContent<unknown>>): ExistingProvider;

package/select/lib/brn-select-group.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class BrnSelectGroup {
+    readonly labelledBy: import("@angular/core").WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectGroup, "[brnSelectGroup]", never, {}, {}, never, never, true, never>;
+}

package/select/lib/brn-select-label.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@spartan-ng/brain/label";
+export declare class BrnSelectLabel {
+    private readonly _group;
+    private readonly _label;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectLabel, "[brnSelectLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnLabel; inputs: {}; outputs: {}; }]>;
+}

package/select/lib/{brn-select-option.directive.d.ts → brn-select-option.d.ts}

@@ -2,9 +2,9 @@ import type { Highlightable } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class BrnSelectOptionDirective<T> implements Highlightable {
-    protected readonly _select: import("@spartan-ng/brain/select").BrnSelectComponent<unknown>;
-    protected readonly _content: import("@spartan-ng/brain/select").BrnSelectContentComponent<T>;
+export declare class BrnSelectOption<T> implements Highlightable {
+    protected readonly _select: import("@spartan-ng/brain/select").BrnSelect<unknown>;
+    protected readonly _content: import("@spartan-ng/brain/select").BrnSelectContent<T>;
     readonly elementRef: ElementRef<any>;
     readonly id: import("@angular/core").InputSignal<string>;
     readonly value: import("@angular/core").InputSignal<T | undefined>;
@@ -20,6 +20,6 @@ export declare class BrnSelectOptionDirective<T> implements Highlightable {
     setActiveStyles(): void;
     setInactiveStyles(): void;
     protected activate(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectOptionDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectOptionDirective<any>, "[brnOption]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectOption<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectOption<any>, "[brnOption]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/select/lib/{brn-select-placeholder.directive.d.ts → brn-select-placeholder.d.ts}

@@ -1,8 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class BrnSelectPlaceholderDirective {
+export declare class BrnSelectPlaceholder {
     /** @internale */
     readonly templateRef: TemplateRef<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectPlaceholderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectPlaceholderDirective, "[brnSelectPlaceholder], [hlmSelectPlaceholder]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectPlaceholder, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectPlaceholder, "[brnSelectPlaceholder], [hlmSelectPlaceholder]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/{brn-select-trigger.directive.d.ts → brn-select-trigger.d.ts}

@@ -1,11 +1,11 @@
 import { type AfterViewInit, OnDestroy, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class BrnSelectTriggerDirective<T> implements AfterViewInit, OnDestroy, OnInit {
+export declare class BrnSelectTrigger<T> implements AfterViewInit, OnDestroy, OnInit {
     private readonly _elementRef;
     /** Access the change detector */
     private readonly _changeDetector;
-    protected readonly _select: import("@spartan-ng/brain/select").BrnSelectComponent<T>;
+    protected readonly _select: import("@spartan-ng/brain/select").BrnSelect<T>;
     protected readonly _ngControl: NgControl | null;
     private readonly _platform;
     protected readonly _triggerId: import("@angular/core").Signal<string>;
@@ -19,6 +19,6 @@ export declare class BrnSelectTriggerDirective<T> implements AfterViewInit, OnDe
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectTriggerDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectTriggerDirective<any>, "[brnSelectTrigger]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectTrigger<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectTrigger<any>, "[brnSelectTrigger]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/brn-select-value-template.d.ts

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BrnSelectValueTemplate<T> {
+    /** @internal */
+    readonly templateRef: TemplateRef<BrnSelectValueContext<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectValueTemplate<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSelectValueTemplate<any>, "[brnSelectValue], [hlmSelectValue]", never, {}, {}, never, never, true, never>;
+}
+export interface BrnSelectValueContext<T> {
+    $implicit: T | T[];
+}

package/select/lib/{brn-select-value.component.d.ts → brn-select-value.d.ts}

@@ -1,18 +1,18 @@
-import { BrnSelectPlaceholderDirective } from './brn-select-placeholder.directive';
-import { BrnSelectValueDirective } from './brn-select-value.directive';
+import { BrnSelectPlaceholder } from './brn-select-placeholder';
+import { BrnSelectValueTemplate } from './brn-select-value-template';
 import * as i0 from "@angular/core";
-export declare class BrnSelectValueComponent<T> {
-    protected readonly _select: import("@spartan-ng/brain/select").BrnSelectComponent<T>;
+export declare class BrnSelectValue<T> {
+    protected readonly _select: import("@spartan-ng/brain/select").BrnSelect<T>;
     readonly id: import("@angular/core").Signal<string>;
     readonly placeholder: import("@angular/core").Signal<string>;
     protected readonly _showPlaceholder: import("@angular/core").Signal<boolean>;
     /** Allow a custom value template */
-    protected readonly _customValueTemplate: import("@angular/core").Signal<BrnSelectValueDirective<any> | undefined>;
-    protected readonly _customPlaceholderTemplate: import("@angular/core").Signal<BrnSelectPlaceholderDirective | undefined>;
+    protected readonly _customValueTemplate: import("@angular/core").Signal<BrnSelectValueTemplate<any> | undefined>;
+    protected readonly _customPlaceholderTemplate: import("@angular/core").Signal<BrnSelectPlaceholder | undefined>;
     protected readonly _value: import("@angular/core").Signal<any>;
     /** Normalize the values as an array */
     protected readonly _values: import("@angular/core").Signal<T[]>;
     readonly transformFn: import("@angular/core").InputSignal<(values: (string | undefined)[]) => any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectValueComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSelectValueComponent<any>, "brn-select-value, hlm-select-value", never, { "transformFn": { "alias": "transformFn"; "required": false; "isSignal": true; }; }, {}, ["_customValueTemplate", "_customPlaceholderTemplate"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectValue<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSelectValue<any>, "brn-select-value, hlm-select-value", never, { "transformFn": { "alias": "transformFn"; "required": false; "isSignal": true; }; }, {}, ["_customValueTemplate", "_customPlaceholderTemplate"], never, true, never>;
 }

package/select/lib/{brn-select.component.d.ts → brn-select.d.ts}

@@ -5,14 +5,14 @@ import { type ControlValueAccessor, NgControl } from '@angular/forms';
 import { type ExposesSide, type ExposesState } from '@spartan-ng/brain/core';
 import { BrnFormFieldControl } from '@spartan-ng/brain/form-field';
 import { ChangeFn, ErrorStateTracker, TouchFn } from '@spartan-ng/brain/forms';
-import { BrnLabelDirective } from '@spartan-ng/brain/label';
+import { BrnLabel } from '@spartan-ng/brain/label';
 import { Subject } from 'rxjs';
-import { BrnSelectContentComponent } from './brn-select-content.component';
-import { BrnSelectOptionDirective } from './brn-select-option.directive';
-import { BrnSelectTriggerDirective } from './brn-select-trigger.directive';
+import { BrnSelectContent } from './brn-select-content';
+import { BrnSelectOption } from './brn-select-option';
+import { BrnSelectTrigger } from './brn-select-trigger';
 import * as i0 from "@angular/core";
 export type BrnReadDirection = 'ltr' | 'rtl';
-export declare class BrnSelectComponent<T = unknown> implements ControlValueAccessor, DoCheck, ExposesSide, ExposesState, BrnFormFieldControl {
+export declare class BrnSelect<T = unknown> implements ControlValueAccessor, DoCheck, ExposesSide, ExposesState, BrnFormFieldControl {
     private readonly _defaultErrorStateMatcher;
     private readonly _parentForm;
     private readonly _injector;
@@ -29,16 +29,16 @@ export declare class BrnSelectComponent<T = unknown> implements ControlValueAcce
     readonly compareWith: import("@angular/core").InputSignal<(o1: T, o2: T) => boolean>;
     readonly formDisabled: import("@angular/core").WritableSignal<boolean>;
     /** Label provided by the consumer. */
-    protected readonly _selectLabel: Signal<BrnLabelDirective | undefined>;
+    protected readonly _selectLabel: Signal<BrnLabel | undefined>;
     /** Overlay pane containing the options. */
-    protected readonly _selectContent: Signal<BrnSelectContentComponent<any>>;
+    protected readonly _selectContent: Signal<BrnSelectContent<any>>;
     /** @internal */
-    readonly options: Signal<readonly BrnSelectOptionDirective<any>[]>;
+    readonly options: Signal<readonly BrnSelectOption<any>[]>;
     /** @internal Derive the selected options to filter out the unselected options */
-    readonly selectedOptions: Signal<BrnSelectOptionDirective<any>[]>;
+    readonly selectedOptions: Signal<BrnSelectOption<any>[]>;
     /** Overlay pane containing the options. */
     protected readonly _overlayDir: Signal<CdkConnectedOverlay>;
-    readonly trigger: import("@angular/core").WritableSignal<BrnSelectTriggerDirective<T> | null>;
+    readonly trigger: import("@angular/core").WritableSignal<BrnSelectTrigger<T> | null>;
     readonly triggerWidth: import("@angular/core").WritableSignal<number>;
     protected readonly _delayedExpanded: Signal<boolean>;
     readonly state: Signal<"open" | "closed">;
@@ -63,6 +63,6 @@ export declare class BrnSelectComponent<T = unknown> implements ControlValueAcce
     deselectOption(value: T): void;
     toggleSelect(value: T): void;
     isSelected(value: T): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSelectComponent<any>, "brn-select, hlm-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "value": "valueChange"; }, ["_selectLabel", "_selectContent", "options"], ["label[hlmLabel],label[brnLabel]", "hlm-select-trigger,[brnSelectTrigger]", "*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSelect<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSelect<any>, "brn-select, hlm-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "value": "valueChange"; }, ["_selectLabel", "_selectContent", "options"], ["label[hlmLabel],label[brnLabel]", "hlm-select-trigger,[brnSelectTrigger]", "*"], true, never>;
 }

package/select/lib/brn-select.token.d.ts

@@ -1,4 +1,4 @@
 import { ExistingProvider, Type } from '@angular/core';
-import type { BrnSelectComponent } from './brn-select.component';
-export declare function injectBrnSelect<T>(): BrnSelectComponent<T>;
-export declare function provideBrnSelect(select: Type<BrnSelectComponent>): ExistingProvider;
+import type { BrnSelect } from './brn-select';
+export declare function injectBrnSelect<T>(): BrnSelect<T>;
+export declare function provideBrnSelect(select: Type<BrnSelect>): ExistingProvider;

package/separator/index.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./lib/brn-separator.component";
-export * from './lib/brn-separator.component';
+import * as i1 from "./lib/brn-separator";
+export * from './lib/brn-separator';
 export declare class BrnSeparatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnSeparatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnSeparatorModule, never, [typeof i1.BrnSeparatorComponent], [typeof i1.BrnSeparatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnSeparatorModule, never, [typeof i1.BrnSeparator], [typeof i1.BrnSeparator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BrnSeparatorModule>;
 }

package/separator/lib/{brn-separator.component.d.ts → brn-separator.d.ts}

@@ -1,11 +1,11 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export type BrnSeparatorOrientation = 'horizontal' | 'vertical';
-export declare class BrnSeparatorComponent {
+export declare class BrnSeparator {
     readonly orientation: import("@angular/core").InputSignal<BrnSeparatorOrientation>;
     readonly decorative: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly _role: import("@angular/core").Signal<"none" | "separator">;
     protected readonly _ariaOrientation: import("@angular/core").Signal<"vertical" | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSeparatorComponent, "brn-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSeparator, "brn-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/sheet/index.d.ts

@@ -1,28 +1,28 @@
-import { BrnSheetCloseDirective } from './lib/brn-sheet-close.directive';
-import { BrnSheetContentDirective } from './lib/brn-sheet-content.directive';
-import { BrnSheetDescriptionDirective } from './lib/brn-sheet-description.directive';
-import { BrnSheetOverlayComponent } from './lib/brn-sheet-overlay.component';
-import { BrnSheetTitleDirective } from './lib/brn-sheet-title.directive';
-import { BrnSheetTriggerDirective } from './lib/brn-sheet-trigger.directive';
-import { BrnSheetComponent } from './lib/brn-sheet.component';
+import { BrnSheet } from './lib/brn-sheet';
+import { BrnSheetClose } from './lib/brn-sheet-close';
+import { BrnSheetContent } from './lib/brn-sheet-content';
+import { BrnSheetDescription } from './lib/brn-sheet-description';
+import { BrnSheetOverlay } from './lib/brn-sheet-overlay';
+import { BrnSheetTitle } from './lib/brn-sheet-title';
+import { BrnSheetTrigger } from './lib/brn-sheet-trigger';
 import * as i0 from "@angular/core";
-import * as i1 from "./lib/brn-sheet.component";
-import * as i2 from "./lib/brn-sheet-overlay.component";
-import * as i3 from "./lib/brn-sheet-trigger.directive";
-import * as i4 from "./lib/brn-sheet-close.directive";
-import * as i5 from "./lib/brn-sheet-content.directive";
-import * as i6 from "./lib/brn-sheet-title.directive";
-import * as i7 from "./lib/brn-sheet-description.directive";
-export * from './lib/brn-sheet-close.directive';
-export * from './lib/brn-sheet-content.directive';
-export * from './lib/brn-sheet-description.directive';
-export * from './lib/brn-sheet-overlay.component';
-export * from './lib/brn-sheet-title.directive';
-export * from './lib/brn-sheet-trigger.directive';
-export * from './lib/brn-sheet.component';
-export declare const BrnSheetImports: readonly [typeof BrnSheetComponent, typeof BrnSheetOverlayComponent, typeof BrnSheetTriggerDirective, typeof BrnSheetCloseDirective, typeof BrnSheetContentDirective, typeof BrnSheetTitleDirective, typeof BrnSheetDescriptionDirective];
+import * as i1 from "./lib/brn-sheet";
+import * as i2 from "./lib/brn-sheet-overlay";
+import * as i3 from "./lib/brn-sheet-trigger";
+import * as i4 from "./lib/brn-sheet-close";
+import * as i5 from "./lib/brn-sheet-content";
+import * as i6 from "./lib/brn-sheet-title";
+import * as i7 from "./lib/brn-sheet-description";
+export * from './lib/brn-sheet';
+export * from './lib/brn-sheet-close';
+export * from './lib/brn-sheet-content';
+export * from './lib/brn-sheet-description';
+export * from './lib/brn-sheet-overlay';
+export * from './lib/brn-sheet-title';
+export * from './lib/brn-sheet-trigger';
+export declare const BrnSheetImports: readonly [typeof BrnSheet, typeof BrnSheetOverlay, typeof BrnSheetTrigger, typeof BrnSheetClose, typeof BrnSheetContent, typeof BrnSheetTitle, typeof BrnSheetDescription];
 export declare class BrnSheetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnSheetModule, never, [typeof i1.BrnSheetComponent, typeof i2.BrnSheetOverlayComponent, typeof i3.BrnSheetTriggerDirective, typeof i4.BrnSheetCloseDirective, typeof i5.BrnSheetContentDirective, typeof i6.BrnSheetTitleDirective, typeof i7.BrnSheetDescriptionDirective], [typeof i1.BrnSheetComponent, typeof i2.BrnSheetOverlayComponent, typeof i3.BrnSheetTriggerDirective, typeof i4.BrnSheetCloseDirective, typeof i5.BrnSheetContentDirective, typeof i6.BrnSheetTitleDirective, typeof i7.BrnSheetDescriptionDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnSheetModule, never, [typeof i1.BrnSheet, typeof i2.BrnSheetOverlay, typeof i3.BrnSheetTrigger, typeof i4.BrnSheetClose, typeof i5.BrnSheetContent, typeof i6.BrnSheetTitle, typeof i7.BrnSheetDescription], [typeof i1.BrnSheet, typeof i2.BrnSheetOverlay, typeof i3.BrnSheetTrigger, typeof i4.BrnSheetClose, typeof i5.BrnSheetContent, typeof i6.BrnSheetTitle, typeof i7.BrnSheetDescription]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BrnSheetModule>;
 }

package/sheet/lib/brn-sheet-close.d.ts

@@ -0,0 +1,6 @@
+import { BrnDialogClose } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheetClose extends BrnDialogClose {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetClose, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSheetClose, "button[brnSheetClose]", never, {}, {}, never, never, true, never>;
+}

package/sheet/lib/brn-sheet-content.d.ts

@@ -0,0 +1,8 @@
+import { type ExposesSide } from '@spartan-ng/brain/core';
+import { BrnDialogContent } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheetContent<T> extends BrnDialogContent<T> implements ExposesSide {
+    readonly side: import("@angular/core").Signal<"top" | "bottom" | "left" | "right">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetContent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSheetContent<any>, "[brnSheetContent]", never, {}, {}, never, never, true, never>;
+}

package/sheet/lib/brn-sheet-description.d.ts

@@ -0,0 +1,6 @@
+import { BrnDialogDescription } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheetDescription extends BrnDialogDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSheetDescription, "[brnSheetDescription]", never, {}, {}, never, never, true, never>;
+}

package/sheet/lib/brn-sheet-overlay.d.ts

@@ -0,0 +1,6 @@
+import { BrnDialogOverlay } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheetOverlay extends BrnDialogOverlay {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetOverlay, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSheetOverlay, "brn-sheet-overlay", never, {}, {}, never, never, true, never>;
+}

package/sheet/lib/brn-sheet-title.d.ts

@@ -0,0 +1,6 @@
+import { BrnDialogTitle } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheetTitle extends BrnDialogTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSheetTitle, "[brnSheetTitle]", never, {}, {}, never, never, true, never>;
+}

package/sheet/lib/brn-sheet-trigger.d.ts

@@ -0,0 +1,9 @@
+import { BrnDialogTrigger } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheetTrigger extends BrnDialogTrigger {
+    private readonly _sheet;
+    readonly side: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right" | undefined>;
+    open(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheetTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSheetTrigger, "button[brnSheetTrigger]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/sheet/lib/brn-sheet.d.ts

@@ -0,0 +1,10 @@
+import { BrnDialog } from '@spartan-ng/brain/dialog';
+import * as i0 from "@angular/core";
+export declare class BrnSheet extends BrnDialog {
+    readonly sideInput: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right">;
+    readonly sideInputState: import("@angular/core").Signal<import("@angular/core").WritableSignal<"top" | "bottom" | "left" | "right">>;
+    readonly side: import("@angular/core").Signal<"top" | "bottom" | "left" | "right">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSheet, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnSheet, "brn-sheet", ["brnSheet"], { "sideInput": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/slider/index.d.ts

@@ -1,12 +1,12 @@
-import { BrnSliderRangeDirective } from './lib/brn-slider-range.directive';
-import { BrnSliderThumbDirective } from './lib/brn-slider-thumb.directive';
-import { BrnSliderTickDirective } from './lib/brn-slider-tick.directive';
-import { BrnSliderTrackDirective } from './lib/brn-slider-track.directive';
-import { BrnSliderDirective } from './lib/brn-slider.directive';
-export * from './lib/brn-slider-range.directive';
-export * from './lib/brn-slider-thumb.directive';
-export * from './lib/brn-slider-tick.directive';
-export * from './lib/brn-slider-track.directive';
-export * from './lib/brn-slider.directive';
+import { BrnSlider } from './lib/brn-slider';
+import { BrnSliderRange } from './lib/brn-slider-range';
+import { BrnSliderThumb } from './lib/brn-slider-thumb';
+import { BrnSliderTick } from './lib/brn-slider-tick';
+import { BrnSliderTrack } from './lib/brn-slider-track';
+export * from './lib/brn-slider';
+export * from './lib/brn-slider-range';
+export * from './lib/brn-slider-thumb';
+export * from './lib/brn-slider-tick';
+export * from './lib/brn-slider-track';
 export * from './lib/brn-slider.token';
-export declare const BrnSliderImports: readonly [typeof BrnSliderDirective, typeof BrnSliderTrackDirective, typeof BrnSliderThumbDirective, typeof BrnSliderRangeDirective, typeof BrnSliderTickDirective];
+export declare const BrnSliderImports: readonly [typeof BrnSlider, typeof BrnSliderTrack, typeof BrnSliderThumb, typeof BrnSliderRange, typeof BrnSliderTick];

package/slider/lib/brn-slider-range.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class BrnSliderRange {
+    /** Access the slider */
+    protected readonly _slider: import("@spartan-ng/brain/slider").BrnSlider;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderRange, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderRange, "[brnSliderRange]", never, {}, {}, never, never, true, never>;
+}

package/slider/lib/{brn-slider-thumb.directive.d.ts → brn-slider-thumb.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-export declare class BrnSliderThumbDirective {
-    protected readonly _slider: import("@spartan-ng/brain/slider").BrnSliderDirective;
+export declare class BrnSliderThumb {
+    protected readonly _slider: import("@spartan-ng/brain/slider").BrnSlider;
     private readonly _document;
     private readonly _elementRef;
     private readonly _platform;
@@ -19,6 +19,6 @@ export declare class BrnSliderThumbDirective {
      */
     protected handleKeydown(event: KeyboardEvent): void;
     private linearScale;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderThumbDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderThumbDirective, "[brnSliderThumb]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderThumb, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderThumb, "[brnSliderThumb]", never, {}, {}, never, never, true, never>;
 }

package/slider/lib/brn-slider-tick.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BrnSliderTick implements OnDestroy {
+    private readonly _slider;
+    private readonly _templateRef;
+    private readonly _viewContainer;
+    private _ticks;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderTick, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderTick, "[brnSliderTick]", never, {}, {}, never, never, true, never>;
+}

package/slider/lib/{brn-slider-track.directive.d.ts → brn-slider-track.d.ts}

@@ -1,12 +1,12 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class BrnSliderTrackDirective {
+export declare class BrnSliderTrack {
     /** Access the slider */
-    protected readonly _slider: import("@spartan-ng/brain/slider").BrnSliderDirective;
+    protected readonly _slider: import("@spartan-ng/brain/slider").BrnSlider;
     /** @internal Access the slider track */
     readonly elementRef: ElementRef<HTMLElement>;
     constructor();
     protected moveThumbToPoint(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderTrackDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderTrackDirective, "[brnSliderTrack]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderTrack, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderTrack, "[brnSliderTrack]", never, {}, {}, never, never, true, never>;
 }

package/slider/lib/brn-slider-track.token.d.ts

@@ -1,5 +1,5 @@
 import { ExistingProvider, InjectionToken, Type } from '@angular/core';
-import type { BrnSliderTrackDirective } from './brn-slider-track.directive';
-export declare const BrnSliderTrackToken: InjectionToken<BrnSliderTrackDirective>;
-export declare function provideBrnSliderTrack(slider: Type<BrnSliderTrackDirective>): ExistingProvider;
-export declare function injectBrnSliderTrack(): BrnSliderTrackDirective;
+import type { BrnSliderTrack } from './brn-slider-track';
+export declare const BrnSliderTrackToken: InjectionToken<BrnSliderTrack>;
+export declare function provideBrnSliderTrack(slider: Type<BrnSliderTrack>): ExistingProvider;
+export declare function injectBrnSliderTrack(): BrnSliderTrack;