@spartan-ng/cli 0.0.1-alpha.603 → 0.0.1-alpha.604

package/package.json

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

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

@@ -24,6 +24,7 @@ export const buttonVariants = cva(
 				sm: 'h-8 gap-1.5 rounded-md px-3 has-[>ng-icon]:px-2.5',
 				lg: 'h-10 rounded-md px-6 has-[>ng-icon]:px-4',
 				icon: 'size-9',
+				'icon-xs': `size-6 [&_ng-icon:not([class*='text-'])]:text-xs`,
 				'icon-sm': 'size-8',
 				'icon-lg': 'size-10',
 			},

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

@@ -0,0 +1,52 @@
+import { HlmCombobox } from './lib/hlm-combobox';
+import { HlmComboboxChip } from './lib/hlm-combobox-chip';
+import { HlmComboboxChipInput } from './lib/hlm-combobox-chip-input';
+import { HlmComboboxChips } from './lib/hlm-combobox-chips';
+import { HlmComboboxContent } from './lib/hlm-combobox-content';
+import { HlmComboboxEmpty } from './lib/hlm-combobox-empty';
+import { HlmComboboxGroup } from './lib/hlm-combobox-group';
+import { HlmComboboxInput } from './lib/hlm-combobox-input';
+import { HlmComboboxItem } from './lib/hlm-combobox-item';
+import { HlmComboboxLabel } from './lib/hlm-combobox-label';
+import { HlmComboboxList } from './lib/hlm-combobox-list';
+import { HlmComboboxMultiple } from './lib/hlm-combobox-multiple';
+import { HlmComboboxSeparator } from './lib/hlm-combobox-separator';
+import { HlmComboboxTrigger } from './lib/hlm-combobox-trigger';
+import { HlmComboboxValue } from './lib/hlm-combobox-value';
+import { HlmComboboxValues } from './lib/hlm-combobox-values';
+
+export * from './lib/hlm-combobox';
+export * from './lib/hlm-combobox-chip';
+export * from './lib/hlm-combobox-chip-input';
+export * from './lib/hlm-combobox-chips';
+export * from './lib/hlm-combobox-content';
+export * from './lib/hlm-combobox-empty';
+export * from './lib/hlm-combobox-group';
+export * from './lib/hlm-combobox-input';
+export * from './lib/hlm-combobox-item';
+export * from './lib/hlm-combobox-label';
+export * from './lib/hlm-combobox-list';
+export * from './lib/hlm-combobox-multiple';
+export * from './lib/hlm-combobox-separator';
+export * from './lib/hlm-combobox-trigger';
+export * from './lib/hlm-combobox-value';
+export * from './lib/hlm-combobox-values';
+
+export const HlmComboboxImports = [
+	HlmCombobox,
+	HlmComboboxChip,
+	HlmComboboxChipInput,
+	HlmComboboxChips,
+	HlmComboboxContent,
+	HlmComboboxEmpty,
+	HlmComboboxGroup,
+	HlmComboboxInput,
+	HlmComboboxItem,
+	HlmComboboxLabel,
+	HlmComboboxList,
+	HlmComboboxMultiple,
+	HlmComboboxSeparator,
+	HlmComboboxTrigger,
+	HlmComboboxValue,
+	HlmComboboxValues,
+] as const;

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

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxChipInput } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'input[hlmComboboxChipInput]',
+	hostDirectives: [{ directive: BrnComboboxChipInput, inputs: ['id'] }],
+	host: {
+		'data-slott': 'combobox-chip-input',
+	},
+})
+export class HlmComboboxChipInput {
+	constructor() {
+		classes(() => 'min-w-16 flex-1 outline-none');
+	}
+}

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

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxChipRemove } from '@spartan-ng/brain/combobox';
+import { buttonVariants } from '<%- importAlias %>/button';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'button[hlmComboboxChipRemove]',
+	hostDirectives: [BrnComboboxChipRemove],
+	host: {
+		'data-slot': 'combobox-chip-remove',
+	},
+})
+export class HlmComboboxChipRemove {
+	constructor() {
+		classes(() => ['-ml-1 opacity-50 hover:opacity-100', buttonVariants({ variant: 'ghost', size: 'icon-xs' })]);
+	}
+}

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

@@ -0,0 +1,37 @@
+import type { BooleanInput } from '@angular/cdk/coercion';
+import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideX } from '@ng-icons/lucide';
+import { BrnComboboxChip } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+import { HlmComboboxChipRemove } from './hlm-combobox-chip-remove';
+
+@Component({
+	selector: 'hlm-combobox-chip',
+	imports: [NgIcon, HlmComboboxChipRemove],
+	providers: [provideIcons({ lucideX })],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [{ directive: BrnComboboxChip, inputs: ['value'] }],
+	host: {
+		'data-slot': 'combobox-chip',
+	},
+	template: `
+		<ng-content />
+
+		@if (showRemove()) {
+			<button hlmComboboxChipRemove>
+				<ng-icon name="lucideX" />
+			</button>
+		}
+	`,
+})
+export class HlmComboboxChip {
+	public readonly showRemove = input<boolean, BooleanInput>(true, { transform: booleanAttribute });
+
+	constructor() {
+		classes(
+			() =>
+				'bg-muted text-foreground flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0',
+		);
+	}
+}

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

@@ -0,0 +1,19 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxAnchor, BrnComboboxInputWrapper, BrnComboboxPopoverTrigger } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxChips],hlm-combobox-chips',
+	hostDirectives: [BrnComboboxInputWrapper, BrnComboboxAnchor, BrnComboboxPopoverTrigger],
+	host: {
+		'data-slott': 'combobox-chips',
+	},
+})
+export class HlmComboboxChips {
+	constructor() {
+		classes(
+			() =>
+				'dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 has-data-[slot=combobox-chip]:px-1.5; flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:ring-[3px] has-aria-invalid:ring-[3px]',
+		);
+	}
+}

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

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxContent } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxContent]',
+	hostDirectives: [BrnComboboxContent],
+})
+export class HlmComboboxContent {
+	constructor() {
+		classes(() => [
+			'group/combobox-content bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 max-h-72 w-(--brn-combobox-width) min-w-36 overflow-hidden rounded-md p-0 shadow-md ring-1 duration-100',
+			// change input group styles in the content
+			'**:data-[slot=input-group]:bg-input **:data-[slot=input-group]:border-input/30 **:has-[[data-slot=input-group-control]:focus-visible]:border-input **:has-[[data-slot=input-group-control]:focus-visible]:ring-0 **:data-[slot=input-group]:m-1 **:data-[slot=input-group]:mb-0 **:data-[slot=input-group]:h-8 **:data-[slot=input-group]:shadow-none',
+		]);
+	}
+}

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

@@ -0,0 +1,19 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxEmpty } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxEmpty],hlm-combobox-empty',
+	hostDirectives: [BrnComboboxEmpty],
+	host: {
+		'data-slot': 'combobox-empty',
+	},
+})
+export class HlmComboboxEmpty {
+	constructor() {
+		classes(
+			() =>
+				'text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex',
+		);
+	}
+}

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

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxGroup } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxGroup]',
+	hostDirectives: [BrnComboboxGroup],
+	host: {
+		'data-slot': 'combobox-group',
+	},
+})
+export class HlmComboboxGroup {
+	constructor() {
+		classes(() => 'data-hidden:hidden');
+	}
+}

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

@@ -0,0 +1,69 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideChevronDown, lucideX } from '@ng-icons/lucide';
+import { BrnComboboxImports, BrnComboboxInputWrapper, BrnComboboxPopoverTrigger } from '@spartan-ng/brain/combobox';
+import { HlmInputGroupImports } from '<%- importAlias %>/input-group';
+
+@Component({
+	selector: 'hlm-combobox-input',
+	imports: [HlmInputGroupImports, NgIcon, BrnComboboxImports, BrnComboboxPopoverTrigger],
+	providers: [provideIcons({ lucideChevronDown, lucideX })],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [BrnComboboxInputWrapper],
+	template: `
+		<hlm-input-group brnComboboxAnchor class="w-auto">
+			<input
+				brnComboboxInput
+				#comboboxInput="brnComboboxInput"
+				brnComboboxPopoverTrigger
+				hlmInputGroupInput
+				[placeholder]="placeholder()"
+				[attr.aria-invalid]="ariaInvalid() ? 'true' : null"
+			/>
+
+			<hlm-input-group-addon align="inline-end">
+				@if (showTrigger()) {
+					<button
+						brnComboboxPopoverTrigger
+						hlmInputGroupButton
+						data-slot="input-group-button"
+						[disabled]="comboboxInput.disabled()"
+						size="icon-xs"
+						variant="ghost"
+						class="group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent"
+					>
+						<ng-icon name="lucideChevronDown" />
+					</button>
+				}
+
+				@if (showClear()) {
+					<button
+						*brnComboboxClear
+						hlmInputGroupButton
+						data-slot="combobox-clear"
+						[disabled]="comboboxInput.disabled()"
+						size="icon-xs"
+						variant="ghost"
+					>
+						<ng-icon name="lucideX" />
+					</button>
+				}
+			</hlm-input-group-addon>
+
+			<ng-content />
+		</hlm-input-group>
+	`,
+})
+export class HlmComboboxInput {
+	public readonly placeholder = input<string>('');
+
+	public readonly showTrigger = input<boolean, BooleanInput>(true, { transform: booleanAttribute });
+	public readonly showClear = input<boolean, BooleanInput>(false, { transform: booleanAttribute });
+
+	// TODO input and input-group styles need to support aria-invalid directly
+	public readonly ariaInvalid = input<boolean, BooleanInput>(false, {
+		transform: booleanAttribute,
+		alias: 'aria-invalid',
+	});
+}

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

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideCheck } from '@ng-icons/lucide';
+import { BrnComboboxItem } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Component({
+	selector: 'hlm-combobox-item',
+	imports: [NgIcon],
+	providers: [provideIcons({ lucideCheck })],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [{ directive: BrnComboboxItem, inputs: ['id', 'disabled', 'value'] }],
+	host: {
+		'data-slot': 'combobox-item',
+	},
+	template: `
+		<ng-content />
+		@if (_active()) {
+			<ng-icon
+				name="lucideCheck"
+				class="pointer-events-none absolute right-2 flex size-4 items-center justify-center"
+				aria-hidden="true"
+			/>
+		}
+	`,
+})
+export class HlmComboboxItem {
+	private readonly _brnComboboxItem = inject(BrnComboboxItem);
+
+	protected readonly _active = this._brnComboboxItem.active;
+
+	constructor() {
+		classes(
+			() =>
+				`data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-hidden:hidden data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0 [&_ng-icon:not([class*='text-'])]:text-base`,
+		);
+	}
+}

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

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxLabel } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxLabel]',
+	hostDirectives: [{ directive: BrnComboboxLabel, inputs: ['id'] }],
+	host: {
+		'data-slot': 'combobox-label',
+	},
+})
+export class HlmComboboxLabel {
+	constructor() {
+		classes(() => 'text-muted-foreground px-2 py-1.5 text-xs');
+	}
+}

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

@@ -0,0 +1,19 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxList } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxList]',
+	hostDirectives: [{ directive: BrnComboboxList, inputs: ['id'] }],
+	host: {
+		'data-slot': 'combobox-list',
+	},
+})
+export class HlmComboboxList {
+	constructor() {
+		classes(
+			() =>
+				'no-scrollbar max-h-[calc(--spacing(72)---spacing(9))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0',
+		);
+	}
+}

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

@@ -0,0 +1,38 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxMultiple } from '@spartan-ng/brain/combobox';
+import { provideBrnDialogDefaultOptions } from '@spartan-ng/brain/dialog';
+import { BrnPopover, provideBrnPopoverConfig } from '@spartan-ng/brain/popover';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxMultiple],hlm-combobox-multiple',
+	providers: [
+		provideBrnPopoverConfig({
+			align: 'start',
+			sideOffset: 6,
+		}),
+		provideBrnDialogDefaultOptions({
+			autoFocus: 'first-heading',
+		}),
+	],
+	hostDirectives: [
+		{
+			directive: BrnComboboxMultiple,
+			inputs: ['disabled', 'filter', 'value', 'itemToString', 'filterOptions', 'isItemEqualToValue'],
+			outputs: ['valueChange'],
+		},
+		{
+			directive: BrnPopover,
+			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			outputs: ['stateChanged', 'closed'],
+		},
+	],
+	host: {
+		'data-slot': 'combobox',
+	},
+})
+export class HlmComboboxMultiple {
+	constructor() {
+		classes(() => 'block');
+	}
+}

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

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxSeparator } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxSeparator]',
+	hostDirectives: [{ directive: BrnComboboxSeparator, inputs: ['orientation'] }],
+	host: {
+		'data-slot': 'combobox-separator',
+	},
+})
+export class HlmComboboxSeparator {
+	constructor() {
+		classes(() => 'bg-border -mx-1 my-1 h-px');
+	}
+}

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

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideChevronDown } from '@ng-icons/lucide';
+import {
+	BrnComboboxAnchor,
+	BrnComboboxInputWrapper,
+	BrnComboboxPopoverTrigger,
+	BrnComboboxTrigger,
+} from '@spartan-ng/brain/combobox';
+import { ButtonVariants, HlmButton } from '<%- importAlias %>/button';
+import { hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
+
+@Component({
+	selector: 'hlm-combobox-trigger',
+	imports: [NgIcon, HlmButton, BrnComboboxAnchor, BrnComboboxTrigger, BrnComboboxPopoverTrigger],
+	providers: [provideIcons({ lucideChevronDown })],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [BrnComboboxInputWrapper],
+	template: `
+		<button
+			brnComboboxTrigger
+			brnComboboxAnchor
+			brnComboboxPopoverTrigger
+			hlmBtn
+			data-slot="combobox-trigger"
+			[class]="_computedClass()"
+			[variant]="variant()"
+		>
+			<ng-content />
+			<ng-icon name="lucideChevronDown" />
+		</button>
+	`,
+})
+export class HlmComboboxTrigger {
+	public readonly userClass = input<ClassValue>('', {
+		alias: 'class',
+	});
+	protected readonly _computedClass = computed(() => hlm(this.userClass()));
+
+	public readonly variant = input<ButtonVariants['variant']>('outline');
+}

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

@@ -0,0 +1,5 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxValue } from '@spartan-ng/brain/combobox';
+
+@Directive({ selector: '[hlmComboboxValue]', hostDirectives: [BrnComboboxValue] })
+export class HlmComboboxValue {}

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

@@ -0,0 +1,5 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxValues } from '@spartan-ng/brain/combobox';
+
+@Directive({ selector: '[hlmComboboxValues]', hostDirectives: [BrnComboboxValues] })
+export class HlmComboboxValues {}

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

@@ -0,0 +1,38 @@
+import { Directive } from '@angular/core';
+import { BrnCombobox } from '@spartan-ng/brain/combobox';
+import { provideBrnDialogDefaultOptions } from '@spartan-ng/brain/dialog';
+import { BrnPopover, provideBrnPopoverConfig } from '@spartan-ng/brain/popover';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmCombobox],hlm-combobox',
+	providers: [
+		provideBrnPopoverConfig({
+			align: 'start',
+			sideOffset: 6,
+		}),
+		provideBrnDialogDefaultOptions({
+			autoFocus: 'first-heading',
+		}),
+	],
+	hostDirectives: [
+		{
+			directive: BrnCombobox,
+			inputs: ['disabled', 'filter', 'value', 'itemToString', 'filterOptions', 'isItemEqualToValue'],
+			outputs: ['valueChange'],
+		},
+		{
+			directive: BrnPopover,
+			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			outputs: ['stateChanged', 'closed'],
+		},
+	],
+	host: {
+		'data-slot': 'combobox',
+	},
+})
+export class HlmCombobox {
+	constructor() {
+		classes(() => 'block');
+	}
+}

package/src/generators/ui/libs/combobox/generator.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
+export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/combobox/generator.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generator = generator;
+const tslib_1 = require("tslib");
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, { ...options, name: 'combobox' });
+}
+//# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/combobox/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/combobox/generator.ts"],"names":[],"mappings":";;AAIA,8BAEC;;AALD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;AACvE,CAAC"}

package/src/generators/ui/primitive-deps.js

@@ -17,6 +17,7 @@ exports.primitiveDependencies = {
     carousel: ['utils', 'button', 'icon'],
     checkbox: ['utils', 'icon'],
     collapsible: ['utils'],
+    combobox: ['utils', 'input-group', 'button', 'icon'],
     command: ['utils', 'button', 'icon'],
     'context-menu': ['utils', 'dropdown-menu'],
     'date-picker': ['utils', 'calendar', 'icon', 'popover'],

package/src/generators/ui/primitive-deps.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitive-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primitive-deps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitive-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primitive-deps.ts"],"names":[],"mappings":"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"}

package/src/generators/ui/primitives.d.ts

@@ -1 +1 @@
-export type Primitive = 'accordion' | 'alert' | 'alert-dialog' | 'aspect-ratio' | 'autocomplete' | 'avatar' | 'badge' | 'breadcrumb' | 'button' | 'button-group' | 'calendar' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'command' | 'context-menu' | 'date-picker' | 'dialog' | 'dropdown-menu' | 'empty' | 'field' | 'form-field' | 'hover-card' | 'icon' | 'input' | 'input-group' | 'input-otp' | 'item' | 'kbd' | 'label' | 'menubar' | 'navigation-menu' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'resizable' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'typography' | 'utils';
+export type Primitive = 'accordion' | 'alert' | 'alert-dialog' | 'aspect-ratio' | 'autocomplete' | 'avatar' | 'badge' | 'breadcrumb' | 'button' | 'button-group' | 'calendar' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'combobox' | 'command' | 'context-menu' | 'date-picker' | 'dialog' | 'dropdown-menu' | 'empty' | 'field' | 'form-field' | 'hover-card' | 'icon' | 'input' | 'input-group' | 'input-otp' | 'item' | 'kbd' | 'label' | 'menubar' | 'navigation-menu' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'resizable' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'typography' | 'utils';

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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/common": ">=20.0.0 <22.0.0",
 			"@angular/forms": ">=20.0.0 <22.0.0",
@@ -47,7 +47,7 @@
 		"name": "avatar",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"badge": {
@@ -71,7 +71,7 @@
 		"name": "button",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -80,7 +80,7 @@
 		"name": "button-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -92,7 +92,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -121,7 +121,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -129,21 +129,32 @@
 		"name": "collapsible",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
+		}
+	},
+	"combobox": {
+		"name": "combobox",
+		"peerDependencies": {
+			"@angular/core": ">=20.0.0 <22.0.0",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
+			"@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",
+			"clsx": "^2.1.1"
 		}
 	},
 	"command": {
 		"name": "command",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"context-menu": {
 		"name": "context-menu",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0"
 		}
@@ -156,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -164,7 +175,7 @@
 		"name": "dialog",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@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",
@@ -180,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.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"empty": {
@@ -203,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.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"hover-card": {
 		"name": "hover-card",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"icon": {
@@ -226,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -245,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.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"item": {
@@ -253,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.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"kbd": {
@@ -266,14 +277,14 @@
 		"name": "label",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"menubar": {
 		"name": "menubar",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"rxjs": "^7.8.0"
 		}
@@ -282,7 +293,7 @@
 		"name": "navigation-menu",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"pagination": {
@@ -291,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@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"
@@ -301,21 +312,21 @@
 		"name": "popover",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"progress": {
 		"name": "progress",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"radio-group": {
 		"name": "radio-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@angular/common": ">=20.0.0 <22.0.0",
 			"clsx": "^2.1.1"
@@ -325,7 +336,7 @@
 		"name": "resizable",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0"
 		}
@@ -341,7 +352,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"class-variance-authority": "^0.7.0",
@@ -352,14 +363,14 @@
 		"name": "separator",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"sheet": {
 		"name": "sheet",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
 			"class-variance-authority": "^0.7.0",
@@ -371,7 +382,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
 			"@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -389,7 +400,7 @@
 		"name": "slider",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"sonner": {
@@ -414,7 +425,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -428,7 +439,7 @@
 		"name": "tabs",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0",
 			"@angular/cdk": ">=20.0.0 <22.0.0",
 			"@ng-icons/core": ">=32.0.0 <34.0.0",
@@ -442,7 +453,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.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -451,7 +462,7 @@
 		"name": "toggle",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -459,7 +470,7 @@
 		"name": "toggle-group",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603",
+			"@spartan-ng/brain": "0.0.1-alpha.604",
 			"@angular/cdk": ">=20.0.0 <22.0.0"
 		}
 	},
@@ -467,7 +478,7 @@
 		"name": "tooltip",
 		"peerDependencies": {
 			"@angular/core": ">=20.0.0 <22.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.603"
+			"@spartan-ng/brain": "0.0.1-alpha.604"
 		}
 	},
 	"typography": {