@spartan-ng/cli 0.0.1-alpha.437 → 0.0.1-alpha.439

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

@@ -1,17 +1,9 @@
 import { NgModule } from '@angular/core';
-import { HlmToggleGroupDirective } from './lib/hlm-toggle-group.directive';
 import { HlmToggleDirective } from './lib/hlm-toggle.directive';
 
-export * from './lib/hlm-toggle-group.directive';
 export * from './lib/hlm-toggle.directive';
 @NgModule({
 	imports: [HlmToggleDirective],
 	exports: [HlmToggleDirective],
 })
 export class HlmToggleModule {}
-
-@NgModule({
-	imports: [HlmToggleDirective, HlmToggleGroupDirective],
-	exports: [HlmToggleDirective, HlmToggleGroupDirective],
-})
-export class HlmToggleGroupModule {}

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

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
-import { type VariantProps, cva } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 
 export const toggleVariants = cva(
@@ -23,7 +23,7 @@ export const toggleVariants = cva(
 		},
 	},
 );
-type ToggleVariants = VariantProps<typeof toggleVariants>;
+export type ToggleVariants = VariantProps<typeof toggleVariants>;
 
 @Directive({
 	selector: '[hlmToggle],[brnToggle][hlm]',
@@ -36,7 +36,18 @@ export class HlmToggleDirective {
 	public readonly variant = input<ToggleVariants['variant']>('default');
 	public readonly size = input<ToggleVariants['size']>('default');
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected readonly _computedClass = computed(() =>
-		hlm(toggleVariants({ variant: this.variant(), size: this.size() }), this.userClass()),
-	);
+
+	protected readonly _computedClass = computed(() => {
+		const variantToUse = this.variant();
+		const sizeToUse = this.size();
+		const userClass = this.userClass();
+
+		return hlm(
+			toggleVariants({
+				variant: variantToUse,
+				size: sizeToUse,
+			}),
+			userClass,
+		);
+	});
 }

package/src/generators/ui/supported-ui-libraries.json

@@ -5,7 +5,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -14,7 +14,7 @@
 		"internalName": "ui-alert-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -24,7 +24,7 @@
 		"internalName": "ui-alert-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -34,7 +34,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -42,7 +42,7 @@
 		"internalName": "ui-avatar-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -52,7 +52,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -64,7 +64,7 @@
 			"@angular/router": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -73,7 +73,7 @@
 		"internalName": "ui-button-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -85,7 +85,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
@@ -95,7 +95,7 @@
 		"internalName": "ui-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -105,7 +105,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
@@ -119,7 +119,7 @@
 			"@angular/forms": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-calendar-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-popover-helm": "0.0.1-alpha.381",
@@ -134,7 +134,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -150,7 +150,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -159,7 +159,7 @@
 		"internalName": "ui-label-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -170,7 +170,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -180,7 +180,7 @@
 		"internalName": "ui-popover-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -188,7 +188,7 @@
 		"internalName": "ui-progress-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -196,7 +196,7 @@
 		"internalName": "ui-radio-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -204,7 +204,7 @@
 		"internalName": "ui-scroll-area-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1",
 			"ngx-scrollbar": ">=16.0.0"
 		}
@@ -213,7 +213,7 @@
 		"internalName": "ui-separator-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -223,7 +223,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -233,7 +233,7 @@
 		"internalName": "ui-skeleton-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -241,7 +241,7 @@
 		"internalName": "ui-spinner-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -252,7 +252,7 @@
 			"@angular/cdk": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -263,7 +263,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
@@ -274,7 +274,16 @@
 		"internalName": "ui-toggle-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
+			"class-variance-authority": "^0.7.0",
+			"clsx": "^2.1.1"
+		}
+	},
+	"toggle-group": {
+		"internalName": "ui-toggle-group-helm",
+		"peerDependencies": {
+			"@angular/core": ">=19.0.0",
+			"@spartan-ng/brain": "0.0.1-alpha.436",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -283,7 +292,7 @@
 		"internalName": "ui-typography-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -292,7 +301,7 @@
 		"peerDependencies": {
 			"@angular/common": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -300,7 +309,7 @@
 		"internalName": "ui-hover-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -311,7 +320,7 @@
 			"@angular/forms": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -320,7 +329,7 @@
 		"internalName": "ui-tooltip-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437"
+			"@spartan-ng/brain": "0.0.1-alpha.439"
 		}
 	},
 	"pagination": {
@@ -332,7 +341,7 @@
 			"@angular/router": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-select-helm": "0.0.1-alpha.381",
@@ -346,7 +355,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1",
@@ -359,7 +368,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -380,14 +389,35 @@
 		"internalName": "ui-form-field-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437"
+			"@spartan-ng/brain": "0.0.1-alpha.439"
 		}
 	},
 	"slider": {
 		"internalName": "ui-slider-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.437",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
+			"clsx": "^2.1.1"
+		}
+	},
+	"togglegroup": {
+		"internalName": "ui-toggle-group-helm",
+		"peerDependencies": {
+			"@angular/core": ">=18.0.0",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
+			"class-variance-authority": "^0.7.0",
+			"clsx": "^2.1.1"
+		}
+	},
+	"inputotp": {
+		"internalName": "ui-input-otp-helm",
+		"peerDependencies": {
+			"@angular/cdk": "19.2.2",
+			"@angular/core": ">=19.0.0",
+			"@ng-icons/core": "29.10.0",
+			"@ng-icons/lucide": "30.3.0",
+			"@spartan-ng/brain": "0.0.1-alpha.439",
+			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
 	}

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

@@ -1,19 +0,0 @@
-import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import { BrnSliderInputDirective } from '@spartan-ng/brain/slider';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: 'input[hlmSliderInput], input[brnSliderInput]',
-	standalone: true,
-	hostDirectives: [BrnSliderInputDirective],
-	host: {
-		'[class]': '_computedClass()',
-	},
-})
-export class HlmSliderInputDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm('w-full h-5 -top-1.5 left-0 opacity-0 absolute cursor-pointer transition-all', this.userClass()),
-	);
-}

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

@@ -1,27 +0,0 @@
-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 type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: 'hlm-slider-thumb, brn-slider-thumb [hlm]',
-	standalone: true,
-	host: {
-		'[class]': '_computedClass()',
-		'[attr.dir]': '_direction()',
-	},
-	hostDirectives: [BrnSliderThumbDirective],
-})
-export class HlmSliderThumbDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm(
-			'-translate-y-1/2 h-5 w-5 absolute rounded-full top-1/2 ltr:left-0 rtl:right-0 bg-secondary border-2 border-black cursor-pointer pointer-events-none transition-all',
-			this._brnSlider.brnSliderTrack()?.brnSliderInput()?.isFocused() ? 'ring-2 ring-gray-400' : '',
-			this.userClass(),
-		),
-	);
-	protected _direction = computed(() => this._brnSlider.direction());
-
-	private readonly _brnSlider = inject(BRN_SLIDER);
-}

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

@@ -1,29 +0,0 @@
-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 type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: '[hlmSliderTickMark]',
-	standalone: true,
-	host: {
-		'[class]': '_computedClass()',
-		'[attr.dir]': '_direction()',
-	},
-	hostDirectives: [{ directive: BrnSliderTickMarkDirective, inputs: ['data'] }],
-})
-export class HlmSliderTickMarkDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	public readonly active = input<boolean>();
-
-	protected _computedClass = computed(() =>
-		hlm(
-			'absolute w-1 h-1 top-0.5 rounded-full rtl:right-0',
-			this.active() ? 'bg-secondary' : 'bg-primary',
-			this.userClass(),
-		),
-	);
-	protected _direction = computed(() => this._brnSlider.direction());
-
-	private readonly _brnSlider = inject(BRN_SLIDER);
-}

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

@@ -1,17 +0,0 @@
-import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: '[hlmSliderTickMarks]',
-	standalone: true,
-	host: {
-		'[class]': '_computedClass()',
-	},
-})
-export class HlmSliderTickMarksDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm('h-full w-full relative -top-4 cursor-pointer pointer-events-none transition-all', this.userClass()),
-	);
-}

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

@@ -1,26 +0,0 @@
-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 type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: '[hlmSliderTrackActiveFill]',
-	standalone: true,
-	hostDirectives: [BrnSliderTrackActiveFillDirective],
-	host: {
-		'[class]': '_computedClass()',
-		'[attr.dir]': '_direction()',
-	},
-})
-export class HlmSliderTrackActiveFillDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm(
-			'h-full w-full absolute top-0 pointer-events-none bg-primary ltr:origin-left rtl:origin-right transition-all scale-x-0',
-			this.userClass(),
-		),
-	);
-	protected _direction = computed(() => this._brnSlider.direction());
-
-	private readonly _brnSlider = inject(BRN_SLIDER);
-}

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

@@ -1,20 +0,0 @@
-import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: '[hlmSliderTrackActive]',
-	standalone: true,
-	host: {
-		'[class]': '_computedClass()',
-	},
-})
-export class HlmSliderTrackActiveDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm(
-			'h-full w-full relative -top-2 pointer-events-none overflow-hidden rounded-full transition-all',
-			this.userClass(),
-		),
-	);
-}

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

@@ -1,17 +0,0 @@
-import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: '[hlmSliderTrackInactive]',
-	standalone: true,
-	host: {
-		'[class]': '_computedClass()',
-	},
-})
-export class HlmSliderTrackInactiveDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm('w-full h-full bg-secondary rounded-full transition-all', this.userClass()),
-	);
-}

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

@@ -1,54 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import { BRN_SLIDER, BRN_SLIDER_TRACK, BrnSliderTrackDirective } from '@spartan-ng/brain/slider';
-import type { ClassValue } from 'clsx';
-import { HlmSliderTickMarkDirective } from './hlm-slider-tick-mark.directive';
-import { HlmSliderTickMarksDirective } from './hlm-slider-tick-marks.directive';
-import { HlmSliderTrackActiveFillDirective } from './hlm-slider-track-active-fill.directive';
-import { HlmSliderTrackActiveDirective } from './hlm-slider-track-active.directive';
-import { HlmSliderTrackInactiveDirective } from './hlm-slider-track-inactive.directive';
-
-@Component({
-	selector: 'hlm-slider-track, brn-slider-track [hlm]',
-	changeDetection: ChangeDetectionStrategy.OnPush,
-	template: `
-		<ng-content></ng-content>
-		<div class="flex w-full flex-wrap">
-			<div hlmSliderTrackInactive></div>
-			<div hlmSliderTrackActive>
-				<div hlmSliderTrackActiveFill></div>
-			</div>
-			@if (_brnSlider.showTickMarks()) {
-				<div hlmSliderTickMarks>
-					@for (tickMark of _brnSliderTrack.tickMarks(); track $index) {
-						<div
-							hlmSliderTickMark
-							[data]="{ tickMarkIndex: $index, totalTickMarks: _brnSliderTrack.tickMarks().length }"
-							[active]="tickMark"
-						></div>
-					}
-				</div>
-			}
-		</div>
-	`,
-	host: {
-		'[class]': '_computedClass()',
-	},
-	hostDirectives: [BrnSliderTrackDirective],
-	imports: [
-		HlmSliderTrackInactiveDirective,
-		HlmSliderTrackActiveDirective,
-		HlmSliderTrackActiveFillDirective,
-		HlmSliderTickMarksDirective,
-		HlmSliderTickMarkDirective,
-	],
-})
-export class HlmSliderTrackComponent {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm('flex w-full h-2 px-3 self-center relative transition-all', this.userClass()),
-	);
-
-	protected readonly _brnSlider = inject(BRN_SLIDER);
-	protected readonly _brnSliderTrack = inject(BRN_SLIDER_TRACK, { host: true });
-}

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

@@ -1,20 +0,0 @@
-import { Directive, computed, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-	selector: 'brn-toggle-group[hlm],[hlmToggleGroup]',
-	standalone: true,
-	host: {
-		'[class]': '_computedClass()',
-	},
-})
-export class HlmToggleGroupDirective {
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected readonly _computedClass = computed(() =>
-		hlm(
-			'inline-flex items-center rounded-md [&>[hlm][brnToggle][variant="outline"]]:-mx-[0.5px] [&>[hlm][brnToggle]]:rounded-none focus:[&>[hlm][brnToggle]]:z-10 first-of-type:[&>[hlm][brnToggle]]:rounded-l-md last-of-type:[&>[hlm][brnToggle]]:rounded-r-md',
-			this.userClass(),
-		),
-	);
-}