@spartan-ng/cli 0.0.1-alpha.323

package/src/generators/ui/generator.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const enquirer_1 = require("enquirer");
+const versions_1 = require("../base/versions");
+function hlmUIGenerator(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const tasks = [];
+        const availablePrimitives = yield Promise.resolve().then(() => require('./supported-ui-libraries.json'));
+        const availablePrimitiveNames = [...Object.keys(availablePrimitives), 'collapsible', 'menubar', 'contextmenu'];
+        let response = { primitives: [] };
+        if (options.name && availablePrimitiveNames.includes(options.name)) {
+            response.primitives.push(options.name);
+        }
+        else {
+            response = yield (0, enquirer_1.prompt)({
+                type: 'multiselect',
+                required: true,
+                name: 'primitives',
+                message: 'Choose which primitives you want to copy',
+                choices: ['all', ...availablePrimitiveNames],
+            });
+        }
+        tasks.push(...(yield createPrimitiveLibraries(response, availablePrimitiveNames, availablePrimitives, tree, options)));
+        return (0, devkit_1.runTasksInSerial)(...tasks);
+    });
+}
+exports.default = hlmUIGenerator;
+function createPrimitiveLibraries(response, availablePrimitiveNames, availablePrimitives, tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const allPrimitivesSelected = response.primitives.includes('all');
+        const primitivesToCreate = allPrimitivesSelected ? availablePrimitiveNames : response.primitives;
+        const tasks = [];
+        if (!response.primitives.includes('all')) {
+            yield addIconForDependentPrimitive(primitivesToCreate, ['alert', 'command', 'menu']);
+            yield addButtonForDependentPrimitive(primitivesToCreate, ['alertdialog', 'command']);
+        }
+        yield replaceContextAndMenuBar(primitivesToCreate, allPrimitivesSelected);
+        if (primitivesToCreate.includes('collapsible')) {
+            tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, { '@spartan-ng/ui-collapsible-brain': versions_1.SPARTAN_COLLAPSIBLE_BRAIN_VERSION }, {}));
+        }
+        if (primitivesToCreate.length === 1 && primitivesToCreate[0] === 'collapsible') {
+            return tasks;
+        }
+        for (const primitiveName of primitivesToCreate) {
+            if (primitiveName === 'collapsible')
+                continue;
+            const internalName = availablePrimitives[primitiveName]['internalName'];
+            const peerDependencies = availablePrimitives[primitiveName]['peerDependencies'];
+            const installTask = yield (yield Promise.resolve(`${
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            `./libs/${internalName}/generator`}`).then(s => require(s))).generator(tree, {
+                // get overwritten by each specific generator
+                internalName: '',
+                publicName: '',
+                primitiveName: '',
+                peerDependencies,
+                skipBrainDependencies: options.skipBrainDependencies,
+                directory: options.directory,
+                tags: options.tags,
+                rootProject: options.rootProject,
+                angularCli: options.angularCli,
+            });
+            tasks.push(installTask);
+        }
+        return tasks;
+    });
+}
+const addIconForDependentPrimitive = (primitivesToCreate, primitivesDependingOnIcon) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    if (primitivesDependingOnIcon.some((primitive) => primitivesToCreate.includes(primitive))) {
+        //TODO: Need to check if icon is already installed and skip if it already is
+        const installIcon = (yield (0, enquirer_1.prompt)({
+            type: 'confirm',
+            name: 'installIcon',
+            initial: true,
+            message: 'Some of the primitives you are trying to install depend on the icon primitive. Do you want to add it to your project?',
+        }))['installIcon'];
+        if (installIcon) {
+            primitivesToCreate.push('icon');
+        }
+    }
+});
+const addButtonForDependentPrimitive = (primitivesToCreate, primitivesDependingOnBtn) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    if (primitivesDependingOnBtn.some((primitive) => primitivesToCreate.includes(primitive))) {
+        //TODO: Need to check if icon is already installed and skip if it already is
+        const installBtn = (yield (0, enquirer_1.prompt)({
+            type: 'confirm',
+            name: 'installBtn',
+            initial: true,
+            message: 'Some of the primitives you are trying to install depend on the button primitive. Do you want to add it to your project?',
+        }))['installBtn'];
+        if (installBtn) {
+            primitivesToCreate.push('button');
+        }
+    }
+});
+const replaceContextAndMenuBar = (primtivesToCreate, silent = false) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const contextIndex = primtivesToCreate.indexOf('contextmenu');
+    if (contextIndex >= 0) {
+        if (!silent) {
+            yield (0, enquirer_1.prompt)({
+                type: 'confirm',
+                name: 'contextMenu',
+                message: 'The context menu is implemented as part of the menu-helm primitive. Adding menu primitive.',
+            });
+        }
+        primtivesToCreate.splice(contextIndex, 1);
+    }
+    const menubarIndex = primtivesToCreate.indexOf('menubar');
+    if (menubarIndex >= 0) {
+        if (!silent) {
+            yield (0, enquirer_1.prompt)({
+                type: 'confirm',
+                name: 'menubar',
+                message: 'The menubar is implemented as part of the menu-helm primitive. Adding menu primitive.',
+            });
+        }
+        primtivesToCreate.splice(menubarIndex, 1);
+    }
+});
+//# sourceMappingURL=generator.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+
+import { HlmAccordionContentDirective } from './lib/hlm-accordion-content.directive';
+import { HlmAccordionIconComponent } from './lib/hlm-accordion-icon.component';
+import { HlmAccordionItemDirective } from './lib/hlm-accordion-item.directive';
+import { HlmAccordionTriggerDirective } from './lib/hlm-accordion-trigger.directive';
+import { HlmAccordionDirective } from './lib/hlm-accordion.directive';
+
+export * from './lib/hlm-accordion-content.directive';
+export * from './lib/hlm-accordion-icon.component';
+export * from './lib/hlm-accordion-item.directive';
+export * from './lib/hlm-accordion-trigger.directive';
+export * from './lib/hlm-accordion.directive';
+
+export const HlmAccordionImports = [
+	HlmAccordionDirective,
+	HlmAccordionItemDirective,
+	HlmAccordionTriggerDirective,
+	HlmAccordionContentDirective,
+	HlmAccordionIconComponent,
+] as const;
+
+@NgModule({
+	imports: [...HlmAccordionImports],
+	exports: [...HlmAccordionImports],
+})
+export class HlmAccordionModule {}

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

@@ -0,0 +1,85 @@
+import { isPlatformBrowser } from '@angular/common';
+import {
+	computed,
+	Directive,
+	effect,
+	ElementRef,
+	inject,
+	Injector,
+	Input,
+	OnInit,
+	PLATFORM_ID,
+	signal,
+} from '@angular/core';
+import { hlm, injectCustomClassSettable } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAccordionContent],brn-accordion-content[hlm]',
+	standalone: true,
+	host: {
+		'[style.height]': 'cssHeight()',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAccordionContentDirective implements OnInit {
+	private readonly _host = injectCustomClassSettable({ optional: true });
+	private readonly _element = inject(ElementRef).nativeElement;
+	private readonly _injector = inject(Injector);
+	private readonly _platformId = inject(PLATFORM_ID);
+
+	private _changes?: MutationObserver;
+
+	public readonly height = signal('-1');
+	public readonly cssHeight = computed(() => (this.height() === '-1' ? 'auto' : this.height()));
+	public readonly state = signal('closed');
+
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('overflow-hidden text-sm transition-all', this._userCls());
+	}
+
+	public ngOnInit() {
+		this._host?.setClassToCustomElement('pt-1 pb-4');
+
+		if (isPlatformBrowser(this._platformId)) {
+			this._changes = new MutationObserver((mutations: MutationRecord[]) => {
+				mutations.forEach((mutation: MutationRecord) => {
+					if (mutation.attributeName !== 'data-state') return;
+					// eslint-disable-next-line
+					const state = (mutation.target as any).attributes.getNamedItem(mutation.attributeName)?.value;
+					this.state.set(state);
+				});
+			});
+		}
+
+		Promise.resolve().then(() => {
+			this._changes?.observe(this._element, {
+				attributes: true,
+				childList: true,
+				characterData: true,
+			});
+		});
+
+		effect(
+			() => {
+				const isOpen = this.state() === 'open';
+				Promise.resolve().then(() => {
+					this.height.set(
+						isOpen ? getComputedStyle(this._element).getPropertyValue('--brn-collapsible-content-height') : '0px',
+					);
+				});
+			},
+			{
+				injector: this._injector,
+				allowSignalWrites: true,
+			},
+		);
+	}
+}

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

@@ -0,0 +1,28 @@
+import { Component, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Component({
+	selector: 'hlm-accordion-icon',
+	standalone: true,
+	template: `
+		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
+		</svg>
+	`,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAccordionIconComponent {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('inline-block h-4 w-4 transition-transform duration-200', this._userCls());
+	}
+}

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

@@ -0,0 +1,23 @@
+import { Directive, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAccordionItem],brn-accordion-item[hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAccordionItemDirective {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('flex flex-1 flex-col border-b border-border', this._userCls());
+	}
+}

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

@@ -0,0 +1,39 @@
+import { Directive, Input, computed, signal } from '@angular/core';
+import { hlm, injectCustomClassSettable } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAccordionTrigger],brn-accordion-trigger[hlm]',
+	standalone: true,
+	host: {
+		'[style.--tw-ring-offset-shadow]': '"0 0 #000"',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAccordionTriggerDirective {
+	private _host = injectCustomClassSettable({ optional: true });
+
+	constructor() {
+		this._host?.setClassToCustomElement(this._generateClass());
+	}
+
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(inputs: ClassValue) {
+		this._userCls.set(inputs);
+		// cannot set in effect because it sets a signal
+		if (this._host) {
+			this._host.setClassToCustomElement(this._generateClass());
+		}
+	}
+
+	protected _computedClass = computed(() => {
+		return !this._host ? this._generateClass() : '';
+	});
+	private _generateClass() {
+		return hlm(
+			'w-full focus-visible:outline-none text-sm focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 flex flex-1 items-center justify-between py-4 px-0.5 font-medium underline-offset-4 hover:underline [&[data-state=open]>hlm-accordion-icon]:rotate-180',
+			this._userCls(),
+		);
+	}
+}

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

@@ -0,0 +1,23 @@
+import { Directive, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAccordion],brn-accordion[hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAccordionDirective {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('flex flex-col', this._userCls());
+	}
+}

package/src/generators/ui/libs/ui-accordion-helm/generator.d.ts

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

package/src/generators/ui/libs/ui-accordion-helm/generator.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generator = void 0;
+const tslib_1 = require("tslib");
+const generator_1 = require("../../../base/generator");
+function generator(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'accordion', internalName: 'ui-accordion-helm', publicName: 'ui-accordion-helm' }));
+    });
+}
+exports.generator = generator;
+//# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-accordion-helm/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-accordion-helm/generator.ts"],"names":[],"mappings":";;;;AACA,uDAAuD;AAGvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,WAAW,EAC1B,YAAY,EAAE,mBAAmB,EACjC,UAAU,EAAE,mBAAmB,IAC9B,CAAC;IACJ,CAAC;CAAA;AAPD,8BAOC"}

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

@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+
+import { HlmAlertDialogActionButtonDirective } from './lib/hlm-alert-dialog-action-button.directive';
+import { HlmAlertDialogCancelButtonDirective } from './lib/hlm-alert-dialog-cancel-button.directive';
+import { HlmAlertDialogCloseDirective } from './lib/hlm-alert-dialog-close.directive';
+import { HlmAlertDialogContentDirective } from './lib/hlm-alert-dialog-content.directive';
+import { HlmAlertDialogDescriptionDirective } from './lib/hlm-alert-dialog-description.directive';
+import { HlmAlertDialogFooterComponent } from './lib/hlm-alert-dialog-footer.component';
+import { HlmAlertDialogHeaderComponent } from './lib/hlm-alert-dialog-header.component';
+import { HlmAlertDialogOverlayDirective } from './lib/hlm-alert-dialog-overlay.directive';
+import { HlmAlertDialogTitleDirective } from './lib/hlm-alert-dialog-title.directive';
+
+export * from './lib/hlm-alert-dialog-action-button.directive';
+export * from './lib/hlm-alert-dialog-cancel-button.directive';
+export * from './lib/hlm-alert-dialog-close.directive';
+export * from './lib/hlm-alert-dialog-content.directive';
+export * from './lib/hlm-alert-dialog-description.directive';
+export * from './lib/hlm-alert-dialog-footer.component';
+export * from './lib/hlm-alert-dialog-header.component';
+export * from './lib/hlm-alert-dialog-overlay.directive';
+export * from './lib/hlm-alert-dialog-title.directive';
+
+export const HlmAlertDialogImports = [
+	HlmAlertDialogCloseDirective,
+	HlmAlertDialogContentDirective,
+	HlmAlertDialogDescriptionDirective,
+	HlmAlertDialogFooterComponent,
+	HlmAlertDialogHeaderComponent,
+	HlmAlertDialogOverlayDirective,
+	HlmAlertDialogTitleDirective,
+	HlmAlertDialogActionButtonDirective,
+	HlmAlertDialogCancelButtonDirective,
+] as const;
+
+@NgModule({
+	imports: [...HlmAlertDialogImports],
+	exports: [...HlmAlertDialogImports],
+})
+export class HlmAlertDialogModule {}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-action-button.directive.ts.template

@@ -0,0 +1,9 @@
+import { Directive } from '@angular/core';
+import { HlmButtonDirective } from '@spartan-ng/ui-button-helm';
+
+@Directive({
+	selector: 'button[hlmAlertDialogAction]',
+	standalone: true,
+	hostDirectives: [HlmButtonDirective],
+})
+export class HlmAlertDialogActionButtonDirective {}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-cancel-button.directive.ts.template

@@ -0,0 +1,31 @@
+import { computed, Directive, inject, Input, signal } from '@angular/core';
+import { HlmButtonDirective } from '@spartan-ng/ui-button-helm';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: 'button[hlmAlertDialogCancel]',
+	standalone: true,
+	hostDirectives: [HlmButtonDirective],
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogCancelButtonDirective {
+	private _hlmBtn = inject(HlmButtonDirective, { host: true });
+
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	constructor() {
+		this._hlmBtn.variant = 'outline';
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('mt-2 sm:mt-0', this._userCls());
+	}
+}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-close.directive.ts.template

@@ -0,0 +1,26 @@
+import { Directive, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAlertDialogClose],[brnAlertDialogClose][hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogCloseDirective {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm(
+			'absolute right-4 top-4 [&>hlm-icon]:h-4 [&>hlm-icon]:w-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',
+			this._userCls(),
+		);
+	}
+}

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

@@ -0,0 +1,35 @@
+import { computed, Directive, effect, ElementRef, inject, Input, Renderer2, signal } from '@angular/core';
+import { hlm, injectExposesStateProvider } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAlertDialogContent],[brnAlertDialogContent][hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogContentDirective {
+	private _stateProvider = injectExposesStateProvider({ optional: true, host: true });
+	public state = this._stateProvider?.state ?? signal('closed');
+	private _renderer = inject(Renderer2);
+	private _element = inject(ElementRef);
+
+	constructor() {
+		effect(() => this._renderer.setAttribute(this._element.nativeElement, 'data-state', this.state()));
+	}
+
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm(
+			'relative grid w-full max-w-lg gap-4 border-border border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%]  data-[state=open]:slide-in-from-top-[2%] sm:rounded-lg md:w-full',
+			this._userCls(),
+		);
+	}
+}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-description.directive.ts.template

@@ -0,0 +1,23 @@
+import { Directive, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAlertDialogDescription],[brnAlertDialogDescription][hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogDescriptionDirective {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('text-sm text-muted-foreground', this._userCls());
+	}
+}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-footer.component.ts.template

@@ -0,0 +1,26 @@
+import { Component, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Component({
+	selector: 'hlm-alert-dialog-footer',
+	standalone: true,
+	template: `
+		<ng-content />
+	`,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogFooterComponent {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', this._userCls());
+	}
+}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-header.component.ts.template

@@ -0,0 +1,26 @@
+import { Component, Input, computed, signal } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Component({
+	selector: 'hlm-alert-dialog-header',
+	standalone: true,
+	template: `
+		<ng-content />
+	`,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogHeaderComponent {
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm('flex flex-col space-y-2 text-center sm:text-left', this._userCls());
+	}
+}

package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-overlay.directive.ts.template

@@ -0,0 +1,33 @@
+import { Directive, Input, computed, signal } from '@angular/core';
+import { hlm, injectCustomClassSettable } from '@spartan-ng/ui-core';
+import { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmAlertDialogOverlay],brn-alert-dialog-overlay[hlm]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmAlertDialogOverlayDirective {
+	private _classSettable = injectCustomClassSettable({ optional: true, host: true });
+
+	constructor() {
+		this._classSettable?.setClassToCustomElement(this._computedClass());
+	}
+
+	private readonly _userCls = signal<ClassValue>('');
+	@Input()
+	set class(userCls: ClassValue) {
+		this._userCls.set(userCls);
+		this._classSettable?.setClassToCustomElement(this._computedClass());
+	}
+
+	protected _computedClass = computed(() => this._generateClass());
+	private _generateClass() {
+		return hlm(
+			'bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+			this._userCls(),
+		);
+	}
+}