@spartan-ng/cli 0.0.1-alpha.487 → 0.0.1-alpha.489

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.487",
+  "version": "0.0.1-alpha.489",
   "type": "commonjs",
   "dependencies": {
     "@nx/angular": ">=20.0.0",

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

@@ -38,7 +38,7 @@ export class HlmCommandItemComponent {
 	/*** The styles to apply  */
 	protected readonly _computedClass = computed(() =>
 		hlm(
-			'data-[selected]:bg-accent data-[selected=true]:text-accent-foreground [&>ng-icon]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:text-base w-full',
+			'data-[selected]:bg-accent data-[selected=true]:text-accent-foreground [&>ng-icon]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:text-base w-full data-[hidden]:hidden',
 			this.userClass(),
 		),
 	);

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

@@ -22,6 +22,6 @@ export class HlmCommandListComponent {
 
 	/** The styles to apply  */
 	protected readonly _computedClass = computed(() =>
-		hlm('flex flex-col max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', this.userClass()),
+		hlm('max-h-[300px] overflow-x-hidden overflow-y-auto', this.userClass()),
 	);
 }

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

@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
 import { BrnCommandSearchInputDirective } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
+import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'input[hlm-command-search-input]',
@@ -13,7 +14,7 @@ import { hlm } from '@spartan-ng/brain/core';
 })
 export class HlmCommandSearchInputComponent {
 	/*** The user defined class  */
-	public readonly userClass = input<string>('', { alias: 'class' });
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 
 	/*** The styles to apply  */
 	protected readonly _computedClass = computed(() =>

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

@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
 import { provideHlmIconConfig } from '@spartan-ng/helm/icon';
+import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-command-search',
@@ -15,7 +16,7 @@ import { provideHlmIconConfig } from '@spartan-ng/helm/icon';
 })
 export class HlmCommandSearchComponent {
 	/*** The user defined class  */
-	public readonly userClass = input<string>('', { alias: 'class' });
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 
 	/*** The styles to apply  */
 	protected readonly _computedClass = computed(() =>

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

@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
 import { BrnCommandDirective } from '@spartan-ng/brain/command';
 import { hlm } from '@spartan-ng/brain/core';
+import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-command',
@@ -21,7 +22,7 @@ import { hlm } from '@spartan-ng/brain/core';
 })
 export class HlmCommandComponent {
 	/*** The user defined class */
-	public readonly userClass = input<string>('', { alias: 'class' });
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 
 	/*** The styles to apply  */
 	protected readonly _computedClass = computed(() =>

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

@@ -20,7 +20,7 @@ export class HlmLabelDirective {
 
 	protected readonly _computedClass = computed(() =>
 		hlm(
-			'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 peer-data-[disabled]:cursor-not-allowed peer-data-[disabled]:opacity-50',
+			'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 peer-data-[disabled]:cursor-not-allowed peer-data-[disabled]:opacity-50 has-[[disabled]]:cursor-not-allowed has-[[disabled]]:opacity-50',
 			this.userClass(),
 		),
 	);

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

@@ -1,7 +1,7 @@
 import { Directive, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
 import { type VariantProps, cva } from 'class-variance-authority';
-import { ClassValue } from 'clsx';
+import type { ClassValue } from 'clsx';
 
 export const paginationContentVariants = cva('flex flex-row items-center gap-1', {
 	variants: {},

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

@@ -3,7 +3,7 @@ import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideEllipsis } from '@ng-icons/lucide';
 import { hlm } from '@spartan-ng/brain/core';
 import { HlmIconDirective } from '@spartan-ng/helm/icon';
-import { ClassValue } from 'clsx';
+import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-pagination-ellipsis',
@@ -12,13 +12,15 @@ import { ClassValue } from 'clsx';
 	template: `
 		<span [class]="_computedClass()">
 			<ng-icon hlm size="sm" name="lucideEllipsis" />
-			<span class="sr-only">More pages</span>
+			<span class="sr-only">{{ srOnlyText() }}</span>
 		</span>
 	`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class HlmPaginationEllipsisComponent {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	/** Screen reader only text for the ellipsis */
+	public readonly srOnlyText = input<string>('More pages');
 
-	protected readonly _computedClass = computed(() => hlm('flex h-9 w-9 items-center justify-center', this.userClass()));
+	protected readonly _computedClass = computed(() => hlm('flex size-9 items-center justify-center', this.userClass()));
 }

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

@@ -1,7 +1,7 @@
 import { Directive, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
 import { type VariantProps, cva } from 'class-variance-authority';
-import { ClassValue } from 'clsx';
+import type { ClassValue } from 'clsx';
 
 export const paginationItemVariants = cva('', {
 	variants: {},

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

@@ -4,7 +4,7 @@ import { RouterLink } from '@angular/router';
 import { hlm } from '@spartan-ng/brain/core';
 import { type ButtonVariants, buttonVariants } from '@spartan-ng/helm/button';
 import { type VariantProps, cva } from 'class-variance-authority';
-import { ClassValue } from 'clsx';
+import type { ClassValue } from 'clsx';
 
 export const paginationLinkVariants = cva('', {
 	variants: {},

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

@@ -4,9 +4,9 @@ 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/helm/button';
+import type { ButtonVariants } from '@spartan-ng/helm/button';
 import { HlmIconDirective } from '@spartan-ng/helm/icon';
-import { ClassValue } from 'clsx';
+import type { ClassValue } from 'clsx';
 import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 
 @Component({

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

@@ -4,9 +4,9 @@ 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/helm/button';
+import type { ButtonVariants } from '@spartan-ng/helm/button';
 import { HlmIconDirective } from '@spartan-ng/helm/icon';
-import { ClassValue } from 'clsx';
+import type { ClassValue } from 'clsx';
 import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 
 @Component({

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

@@ -37,6 +37,13 @@ import { ClassValue } from 'clsx';
 		</brn-radio>
 	`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
+	host: {
+		'[attr.id]': 'null',
+		'[attr.aria-label]': 'null',
+		'[attr.aria-labelledby]': 'null',
+		'[attr.aria-describedby]': 'null',
+		'[attr.data-disabled]': 'state().disabled() ? "" : null',
+	},
 })
 export class HlmRadioComponent<T = unknown> {
 	private readonly _document = inject(DOCUMENT);
@@ -45,7 +52,13 @@ export class HlmRadioComponent<T = unknown> {
 	private readonly _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected readonly _computedClass = computed(() => hlm('group flex items-center gap-x-3', this.userClass()));
+	protected readonly _computedClass = computed(() =>
+		hlm(
+			'group flex items-center gap-x-3',
+			this.userClass(),
+			this.state().disabled() ? 'cursor-not-allowed opacity-50' : '',
+		),
+	);
 
 	/** Used to set the id on the underlying brn element. */
 	public readonly id = input<string | undefined>(undefined);

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

@@ -1,4 +1,5 @@
-import { Directive, computed, input } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { Directive, booleanAttribute, computed, input } from '@angular/core';
 import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
@@ -12,7 +13,9 @@ import type { ClassValue } from 'clsx';
 })
 export class HlmSelectContentDirective {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	public readonly stickyLabels = input<boolean>(false);
+	public readonly stickyLabels = input<boolean, BooleanInput>(false, {
+		transform: booleanAttribute,
+	});
 	protected readonly _stateProvider = injectExposesStateProvider({ optional: true });
 	protected readonly _sideProvider = injectExposedSideProvider({ optional: true });
 

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

@@ -3,8 +3,10 @@ import { HlmSkeletonComponent } from './lib/hlm-skeleton.component';
 
 export * from './lib/hlm-skeleton.component';
 
+export const HlmSkeletonImports = [HlmSkeletonComponent] as const;
+
 @NgModule({
-	imports: [HlmSkeletonComponent],
-	exports: [HlmSkeletonComponent],
+	imports: [...HlmSkeletonImports],
+	exports: [...HlmSkeletonImports],
 })
 export class HlmSkeletonModule {}

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

@@ -3,8 +3,10 @@ import { HlmSpinnerComponent } from './lib/hlm-spinner.component';
 
 export * from './lib/hlm-spinner.component';
 
+export const HlmSpinnerImports = [HlmSpinnerComponent] as const;
+
 @NgModule({
-	imports: [HlmSpinnerComponent],
-	exports: [HlmSpinnerComponent],
+	imports: [...HlmSpinnerImports],
+	exports: [...HlmSpinnerImports],
 })
 export class HlmSpinnerModule {}

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

@@ -1,28 +1,7 @@
 import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
 import { hlm } from '@spartan-ng/brain/core';
-import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 
-export const spinnerVariants = cva('inline-block', {
-	variants: {
-		variant: {
-			default: 'animate-spin [&>svg]:text-foreground/30 [&>svg]:fill-accent',
-		},
-		size: {
-			xs: 'h-4 w-4',
-			sm: 'h-6 w-6',
-			default: 'w-8 h-8 ',
-			lg: 'w-12 h-12',
-			xl: 'w-16 h-16',
-		},
-	},
-	defaultVariants: {
-		variant: 'default',
-		size: 'default',
-	},
-});
-export type SpinnerVariants = VariantProps<typeof spinnerVariants>;
-
 @Component({
 	selector: 'hlm-spinner',
 	host: {
@@ -30,7 +9,13 @@ export type SpinnerVariants = VariantProps<typeof spinnerVariants>;
 		role: 'status',
 	},
 	template: `
-		<svg aria-hidden="true" class="animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<svg
+			aria-hidden="true"
+			class="motion-safe:animate-spin"
+			viewBox="0 0 100 101"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
 			<path
 				d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
 				fill="currentColor"
@@ -45,7 +30,8 @@ export type SpinnerVariants = VariantProps<typeof spinnerVariants>;
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class HlmSpinnerComponent {
-	public readonly size = input<SpinnerVariants['size']>('default');
-	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() => hlm(spinnerVariants({ size: this.size() }), this.userClass()));
+	public readonly userClass = input<ClassValue>('size-8', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm('inline-block [&>svg]:text-foreground/30 [&>svg]:fill-accent', this.userClass()),
+	);
 }

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

@@ -3,7 +3,7 @@
 		"internalName": "ui-accordion-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0"
@@ -13,7 +13,7 @@
 		"internalName": "ui-alert-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"class-variance-authority": "^0.7.0"
 		}
@@ -22,7 +22,7 @@
 		"internalName": "ui-alert-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -31,7 +31,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/cdk": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -39,7 +39,7 @@
 		"internalName": "ui-avatar-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -47,7 +47,7 @@
 		"internalName": "ui-badge-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -58,7 +58,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.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@angular/router": ">=19.0.0"
 		}
@@ -67,7 +67,7 @@
 		"internalName": "ui-button-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -79,7 +79,7 @@
 			"@angular/cdk": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -87,7 +87,7 @@
 		"internalName": "ui-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"class-variance-authority": "^0.7.0"
 		}
@@ -96,7 +96,7 @@
 		"internalName": "ui-carousel-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -111,7 +111,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.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -119,7 +119,7 @@
 		"internalName": "ui-command-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=19.0.0"
 		}
@@ -132,7 +132,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.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -140,7 +140,7 @@
 		"internalName": "ui-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@angular/common": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
@@ -153,7 +153,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -161,7 +161,7 @@
 		"internalName": "ui-hover-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -177,7 +177,7 @@
 		"internalName": "ui-input-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1",
 			"@angular/forms": ">=19.0.0"
@@ -187,7 +187,7 @@
 		"internalName": "ui-input-otp-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -198,7 +198,7 @@
 		"internalName": "ui-label-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -206,7 +206,7 @@
 		"internalName": "ui-menu-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -220,7 +220,7 @@
 			"@angular/core": ">=19.0.0",
 			"@angular/cdk": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
@@ -232,7 +232,7 @@
 		"internalName": "ui-popover-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -240,7 +240,7 @@
 		"internalName": "ui-progress-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -248,7 +248,7 @@
 		"internalName": "ui-radio-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@angular/common": ">=19.0.0"
 		}
@@ -257,7 +257,7 @@
 		"internalName": "ui-scroll-area-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -265,7 +265,8 @@
 		"internalName": "ui-select-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@angular/cdk": ">=19.0.0",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -276,7 +277,7 @@
 		"internalName": "ui-separator-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -284,7 +285,7 @@
 		"internalName": "ui-sheet-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -295,7 +296,7 @@
 		"internalName": "ui-skeleton-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -303,7 +304,7 @@
 		"internalName": "ui-slider-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -311,7 +312,7 @@
 		"internalName": "ui-sonner-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"ngx-sonner": ">=3.0.0"
 		}
@@ -320,8 +321,7 @@
 		"internalName": "ui-spinner-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
-			"class-variance-authority": "^0.7.0",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -329,7 +329,7 @@
 		"internalName": "ui-switch-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=19.0.0",
 			"@angular/forms": ">=19.0.0"
@@ -339,7 +339,7 @@
 		"internalName": "ui-table-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -347,7 +347,7 @@
 		"internalName": "ui-tabs-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1",
 			"class-variance-authority": "^0.7.0",
 			"@angular/cdk": ">=19.0.0",
@@ -360,7 +360,7 @@
 		"internalName": "ui-toggle-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -369,7 +369,7 @@
 		"internalName": "ui-toggle-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -378,14 +378,14 @@
 		"internalName": "ui-tooltip-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487"
+			"@spartan-ng/brain": "0.0.1-alpha.489"
 		}
 	},
 	"typography": {
 		"internalName": "ui-typography-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.487",
+			"@spartan-ng/brain": "0.0.1-alpha.489",
 			"clsx": "^2.1.1"
 		}
 	}