@spartan-ng/cli 0.0.1-alpha.379 → 0.0.1-alpha.382

package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-label.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, Input, booleanAttribute, computed, input, signal } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-separator.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-shortcut.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu.component.ts.template

@@ -1,6 +1,6 @@
 import { Component, Input, computed, input, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnMenuDirective } from '@spartan-ng/brain/menu';
-import { hlm } from '@spartan-ng/ui-core';
 import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-sub-menu.component.ts.template

@@ -1,6 +1,6 @@
 import { Component, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnMenuDirective } from '@spartan-ng/brain/menu';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-content.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import { type VariantProps, cva } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-ellipsis.component.ts.template

@@ -1,17 +1,18 @@
 import { Component, computed, input } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideEllipsis } from '@ng-icons/lucide';
-import { hlm } from '@spartan-ng/ui-core';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { hlm } from '@spartan-ng/brain/core';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 import { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-pagination-ellipsis',
 	standalone: true,
-	imports: [HlmIconComponent],
+	imports: [NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideEllipsis })],
 	template: `
 		<span [class]="_computedClass()">
-			<hlm-icon size="sm" name="lucideEllipsis" />
+			<ng-icon hlm size="sm" name="lucideEllipsis" />
 			<span class="sr-only">More pages</span>
 		</span>
 	`,

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-item.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import { type VariantProps, cva } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-link.directive.ts.template

@@ -1,8 +1,8 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { Directive, booleanAttribute, computed, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import { hlm } from '@spartan-ng/brain/core';
 import { type ButtonVariants, buttonVariants } from '@spartan-ng/ui-button-helm';
-import { hlm } from '@spartan-ng/ui-core';
 import { type VariantProps, cva } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-next.component.ts.template

@@ -1,17 +1,18 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { booleanAttribute, Component, computed, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronRight } from '@ng-icons/lucide';
+import { hlm } from '@spartan-ng/brain/core';
 import { ButtonVariants } from '@spartan-ng/ui-button-helm';
-import { hlm } from '@spartan-ng/ui-core';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 import { ClassValue } from 'clsx';
 import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 
 @Component({
 	selector: 'hlm-pagination-next',
 	standalone: true,
-	imports: [HlmPaginationLinkDirective, HlmIconComponent],
+	imports: [HlmPaginationLinkDirective, NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideChevronRight })],
 	template: `
 		<a
@@ -24,7 +25,7 @@ import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 			[attr.aria-label]="ariaLabel()"
 		>
 			<span [class.sr-only]="iconOnly()">{{ text() }}</span>
-			<hlm-icon size="sm" name="lucideChevronRight" />
+			<ng-icon hlm size="sm" name="lucideChevronRight" />
 		</a>
 	`,
 })

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-previous.component.ts.template

@@ -1,17 +1,18 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { booleanAttribute, Component, computed, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronLeft } from '@ng-icons/lucide';
+import { hlm } from '@spartan-ng/brain/core';
 import { ButtonVariants } from '@spartan-ng/ui-button-helm';
-import { hlm } from '@spartan-ng/ui-core';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 import { ClassValue } from 'clsx';
 import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 
 @Component({
 	selector: 'hlm-pagination-previous',
 	standalone: true,
-	imports: [HlmPaginationLinkDirective, HlmIconComponent],
+	imports: [HlmPaginationLinkDirective, NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideChevronLeft })],
 	template: `
 		<a
@@ -23,7 +24,7 @@ import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 			[size]="size()"
 			[attr.aria-label]="ariaLabel()"
 		>
-			<hlm-icon size="sm" name="lucideChevronLeft" />
+			<ng-icon hlm size="sm" name="lucideChevronLeft" />
 			<span [class.sr-only]="iconOnly()">{{ text() }}</span>
 		</a>
 	`,

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-popover-helm/files/lib/hlm-popover-close.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-popover-helm/files/lib/hlm-popover-content.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, ElementRef, Renderer2, computed, effect, inject, input, signal } from '@angular/core';
-import { hlm, injectExposesStateProvider } from '@spartan-ng/ui-core';
+import { hlm, injectExposesStateProvider } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-progress-helm/files/lib/hlm-progress-indicator.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { injectBrnProgress } from '@spartan-ng/brain/progress';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-progress-helm/files/lib/hlm-progress.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

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

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 
-import { HlmRadioGroupDirective } from './lib/hlm-radio-group.directive';
+import { HlmRadioGroupComponent } from './lib/hlm-radio-group.component';
 import { HlmRadioIndicatorComponent } from './lib/hlm-radio-indicator.component';
 import { HlmRadioDirective } from './lib/hlm-radio.directive';
 
-export * from './lib/hlm-radio-group.directive';
+export * from './lib/hlm-radio-group.component';
 export * from './lib/hlm-radio-indicator.component';
 export * from './lib/hlm-radio.directive';
 
-export const HlmRadioGroupImports = [HlmRadioGroupDirective, HlmRadioDirective, HlmRadioIndicatorComponent];
+export const HlmRadioGroupImports = [HlmRadioGroupComponent, HlmRadioDirective, HlmRadioIndicatorComponent];
 
 @NgModule({
 	imports: [...HlmRadioGroupImports],

package/src/generators/ui/libs/ui-radio-group-helm/files/lib/hlm-radio-group.component.ts.template

@@ -0,0 +1,23 @@
+import { Component, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
+import { BrnRadioGroupDirective } from '@spartan-ng/brain/radio-group';
+import type { ClassValue } from 'clsx';
+
+@Component({
+	selector: 'hlm-radio-group',
+	standalone: true,
+	hostDirectives: [
+		{
+			directive: BrnRadioGroupDirective,
+			inputs: ['name', 'value', 'disabled', 'required', 'direction'],
+		},
+	],
+	host: {
+		'[class]': '_computedClass()',
+	},
+	template: '<ng-content />',
+})
+export class HlmRadioGroupComponent {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() => hlm('grid gap-2', this.userClass()));
+}

package/src/generators/ui/libs/ui-radio-group-helm/files/lib/hlm-radio-indicator.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 const btnLike =

package/src/generators/ui/libs/ui-radio-group-helm/files/lib/hlm-radio.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({
@@ -12,6 +12,9 @@ import type { ClassValue } from 'clsx';
 export class HlmRadioDirective {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
-		hlm('group [&.brn-radio-disabled]:text-muted-foreground flex items-center space-x-2', this.userClass()),
+		hlm(
+			'group [&.brn-radio-disabled]:text-muted-foreground flex items-center space-x-2 rtl:space-x-reverse',
+			this.userClass(),
+		),
 	);
 }

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

@@ -1,10 +1,10 @@
 import { NgModule } from '@angular/core';
-import { HlmScrollAreaComponent } from './lib/hlm-scroll-area.component';
+import { HlmScrollAreaDirective } from './lib/hlm-scroll-area.directive';
 
-export * from './lib/hlm-scroll-area.component';
+export * from './lib/hlm-scroll-area.directive';
 
 @NgModule({
-	imports: [HlmScrollAreaComponent],
-	exports: [HlmScrollAreaComponent],
+	imports: [HlmScrollAreaDirective],
+	exports: [HlmScrollAreaDirective],
 })
 export class HlmScrollAreaModule {}

package/src/generators/ui/libs/ui-scroll-area-helm/files/lib/hlm-scroll-area.directive.ts.template

@@ -0,0 +1,20 @@
+import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: 'ng-scrollbar[hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+		'[style.--scrollbar-border-radius.px]': '100',
+		'[style.--scrollbar-offset]': '3',
+		'[style.--scrollbar-thumb-color]': '"hsl(var(--border))"',
+		'[style.--scrollbar-thumb-hover-color]': '"hsl(var(--border))"',
+		'[style.--scrollbar-thickness]': '7',
+	},
+})
+export class HlmScrollAreaDirective {
+	protected readonly _computedClass = computed(() => hlm('block', this.userClass()));
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+}

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-content.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/ui-core';
+import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-group.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSelectGroupDirective } from '@spartan-ng/brain/select';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-label.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSelectLabelDirective } from '@spartan-ng/brain/select';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 import { HlmSelectContentDirective } from './hlm-select-content.directive';
 

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-option.component.ts.template

@@ -1,8 +1,9 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideCheck } from '@ng-icons/lucide';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSelectOptionDirective } from '@spartan-ng/brain/select';
-import { hlm } from '@spartan-ng/ui-core';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 import type { ClassValue } from 'clsx';
 
 @Component({
@@ -22,11 +23,11 @@ import type { ClassValue } from 'clsx';
 			[attr.data-state]="this._brnSelectOption.checkedState()"
 		>
 			@if (this._brnSelectOption.selected()) {
-				<hlm-icon aria-hidden="true" name="lucideCheck" />
+				<ng-icon hlm aria-hidden="true" name="lucideCheck" />
 			}
 		</span>
 	`,
-	imports: [HlmIconComponent],
+	imports: [NgIcon, HlmIconDirective],
 })
 export class HlmSelectOptionComponent {
 	protected readonly _brnSelectOption = inject(BrnSelectOptionDirective, { host: true });

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-scroll-down.component.ts.template

@@ -1,17 +1,18 @@
 import { Component } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 
 @Component({
 	selector: 'hlm-select-scroll-down',
 	standalone: true,
-	imports: [HlmIconComponent],
+	imports: [NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideChevronDown })],
 	host: {
 		class: 'flex cursor-default items-center justify-center py-1',
 	},
 	template: `
-		<hlm-icon class="ml-2 h-4 w-4" name="lucideChevronDown" />
+		<ng-icon hlm size="sm" class="ml-2" name="lucideChevronDown" />
 	`,
 })
 export class HlmSelectScrollDownComponent {}

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-scroll-up.component.ts.template

@@ -1,17 +1,18 @@
 import { Component } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronUp } from '@ng-icons/lucide';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 
 @Component({
 	selector: 'hlm-select-scroll-up',
 	standalone: true,
-	imports: [HlmIconComponent],
+	imports: [NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideChevronUp })],
 	host: {
 		class: 'flex cursor-default items-center justify-center py-1',
 	},
 	template: `
-		<hlm-icon class="ml-2 h-4 w-4" name="lucideChevronUp" />
+		<ng-icon hlm size="sm" class="ml-2" name="lucideChevronUp" />
 	`,
 })
 export class HlmSelectScrollUpComponent {}

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-trigger.component.ts.template

@@ -1,9 +1,9 @@
 import { Component, computed, contentChild, inject, input } from '@angular/core';
-import { provideIcons } from '@ng-icons/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSelectComponent, BrnSelectTriggerDirective } from '@spartan-ng/brain/select';
-import { hlm } from '@spartan-ng/ui-core';
-import { HlmIconComponent } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 
@@ -32,7 +32,7 @@ type SelectTriggerVariants = VariantProps<typeof selectTriggerVariants>;
 @Component({
 	selector: 'hlm-select-trigger',
 	standalone: true,
-	imports: [BrnSelectTriggerDirective, HlmIconComponent],
+	imports: [BrnSelectTriggerDirective, NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideChevronDown })],
 
 	template: `
@@ -41,13 +41,13 @@ type SelectTriggerVariants = VariantProps<typeof selectTriggerVariants>;
 			@if (icon()) {
 				<ng-content select="hlm-icon" />
 			} @else {
-				<hlm-icon class="ml-2 h-4 w-4 flex-none" name="lucideChevronDown" />
+				<ng-icon hlm size="sm" class="ml-2 flex-none" name="lucideChevronDown" />
 			}
 		</button>
 	`,
 })
 export class HlmSelectTriggerComponent {
-	protected readonly icon = contentChild(HlmIconComponent);
+	protected readonly icon = contentChild(HlmIconDirective);
 
 	protected readonly brnSelect = inject(BrnSelectComponent, { optional: true });
 

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-value.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-separator-helm/files/lib/hlm-separator.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 export type HlmSeparatorOrientation = 'horizontal' | 'vertical';

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-close.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-content.component.ts.template

@@ -1,8 +1,9 @@
 import { Component, ElementRef, Renderer2, computed, effect, inject, input, signal } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideX } from '@ng-icons/lucide';
+import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/brain/core';
 import { BrnSheetCloseDirective } from '@spartan-ng/brain/sheet';
-import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/ui-core';
-import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
+import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
 import { cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 import { HlmSheetCloseDirective } from './hlm-sheet-close.directive';
@@ -29,7 +30,7 @@ export const sheetVariants = cva(
 @Component({
 	selector: 'hlm-sheet-content',
 	standalone: true,
-	imports: [HlmSheetCloseDirective, BrnSheetCloseDirective, HlmIconComponent],
+	imports: [HlmSheetCloseDirective, BrnSheetCloseDirective, NgIcon, HlmIconDirective],
 	providers: [provideIcons({ lucideX })],
 	host: {
 		'[class]': '_computedClass()',
@@ -39,7 +40,7 @@ export const sheetVariants = cva(
 		<ng-content />
 		<button brnSheetClose hlm>
 			<span class="sr-only">Close</span>
-			<hlm-icon class="flex h-4 w-4" size="100%" name="lucideX" />
+			<ng-icon hlm class="flex h-4 w-4" size="100%" name="lucideX" />
 		</button>
 	`,
 })

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-description.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSheetDescriptionDirective } from '@spartan-ng/brain/sheet';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-footer.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-header.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-overlay.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, effect, input } from '@angular/core';
-import { hlm, injectCustomClassSettable } from '@spartan-ng/ui-core';
+import { hlm, injectCustomClassSettable } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-title.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSheetTitleDirective } from '@spartan-ng/brain/sheet';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-skeleton-helm/files/lib/hlm-skeleton.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-input.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BrnSliderInputDirective } from '@spartan-ng/brain/slider';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-thumb.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BRN_SLIDER, BrnSliderThumbDirective } from '@spartan-ng/brain/slider';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-tick-mark.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BRN_SLIDER, BrnSliderTickMarkDirective } from '@spartan-ng/brain/slider';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-tick-marks.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-active-fill.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { hlm } from '@spartan-ng/brain/core';
 import { BRN_SLIDER, BrnSliderTrackActiveFillDirective } from '@spartan-ng/brain/slider';
-import { hlm } from '@spartan-ng/ui-core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-active.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-inactive.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/ui-core';
+import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
 @Directive({