@spartan-ng/cli 0.0.1-alpha.684 → 0.0.1-alpha.685

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.684",
+  "version": "0.0.1-alpha.685",
   "repository": {
     "type": "git",
     "url": "https://github.com/spartan-ng/spartan"

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

@@ -37,7 +37,9 @@ export class HlmDialogContent {
 	private readonly _dialogRef = inject(BrnDialogRef);
 	private readonly _dialogContext = injectBrnDialogContext({ optional: true });
 
-	public readonly showCloseButton = input<boolean, BooleanInput>(true, { transform: booleanAttribute });
+	public readonly showCloseButton = input<boolean, BooleanInput>(this._dialogContext?.$showCloseButton ?? true, {
+		transform: booleanAttribute,
+	});
 
 	public readonly state = computed(() => this._dialogRef?.state() ?? 'closed');
 

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

@@ -6,6 +6,7 @@ import { hlmDialogOverlayClass } from './hlm-dialog-overlay';
 
 export type HlmDialogOptions<DialogContext = unknown> = BrnDialogOptions & {
 	contentClass?: string;
+	showCloseButton?: boolean;
 	context?: DialogContext;
 };
 
@@ -23,6 +24,7 @@ export class HlmDialogService {
 				...(options?.context && typeof options.context === 'object' ? options.context : {}),
 				$component: component,
 				$dynamicComponentClass: options?.contentClass,
+				$showCloseButton: options?.showCloseButton,
 			},
 		};
 

package/src/generators/ui/libs/empty/files/lib/hlm-empty-content.ts.template

@@ -3,12 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmEmptyContent],hlm-empty-content',
-	host: {
-		'data-slot': 'empty-content',
-	},
+	host: { 'data-slot': 'empty-content' },
 })
 export class HlmEmptyContent {
 	constructor() {
-		classes(() => 'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance');
+		classes(() => 'spartan-empty-content flex w-full max-w-sm min-w-0 flex-col items-center text-balance');
 	}
 }

package/src/generators/ui/libs/empty/files/lib/hlm-empty-description.ts.template

@@ -3,14 +3,13 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmEmptyDescription]',
-	host: {
-		'data-slot': 'empty-description',
-	},
+	host: { 'data-slot': 'empty-description' },
 })
 export class HlmEmptyDescription {
 	constructor() {
 		classes(
-			() => 'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',
+			() =>
+				'spartan-empty-description text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
 		);
 	}
 }

package/src/generators/ui/libs/empty/files/lib/hlm-empty-header.ts.template

@@ -3,12 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmEmptyHeader],hlm-empty-header',
-	host: {
-		'data-slot': 'empty-header',
-	},
+	host: { 'data-slot': 'empty-header' },
 })
 export class HlmEmptyHeader {
 	constructor() {
-		classes(() => 'flex max-w-sm flex-col items-center gap-2 text-center');
+		classes(() => 'spartan-empty-header flex max-w-sm flex-col items-center');
 	}
 }

package/src/generators/ui/libs/empty/files/lib/hlm-empty-media.ts.template

@@ -3,12 +3,12 @@ import { classes } from '<%- importAlias %>/utils';
 import { cva, VariantProps } from 'class-variance-authority';
 
 const emptyMediaVariants = cva(
-	'mb-2 flex shrink-0 items-center justify-center [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0',
+	'spartan-empty-media flex shrink-0 items-center justify-center [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0',
 	{
 		variants: {
 			variant: {
-				default: 'bg-transparent',
-				icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_ng-icon:not([class*='text-'])]:text-2xl",
+				default: 'spartan-empty-media-default',
+				icon: 'spartan-empty-media-icon',
 			},
 		},
 		defaultVariants: {
@@ -23,12 +23,13 @@ export type EmptyMediaVariants = VariantProps<typeof emptyMediaVariants>;
 	selector: '[hlmEmptyMedia],hlm-empty-media',
 	host: {
 		'data-slot': 'empty-media',
+		'[attr.data-variant]': 'variant()',
 	},
 })
 export class HlmEmptyMedia {
+	public readonly variant = input<EmptyMediaVariants['variant']>();
+
 	constructor() {
 		classes(() => emptyMediaVariants({ variant: this.variant() }));
 	}
-
-	public readonly variant = input<EmptyMediaVariants['variant']>();
 }

package/src/generators/ui/libs/empty/files/lib/hlm-empty-title.ts.template

@@ -3,12 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmEmptyTitle]',
-	host: {
-		'data-slot': 'empty-title',
-	},
+	host: { 'data-slot': 'empty-title' },
 })
 export class HlmEmptyTitle {
 	constructor() {
-		classes(() => 'text-lg font-medium tracking-tight');
+		classes(() => 'spartan-empty-title');
 	}
 }

package/src/generators/ui/libs/empty/files/lib/hlm-empty.ts.template

@@ -3,15 +3,12 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmEmpty],hlm-empty',
-	host: {
-		'data-slot': 'empty',
-	},
+	host: { 'data-slot': 'empty' },
 })
 export class HlmEmpty {
 	constructor() {
 		classes(
-			() =>
-				'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',
+			() => 'spartan-empty flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance',
 		);
 	}
 }

package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-fake-caret.ts.template

@@ -4,8 +4,8 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 	selector: 'hlm-input-otp-fake-caret',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `
-		<div class="pointer-events-none absolute inset-0 flex items-center justify-center">
-			<div class="animate-caret-blink bg-foreground h-4 w-px duration-1000"></div>
+		<div class="spartan-input-otp-caret pointer-events-none absolute inset-0 flex items-center justify-center">
+			<div class="spartan-input-otp-caret-line"></div>
 		</div>
 	`,
 })

package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-group.ts.template

@@ -2,13 +2,11 @@ import { Directive } from '@angular/core';
 import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
-	selector: '[hlmInputOtpGroup]',
-	host: {
-		'data-slot': 'input-otp-group',
-	},
+	selector: '[hlmInputOtpGroup],hlm-input-otp-group',
+	host: { 'data-slot': 'input-otp-group' },
 })
 export class HlmInputOtpGroup {
 	constructor() {
-		classes(() => 'flex items-center');
+		classes(() => 'spartan-input-otp-group flex items-center');
 	}
 }

package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-separator.ts.template

@@ -19,6 +19,6 @@ import { classes } from '<%- importAlias %>/utils';
 })
 export class HlmInputOtpSeparator {
 	constructor() {
-		classes(() => 'inline-flex');
+		classes(() => 'spartan-input-otp-separator flex items-center');
 	}
 }

package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-slot.ts.template

@@ -8,9 +8,7 @@ import { HlmInputOtpFakeCaret } from './hlm-input-otp-fake-caret';
 	selector: 'hlm-input-otp-slot',
 	imports: [BrnInputOtpSlot, HlmInputOtpFakeCaret],
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	host: {
-		'data-slot': 'input-otp-slot',
-	},
+	host: { 'data-slot': 'input-otp-slot' },
 	template: `
 		<brn-input-otp-slot [index]="index()">
 			<hlm-input-otp-fake-caret />
@@ -22,9 +20,9 @@ export class HlmInputOtpSlot {
 	public readonly index = input.required<number, NumberInput>({ transform: numberAttribute });
 
 	constructor() {
-		classes(() => [
-			'dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md',
-			'has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/50 has-[brn-input-otp-slot[data-active="true"]]:z-10 has-[brn-input-otp-slot[data-active="true"]]:ring-[3px]',
-		]);
+		classes(
+			() =>
+				'spartan-input-otp-slot relative flex items-center justify-center has-[brn-input-otp-slot[data-active="true"]]:z-10',
+		);
 	}
 }

package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp.ts.template

@@ -3,12 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'brn-input-otp[hlmInputOtp], brn-input-otp[hlm]',
-	host: {
-		'data-slot': 'input-otp',
-	},
+	host: { 'data-slot': 'input-otp' },
 })
 export class HlmInputOtp {
 	constructor() {
-		classes(() => 'flex items-center gap-2 has-disabled:opacity-50');
+		classes(() => 'spartan-input-otp flex items-center has-disabled:opacity-50');
 	}
 }

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

@@ -4,21 +4,14 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmLabel]',
-	hostDirectives: [
-		{
-			directive: BrnLabel,
-			inputs: ['id', 'for'],
-		},
-	],
-	host: {
-		'data-slot': 'label',
-	},
+	hostDirectives: [{ directive: BrnLabel, inputs: ['id', 'for'] }],
+	host: { 'data-slot': 'label' },
 })
 export class HlmLabel {
 	constructor() {
 		classes(
 			() =>
-				'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',
+				'spartan-label flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed',
 		);
 	}
 }

package/src/generators/ui/style-luma.css

@@ -350,7 +350,7 @@
 	}
 
 	.spartan-input-otp-slot {
-		@apply bg-input/50 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/30 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-r text-sm transition-all outline-none first:rounded-l-3xl first:border-l last:rounded-r-3xl data-[active=true]:ring-3;
+		@apply bg-input/50 border-input has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/30 has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-e text-sm transition-all outline-none first:rounded-s-3xl first:border-s last:rounded-e-3xl has-[brn-input-otp-slot[data-active="true"]]:ring-3;
 	}
 
 	.spartan-input-otp-caret-line {

package/src/generators/ui/style-lyra.css

@@ -631,7 +631,7 @@
 	}
 
 	.spartan-input-otp-slot {
-		@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-8 border-y border-r text-xs transition-all outline-none first:rounded-none first:border-l last:rounded-none data-[active=true]:ring-1;
+		@apply dark:bg-input/30 border-input has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/50 has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:border-destructive size-8 border-y border-e text-xs transition-all outline-none first:rounded-none first:border-s last:rounded-none has-[brn-input-otp-slot[data-active="true"]]:ring-1;
 	}
 
 	.spartan-input-otp-caret-line {

package/src/generators/ui/style-maia.css

@@ -656,7 +656,7 @@
 	}
 
 	.spartan-input-otp-slot {
-		@apply bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-r text-sm transition-all outline-none first:rounded-l-4xl first:border-l last:rounded-r-4xl data-[active=true]:ring-[3px];
+		@apply bg-input/30 border-input has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/50 has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-e text-sm transition-all outline-none first:rounded-s-4xl first:border-s last:rounded-e-4xl has-[brn-input-otp-slot[data-active="true"]]:ring-[3px];
 	}
 
 	.spartan-input-otp-caret-line {

package/src/generators/ui/style-mira.css

@@ -656,7 +656,7 @@
 	}
 
 	.spartan-input-otp-slot {
-		@apply bg-input/20 dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/30 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-7 border-y border-r text-xs/relaxed transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:ring-2;
+		@apply bg-input/20 dark:bg-input/30 border-input has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/30 has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:border-destructive size-7 border-y border-e text-xs/relaxed transition-all outline-none first:rounded-s-md first:border-s last:rounded-e-md has-[brn-input-otp-slot[data-active="true"]]:ring-2;
 	}
 
 	.spartan-input-otp-caret-line {

package/src/generators/ui/style-nova.css

@@ -656,7 +656,7 @@
 	}
 
 	.spartan-input-otp-slot {
-		@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3;
+		@apply dark:bg-input/30 border-input has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/50 has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:border-destructive size-8 border-y border-e text-sm transition-all outline-none first:rounded-s-lg first:border-s last:rounded-e-lg has-[brn-input-otp-slot[data-active="true"]]:ring-3;
 	}
 
 	.spartan-input-otp-caret-line {

package/src/generators/ui/style-vega.css

@@ -652,7 +652,7 @@
 	}
 
 	&.spartan-input-otp-slot {
-		@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:ring-3;
+		@apply dark:bg-input/30 border-input has-[brn-input-otp-slot[data-active="true"]]:border-ring has-[brn-input-otp-slot[data-active="true"]]:ring-ring/50 has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive has-[brn-input-otp-slot[data-active="true"]]:data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-e text-sm shadow-xs transition-all outline-none first:rounded-s-md first:border-s last:rounded-e-md has-[brn-input-otp-slot[data-active="true"]]:ring-3;
 	}
 
 	&.spartan-input-otp-caret-line {

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

@@ -3,7 +3,7 @@
 		"name": "accordion",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"clsx": "^2.1.1"
@@ -20,7 +20,7 @@
 		"name": "alert-dialog",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -36,7 +36,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0"
@@ -46,7 +46,7 @@
 		"name": "avatar",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"badge": {
@@ -70,7 +70,7 @@
 		"name": "button",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -79,7 +79,7 @@
 		"name": "button-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -91,7 +91,7 @@
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -119,7 +119,7 @@
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -127,7 +127,7 @@
 		"name": "collapsible",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"combobox": {
@@ -135,7 +135,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -147,7 +147,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0"
@@ -157,7 +157,7 @@
 		"name": "context-menu",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0"
 		}
@@ -170,7 +170,7 @@
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -178,7 +178,7 @@
 		"name": "dialog",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/common": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
@@ -194,7 +194,7 @@
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"empty": {
@@ -208,7 +208,7 @@
 		"name": "field",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"class-variance-authority": "^0.7.0"
@@ -218,7 +218,7 @@
 		"name": "hover-card",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"icon": {
@@ -234,7 +234,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -243,7 +243,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"class-variance-authority": "^0.7.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"input-otp": {
@@ -253,7 +253,7 @@
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"item": {
@@ -261,7 +261,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"class-variance-authority": "^0.7.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"kbd": {
@@ -274,14 +274,14 @@
 		"name": "label",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"menubar": {
 		"name": "menubar",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0"
 		}
@@ -294,7 +294,7 @@
 			"@angular/forms": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -302,7 +302,7 @@
 		"name": "navigation-menu",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"pagination": {
@@ -321,14 +321,14 @@
 		"name": "popover",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"progress": {
 		"name": "progress",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"radio-group": {
@@ -336,7 +336,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/common": ">=20.0.0 <22.0.0"
@@ -346,7 +346,7 @@
 		"name": "resizable",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"scroll-area": {
@@ -361,7 +361,7 @@
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"clsx": "^2.1.1"
@@ -371,14 +371,14 @@
 		"name": "separator",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"sheet": {
 		"name": "sheet",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -391,7 +391,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -410,7 +410,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684"
+			"@spartan-ng/brain": "0.0.1-alpha.685"
 		}
 	},
 	"sonner": {
@@ -420,7 +420,7 @@
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -438,7 +438,7 @@
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -452,7 +452,7 @@
 		"name": "tabs",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
@@ -466,7 +466,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -474,7 +474,7 @@
 		"name": "toggle",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -482,7 +482,7 @@
 		"name": "toggle-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"@angular/cdk": ">=20.0.0 <22.0.0"
 		}
 	},
@@ -490,7 +490,7 @@
 		"name": "tooltip",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.684",
+			"@spartan-ng/brain": "0.0.1-alpha.685",
 			"class-variance-authority": "^0.7.0"
 		}
 	},