@mlut/core 2.0.1 → 2.1.1

package/dist/jit/JitEngine.js

@@ -1,11 +1,12 @@
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { logger } from '../utils/index.js';
 const sass = await import('sass-embedded')
     .catch(() => import('sass'))
     .catch(() => {
     throw new Error('The Sass package is not installed. You can do this with `npm i -D sass-embedded`');
 });
-const __dirname = new URL('.', import.meta.url).pathname;
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 export class JitEngine {
     utils = new Set();
     inputFileDir = __dirname;
@@ -21,6 +22,8 @@ export class JitEngine {
         escapedQuotes: /\\['"`]/g,
         utilName: /^-?[A-Z]{1}[a-zA-Z]*/,
         uppercaseLetter: /[A-Z]/,
+        contextUtil: /-Ctx([\d\-#]|$)/,
+        valueSeparator: /[0-9-#=]/,
     };
     configRegexps = {
         userSettings: /@use ['"][^'"]*(tools|mlut|core)['"](\s*as\s+[\w]+)?\s+with\s*\(([^;]+)\);/s,
@@ -83,8 +86,13 @@ export class JitEngine {
         return [...allClassNames.join(' ').split(' ').reduce((acc, cssClass) => {
                 const utility = cssClass.split('_').find((str) => (this.utilsRegexps.utilName.test(str)));
                 if (utility) {
+                    const separator = utility.replace(this.utilsRegexps.utilName, '')[0];
+                    if (separator && !this.utilsRegexps.valueSeparator.test(separator)) {
+                        return acc;
+                    }
                     const utilName = utility.match(this.utilsRegexps.utilName)?.[0];
-                    if (this.utils.has(utilName) || utilName[0] === '-') {
+                    if (this.utils.has(utilName) ||
+                        (utilName[0] === '-' && !this.utilsRegexps.contextUtil.test(utilName))) {
                         acc.add(cssClass);
                     }
                 }

package/dist/sass/tools/settings/base/_utils.scss

@@ -474,6 +474,8 @@ $utils-cfg: (
 			'rdo': ':read-only',
 			'rdw': ':read-write',
 			't': ':target',
+			'ui': ':user-invalid',
+			'uv': ':user-valid',
 			'v': ':visited',
 			'vl': ':valid',
 		),

package/dist/sass/tools/settings/common/_utils.scss

@@ -1591,6 +1591,18 @@ $utils-db: (
 					'nn': none,
 				),
 			),
+			'Coi': (
+				'properties': counter-increment,
+				'conversion': 'num-length',
+			),
+			'Cor': (
+				'properties': counter-reset,
+				'conversion': 'num-length',
+			),
+			'Cos': (
+				'properties': counter-set,
+				'conversion': 'num-length',
+			),
 
 			// SVG
 			'Fi': (

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mlut/core",
-	"version": "2.0.1",
+	"version": "2.1.1",
 	"description": "Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity",
 	"author": "mr150",
 	"type": "module",