@spartan-ng/cli 0.0.1-alpha.411 → 0.0.1-alpha.413

package/generators.json

@@ -30,6 +30,11 @@
 			"schema": "./src/generators/migrate-radio/schema.json",
 			"description": "Migrate brn-radio to hlm-radio"
 		},
+		"migrate-select": {
+			"factory": "./src/generators/migrate-select/generator",
+			"schema": "./src/generators/migrate-select/schema.json",
+			"description": "Migrate brn-select and hlm-select to use openChange and active descendants"
+		},
 		"migrate-core": {
 			"factory": "./src/generators/migrate-core/generator",
 			"schema": "./src/generators/migrate-core/schema.json",
@@ -72,6 +77,11 @@
 			"schema": "./src/generators/migrate-radio/schema.json",
 			"description": "Migrate brn-radio to hlm-radio"
 		},
+		"migrate-select": {
+			"factory": "./src/generators/migrate-select/compat",
+			"schema": "./src/generators/migrate-select/schema.json",
+			"description": "Migrate brn-select and hlm-select to use openChange and active descendants"
+		},
 		"migrate-core": {
 			"factory": "./src/generators/migrate-scroll-area/compat",
 			"schema": "./src/generators/migrate-core/schema.json",

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.411",
+  "version": "0.0.1-alpha.413",
   "type": "commonjs",
   "dependencies": {
     "@nx/angular": ">=20.0.0",
     "@nx/devkit": ">=20.0.0",
     "@nx/js": ">=20.0.0",
+    "@phenomnomnominal/tsquery": "^6.1.3",
     "@schematics/angular": ">=18.0.0",
     "enquirer": "2.3.6",
     "jsonc-eslint-parser": "^2.1.0",

package/src/generators/healthcheck/generator.js

@@ -8,6 +8,7 @@ const brn_radio_1 = require("./healthchecks/brn-radio");
 const core_imports_1 = require("./healthchecks/core-imports");
 const hlm_icon_1 = require("./healthchecks/hlm-icon");
 const hlm_scroll_area_1 = require("./healthchecks/hlm-scroll-area");
+const hlm_select_1 = require("./healthchecks/hlm-select");
 const version_1 = require("./healthchecks/version");
 const prompt_1 = require("./utils/prompt");
 const reporter_1 = require("./utils/reporter");
@@ -21,6 +22,7 @@ async function healthcheckGenerator(tree, options) {
         hlm_icon_1.helmIconHealthcheck,
         hlm_scroll_area_1.scrollAreaHealthcheck,
         brn_radio_1.brainRadioHealthcheck,
+        hlm_select_1.selectHealthcheck,
     ];
     // store all the failed healthchecks that can be fixed
     const failedReports = [];

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

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/healthcheck/generator.ts"],"names":[],"mappings":";;AAaA,oDAsCC;AAnDD,uCAAuD;AACvD,iDAAyG;AACzG,gEAAuE;AACvE,wDAAiE;AACjE,8DAAqE;AACrE,sDAA8D;AAC9D,oEAAuE;AACvE,oDAA4D;AAE5D,2CAA4C;AAC5C,+CAA+C;AAC/C,2CAAgD;AAEzC,KAAK,UAAU,oBAAoB,CAAC,IAAU,EAAE,OAAmC;IACzF,eAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAkB;QACnC,4BAAkB;QAClB,uCAAuB;QACvB,qCAAsB;QACtB,8BAAmB;QACnB,uCAAqB;QACrB,iCAAqB;KACrB,CAAC;IAEF,sDAAsD;IACtD,MAAM,aAAa,GAAwB,EAAE,CAAC;IAE9C,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACvD,IAAA,sBAAW,EAAC,MAAM,CAAC,CAAC;QAEpB,IAAI,MAAM,CAAC,MAAM,KAAK,gCAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,iGAAiG;IACjG,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACpC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAA,mCAAoB,EAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,MAAM,IAAA,mBAAU,EAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAE7E,IAAI,GAAG,EAAE,CAAC;gBACT,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACpC,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACzB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/healthcheck/generator.ts"],"names":[],"mappings":";;AAcA,oDAuCC;AArDD,uCAAuD;AACvD,iDAAyG;AACzG,gEAAuE;AACvE,wDAAiE;AACjE,8DAAqE;AACrE,sDAA8D;AAC9D,oEAAuE;AACvE,0DAA8D;AAC9D,oDAA4D;AAE5D,2CAA4C;AAC5C,+CAA+C;AAC/C,2CAAgD;AAEzC,KAAK,UAAU,oBAAoB,CAAC,IAAU,EAAE,OAAmC;IACzF,eAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAkB;QACnC,4BAAkB;QAClB,uCAAuB;QACvB,qCAAsB;QACtB,8BAAmB;QACnB,uCAAqB;QACrB,iCAAqB;QACrB,8BAAiB;KACjB,CAAC;IAEF,sDAAsD;IACtD,MAAM,aAAa,GAAwB,EAAE,CAAC;IAE9C,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACvD,IAAA,sBAAW,EAAC,MAAM,CAAC,CAAC;QAEpB,IAAI,MAAM,CAAC,MAAM,KAAK,gCAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,iGAAiG;IACjG,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACpC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAA,mCAAoB,EAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,MAAM,IAAA,mBAAU,EAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAE7E,IAAI,GAAG,EAAE,CAAC;gBACT,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACpC,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACzB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

package/src/generators/healthcheck/healthchecks/hlm-select.d.ts

@@ -0,0 +1,2 @@
+import { Healthcheck } from '../healthchecks';
+export declare const selectHealthcheck: Healthcheck;

package/src/generators/healthcheck/healthchecks/hlm-select.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectHealthcheck = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const hlm_class_1 = require("../../../utils/hlm-class");
+const generator_1 = tslib_1.__importDefault(require("../../migrate-select/generator"));
+const healthchecks_1 = require("../healthchecks");
+exports.selectHealthcheck = {
+    name: 'Helm Select',
+    async detect(tree, failure) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (file) => {
+            // if the file is a .ts or .htlm file, check for helm icons
+            if (!file.endsWith('.ts') && !file.endsWith('.html')) {
+                return;
+            }
+            const contents = tree.read(file, 'utf-8');
+            if (!contents) {
+                return;
+            }
+            // check if the legacy openedChange event is being used
+            if (/<(brn-select|hlm-select)[^>]*\(\s*openedChange\s*\)=/g.test(contents)) {
+                failure('Select is using the renamed openedChange event.', healthchecks_1.HealthcheckSeverity.Error, true);
+            }
+            // check if the legacy focus classes are being used
+            if ((0, hlm_class_1.hasHelmClasses)(tree, file, {
+                component: 'HlmSelectOptionComponent',
+                classes: ['focus:bg-accent', 'focus:text-accent-foreground'],
+            })) {
+                failure('Select option is using the legacy focus classes.', healthchecks_1.HealthcheckSeverity.Error, true);
+            }
+        });
+    },
+    fix: async (tree) => {
+        await (0, generator_1.default)(tree, { skipFormat: true });
+        return true;
+    },
+    prompt: 'Would you like to migrate selects?',
+};
+//# sourceMappingURL=hlm-select.js.map

package/src/generators/healthcheck/healthchecks/hlm-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hlm-select.js","sourceRoot":"","sources":["../../../../../../../libs/cli/src/generators/healthcheck/healthchecks/hlm-select.ts"],"names":[],"mappings":";;;;AAAA,uCAAkD;AAClD,wDAA0D;AAC1D,uFAAoE;AACpE,kDAAmE;AAEtD,QAAA,iBAAiB,GAAgB;IAC7C,IAAI,EAAE,aAAa;IACnB,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO;QACzB,IAAA,6BAAoB,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACxC,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtD,OAAO;YACR,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO;YACR,CAAC;YAED,uDAAuD;YACvD,IAAI,uDAAuD,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC5E,OAAO,CAAC,iDAAiD,EAAE,kCAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC7F,CAAC;YAED,mDAAmD;YACnD,IACC,IAAA,0BAAc,EAAC,IAAI,EAAE,IAAI,EAAE;gBAC1B,SAAS,EAAE,0BAA0B;gBACrC,OAAO,EAAE,CAAC,iBAAiB,EAAE,8BAA8B,CAAC;aAC5D,CAAC,EACD,CAAC;gBACF,OAAO,CAAC,kDAAkD,EAAE,kCAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC9F,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QACnB,MAAM,IAAA,mBAAsB,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EAAE,oCAAoC;CAC5C,CAAC"}

package/src/generators/migrate-select/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: import("./schema").MigrateSelectGeneratorSchema) => (tree: any, context: any) => Promise<any>;
+export default _default;

package/src/generators/migrate-select/compat.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const generator_1 = tslib_1.__importDefault(require("./generator"));
+exports.default = (0, devkit_1.convertNxGenerator)(generator_1.default);
+//# sourceMappingURL=compat.js.map

package/src/generators/migrate-select/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-select/compat.ts"],"names":[],"mappings":";;;AAAA,uCAAgD;AAChD,oEAAiD;AAEjD,kBAAe,IAAA,2BAAkB,EAAC,mBAAsB,CAAC,CAAC"}

package/src/generators/migrate-select/generator.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import { MigrateSelectGeneratorSchema } from './schema';
+export declare function migrateSelectGenerator(tree: Tree, { skipFormat }: MigrateSelectGeneratorSchema): Promise<void>;
+export default migrateSelectGenerator;

package/src/generators/migrate-select/generator.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateSelectGenerator = migrateSelectGenerator;
+const devkit_1 = require("@nx/devkit");
+const hlm_class_1 = require("../../utils/hlm-class");
+const visit_files_1 = require("../../utils/visit-files");
+async function migrateSelectGenerator(tree, { skipFormat }) {
+    replaceOpenChangeEvent(tree);
+    replaceFocusClasses(tree);
+    if (!skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+function replaceOpenChangeEvent(tree) {
+    // if the element is `<brn-select`, '<hlm-select' and it has an `(openedChange)` event, we need to replace it with `(openChange)`
+    (0, visit_files_1.visitFiles)(tree, '.', (path) => {
+        // if this is not an html file or typescript file (inline templates) then skip
+        if (!path.endsWith('.html') && !path.endsWith('.ts')) {
+            return;
+        }
+        let content = tree.read(path, 'utf-8');
+        if (!content) {
+            return;
+        }
+        // find all the brn-select or hlm-select elements that have an `(openedChange)` event
+        content = content.replace(/<(brn-select|hlm-select)[^>]*\(\s*openedChange\s*\)=/g, (match) => match.replace(/\(\s*openedChange\s*\)/, '(openChange)'));
+        tree.write(path, content);
+    });
+}
+function replaceFocusClasses(tree) {
+    // update the hlm classes
+    (0, visit_files_1.visitFiles)(tree, '.', (path) => {
+        // if this is not a typescript file then skip
+        if (!path.endsWith('.ts')) {
+            return;
+        }
+        (0, hlm_class_1.updateHelmClasses)(tree, path, {
+            component: 'HlmSelectOptionComponent',
+            classesToRemove: ['focus:bg-accent', 'focus:text-accent-foreground'],
+            classesToAdd: ['data-[active]:bg-accent', 'data-[active]:text-accent-foreground'],
+        });
+    });
+}
+exports.default = migrateSelectGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/migrate-select/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-select/generator.ts"],"names":[],"mappings":";;AAKA,wDAOC;AAZD,uCAA+C;AAC/C,qDAA0D;AAC1D,yDAAqD;AAG9C,KAAK,UAAU,sBAAsB,CAAC,IAAU,EAAE,EAAE,UAAU,EAAgC;IACpG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC7B,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAE1B,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,SAAS,sBAAsB,CAAC,IAAU;IACzC,iIAAiI;IACjI,IAAA,wBAAU,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;QAC9B,8EAA8E;QAC9E,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACtD,OAAO;QACR,CAAC;QAED,IAAI,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,OAAO;QACR,CAAC;QAED,qFAAqF;QACrF,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,uDAAuD,EAAE,CAAC,KAAK,EAAE,EAAE,CAC5F,KAAK,CAAC,OAAO,CAAC,wBAAwB,EAAE,cAAc,CAAC,CACvD,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAU;IACtC,yBAAyB;IACzB,IAAA,wBAAU,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;QAC9B,6CAA6C;QAC7C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACR,CAAC;QAED,IAAA,6BAAiB,EAAC,IAAI,EAAE,IAAI,EAAE;YAC7B,SAAS,EAAE,0BAA0B;YACrC,eAAe,EAAE,CAAC,iBAAiB,EAAE,8BAA8B,CAAC;YACpE,YAAY,EAAE,CAAC,yBAAyB,EAAE,sCAAsC,CAAC;SACjF,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,kBAAe,sBAAsB,CAAC"}

package/src/generators/migrate-select/schema.d.ts

@@ -0,0 +1,3 @@
+export interface MigrateSelectGeneratorSchema {
+	skipFormat?: boolean;
+}

package/src/generators/migrate-select/schema.json

@@ -0,0 +1,14 @@
+{
+	"$schema": "https://json-schema.org/schema",
+	"$id": "MigrateSelect",
+	"title": "",
+	"type": "object",
+	"properties": {
+		"skipFormat": {
+			"type": "boolean",
+			"default": false,
+			"description": "Skip formatting files"
+		}
+	},
+	"required": []
+}

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

@@ -34,7 +34,7 @@ export class HlmSelectOptionComponent {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm(
-			'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2  rtl:flex-reverse rtl:pr-8 rtl:pl-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+			'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 rtl:flex-reverse rtl:pr-8 rtl:pl-2 text-sm outline-none data-[active]:bg-accent data-[active]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
 			this.userClass(),
 		),
 	);

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

@@ -5,7 +5,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -14,7 +14,7 @@
 		"internalName": "ui-alert-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -24,7 +24,7 @@
 		"internalName": "ui-alert-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -34,7 +34,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=18.0.0",
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -42,7 +42,7 @@
 		"internalName": "ui-avatar-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -52,7 +52,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=18.0.0",
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -64,7 +64,7 @@
 			"@angular/router": "18.2.5",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -73,7 +73,7 @@
 		"internalName": "ui-button-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -85,7 +85,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
@@ -95,7 +95,7 @@
 		"internalName": "ui-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -105,7 +105,7 @@
 		"peerDependencies": {
 			"@angular/cdk": ">=18.0.0",
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
@@ -119,7 +119,7 @@
 			"@angular/forms": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-calendar-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-popover-helm": "0.0.1-alpha.381",
@@ -134,7 +134,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -150,7 +150,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
 			"@angular/forms": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -159,7 +159,7 @@
 		"internalName": "ui-label-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -170,7 +170,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -180,7 +180,7 @@
 		"internalName": "ui-popover-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -188,7 +188,7 @@
 		"internalName": "ui-progress-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -196,7 +196,7 @@
 		"internalName": "ui-radio-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -204,7 +204,7 @@
 		"internalName": "ui-scroll-area-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1",
 			"ngx-scrollbar": ">=16.0.0"
 		}
@@ -213,7 +213,7 @@
 		"internalName": "ui-separator-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -223,7 +223,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -233,7 +233,7 @@
 		"internalName": "ui-skeleton-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -241,7 +241,7 @@
 		"internalName": "ui-spinner-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -252,7 +252,7 @@
 			"@angular/cdk": ">=18.0.0",
 			"@angular/core": ">=18.0.0",
 			"@angular/forms": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -263,7 +263,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
@@ -274,7 +274,7 @@
 		"internalName": "ui-toggle-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -283,7 +283,7 @@
 		"internalName": "ui-typography-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -292,7 +292,7 @@
 		"peerDependencies": {
 			"@angular/common": ">=18.0.0",
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -300,7 +300,7 @@
 		"internalName": "ui-hover-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -311,7 +311,7 @@
 			"@angular/forms": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1"
 		}
@@ -320,7 +320,7 @@
 		"internalName": "ui-tooltip-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411"
+			"@spartan-ng/brain": "0.0.1-alpha.413"
 		}
 	},
 	"pagination": {
@@ -332,7 +332,7 @@
 			"@angular/router": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-select-helm": "0.0.1-alpha.381",
@@ -346,7 +346,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"clsx": "^2.1.1",
@@ -359,7 +359,7 @@
 			"@angular/core": ">=18.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
@@ -380,14 +380,14 @@
 		"internalName": "ui-form-field-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411"
+			"@spartan-ng/brain": "0.0.1-alpha.413"
 		}
 	},
 	"slider": {
 		"internalName": "ui-slider-helm",
 		"peerDependencies": {
 			"@angular/core": ">=18.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.411",
+			"@spartan-ng/brain": "0.0.1-alpha.413",
 			"clsx": "^2.1.1"
 		}
 	}

package/src/utils/hlm-class.d.ts

@@ -0,0 +1,28 @@
+import { Tree } from '@nx/devkit';
+export declare function hasHelmClasses(tree: Tree, path: string, { component, classes }: HasHelmClassesSchema): boolean;
+interface HasHelmClassesSchema {
+    /**
+     * The name of the components that need to be checked.
+     */
+    component: string;
+    /**
+     * The classes that need to be checked for.
+     */
+    classes: string[];
+}
+export declare function updateHelmClasses(tree: Tree, path: string, { component, classesToAdd, classesToRemove }: UpdateHelmClassesSchema): string;
+interface UpdateHelmClassesSchema {
+    /**
+     * The name of the components that need to be updated.
+     */
+    component: string;
+    /**
+     * The classes that need to be removed from the components.
+     */
+    classesToRemove: string[];
+    /**
+     * The classes that need to be added to the components.
+     */
+    classesToAdd: string[];
+}
+export {};

package/src/utils/hlm-class.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasHelmClasses = hasHelmClasses;
+exports.updateHelmClasses = updateHelmClasses;
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+function hasHelmClasses(tree, path, { component, classes }) {
+    const content = tree.read(path, 'utf-8');
+    if (!content) {
+        return false;
+    }
+    const ast = tsquery_1.tsquery.ast(content);
+    // find the component class if it exists
+    const componentClass = tsquery_1.tsquery.query(ast, `ClassDeclaration:has(Identifier[name="${component}"])`);
+    if (componentClass.length === 0) {
+        return false;
+    }
+    // try and find the _computedClass property string
+    const computedClass = tsquery_1.tsquery.query(componentClass[0], `PropertyDeclaration:has(Identifier[name="_computedClass"]) CallExpression CallExpression:has(Identifier[name="hlm"]) StringLiteral`);
+    if (computedClass.length === 0) {
+        return false;
+    }
+    // get the computed class value
+    const classesString = computedClass[0].getText();
+    const classesArray = classesString.split(' ');
+    // check if the classes exist
+    return classes.some((c) => classesArray.includes(c));
+}
+function updateHelmClasses(tree, path, { component, classesToAdd, classesToRemove }) {
+    const content = tree.read(path, 'utf-8');
+    if (!content) {
+        return;
+    }
+    const ast = tsquery_1.tsquery.ast(content);
+    // find the component class if it exists
+    const componentClass = tsquery_1.tsquery.query(ast, `ClassDeclaration:has(Identifier[name="${component}"])`);
+    if (componentClass.length === 0) {
+        return;
+    }
+    // try and find the _computedClass property string
+    const computedClass = tsquery_1.tsquery.query(componentClass[0], `PropertyDeclaration:has(Identifier[name="_computedClass"]) CallExpression CallExpression:has(Identifier[name="hlm"]) StringLiteral`);
+    if (computedClass.length === 0) {
+        return;
+    }
+    // get the computed class value
+    const classes = computedClass[0].getText();
+    let modifiedClasses = classes.split(' ');
+    // remove the classes that need to be removed
+    modifiedClasses = modifiedClasses.filter((c) => !classesToRemove.includes(c));
+    // add the classes that need to be added
+    modifiedClasses = modifiedClasses.concat(classesToAdd);
+    // update the classes
+    const updatedClasses = modifiedClasses.join(' ');
+    // replace the original classes with the updated classes
+    const updatedContent = content.replace(classes, updatedClasses);
+    tree.write(path, updatedContent);
+}
+//# sourceMappingURL=hlm-class.js.map

package/src/utils/hlm-class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hlm-class.js","sourceRoot":"","sources":["../../../../../libs/cli/src/utils/hlm-class.ts"],"names":[],"mappings":";;AAGA,wCAgCC;AAaD,8CA+CC;AA9FD,uDAAoD;AAEpD,SAAgB,cAAc,CAAC,IAAU,EAAE,IAAY,EAAE,EAAE,SAAS,EAAE,OAAO,EAAwB;IACpG,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,KAAK,CAAC;IACd,CAAC;IAED,MAAM,GAAG,GAAG,iBAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjC,wCAAwC;IACxC,MAAM,cAAc,GAAG,iBAAO,CAAC,KAAK,CAAC,GAAG,EAAE,yCAAyC,SAAS,KAAK,CAAC,CAAC;IAEnG,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC;IACd,CAAC;IAED,kDAAkD;IAClD,MAAM,aAAa,GAAG,iBAAO,CAAC,KAAK,CAClC,cAAc,CAAC,CAAC,CAAC,EACjB,oIAAoI,CACpI,CAAC;IAEF,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACd,CAAC;IAED,+BAA+B;IAC/B,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACjD,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9C,6BAA6B;IAC7B,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAaD,SAAgB,iBAAiB,CAChC,IAAU,EACV,IAAY,EACZ,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAA2B;IAErE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO;IACR,CAAC;IAED,MAAM,GAAG,GAAG,iBAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjC,wCAAwC;IACxC,MAAM,cAAc,GAAG,iBAAO,CAAC,KAAK,CAAC,GAAG,EAAE,yCAAyC,SAAS,KAAK,CAAC,CAAC;IAEnG,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO;IACR,CAAC;IAED,kDAAkD;IAClD,MAAM,aAAa,GAAG,iBAAO,CAAC,KAAK,CAClC,cAAc,CAAC,CAAC,CAAC,EACjB,oIAAoI,CACpI,CAAC;IAEF,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO;IACR,CAAC;IAED,+BAA+B;IAC/B,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAC3C,IAAI,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEzC,6CAA6C;IAC7C,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9E,wCAAwC;IACxC,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAEvD,qBAAqB;IACrB,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjD,wDAAwD;IACxD,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAEhE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAClC,CAAC"}