@spartan-ng/cli 0.0.1-alpha.613 → 0.0.1-alpha.614

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.613",
+  "version": "0.0.1-alpha.614",
   "type": "commonjs",
   "dependencies": {
     "@angular/core": ">=19.0.0",

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

@@ -18,12 +18,21 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnAutocompleteSearch,
-			inputs: ['disabled', 'value', 'search', 'itemToString'],
+			inputs: ['autoHighlight', 'disabled', 'value', 'search', 'itemToString'],
 			outputs: ['valueChange', 'searchChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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

@@ -18,12 +18,21 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnAutocomplete,
-			inputs: ['disabled', 'value', 'search', 'itemToString', 'isItemEqualToValue'],
+			inputs: ['autoHighlight', 'disabled', 'value', 'search', 'itemToString', 'isItemEqualToValue'],
 			outputs: ['valueChange', 'searchChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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

@@ -18,12 +18,30 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnComboboxMultiple,
-			inputs: ['disabled', 'filter', 'search', 'value', 'itemToString', 'filterOptions', 'isItemEqualToValue'],
+			inputs: [
+				'autoHighlight',
+				'disabled',
+				'filter',
+				'search',
+				'value',
+				'itemToString',
+				'filterOptions',
+				'isItemEqualToValue',
+			],
 			outputs: ['searchChange', 'valueChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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

@@ -18,12 +18,30 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnCombobox,
-			inputs: ['disabled', 'filter', 'search', 'value', 'itemToString', 'filterOptions', 'isItemEqualToValue'],
+			inputs: [
+				'autoHighlight',
+				'disabled',
+				'filter',
+				'search',
+				'value',
+				'itemToString',
+				'filterOptions',
+				'isItemEqualToValue',
+			],
 			outputs: ['searchChange', 'valueChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

package/src/generators/ui/libs/command/files/index.ts.template

@@ -4,10 +4,9 @@ import { HlmCommandEmpty } from './lib/hlm-command-empty';
 import { HlmCommandEmptyState } from './lib/hlm-command-empty-state';
 import { HlmCommandGroup } from './lib/hlm-command-group';
 import { HlmCommandGroupLabel } from './lib/hlm-command-group-label';
+import { HlmCommandInput } from './lib/hlm-command-input';
 import { HlmCommandItem } from './lib/hlm-command-item';
 import { HlmCommandList } from './lib/hlm-command-list';
-import { HlmCommandSearch } from './lib/hlm-command-search';
-import { HlmCommandSearchInput } from './lib/hlm-command-search-input';
 import { HlmCommandSeparator } from './lib/hlm-command-separator';
 import { HlmCommandShortcut } from './lib/hlm-command-shortcut';
 
@@ -17,10 +16,9 @@ export * from './lib/hlm-command-empty';
 export * from './lib/hlm-command-empty-state';
 export * from './lib/hlm-command-group';
 export * from './lib/hlm-command-group-label';
+export * from './lib/hlm-command-input';
 export * from './lib/hlm-command-item';
 export * from './lib/hlm-command-list';
-export * from './lib/hlm-command-search';
-export * from './lib/hlm-command-search-input';
 export * from './lib/hlm-command-separator';
 export * from './lib/hlm-command-shortcut';
 
@@ -31,10 +29,9 @@ export const HlmCommandImports = [
 	HlmCommandEmptyState,
 	HlmCommandGroup,
 	HlmCommandGroupLabel,
+	HlmCommandInput,
 	HlmCommandItem,
 	HlmCommandList,
-	HlmCommandSearchInput,
-	HlmCommandSearch,
 	HlmCommandSeparator,
 	HlmCommandShortcut,
 ] as const;

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

@@ -1,26 +1,54 @@
-import { Directive, ElementRef, afterNextRender, contentChild } from '@angular/core';
-import { BrnCommandSearchInputToken } from '@spartan-ng/brain/command';
-import { classes } from '<%- importAlias %>/utils';
+import { BooleanInput } from '@angular/cdk/coercion';
+import {
+	booleanAttribute,
+	ChangeDetectionStrategy,
+	Component,
+	computed,
+	input,
+	linkedSignal,
+	output,
+} from '@angular/core';
+import { BrnDialogContent, BrnDialogState } from '@spartan-ng/brain/dialog';
+import { HlmDialogImports } from '<%- importAlias %>/dialog';
+import { hlm } from '<%- importAlias %>/utils';
+import { ClassValue } from 'clsx';
 
-@Directive({
-	selector: '[hlmCommandDialog]',
-	host: {
-		'data-slot': 'command-dialog',
-	},
+@Component({
+	selector: 'hlm-command-dialog',
+	imports: [HlmDialogImports, BrnDialogContent],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	template: `
+		<hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
+			<hlm-dialog-content
+				*brnDialogContent="let ctx"
+				[class]="_computedDialogContentClass()"
+				[showCloseButton]="showCloseButton()"
+			>
+				<hlm-dialog-header class="sr-only">
+					<h2 hlmDialogTitle>{{ title() }}</h2>
+					<p hlmDialogDescription>{{ description() }}</p>
+				</hlm-dialog-header>
+				<ng-content />
+			</hlm-dialog-content>
+		</hlm-dialog>
+	`,
 })
 export class HlmCommandDialog {
-	/** Access the search field */
-	private readonly _searchInput = contentChild(BrnCommandSearchInputToken, { read: ElementRef });
+	public readonly title = input<string>('Command Palette');
+	public readonly description = input<string>('Search for a command to run...');
 
-	constructor() {
-		classes(() => '**:data-[slot=command-search]:h-12 **:data-[slot=command-search-input]:h-12');
+	public readonly state = input<BrnDialogState>('closed');
+	protected readonly _state = linkedSignal(this.state);
 
-		afterNextRender(() => {
-			const searchInput = this._searchInput();
+	public readonly showCloseButton = input<boolean, BooleanInput>(false, { transform: booleanAttribute });
 
-			if (searchInput) {
-				searchInput.nativeElement.focus();
-			}
-		});
+	public readonly dialogContentClass = input<ClassValue>('');
+	protected readonly _computedDialogContentClass = computed(() => hlm('w-96 p-0', this.dialogContentClass()));
+
+	public readonly stateChange = output<BrnDialogState>();
+
+	protected stateChanged(state: BrnDialogState) {
+		this.stateChange.emit(state);
+		this._state.set(state);
 	}
 }

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

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideSearch } from '@ng-icons/lucide';
+import { BrnCommandInput } from '@spartan-ng/brain/command';
+import { HlmInputGroupImports } from '<%- importAlias %>/input-group';
+import { classes } from '<%- importAlias %>/utils';
+
+@Component({
+	selector: 'hlm-command-input',
+	imports: [HlmInputGroupImports, NgIcon, BrnCommandInput],
+	providers: [provideIcons({ lucideSearch })],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	template: `
+		<hlm-input-group
+			class="bg-input/30 border-input/30 h-8 rounded-lg shadow-none *:data-[slot=input-group-addon]:pl-2"
+		>
+			<input
+				brnCommandInput
+				data-slot="command-input"
+				class="w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50"
+				[id]="id()"
+				[placeholder]="placeholder()"
+			/>
+
+			<hlm-input-group-addon>
+				<ng-icon name="lucideSearch" />
+			</hlm-input-group-addon>
+		</hlm-input-group>
+	`,
+})
+export class HlmCommandInput {
+	public readonly id = input<string | undefined>();
+	public readonly placeholder = input<string>('');
+
+	constructor() {
+		classes(() => 'p-1 pb-0');
+	}
+}

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

@@ -16,6 +16,6 @@ import { classes } from '<%- importAlias %>/utils';
 })
 export class HlmCommandList {
 	constructor() {
-		classes(() => 'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto');
+		classes(() => 'no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none');
 	}
 }

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

@@ -11,6 +11,6 @@ import { classes } from '<%- importAlias %>/utils';
 })
 export class HlmCommandSeparator {
 	constructor() {
-		classes(() => 'bg-border -mx-1 block h-px data-hidden:hidden');
+		classes(() => 'bg-border -mx-1 block h-px w-auto data-hidden:hidden');
 	}
 }

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

@@ -7,8 +7,8 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnCommand,
-			inputs: ['id', 'filter'],
-			outputs: ['valueChange'],
+			inputs: ['id', 'filter', 'search', 'disabled'],
+			outputs: ['valueChange', 'searchChange'],
 		},
 	],
 	host: {
@@ -17,6 +17,6 @@ import { classes } from '<%- importAlias %>/utils';
 })
 export class HlmCommand {
 	constructor() {
-		classes(() => 'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md');
+		classes(() => 'bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl p-1');
 	}
 }

package/src/generators/ui/libs/navigation-menu/files/hlm-navigation-menu.ts.template

@@ -7,7 +7,7 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnNavigationMenu,
-			inputs: ['value', 'delayDuration', 'skipDelayDuration', 'orientation'],
+			inputs: ['value', 'delayDuration', 'skipDelayDuration', 'orientation', 'openOn'],
 			outputs: ['valueChange'],
 		},
 	],

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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0"
 		}
@@ -19,7 +19,7 @@
 		"name": "alert-dialog",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -34,7 +34,7 @@
 		"name": "autocomplete",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@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"
@@ -44,7 +44,7 @@
 		"name": "avatar",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"badge": {
@@ -68,7 +68,7 @@
 		"name": "button",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -77,7 +77,7 @@
 		"name": "button-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -89,7 +89,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -117,7 +117,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -125,14 +125,14 @@
 		"name": "collapsible",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"combobox": {
 		"name": "combobox",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@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",
@@ -142,15 +142,19 @@
 	"command": {
 		"name": "command",
 		"peerDependencies": {
+			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614",
+			"clsx": "^2.1.1",
+			"@ng-icons/core": ">=32.0.0 <34.0.0",
+			"@ng-icons/lucide": ">=32.0.0 <34.0.0"
 		}
 	},
 	"context-menu": {
 		"name": "context-menu",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0"
 		}
@@ -163,7 +167,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -171,7 +175,7 @@
 		"name": "dialog",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@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",
@@ -187,7 +191,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.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"empty": {
@@ -210,14 +214,14 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"hover-card": {
 		"name": "hover-card",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"icon": {
@@ -233,7 +237,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -252,7 +256,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.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"item": {
@@ -260,7 +264,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"class-variance-authority": "^0.7.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"kbd": {
@@ -273,14 +277,14 @@
 		"name": "label",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"menubar": {
 		"name": "menubar",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0"
 		}
@@ -289,7 +293,7 @@
 		"name": "navigation-menu",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"pagination": {
@@ -298,7 +302,7 @@
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/core": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"@angular/router": ">=20.0.0 <22.0.0"
@@ -308,21 +312,21 @@
 		"name": "popover",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"progress": {
 		"name": "progress",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"radio-group": {
 		"name": "radio-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/common": ">=20.0.0 <22.0.0",
 			"clsx": "^2.1.1"
@@ -332,7 +336,7 @@
 		"name": "resizable",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"scroll-area": {
@@ -346,7 +350,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"class-variance-authority": "^0.7.0",
@@ -357,14 +361,14 @@
 		"name": "separator",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"sheet": {
 		"name": "sheet",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"class-variance-authority": "^0.7.0",
@@ -376,7 +380,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -394,7 +398,7 @@
 		"name": "slider",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"sonner": {
@@ -419,7 +423,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -433,7 +437,7 @@
 		"name": "tabs",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
@@ -447,7 +451,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.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -456,7 +460,7 @@
 		"name": "toggle",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -464,7 +468,7 @@
 		"name": "toggle-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613",
+			"@spartan-ng/brain": "0.0.1-alpha.614",
 			"@angular/cdk": ">=20.0.0 <22.0.0"
 		}
 	},
@@ -472,7 +476,7 @@
 		"name": "tooltip",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.613"
+			"@spartan-ng/brain": "0.0.1-alpha.614"
 		}
 	},
 	"typography": {

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

@@ -1,19 +0,0 @@
-import { Directive } from '@angular/core';
-import { BrnCommandSearchInput } from '@spartan-ng/brain/command';
-import { classes } from '<%- importAlias %>/utils';
-
-@Directive({
-	selector: 'input[hlmCommandSearchInput],input[hlm-command-search-input]',
-	hostDirectives: [{ directive: BrnCommandSearchInput, inputs: ['value'] }],
-	host: {
-		'data-slot': 'command-search-input',
-	},
-})
-export class HlmCommandSearchInput {
-	constructor() {
-		classes(
-			() =>
-				'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
-		);
-	}
-}

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

@@ -1,16 +0,0 @@
-import { Directive } from '@angular/core';
-import { provideHlmIconConfig } from '<%- importAlias %>/icon';
-import { classes } from '<%- importAlias %>/utils';
-
-@Directive({
-	selector: '[hlmCommandSearch],hlm-command-search',
-	providers: [provideHlmIconConfig({ size: 'sm' })],
-	host: {
-		'data-slot': 'command-search',
-	},
-})
-export class HlmCommandSearch {
-	constructor() {
-		classes(() => 'flex h-9 items-center gap-2 border-b px-3 [&>_ng-icon]:flex-none [&>_ng-icon]:opacity-50');
-	}
-}