@spartan-ng/cli 0.0.1-alpha.528 → 0.0.1-alpha.530

package/package.json

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

package/src/generators/migrate-helm-imports/import-map.d.ts

@@ -18,6 +18,7 @@ declare const _default: {
     '@spartan-ng/ui-date-picker-helm': string;
     '@spartan-ng/ui-datepicker-helm': string;
     '@spartan-ng/ui-dialog-helm': string;
+    '@spartan-ng/ui-empty-helm': string;
     '@spartan-ng/ui-form-field-helm': string;
     '@spartan-ng/ui-formfield-helm': string;
     '@spartan-ng/ui-hover-card-helm': string;

package/src/generators/migrate-helm-imports/import-map.js

@@ -20,6 +20,7 @@ exports.default = {
     '@spartan-ng/ui-date-picker-helm': '@spartan-ng/helm/date-picker',
     '@spartan-ng/ui-datepicker-helm': '@spartan-ng/helm/date-picker',
     '@spartan-ng/ui-dialog-helm': '@spartan-ng/helm/dialog',
+    '@spartan-ng/ui-empty-helm': '@spartan-ng/helm/empty',
     '@spartan-ng/ui-form-field-helm': '@spartan-ng/helm/form-field',
     '@spartan-ng/ui-formfield-helm': '@spartan-ng/helm/form-field',
     '@spartan-ng/ui-hover-card-helm': '@spartan-ng/helm/hover-card',

package/src/generators/migrate-helm-imports/import-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"import-map.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-helm-imports/import-map.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACd,+BAA+B,EAAE,4BAA4B;IAC7D,2BAA2B,EAAE,wBAAwB;IACrD,kCAAkC,EAAE,+BAA+B;IACnE,iCAAiC,EAAE,+BAA+B;IAClE,kCAAkC,EAAE,+BAA+B;IACnE,iCAAiC,EAAE,+BAA+B;IAClE,4BAA4B,EAAE,yBAAyB;IACvD,2BAA2B,EAAE,wBAAwB;IACrD,gCAAgC,EAAE,6BAA6B;IAC/D,4BAA4B,EAAE,yBAAyB;IACvD,kCAAkC,EAAE,+BAA+B;IACnE,8BAA8B,EAAE,2BAA2B;IAC3D,0BAA0B,EAAE,uBAAuB;IACnD,8BAA8B,EAAE,2BAA2B;IAC3D,8BAA8B,EAAE,2BAA2B;IAC3D,6BAA6B,EAAE,0BAA0B;IACzD,iCAAiC,EAAE,8BAA8B;IACjE,gCAAgC,EAAE,8BAA8B;IAChE,4BAA4B,EAAE,yBAAyB;IACvD,gCAAgC,EAAE,6BAA6B;IAC/D,+BAA+B,EAAE,6BAA6B;IAC9D,gCAAgC,EAAE,6BAA6B;IAC/D,+BAA+B,EAAE,6BAA6B;IAC9D,0BAA0B,EAAE,uBAAuB;IACnD,2BAA2B,EAAE,wBAAwB;IACrD,+BAA+B,EAAE,4BAA4B;IAC7D,8BAA8B,EAAE,4BAA4B;IAC5D,2BAA2B,EAAE,wBAAwB;IACrD,0BAA0B,EAAE,uBAAuB;IACnD,gCAAgC,EAAE,6BAA6B;IAC/D,6BAA6B,EAAE,0BAA0B;IACzD,8BAA8B,EAAE,2BAA2B;IAC3D,iCAAiC,EAAE,8BAA8B;IACjE,gCAAgC,EAAE,8BAA8B;IAChE,iCAAiC,EAAE,8BAA8B;IACjE,gCAAgC,EAAE,8BAA8B;IAChE,4BAA4B,EAAE,yBAAyB;IACvD,+BAA+B,EAAE,4BAA4B;IAC7D,2BAA2B,EAAE,wBAAwB;IACrD,8BAA8B,EAAE,2BAA2B;IAC3D,4BAA4B,EAAE,yBAAyB;IACvD,4BAA4B,EAAE,yBAAyB;IACvD,6BAA6B,EAAE,0BAA0B;IACzD,4BAA4B,EAAE,yBAAyB;IACvD,2BAA2B,EAAE,wBAAwB;IACrD,0BAA0B,EAAE,uBAAuB;IACnD,4BAA4B,EAAE,yBAAyB;IACvD,kCAAkC,EAAE,+BAA+B;IACnE,iCAAiC,EAAE,+BAA+B;IAClE,6BAA6B,EAAE,0BAA0B;IACzD,gCAAgC,EAAE,6BAA6B;CAC/D,CAAC"}
+{"version":3,"file":"import-map.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-helm-imports/import-map.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACd,+BAA+B,EAAE,4BAA4B;IAC7D,2BAA2B,EAAE,wBAAwB;IACrD,kCAAkC,EAAE,+BAA+B;IACnE,iCAAiC,EAAE,+BAA+B;IAClE,kCAAkC,EAAE,+BAA+B;IACnE,iCAAiC,EAAE,+BAA+B;IAClE,4BAA4B,EAAE,yBAAyB;IACvD,2BAA2B,EAAE,wBAAwB;IACrD,gCAAgC,EAAE,6BAA6B;IAC/D,4BAA4B,EAAE,yBAAyB;IACvD,kCAAkC,EAAE,+BAA+B;IACnE,8BAA8B,EAAE,2BAA2B;IAC3D,0BAA0B,EAAE,uBAAuB;IACnD,8BAA8B,EAAE,2BAA2B;IAC3D,8BAA8B,EAAE,2BAA2B;IAC3D,6BAA6B,EAAE,0BAA0B;IACzD,iCAAiC,EAAE,8BAA8B;IACjE,gCAAgC,EAAE,8BAA8B;IAChE,4BAA4B,EAAE,yBAAyB;IACvD,2BAA2B,EAAE,wBAAwB;IACrD,gCAAgC,EAAE,6BAA6B;IAC/D,+BAA+B,EAAE,6BAA6B;IAC9D,gCAAgC,EAAE,6BAA6B;IAC/D,+BAA+B,EAAE,6BAA6B;IAC9D,0BAA0B,EAAE,uBAAuB;IACnD,2BAA2B,EAAE,wBAAwB;IACrD,+BAA+B,EAAE,4BAA4B;IAC7D,8BAA8B,EAAE,4BAA4B;IAC5D,2BAA2B,EAAE,wBAAwB;IACrD,0BAA0B,EAAE,uBAAuB;IACnD,gCAAgC,EAAE,6BAA6B;IAC/D,6BAA6B,EAAE,0BAA0B;IACzD,8BAA8B,EAAE,2BAA2B;IAC3D,iCAAiC,EAAE,8BAA8B;IACjE,gCAAgC,EAAE,8BAA8B;IAChE,iCAAiC,EAAE,8BAA8B;IACjE,gCAAgC,EAAE,8BAA8B;IAChE,4BAA4B,EAAE,yBAAyB;IACvD,+BAA+B,EAAE,4BAA4B;IAC7D,2BAA2B,EAAE,wBAAwB;IACrD,8BAA8B,EAAE,2BAA2B;IAC3D,4BAA4B,EAAE,yBAAyB;IACvD,4BAA4B,EAAE,yBAAyB;IACvD,6BAA6B,EAAE,0BAA0B;IACzD,4BAA4B,EAAE,yBAAyB;IACvD,2BAA2B,EAAE,wBAAwB;IACrD,0BAA0B,EAAE,uBAAuB;IACnD,4BAA4B,EAAE,yBAAyB;IACvD,kCAAkC,EAAE,+BAA+B;IACnE,iCAAiC,EAAE,+BAA+B;IAClE,6BAA6B,EAAE,0BAA0B;IACzD,gCAAgC,EAAE,6BAA6B;CAC/D,CAAC"}

package/src/generators/ui/libs/textarea/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/textarea/generator.js

@@ -0,0 +1,14 @@
+"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,
+        primitiveName: 'textarea',
+        internalName: 'ui-textarea-helm',
+        publicName: 'textarea',
+    });
+}
+//# sourceMappingURL=generator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/textarea/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,UAAU;QACzB,YAAY,EAAE,kBAAkB;QAChC,UAAU,EAAE,UAAU;KACtB,CAAC,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import { HlmEmpty } from './lib/hlm-empty';
+import { HlmEmptyContent } from './lib/hlm-empty-content';
+import { HlmEmptyDescription } from './lib/hlm-empty-description';
+import { HlmEmptyHeader } from './lib/hlm-empty-header';
+import { HlmEmptyMedia } from './lib/hlm-empty-media';
+import { HlmEmptyTitle } from './lib/hlm-empty-title';
+
+export * from './lib/hlm-empty';
+export * from './lib/hlm-empty-content';
+export * from './lib/hlm-empty-description';
+export * from './lib/hlm-empty-header';
+export * from './lib/hlm-empty-media';
+export * from './lib/hlm-empty-title';
+
+export const HlmEmptyImports = [
+	HlmEmpty,
+	HlmEmptyContent,
+	HlmEmptyDescription,
+	HlmEmptyHeader,
+	HlmEmptyTitle,
+	HlmEmptyMedia,
+] as const;

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

@@ -0,0 +1,18 @@
+import { computed, Directive, input } from '@angular/core';
+import { hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmEmptyContent]',
+	host: {
+		'data-slot': 'empty-content',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmEmptyContent {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	protected readonly _computedClass = computed(() =>
+		hlm('text-balancet flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-sm', this.userClass()),
+	);
+}

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

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmEmptyDescription]',
+	host: {
+		'data-slot': 'empty-description',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmEmptyDescription {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	protected readonly _computedClass = computed(() =>
+		hlm(
+			'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',
+			this.userClass(),
+		),
+	);
+}

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

@@ -0,0 +1,18 @@
+import { computed, Directive, input } from '@angular/core';
+import { hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmEmptyHeader]',
+	host: {
+		'data-slot': 'empty-header',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmEmptyHeader {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	protected readonly _computedClass = computed(() =>
+		hlm('flex max-w-sm flex-col items-center gap-2 text-center', this.userClass()),
+	);
+}

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

@@ -0,0 +1,37 @@
+import { computed, Directive, input } from '@angular/core';
+import { hlm } from '<%- importAlias %>/utils';
+import { cva, VariantProps } from 'class-variance-authority';
+import type { ClassValue } from 'clsx';
+
+const emptyMediaVariants = cva(
+	'mb-2 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*='size-'])]:size-6",
+			},
+		},
+		defaultVariants: {
+			variant: 'default',
+		},
+	},
+);
+
+export type EmptyMediaVariants = VariantProps<typeof emptyMediaVariants>;
+
+@Directive({
+	selector: '[hlmEmptyMedia]',
+	host: {
+		'data-slot': 'empty-media',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmEmptyMedia {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	public readonly variant = input<EmptyMediaVariants['variant']>();
+
+	protected readonly _computedClass = computed(() =>
+		hlm(emptyMediaVariants({ variant: this.variant() }), this.userClass()),
+	);
+}

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

@@ -0,0 +1,16 @@
+import { computed, Directive, input } from '@angular/core';
+import { hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmEmptyTitle]',
+	host: {
+		'data-slot': 'empty-title',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmEmptyTitle {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	protected readonly _computedClass = computed(() => hlm('text-lg font-medium tracking-tight', this.userClass()));
+}

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

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmEmpty]',
+	host: {
+		'data-slot': 'empty',
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmEmpty {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	protected readonly _computedClass = computed(() =>
+		hlm(
+			'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12',
+			this.userClass(),
+		),
+	);
+}

package/src/generators/ui/libs/ui-empty-helm/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/ui-empty-helm/generator.js

@@ -0,0 +1,14 @@
+"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,
+        primitiveName: 'empty',
+        internalName: 'ui-empty-helm',
+        publicName: 'ui-empty-helm',
+    });
+}
+//# sourceMappingURL=generator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-empty-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,eAAe;QAC7B,UAAU,EAAE,eAAe;KAC3B,CAAC,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,7 @@
+import { NgIcon } from '@ng-icons/core';
 import { HlmIcon } from './lib/hlm-icon';
 
 export * from './lib/hlm-icon';
 export * from './lib/hlm-icon.token';
 
-export const HlmIconImports = [HlmIcon] as const;
+export const HlmIconImports = [HlmIcon, NgIcon] as const;

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

@@ -4,7 +4,7 @@ import { injectHlmIconConfig } from './hlm-icon.token';
 export type IconSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'none' | (Record<never, never> & string);
 
 @Directive({
-	selector: 'ng-icon[hlm]',
+	selector: 'ng-icon[hlmIcon], ng-icon[hlm]',
 	host: {
 		'[style.--ng-icon__size]': '_computedSize()',
 	},

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

@@ -22,8 +22,8 @@ export const inputVariants = cva(
 	{
 		variants: {
 			error: {
-				auto: '[&.ng-invalid.ng-touched]:text-destructive/20 dark:[&.ng-invalid.ng-touched]:text-destructive/40 [&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:focus-visible:ring-destructive',
-				true: 'text-destructive/20 dark:text-destructive/40 border-destructive focus-visible:ring-destructive',
+				auto: '[&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:ring-destructive/20 dark:[&.ng-invalid.ng-touched]:ring-destructive/40',
+				true: 'border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',
 			},
 		},
 		defaultVariants: {

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

@@ -11,6 +11,6 @@ import type { ClassValue } from 'clsx';
 export class HlmSelectValue {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
-		hlm('data-[placeholder]:text-muted-foreground line-clamp-1 flex items-center gap-2', this.userClass()),
+		hlm('data-[placeholder]:text-muted-foreground line-clamp-1 flex items-center gap-2 truncate', this.userClass()),
 	);
 }

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

@@ -1,5 +1,25 @@
-import { HlmCaption, HlmTable, HlmTBody, HlmTd, HlmTFoot, HlmTh, HlmTHead, HlmTr } from './lib/hlm-table';
+import {
+	HlmCaption,
+	HlmTable,
+	HlmTableContainer,
+	HlmTBody,
+	HlmTd,
+	HlmTFoot,
+	HlmTh,
+	HlmTHead,
+	HlmTr,
+} from './lib/hlm-table';
 
 export * from './lib/hlm-table';
 
-export const HlmTableImports = [HlmCaption, HlmTable, HlmTBody, HlmTd, HlmTFoot, HlmTh, HlmTHead, HlmTr] as const;
+export const HlmTableImports = [
+	HlmCaption,
+	HlmTableContainer,
+	HlmTable,
+	HlmTBody,
+	HlmTd,
+	HlmTFoot,
+	HlmTh,
+	HlmTHead,
+	HlmTr,
+] as const;

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

@@ -6,6 +6,7 @@ import type { ClassValue } from 'clsx';
 // Configuration Interface and InjectionToken
 export const HlmTableConfigToken = new InjectionToken<HlmTableVariant>('HlmTableConfig');
 export interface HlmTableVariant {
+	tableContainer: string;
 	table: string;
 	thead: string;
 	tbody: string;
@@ -17,13 +18,14 @@ export interface HlmTableVariant {
 }
 
 export const HlmTableVariantDefault: HlmTableVariant = {
+	tableContainer: 'relative w-full overflow-x-auto',
 	table: 'w-full caption-bottom text-sm',
 	thead: '[&_tr]:border-b',
 	tbody: '[&_tr:last-child]:border-0',
 	tfoot: 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',
 	tr: 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
-	th: 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
-	td: 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+	th: 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0',
+	td: 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0',
 	caption: 'text-muted-foreground mt-4 text-sm',
 };
 
@@ -38,6 +40,22 @@ export function injectHlmTableConfig(): HlmTableVariant {
 	return inject(HlmTableConfigToken, { optional: true }) ?? HlmTableVariantDefault;
 }
 
+@Directive({
+	selector: 'div[hlmTableContainer]',
+	host: {
+		'[class]': '_computedClass()',
+		'data-slot': 'table-container',
+	},
+})
+export class HlmTableContainer {
+	private readonly _globalOrDefaultConfig = injectHlmTableConfig();
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	protected readonly _computedClass = computed(() =>
+		hlm(this._globalOrDefaultConfig ? this._globalOrDefaultConfig.tableContainer.trim() : '', this.userClass()),
+	);
+}
+
 /**
  * Directive to apply Shadcn-like styling to a <table> element.
  * It resolves and provides base classes for its child table elements.
@@ -46,9 +64,9 @@ export function injectHlmTableConfig(): HlmTableVariant {
  */
 @Directive({
 	selector: 'table[hlmTable]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table',
 	},
 })
 export class HlmTable {
@@ -85,9 +103,9 @@ export class HlmTable {
  */
 @Directive({
 	selector: 'thead[hlmTHead]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-header',
 	},
 })
 export class HlmTHead {
@@ -105,9 +123,9 @@ export class HlmTHead {
  */
 @Directive({
 	selector: 'tbody[hlmTBody]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-body',
 	},
 })
 export class HlmTBody {
@@ -125,9 +143,9 @@ export class HlmTBody {
  */
 @Directive({
 	selector: 'tfoot[hlmTFoot]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-footer',
 	},
 })
 export class HlmTFoot {
@@ -145,9 +163,9 @@ export class HlmTFoot {
  */
 @Directive({
 	selector: 'tr[hlmTr]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-row',
 	},
 })
 export class HlmTr {
@@ -165,9 +183,9 @@ export class HlmTr {
  */
 @Directive({
 	selector: 'th[hlmTh]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-head',
 	},
 })
 export class HlmTh {
@@ -188,6 +206,7 @@ export class HlmTh {
 	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-cell',
 	},
 })
 export class HlmTd {
@@ -205,9 +224,9 @@ export class HlmTd {
  */
 @Directive({
 	selector: 'caption[hlmCaption]',
-	standalone: true,
 	host: {
 		'[class]': '_computedClass()',
+		'data-slot': 'table-caption',
 	},
 })
 export class HlmCaption {

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

@@ -0,0 +1,5 @@
+import { HlmTextarea } from './lib/hlm-textarea';
+
+export * from './lib/hlm-textarea';
+
+export const HlmTextareaImports = [HlmTextarea] as const;

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

@@ -0,0 +1,98 @@
+import {
+	computed,
+	Directive,
+	type DoCheck,
+	effect,
+	forwardRef,
+	inject,
+	Injector,
+	input,
+	linkedSignal,
+	untracked,
+} from '@angular/core';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { BrnFormFieldControl } from '@spartan-ng/brain/form-field';
+import { ErrorStateMatcher, ErrorStateTracker } from '@spartan-ng/brain/forms';
+import { hlm } from '<%- importAlias %>/utils';
+import { cva, type VariantProps } from 'class-variance-authority';
+import type { ClassValue } from 'clsx';
+
+export const textareaVariants = cva(
+	'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 shadow-xs flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base outline-none transition-[color,box-shadow] [field-sizing:content] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+	{
+		variants: {
+			error: {
+				auto: '[&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:ring-destructive/20 dark:[&.ng-invalid.ng-touched]:ring-destructive/40',
+				true: 'border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',
+			},
+		},
+		defaultVariants: {
+			error: 'auto',
+		},
+	},
+);
+type TextareaVariants = VariantProps<typeof textareaVariants>;
+
+@Directive({
+	selector: '[hlmTextarea]',
+	host: {
+		'data-slot': 'textarea',
+		'[class]': '_computedClass()',
+	},
+	providers: [
+		{
+			provide: BrnFormFieldControl,
+			useExisting: forwardRef(() => HlmTextarea),
+		},
+	],
+})
+export class HlmTextarea implements BrnFormFieldControl, DoCheck {
+	private readonly _injector = inject(Injector);
+
+	private readonly _errorStateTracker: ErrorStateTracker;
+
+	private readonly _defaultErrorStateMatcher = inject(ErrorStateMatcher);
+	private readonly _parentForm = inject(NgForm, { optional: true });
+	private readonly _parentFormGroup = inject(FormGroupDirective, { optional: true });
+
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected readonly _computedClass = computed(() =>
+		hlm(textareaVariants({ error: this._state().error }), this.userClass()),
+	);
+
+	public readonly error = input<TextareaVariants['error']>('auto');
+
+	protected readonly _state = linkedSignal(() => ({ error: this.error() }));
+
+	public readonly ngControl: NgControl | null = this._injector.get(NgControl, null);
+
+	public readonly errorState = computed(() => this._errorStateTracker.errorState());
+
+	constructor() {
+		this._errorStateTracker = new ErrorStateTracker(
+			this._defaultErrorStateMatcher,
+			this.ngControl,
+			this._parentFormGroup,
+			this._parentForm,
+		);
+
+		effect(() => {
+			const error = this._errorStateTracker.errorState();
+			untracked(() => {
+				if (this.ngControl) {
+					const shouldShowError = error && this.ngControl.invalid && (this.ngControl.touched || this.ngControl.dirty);
+					this._errorStateTracker.errorState.set(shouldShowError ? true : false);
+					this.setError(shouldShowError ? true : 'auto');
+				}
+			});
+		});
+	}
+
+	ngDoCheck() {
+		this._errorStateTracker.updateErrorState();
+	}
+
+	setError(error: TextareaVariants['error']) {
+		this._state.set({ error });
+	}
+}

package/src/generators/ui/libs/ui-textarea-helm/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/ui-textarea-helm/generator.js

@@ -0,0 +1,14 @@
+"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,
+        primitiveName: 'textarea',
+        internalName: 'ui-textarea-helm',
+        publicName: 'ui-textarea-helm',
+    });
+}
+//# sourceMappingURL=generator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-textarea-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,UAAU;QACzB,YAAY,EAAE,kBAAkB;QAChC,UAAU,EAAE,kBAAkB;KAC9B,CAAC,CAAC;AACJ,CAAC"}

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

@@ -21,6 +21,7 @@ exports.primitiveDependencies = {
     'context-menu': ['utils'],
     'date-picker': ['utils', 'calendar', 'icon', 'popover'],
     dialog: ['utils'],
+    empty: ['utils'],
     'form-field': ['utils'],
     'hover-card': ['utils'],
     icon: ['utils'],
@@ -47,6 +48,7 @@ exports.primitiveDependencies = {
     switch: ['utils'],
     table: ['utils'],
     tabs: ['utils'],
+    textarea: ['utils', 'form-field'],
     toggle: ['utils'],
     'toggle-group': ['utils'],
     tooltip: ['utils'],

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":";;;AAEa,QAAA,qBAAqB,GAAmC;IACpE,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IACnC,cAAc,EAAE,CAAC,OAAO,CAAC;IACzB,YAAY,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC;IACrD,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC;IAChD,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;IACrC,IAAI,EAAE,CAAC,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,OAAO,CAAC;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;IACpC,cAAc,EAAE,CAAC,OAAO,CAAC;IACzB,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC;IACvD,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,OAAO,CAAC;IACvB,YAAY,EAAE,CAAC,OAAO,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,CAAC;IACf,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC9B,GAAG,EAAE,CAAC,OAAO,CAAC;IACd,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;IACvC,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC;IACvC,SAAS,EAAE,CAAC,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC;IAC9E,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;IACjC,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,OAAO,CAAC;IACzB,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,KAAK,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,sBAAsB,GAAG,CAAC,UAAuB,EAAe,EAAE;IAC9E,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAa,CAAC;IAEjD,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,6BAAqB,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACpD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC/B,2FAA2F;gBAC3F,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC;QACF,CAAC;IACF,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACxC,CAAC,CAAC;AAdW,QAAA,sBAAsB,0BAcjC"}

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' | 'form-field' | 'hover-card' | 'icon' | 'input' | 'input-group' | 'input-otp' | 'kbd' | 'label' | 'menu' | 'menubar' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'toggle' | 'toggle-group' | 'tooltip' | 'utils';
+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' | 'empty' | 'form-field' | 'hover-card' | 'icon' | 'input' | 'input-group' | 'input-otp' | 'kbd' | 'label' | 'menu' | 'menubar' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'utils';

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

@@ -3,7 +3,7 @@
 		"internalName": "ui-accordion-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0"
@@ -21,7 +21,7 @@
 		"internalName": "ui-alert-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -38,7 +38,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"clsx": "^2.1.1",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"@angular/cdk": ">=19.0.0",
 			"@angular/common": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
@@ -50,7 +50,7 @@
 		"internalName": "ui-avatar-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -76,7 +76,7 @@
 		"internalName": "ui-button-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -85,7 +85,7 @@
 		"internalName": "ui-button-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1",
 			"class-variance-authority": "^0.7.0"
 		}
@@ -98,7 +98,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -128,7 +128,7 @@
 			"@angular/forms": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -136,7 +136,7 @@
 		"internalName": "ui-command-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -148,7 +148,7 @@
 			"@angular/forms": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -160,16 +160,24 @@
 			"@angular/common": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"@angular/cdk": ">=19.0.0"
 		}
 	},
+	"empty": {
+		"internalName": "ui-empty-helm",
+		"peerDependencies": {
+			"@angular/core": ">=19.0.0",
+			"clsx": "^2.1.1",
+			"class-variance-authority": "^0.7.0"
+		}
+	},
 	"form-field": {
 		"internalName": "ui-form-field-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -177,15 +185,15 @@
 		"internalName": "ui-hover-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
 	"icon": {
 		"internalName": "ui-icon-helm",
 		"peerDependencies": {
-			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
+			"@angular/core": ">=19.0.0",
 			"@ng-icons/lucide": ">=29.0.0"
 		}
 	},
@@ -194,7 +202,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -204,7 +212,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"clsx": "^2.1.1",
-			"@spartan-ng/brain": "0.0.1-alpha.528"
+			"@spartan-ng/brain": "0.0.1-alpha.530"
 		}
 	},
 	"input-otp": {
@@ -215,7 +223,7 @@
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
 			"@angular/cdk": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528"
+			"@spartan-ng/brain": "0.0.1-alpha.530"
 		}
 	},
 	"kbd": {
@@ -229,7 +237,7 @@
 		"internalName": "ui-label-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -237,7 +245,7 @@
 		"internalName": "ui-menu-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -251,7 +259,7 @@
 			"@angular/cdk": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
@@ -264,14 +272,14 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"clsx": "^2.1.1",
-			"@spartan-ng/brain": "0.0.1-alpha.528"
+			"@spartan-ng/brain": "0.0.1-alpha.530"
 		}
 	},
 	"progress": {
 		"internalName": "ui-progress-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -279,7 +287,7 @@
 		"internalName": "ui-radio-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1",
 			"@angular/common": ">=19.0.0"
 		}
@@ -296,7 +304,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=19.0.0",
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -307,7 +315,7 @@
 		"internalName": "ui-separator-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -318,7 +326,7 @@
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -327,7 +335,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"clsx": "^2.1.1",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"class-variance-authority": "^0.7.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -345,7 +353,7 @@
 		"internalName": "ui-slider-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -371,7 +379,7 @@
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528"
+			"@spartan-ng/brain": "0.0.1-alpha.530"
 		}
 	},
 	"table": {
@@ -385,7 +393,7 @@
 		"internalName": "ui-tabs-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
 			"clsx": "^2.1.1",
 			"class-variance-authority": "^0.7.0",
 			"@angular/cdk": ">=19.0.0",
@@ -394,6 +402,16 @@
 			"rxjs": "^7.8.0"
 		}
 	},
+	"textarea": {
+		"internalName": "ui-textarea-helm",
+		"peerDependencies": {
+			"@angular/core": ">=19.0.0",
+			"@angular/forms": ">=19.0.0",
+			"@spartan-ng/brain": "0.0.1-alpha.530",
+			"class-variance-authority": "^0.7.0",
+			"clsx": "^2.1.1"
+		}
+	},
 	"toggle": {
 		"internalName": "ui-toggle-helm",
 		"peerDependencies": {
@@ -414,7 +432,7 @@
 		"internalName": "ui-tooltip-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.528"
+			"@spartan-ng/brain": "0.0.1-alpha.530"
 		}
 	},
 	"typography": {