@spartan-ng/cli 0.0.1-alpha.492 → 0.0.1-alpha.494

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-dialog.directive.ts.template → hlm-command-dialog.ts.template}

@@ -9,7 +9,7 @@ import type { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmCommandDialogDirective {
+export class HlmCommandDialog {
 	private readonly _stateProvider = injectExposesStateProvider({ host: true });
 	public readonly state = this._stateProvider.state ?? signal('closed').asReadonly();
 	private readonly _renderer = inject(Renderer2);

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-empty.directive.ts.template → hlm-command-empty.ts.template}

@@ -8,7 +8,7 @@ import type { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmCommandEmptyDirective {
+export class HlmCommandEmpty {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() => hlm('py-6 text-center text-sm', this.userClass()));
 }

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-group-label.component.ts.template → hlm-command-group-label.ts.template}

@@ -10,7 +10,7 @@ import { hlm } from '@spartan-ng/brain/core';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandGroupLabelComponent {
+export class HlmCommandGroupLabel {
 	/*** The user defined class  */
 	public readonly userClass = input<string>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-group.component.ts.template → hlm-command-group.ts.template}

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { BrnCommandGroupDirective } from '@spartan-ng/brain/command';
+import { BrnCommandGroup } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
 
 @Component({
@@ -7,7 +7,7 @@ import { hlm } from '@spartan-ng/brain/core';
 	template: '<ng-content />',
 	hostDirectives: [
 		{
-			directive: BrnCommandGroupDirective,
+			directive: BrnCommandGroup,
 			inputs: ['id'],
 		},
 	],
@@ -16,7 +16,7 @@ import { hlm } from '@spartan-ng/brain/core';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandGroupComponent {
+export class HlmCommandGroup {
 	/*** The user defined class  */
 	public readonly userClass = input<string>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-icon.directive.ts.template → hlm-command-icon.ts.template}

@@ -10,7 +10,7 @@ import { ClassValue } from 'clsx';
 	},
 	providers: [provideHlmIconConfig({ size: 'sm' })],
 })
-export class HlmCommandIconDirective {
+export class HlmCommandIcon {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm('text-muted-foreground pointer-events-none shrink-0', this.userClass()),

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-item.component.ts.template → hlm-command-item.ts.template}

@@ -1,6 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
-import { BrnCommandItemDirective } from '@spartan-ng/brain/command';
+import { BrnCommandItem } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
 
 @Component({
@@ -10,7 +10,7 @@ import { hlm } from '@spartan-ng/brain/core';
 	`,
 	hostDirectives: [
 		{
-			directive: BrnCommandItemDirective,
+			directive: BrnCommandItem,
 			inputs: ['value', 'disabled', 'id'],
 			outputs: ['selected'],
 		},
@@ -20,7 +20,7 @@ import { hlm } from '@spartan-ng/brain/core';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandItemComponent {
+export class HlmCommandItem {
 	/** The value this item represents. */
 	public readonly value = input<string>();
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-list.component.ts.template → hlm-command-list.ts.template}

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { BrnCommandListDirective } from '@spartan-ng/brain/command';
+import { BrnCommandList } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
 
 @Component({
@@ -10,13 +10,13 @@ import { hlm } from '@spartan-ng/brain/core';
 	},
 	hostDirectives: [
 		{
-			directive: BrnCommandListDirective,
+			directive: BrnCommandList,
 			inputs: ['id'],
 		},
 	],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandListComponent {
+export class HlmCommandList {
 	/** The user defined class  */
 	public readonly userClass = input<string>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-search-input.component.ts.template → hlm-command-search-input.ts.template}

@@ -1,18 +1,18 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { BrnCommandSearchInputDirective } from '@spartan-ng/brain/command';
+import { BrnCommandSearchInput } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'input[hlm-command-search-input]',
 	template: '',
-	hostDirectives: [{ directive: BrnCommandSearchInputDirective, inputs: ['value'] }],
+	hostDirectives: [{ directive: BrnCommandSearchInput, inputs: ['value'] }],
 	host: {
 		'[class]': '_computedClass()',
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandSearchInputComponent {
+export class HlmCommandSearchInput {
 	/*** The user defined class  */
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-search.component.ts.template → hlm-command-search.ts.template}

@@ -14,7 +14,7 @@ import type { ClassValue } from 'clsx';
 	providers: [provideHlmIconConfig({ size: 'sm' })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandSearchComponent {
+export class HlmCommandSearch {
 	/*** The user defined class  */
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-separator.component.ts.template → hlm-command-separator.ts.template}

@@ -10,7 +10,7 @@ import { hlm } from '@spartan-ng/brain/core';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandSeparatorComponent {
+export class HlmCommandSeparator {
 	/*** The user defined class  */
 	public readonly userClass = input<string>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command-shortcut.component.ts.template → hlm-command-shortcut.ts.template}

@@ -10,7 +10,7 @@ import { ClassValue } from 'clsx';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandShortcutComponent {
+export class HlmCommandShortcut {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm('text-muted-foreground ml-auto text-xs tracking-widest', this.userClass()),

package/src/generators/ui/libs/ui-command-helm/files/lib/{hlm-command.component.ts.template → hlm-command.ts.template}

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { BrnCommandDirective } from '@spartan-ng/brain/command';
+import { BrnCommand } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
@@ -10,7 +10,7 @@ import type { ClassValue } from 'clsx';
 	`,
 	hostDirectives: [
 		{
-			directive: BrnCommandDirective,
+			directive: BrnCommand,
 			inputs: ['id', 'filter'],
 			outputs: ['valueChange'],
 		},
@@ -20,7 +20,7 @@ import type { ClassValue } from 'clsx';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmCommandComponent {
+export class HlmCommand {
 	/*** The user defined class */
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 

package/src/generators/ui/libs/ui-date-picker-helm/files/index.ts.template

@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
-import { HlmDatePickerMultiComponent } from './lib/hlm-date-picker-multi.component';
-import { HlmDatePickerComponent } from './lib/hlm-date-picker.component';
+import { HlmDatePicker } from './lib/hlm-date-picker';
+import { HlmDatePickerMulti } from './lib/hlm-date-picker-multi';
 
 export * from './lib/hlm-date-picker.token';
 
-export * from './lib/hlm-date-picker-multi.component';
-export * from './lib/hlm-date-picker.component';
+export * from './lib/hlm-date-picker';
+export * from './lib/hlm-date-picker-multi';
 
-export const HlmDatePickerImports = [HlmDatePickerComponent, HlmDatePickerMultiComponent] as const;
+export const HlmDatePickerImports = [HlmDatePicker, HlmDatePickerMulti] as const;
 
 @NgModule({
 	imports: [...HlmDatePickerImports],

package/src/generators/ui/libs/ui-date-picker-helm/files/lib/{hlm-date-picker-multi.component.ts.template → hlm-date-picker-multi.ts.template}

@@ -17,30 +17,22 @@ import { lucideCalendar } from '@ng-icons/lucide';
 import { hlm } from '@spartan-ng/brain/core';
 import { BrnDialogState } from '@spartan-ng/brain/dialog';
 import { type ChangeFn, type TouchFn } from '@spartan-ng/brain/forms';
-import { BrnPopoverComponent, BrnPopoverContentDirective, BrnPopoverTriggerDirective } from '@spartan-ng/brain/popover';
-import { HlmCalendarMultiComponent } from '@spartan-ng/helm/calendar';
-import { HlmIconDirective } from '@spartan-ng/helm/icon';
-import { HlmPopoverContentDirective } from '@spartan-ng/helm/popover';
+import { BrnPopover, BrnPopoverContent, BrnPopoverTrigger } from '@spartan-ng/brain/popover';
+import { HlmCalendarMulti } from '@spartan-ng/helm/calendar';
+import { HlmIcon } from '@spartan-ng/helm/icon';
+import { HlmPopoverContent } from '@spartan-ng/helm/popover';
 import type { ClassValue } from 'clsx';
 import { injectHlmDatePickerMultiConfig } from './hlm-date-picker-multi.token';
 
 export const HLM_DATE_PICKER_MUTLI_VALUE_ACCESSOR = {
 	provide: NG_VALUE_ACCESSOR,
-	useExisting: forwardRef(() => HlmDatePickerMultiComponent),
+	useExisting: forwardRef(() => HlmDatePickerMulti),
 	multi: true,
 };
 
 @Component({
 	selector: 'hlm-date-picker-multi',
-	imports: [
-		NgIcon,
-		HlmIconDirective,
-		BrnPopoverComponent,
-		BrnPopoverTriggerDirective,
-		BrnPopoverContentDirective,
-		HlmPopoverContentDirective,
-		HlmCalendarMultiComponent,
-	],
+	imports: [NgIcon, HlmIcon, BrnPopover, BrnPopoverTrigger, BrnPopoverContent, HlmPopoverContent, HlmCalendarMulti],
 	providers: [HLM_DATE_PICKER_MUTLI_VALUE_ACCESSOR, provideIcons({ lucideCalendar })],
 	template: `
 		<brn-popover sideOffset="5" [state]="_popoverState()" (stateChanged)="_popoverState.set($event)">
@@ -75,7 +67,7 @@ export const HLM_DATE_PICKER_MUTLI_VALUE_ACCESSOR = {
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmDatePickerMultiComponent<T> implements ControlValueAccessor {
+export class HlmDatePickerMulti<T> implements ControlValueAccessor {
 	private readonly _config = injectHlmDatePickerMultiConfig<T>();
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });

package/src/generators/ui/libs/ui-date-picker-helm/files/lib/{hlm-date-picker.component.ts.template → hlm-date-picker.ts.template}

@@ -16,30 +16,22 @@ import { lucideChevronDown } from '@ng-icons/lucide';
 import { hlm } from '@spartan-ng/brain/core';
 import { BrnDialogState } from '@spartan-ng/brain/dialog';
 import { type ChangeFn, type TouchFn } from '@spartan-ng/brain/forms';
-import { BrnPopoverComponent, BrnPopoverContentDirective, BrnPopoverTriggerDirective } from '@spartan-ng/brain/popover';
-import { HlmCalendarComponent } from '@spartan-ng/helm/calendar';
-import { HlmIconDirective } from '@spartan-ng/helm/icon';
-import { HlmPopoverContentDirective } from '@spartan-ng/helm/popover';
+import { BrnPopover, BrnPopoverContent, BrnPopoverTrigger } from '@spartan-ng/brain/popover';
+import { HlmCalendar } from '@spartan-ng/helm/calendar';
+import { HlmIcon } from '@spartan-ng/helm/icon';
+import { HlmPopoverContent } from '@spartan-ng/helm/popover';
 import type { ClassValue } from 'clsx';
 import { injectHlmDatePickerConfig } from './hlm-date-picker.token';
 
 export const HLM_DATE_PICKER_VALUE_ACCESSOR = {
 	provide: NG_VALUE_ACCESSOR,
-	useExisting: forwardRef(() => HlmDatePickerComponent),
+	useExisting: forwardRef(() => HlmDatePicker),
 	multi: true,
 };
 
 @Component({
 	selector: 'hlm-date-picker',
-	imports: [
-		NgIcon,
-		HlmIconDirective,
-		BrnPopoverComponent,
-		BrnPopoverTriggerDirective,
-		BrnPopoverContentDirective,
-		HlmPopoverContentDirective,
-		HlmCalendarComponent,
-	],
+	imports: [NgIcon, HlmIcon, BrnPopover, BrnPopoverTrigger, BrnPopoverContent, HlmPopoverContent, HlmCalendar],
 	providers: [HLM_DATE_PICKER_VALUE_ACCESSOR, provideIcons({ lucideChevronDown })],
 	template: `
 		<brn-popover sideOffset="5" [state]="_popoverState()" (stateChanged)="_popoverState.set($event)">
@@ -72,7 +64,7 @@ export const HLM_DATE_PICKER_VALUE_ACCESSOR = {
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmDatePickerComponent<T> implements ControlValueAccessor {
+export class HlmDatePicker<T> implements ControlValueAccessor {
 	private readonly _config = injectHlmDatePickerConfig<T>();
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });

package/src/generators/ui/libs/ui-dialog-helm/files/index.ts.template

@@ -1,33 +1,33 @@
 import { NgModule } from '@angular/core';
 
-import { HlmDialogCloseDirective } from './lib/hlm-dialog-close.directive';
-import { HlmDialogContentComponent } from './lib/hlm-dialog-content.component';
-import { HlmDialogDescriptionDirective } from './lib/hlm-dialog-description.directive';
-import { HlmDialogFooterComponent } from './lib/hlm-dialog-footer.component';
-import { HlmDialogHeaderComponent } from './lib/hlm-dialog-header.component';
-import { HlmDialogOverlayDirective } from './lib/hlm-dialog-overlay.directive';
-import { HlmDialogTitleDirective } from './lib/hlm-dialog-title.directive';
-import { HlmDialogComponent } from './lib/hlm-dialog.component';
+import { HlmDialog } from './lib/hlm-dialog';
+import { HlmDialogClose } from './lib/hlm-dialog-close';
+import { HlmDialogContent } from './lib/hlm-dialog-content';
+import { HlmDialogDescription } from './lib/hlm-dialog-description';
+import { HlmDialogFooter } from './lib/hlm-dialog-footer';
+import { HlmDialogHeader } from './lib/hlm-dialog-header';
+import { HlmDialogOverlay } from './lib/hlm-dialog-overlay';
+import { HlmDialogTitle } from './lib/hlm-dialog-title';
 
-export * from './lib/hlm-dialog-close.directive';
-export * from './lib/hlm-dialog-content.component';
-export * from './lib/hlm-dialog-description.directive';
-export * from './lib/hlm-dialog-footer.component';
-export * from './lib/hlm-dialog-header.component';
-export * from './lib/hlm-dialog-overlay.directive';
-export * from './lib/hlm-dialog-title.directive';
-export * from './lib/hlm-dialog.component';
+export * from './lib/hlm-dialog';
+export * from './lib/hlm-dialog-close';
+export * from './lib/hlm-dialog-content';
+export * from './lib/hlm-dialog-description';
+export * from './lib/hlm-dialog-footer';
+export * from './lib/hlm-dialog-header';
+export * from './lib/hlm-dialog-overlay';
+export * from './lib/hlm-dialog-title';
 export * from './lib/hlm-dialog.service';
 
 export const HlmDialogImports = [
-	HlmDialogComponent,
-	HlmDialogCloseDirective,
-	HlmDialogContentComponent,
-	HlmDialogDescriptionDirective,
-	HlmDialogFooterComponent,
-	HlmDialogHeaderComponent,
-	HlmDialogOverlayDirective,
-	HlmDialogTitleDirective,
+	HlmDialog,
+	HlmDialogClose,
+	HlmDialogContent,
+	HlmDialogDescription,
+	HlmDialogFooter,
+	HlmDialogHeader,
+	HlmDialogOverlay,
+	HlmDialogTitle,
 ] as const;
 
 @NgModule({

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-close.directive.ts.template → hlm-dialog-close.ts.template}

@@ -8,7 +8,7 @@ import type { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmDialogCloseDirective {
+export class HlmDialogClose {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 
 	protected readonly _computedClass = computed(() =>

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-content.component.ts.template → hlm-dialog-content.ts.template}

@@ -3,14 +3,14 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideX } from '@ng-icons/lucide';
 import { hlm } from '@spartan-ng/brain/core';
-import { BrnDialogCloseDirective, BrnDialogRef, injectBrnDialogContext } from '@spartan-ng/brain/dialog';
-import { HlmIconDirective } from '@spartan-ng/helm/icon';
+import { BrnDialogClose, BrnDialogRef, injectBrnDialogContext } from '@spartan-ng/brain/dialog';
+import { HlmIcon } from '@spartan-ng/helm/icon';
 import type { ClassValue } from 'clsx';
-import { HlmDialogCloseDirective } from './hlm-dialog-close.directive';
+import { HlmDialogClose } from './hlm-dialog-close';
 
 @Component({
 	selector: 'hlm-dialog-content',
-	imports: [NgComponentOutlet, BrnDialogCloseDirective, HlmDialogCloseDirective, NgIcon, HlmIconDirective],
+	imports: [NgComponentOutlet, BrnDialogClose, HlmDialogClose, NgIcon, HlmIcon],
 	providers: [provideIcons({ lucideX })],
 	host: {
 		'[class]': '_computedClass()',
@@ -31,7 +31,7 @@ import { HlmDialogCloseDirective } from './hlm-dialog-close.directive';
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	encapsulation: ViewEncapsulation.None,
 })
-export class HlmDialogContentComponent {
+export class HlmDialogContent {
 	private readonly _dialogRef = inject(BrnDialogRef);
 	private readonly _dialogContext = injectBrnDialogContext({ optional: true });
 

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-description.directive.ts.template → hlm-dialog-description.ts.template}

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
-import { BrnDialogDescriptionDirective } from '@spartan-ng/brain/dialog';
+import { BrnDialogDescription } from '@spartan-ng/brain/dialog';
 import type { ClassValue } from 'clsx';
 
 @Directive({
@@ -8,9 +8,9 @@ import type { ClassValue } from 'clsx';
 	host: {
 		'[class]': '_computedClass()',
 	},
-	hostDirectives: [BrnDialogDescriptionDirective],
+	hostDirectives: [BrnDialogDescription],
 })
-export class HlmDialogDescriptionDirective {
+export class HlmDialogDescription {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() => hlm('text-sm text-muted-foreground', this.userClass()));
 }

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-footer.component.ts.template → hlm-dialog-footer.ts.template}

@@ -12,7 +12,7 @@ import type { ClassValue } from 'clsx';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmDialogFooterComponent {
+export class HlmDialogFooter {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
 		hlm('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', this.userClass()),

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-header.component.ts.template → hlm-dialog-header.ts.template}

@@ -12,7 +12,7 @@ import type { ClassValue } from 'clsx';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmDialogHeaderComponent {
+export class HlmDialogHeader {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
 		hlm('flex flex-col space-y-1.5 text-center sm:text-left', this.userClass()),

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-overlay.directive.ts.template → hlm-dialog-overlay.ts.template}

@@ -8,7 +8,7 @@ export const hlmDialogOverlayClass =
 @Directive({
 	selector: '[hlmDialogOverlay],brn-dialog-overlay[hlm]',
 })
-export class HlmDialogOverlayDirective {
+export class HlmDialogOverlay {
 	private readonly _classSettable = injectCustomClassSettable({ optional: true, host: true });
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog-title.directive.ts.template → hlm-dialog-title.ts.template}

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
-import { BrnDialogTitleDirective } from '@spartan-ng/brain/dialog';
+import { BrnDialogTitle } from '@spartan-ng/brain/dialog';
 import type { ClassValue } from 'clsx';
 
 @Directive({
@@ -8,9 +8,9 @@ import type { ClassValue } from 'clsx';
 	host: {
 		'[class]': '_computedClass()',
 	},
-	hostDirectives: [BrnDialogTitleDirective],
+	hostDirectives: [BrnDialogTitle],
 })
-export class HlmDialogTitleDirective {
+export class HlmDialogTitle {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm('text-lg font-semibold leading-none tracking-tight', this.userClass()),

package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog.service.ts.template

@@ -6,8 +6,8 @@ import {
 	DEFAULT_BRN_DIALOG_OPTIONS,
 	cssClassesToArray,
 } from '@spartan-ng/brain/dialog';
-import { HlmDialogContentComponent } from './hlm-dialog-content.component';
-import { hlmDialogOverlayClass } from './hlm-dialog-overlay.directive';
+import { HlmDialogContent } from './hlm-dialog-content';
+import { hlmDialogOverlayClass } from './hlm-dialog-overlay';
 
 export type HlmDialogOptions<DialogContext = unknown> = BrnDialogOptions & {
 	contentClass?: string;
@@ -29,6 +29,6 @@ export class HlmDialogService {
 			context: { ...(options?.context ?? {}), $component: component, $dynamicComponentClass: options?.contentClass },
 		};
 
-		return this._brnDialogService.open(HlmDialogContentComponent, undefined, mergedOptions.context, mergedOptions);
+		return this._brnDialogService.open(HlmDialogContent, undefined, mergedOptions.context, mergedOptions);
 	}
 }

package/src/generators/ui/libs/ui-dialog-helm/files/lib/{hlm-dialog.component.ts.template → hlm-dialog.ts.template}

@@ -1,18 +1,14 @@
 import { ChangeDetectionStrategy, Component, forwardRef, ViewEncapsulation } from '@angular/core';
-import {
-	BrnDialogComponent,
-	BrnDialogOverlayComponent,
-	provideBrnDialogDefaultOptions,
-} from '@spartan-ng/brain/dialog';
-import { HlmDialogOverlayDirective } from './hlm-dialog-overlay.directive';
+import { BrnDialog, BrnDialogOverlay, provideBrnDialogDefaultOptions } from '@spartan-ng/brain/dialog';
+import { HlmDialogOverlay } from './hlm-dialog-overlay';
 
 @Component({
 	selector: 'hlm-dialog',
-	imports: [BrnDialogOverlayComponent, HlmDialogOverlayDirective],
+	imports: [BrnDialogOverlay, HlmDialogOverlay],
 	providers: [
 		{
-			provide: BrnDialogComponent,
-			useExisting: forwardRef(() => HlmDialogComponent),
+			provide: BrnDialog,
+			useExisting: forwardRef(() => HlmDialog),
 		},
 		provideBrnDialogDefaultOptions({
 			// add custom options here
@@ -26,4 +22,4 @@ import { HlmDialogOverlayDirective } from './hlm-dialog-overlay.directive';
 	encapsulation: ViewEncapsulation.None,
 	exportAs: 'hlmDialog',
 })
-export class HlmDialogComponent extends BrnDialogComponent {}
+export class HlmDialog extends BrnDialog {}

package/src/generators/ui/libs/ui-form-field-helm/files/index.ts.template

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
-import { HlmErrorDirective } from './lib/hlm-error.directive';
-import { HlmFormFieldComponent } from './lib/hlm-form-field.component';
-import { HlmHintDirective } from './lib/hlm-hint.directive';
+import { HlmError } from './lib/hlm-error';
+import { HlmFormField } from './lib/hlm-form-field';
+import { HlmHint } from './lib/hlm-hint';
 
-export * from './lib/hlm-error.directive';
-export * from './lib/hlm-form-field.component';
-export * from './lib/hlm-hint.directive';
+export * from './lib/hlm-error';
+export * from './lib/hlm-form-field';
+export * from './lib/hlm-hint';
 
 @NgModule({
-	imports: [HlmFormFieldComponent, HlmErrorDirective, HlmHintDirective],
-	exports: [HlmFormFieldComponent, HlmErrorDirective, HlmHintDirective],
+	imports: [HlmFormField, HlmError, HlmHint],
+	exports: [HlmFormField, HlmError, HlmHint],
 })
 export class HlmFormFieldModule {}

package/src/generators/ui/libs/ui-form-field-helm/files/lib/{hlm-error.directive.ts.template → hlm-error.ts.template}

@@ -9,7 +9,7 @@ import { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmErrorDirective {
+export class HlmError {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm('block text-destructive text-sm font-medium', this.userClass()),

package/src/generators/ui/libs/ui-form-field-helm/files/lib/{hlm-form-field.component.ts.template → hlm-form-field.ts.template}

@@ -10,7 +10,7 @@ import {
 import { hlm } from '@spartan-ng/brain/core';
 import { BrnFormFieldControl } from '@spartan-ng/brain/form-field';
 import { ClassValue } from 'clsx';
-import { HlmErrorDirective } from './hlm-error.directive';
+import { HlmError } from './hlm-error';
 
 @Component({
 	selector: 'hlm-form-field',
@@ -31,12 +31,12 @@ import { HlmErrorDirective } from './hlm-error.directive';
 	},
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmFormFieldComponent {
+export class HlmFormField {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() => hlm('space-y-2 block', this.userClass()));
 	public readonly control = contentChild(BrnFormFieldControl);
 
-	public readonly errorChildren = contentChildren(HlmErrorDirective);
+	public readonly errorChildren = contentChildren(HlmError);
 
 	protected readonly _hasDisplayedMessage = computed<'error' | 'hint'>(() =>
 		this.errorChildren() && this.errorChildren().length > 0 && this.control()?.errorState() ? 'error' : 'hint',

package/src/generators/ui/libs/ui-form-field-helm/files/lib/{hlm-hint.directive.ts.template → hlm-hint.ts.template}

@@ -9,7 +9,7 @@ import { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmHintDirective {
+export class HlmHint {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() => hlm('block text-sm text-muted-foreground', this.userClass()));
 }

package/src/generators/ui/libs/ui-hover-card-helm/files/index.ts.template

@@ -1,9 +1,9 @@
 import { NgModule } from '@angular/core';
-import { HlmHoverCardContentComponent } from './lib/hlm-hover-card-content.component';
+import { HlmHoverCardContent } from './lib/hlm-hover-card-content';
 
-export { HlmHoverCardContentComponent } from './lib/hlm-hover-card-content.component';
+export { HlmHoverCardContent } from './lib/hlm-hover-card-content';
 
-export const HlmHoverCardImports = [HlmHoverCardContentComponent] as const;
+export const HlmHoverCardImports = [HlmHoverCardContent] as const;
 
 @NgModule({
 	imports: [...HlmHoverCardImports],

package/src/generators/ui/libs/ui-hover-card-helm/files/lib/{hlm-hover-card-content.component.ts.template → hlm-hover-card-content.ts.template}

@@ -22,7 +22,7 @@ import type { ClassValue } from 'clsx';
 	`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HlmHoverCardContentComponent {
+export class HlmHoverCardContent {
 	private readonly _renderer = inject(Renderer2);
 	private readonly _element = inject(ElementRef);