@spartan-ng/cli 0.0.1-alpha.345 → 0.0.1-alpha.346

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.345",
+  "version": "0.0.1-alpha.346",
   "type": "commonjs",
   "dependencies": {
     "@nx/js": "^18.0.7",

package/src/generators/base/versions.d.ts

@@ -1,25 +1,25 @@
 export declare const FALLBACK_ANGULAR_VERSION = "^17.3.0";
 export declare const NG_ICONS_VERSION = "^25.1.0";
-export declare const SPARTAN_ACCORDION_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_ALERT_DIALOG_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_AVATAR_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_COMMAND_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_COLLAPSIBLE_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_CORE_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_DIALOG_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_HOVERCARD_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_LABEL_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_MENU_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_POPOVER_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_PROGRESS_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_RADIO_GROUP_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_SELECT_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_SEPARATOR_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_SHEET_BRAIN_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_SWITCH_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_TABS_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_TABLE_VERSION = "0.0.1-alpha.343";
-export declare const SPARTAN_TOGGLE_VERSION = "0.0.1-alpha.343";
+export declare const SPARTAN_ACCORDION_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_ALERT_DIALOG_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_AVATAR_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_COMMAND_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_COLLAPSIBLE_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_CORE_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_DIALOG_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_HOVERCARD_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_LABEL_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_MENU_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_POPOVER_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_PROGRESS_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_RADIO_GROUP_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_SELECT_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_SEPARATOR_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_SHEET_BRAIN_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_SWITCH_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_TABS_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_TABLE_VERSION = "0.0.1-alpha.344";
+export declare const SPARTAN_TOGGLE_VERSION = "0.0.1-alpha.344";
 export declare const TAILWIND_MERGE_VERSION = "^2.2.0";
 export declare const TAILWINDCSS_VERSION = "^3.0.2";
 export declare const TAILWIND_ANIMATE_VERSION = "^1.0.6";

package/src/generators/base/versions.js

@@ -6,26 +6,26 @@ exports.FALLBACK_ANGULAR_VERSION = '^17.3.0';
 // ng-icon dependency
 exports.NG_ICONS_VERSION = '^25.1.0';
 // spartan dependencies
-exports.SPARTAN_ACCORDION_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_ALERT_DIALOG_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_AVATAR_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_COMMAND_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_COLLAPSIBLE_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_CORE_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_DIALOG_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_HOVERCARD_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_LABEL_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_MENU_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_POPOVER_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_PROGRESS_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_RADIO_GROUP_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_SELECT_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_SEPARATOR_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_SHEET_BRAIN_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_SWITCH_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_TABS_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_TABLE_VERSION = '0.0.1-alpha.343';
-exports.SPARTAN_TOGGLE_VERSION = '0.0.1-alpha.343';
+exports.SPARTAN_ACCORDION_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_ALERT_DIALOG_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_AVATAR_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_COMMAND_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_COLLAPSIBLE_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_CORE_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_DIALOG_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_HOVERCARD_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_LABEL_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_MENU_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_POPOVER_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_PROGRESS_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_RADIO_GROUP_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_SELECT_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_SEPARATOR_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_SHEET_BRAIN_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_SWITCH_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_TABS_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_TABLE_VERSION = '0.0.1-alpha.344';
+exports.SPARTAN_TOGGLE_VERSION = '0.0.1-alpha.344';
 // dev dependencies
 exports.TAILWIND_MERGE_VERSION = '^2.2.0';
 exports.TAILWINDCSS_VERSION = '^3.0.2';

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

@@ -1,4 +1,4 @@
-import { computed, Directive, Input, signal } from '@angular/core';
+import { computed, Directive, input, Input, signal } from '@angular/core';
 import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/ui-core';
 import { ClassValue } from 'clsx';
 
@@ -12,19 +12,14 @@ import { ClassValue } from 'clsx';
 	},
 })
 export class HlmSelectContentDirective {
-	private readonly _classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this._classNames.set(classNames);
-	}
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _stateProvider = injectExposesStateProvider({ optional: true });
 	protected readonly _sideProvider = injectExposedSideProvider({ optional: true });
 
 	protected readonly _computedClass = computed(() =>
 		hlm(
 			'w-full relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 data-[side=bottom]:top-[2px] data-[side=top]:bottom-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-			this._classNames(),
+			this.userClass(),
 		),
 	);
 

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

@@ -1,4 +1,4 @@
-import { computed, Directive, Input, signal } from '@angular/core';
+import { computed, Directive, input } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { BrnSelectGroupDirective } from '@spartan-ng/ui-select-brain';
 import { ClassValue } from 'clsx';
@@ -12,11 +12,6 @@ import { ClassValue } from 'clsx';
 	},
 })
 export class HlmSelectGroupDirective {
-	private readonly _classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this._classNames.set(classNames);
-	}
-	protected readonly _computedClass = computed(() => hlm(this._classNames()));
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected readonly _computedClass = computed(() => hlm(this.userClass()));
 }

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

@@ -1,4 +1,4 @@
-import { computed, Directive, inject, Input, OnInit, signal } from '@angular/core';
+import { computed, Directive, inject, input, OnInit, signal } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { BrnSelectLabelDirective } from '@spartan-ng/ui-select-brain';
 import { ClassValue } from 'clsx';
@@ -15,18 +15,12 @@ import { HlmSelectContentDirective } from './hlm-select-content.directive';
 export class HlmSelectLabelDirective implements OnInit {
 	private readonly selectContent = inject(HlmSelectContentDirective);
 	private readonly _stickyLabels = signal(false);
-
-	private readonly _classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this._classNames.set(classNames);
-	}
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
 		hlm(
 			'pl-8 pr-2 text-sm font-semibold rtl:pl-2 rtl:pr-8',
 			this._stickyLabels() ? 'sticky top-0 bg-popover block z-[2]' : '',
-			this._classNames(),
+			this.userClass(),
 		),
 	);
 

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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, inject, Input, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, inject, input, Input } from '@angular/core';
 import { lucideCheck } from '@ng-icons/lucide';
 import { hlm } from '@spartan-ng/ui-core';
 import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
@@ -30,17 +30,11 @@ import { ClassValue } from 'clsx';
 })
 export class HlmSelectOptionComponent {
 	protected readonly _brnSelectOption = inject(BrnSelectOptionDirective, { host: true });
-
-	private readonly classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this.classNames.set(classNames);
-	}
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm(
 			'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2  rtl:flex-reverse rtl:pr-8 rtl:pl-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-			this.classNames(),
+			this.userClass(),
 		),
 	);
 

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

@@ -1,4 +1,4 @@
-import { Component, computed, ContentChild, ElementRef, Input, signal, ViewChild } from '@angular/core';
+import { Component, computed, ContentChild, ElementRef, input, ViewChild } from '@angular/core';
 import { provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
 import { hlm } from '@spartan-ng/ui-core';
@@ -29,16 +29,11 @@ export class HlmSelectTriggerComponent {
 	@ContentChild(HlmIconComponent, { static: false })
 	protected icon!: HlmIconComponent;
 
-	private readonly classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this.classNames.set(classNames);
-	}
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm(
 			'flex h-10 items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 w-[180px]',
-			this.classNames(),
+			this.userClass(),
 		),
 	);
 }

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

@@ -1,4 +1,4 @@
-import { computed, Directive, Input, signal } from '@angular/core';
+import { computed, Directive, input } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { ClassValue } from 'clsx';
 
@@ -11,16 +11,11 @@ import { ClassValue } from 'clsx';
 	},
 })
 export class HlmSelectValueDirective {
-	private readonly classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this.classNames.set(classNames);
-	}
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm(
 			'!inline-block ltr:text-left rtl:text-right border-border w-[calc(100%)]] min-w-0 pointer-events-none truncate',
-			this.classNames(),
+			this.userClass(),
 		),
 	);
 }

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

@@ -1,4 +1,4 @@
-import { computed, Directive, Input, signal } from '@angular/core';
+import { computed, Directive, input } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { ClassValue } from 'clsx';
 
@@ -11,11 +11,6 @@ import { ClassValue } from 'clsx';
 	},
 })
 export class HlmSelectDirective {
-	private readonly _classNames = signal<ClassValue>('');
-	// eslint-disable-next-line @angular-eslint/no-input-rename
-	@Input({ alias: 'class' })
-	set _class(classNames: ClassValue) {
-		this._classNames.set(classNames);
-	}
-	protected readonly _computedClass = computed(() => hlm('space-y-2', this._classNames()));
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected readonly _computedClass = computed(() => hlm('space-y-2', this.userClass()));
 }

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

@@ -1,4 +1,4 @@
-import { Directive, Input, computed, input, signal } from '@angular/core';
+import { Directive, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { ClassValue } from 'clsx';
 
@@ -11,17 +11,12 @@ export type HlmSeparatorOrientation = 'horizontal' | 'vertical';
 	},
 })
 export class HlmSeparatorDirective {
-	private readonly _orientation = signal<HlmSeparatorOrientation>('horizontal');
-	@Input()
-	set orientation(value: HlmSeparatorOrientation) {
-		this._orientation.set(value);
-	}
-
+	public readonly orientation = input<HlmSeparatorOrientation>('horizontal');
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
 		hlm(
 			'inline-flex shrink-0 border-0 bg-border',
-			this._orientation() === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
+			this.orientation() === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
 			this.userClass(),
 		),
 	);

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

@@ -1,6 +1,6 @@
-import { Component, computed, input, Input, signal } from '@angular/core';
+import { Component, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
-import { cva, VariantProps } from 'class-variance-authority';
+import { VariantProps, cva } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
 
 export const spinnerVariants = cva('inline-block', {
@@ -45,12 +45,7 @@ export type SpinnerVariants = VariantProps<typeof spinnerVariants>;
 	`,
 })
 export class HlmSpinnerComponent {
-	private readonly _size = signal<SpinnerVariants['size']>('default');
-	@Input()
-	set size(value: SpinnerVariants['size']) {
-		this._size.set(value);
-	}
-
+	public readonly size = input<SpinnerVariants['size']>('default');
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() => hlm(spinnerVariants({ size: this._size() }), this.userClass()));
+	protected _computedClass = computed(() => hlm(spinnerVariants({ size: this.size() }), this.userClass()));
 }

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

@@ -1,4 +1,4 @@
-import { computed, Directive, Input, input, signal } from '@angular/core';
+import { computed, Directive, input } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { cva, VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
@@ -33,20 +33,10 @@ type ToggleVariants = VariantProps<typeof toggleVariants>;
 	},
 })
 export class HlmToggleDirective {
-	private readonly _variant = signal<ToggleVariants['variant']>('default');
-	@Input()
-	set variant(value: ToggleVariants['variant']) {
-		this._variant.set(value);
-	}
-
-	private readonly _size = signal<ToggleVariants['size']>('default');
-	@Input()
-	set size(value: ToggleVariants['size']) {
-		this._size.set(value);
-	}
-
+	public readonly variant = input<ToggleVariants['variant']>('default');
+	public readonly size = input<ToggleVariants['size']>('default');
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
-		hlm(toggleVariants({ variant: this._variant(), size: this._size() }), this.userClass()),
+		hlm(toggleVariants({ variant: this.variant(), size: this.size() }), this.userClass()),
 	);
 }

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

@@ -38,8 +38,7 @@ export class HlmTooltipTriggerDirective {
 	}
 
 	@Input()
-	set hlmTooltipTrigger(value: TemplateRef<unknown> | null | string) {
-		if (typeof value === 'string') return;
+	set hlmTooltipTrigger(value: string | TemplateRef<unknown> | null) {
 		this._brnTooltipTrigger.content = value;
 	}
 }