@tbela99/css-parser 1.3.3 → 1.4.0

package/dist/index-umd-web.js

@@ -25,14 +25,26 @@
          * disable validation
          */
         ValidationLevel[ValidationLevel["None"] = 0] = "None";
+        /**
+         * validate selectors
+         */
+        ValidationLevel[ValidationLevel["Selector"] = 1] = "Selector";
+        /**
+         * validate at-rules
+         */
+        ValidationLevel[ValidationLevel["AtRule"] = 2] = "AtRule";
+        /**
+         * validate declarations
+         */
+        ValidationLevel[ValidationLevel["Declaration"] = 4] = "Declaration";
         /**
          * validate selectors and at-rules
          */
-        ValidationLevel[ValidationLevel["Default"] = 1] = "Default";
+        ValidationLevel[ValidationLevel["Default"] = 3] = "Default";
         /**
          * validate selectors, at-rules and declarations
          */
-        ValidationLevel[ValidationLevel["All"] = 2] = "All"; // selectors + at-rules + declarations
+        ValidationLevel[ValidationLevel["All"] = 7] = "All"; // selectors + at-rules + declarations
     })(exports.ValidationLevel || (exports.ValidationLevel = {}));
     /**
      * enum of all token types
@@ -421,6 +433,23 @@
          * invalid declaration node type
          */
         EnumToken[EnumToken["InvalidDeclarationNodeType"] = 94] = "InvalidDeclarationNodeType";
+        /* css module nodes */
+        /**
+         * composes token node type
+         */
+        EnumToken[EnumToken["ComposesSelectorNodeType"] = 95] = "ComposesSelectorNodeType";
+        /**
+         * css variable token type
+         */
+        EnumToken[EnumToken["CssVariableTokenType"] = 96] = "CssVariableTokenType";
+        /**
+         * css variable import token type
+         */
+        EnumToken[EnumToken["CssVariableImportTokenType"] = 97] = "CssVariableImportTokenType";
+        /**
+         * css variable declaration map token type
+         */
+        EnumToken[EnumToken["CssVariableDeclarationMapTokenType"] = 98] = "CssVariableDeclarationMapTokenType";
         /* aliases */
         /**
          * alias for time token type
@@ -537,7 +566,7 @@
     exports.ColorType = void 0;
     (function (ColorType) {
         /**
-         * system colors
+         * deprecated system colors
          */
         ColorType[ColorType["SYS"] = 0] = "SYS";
         /**
@@ -545,7 +574,7 @@
          */
         ColorType[ColorType["DPSYS"] = 1] = "DPSYS";
         /**
-         * colors as literals
+         * named colors
          */
         ColorType[ColorType["LIT"] = 2] = "LIT";
         /**
@@ -645,6 +674,48 @@
          */
         ColorType[ColorType["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
     })(exports.ColorType || (exports.ColorType = {}));
+    exports.ModuleCaseTransformEnum = void 0;
+    (function (ModuleCaseTransformEnum) {
+        /**
+         * export class names as-is
+         */
+        ModuleCaseTransformEnum[ModuleCaseTransformEnum["IgnoreCase"] = 1] = "IgnoreCase";
+        /**
+         * transform mapping key name to camel case
+         */
+        ModuleCaseTransformEnum[ModuleCaseTransformEnum["CamelCase"] = 2] = "CamelCase";
+        /**
+         * transform class names and mapping key name to camel case
+         */
+        ModuleCaseTransformEnum[ModuleCaseTransformEnum["CamelCaseOnly"] = 4] = "CamelCaseOnly";
+        /**
+         * transform mapping key name to dash case
+         */
+        ModuleCaseTransformEnum[ModuleCaseTransformEnum["DashCase"] = 8] = "DashCase";
+        /**
+         * transform class names and mapping key name to dash case
+         */
+        ModuleCaseTransformEnum[ModuleCaseTransformEnum["DashCaseOnly"] = 16] = "DashCaseOnly";
+    })(exports.ModuleCaseTransformEnum || (exports.ModuleCaseTransformEnum = {}));
+    exports.ModuleScopeEnumOptions = void 0;
+    (function (ModuleScopeEnumOptions) {
+        /**
+         * use the global scope
+         */
+        ModuleScopeEnumOptions[ModuleScopeEnumOptions["Global"] = 32] = "Global";
+        /**
+         * use the local scope
+         */
+        ModuleScopeEnumOptions[ModuleScopeEnumOptions["Local"] = 64] = "Local";
+        /**
+         * do not allow selector without an id or class
+         */
+        ModuleScopeEnumOptions[ModuleScopeEnumOptions["Pure"] = 128] = "Pure";
+        /**
+         * export using ICSS module format
+         */
+        ModuleScopeEnumOptions[ModuleScopeEnumOptions["ICSS"] = 256] = "ICSS";
+    })(exports.ModuleScopeEnumOptions || (exports.ModuleScopeEnumOptions = {}));
 
     // from https://www.w3.org/TR/css-color-4/multiply-matrices.js
     /**
@@ -3903,10 +3974,7 @@
                 // normalize hue
                 for (const k of walkValues([object.h])) {
                     if (k.value.typ == exports.EnumToken.AngleTokenType && k.value.unit == 'deg') {
-                        // @ts-ignore
                         k.value.typ = exports.EnumToken.NumberTokenType;
-                        // @ts-ignore
-                        delete k.value.unit;
                     }
                 }
             }
@@ -4109,10 +4177,7 @@
     function identity() {
         return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
     }
-    function pLength(point) {
-        return Math.sqrt(point[0] * point[0] + point[1] * point[1] + point[2] * point[2]);
-    }
-    function normalize(point) {
+    function normalize$1(point) {
         const [x, y, z] = point;
         const norm = Math.sqrt(point[0] * point[0] + point[1] * point[1] + point[2] * point[2]);
         return norm === 0 ? [0, 0, 0] : [x / norm, y / norm, z / norm];
@@ -4139,8 +4204,14 @@
     function inverse(matrix) {
         // Create augmented matrix [matrix | identity]
         let augmented = [
-            1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1,
-            1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1
+            ...matrix.slice(0, 4),
+            1, 0, 0, 0,
+            ...matrix.slice(4, 8),
+            0, 1, 0, 0,
+            ...matrix.slice(8, 12),
+            0, 0, 1, 0,
+            ...matrix.slice(12, 16),
+            0, 0, 0, 1
         ];
         // Gaussian elimination with partial pivoting
         for (let col = 0; col < 4; col++) {
@@ -4180,24 +4251,9 @@
         // Extract the inverse from the right side of the augmented matrix
         return augmented.slice(0, 16);
     }
-    // function transpose(matrix: Matrix): Matrix {
-    //     // Crée une nouvelle matrice vide 4x4
-    //     // @ts-ignore
-    //     let transposed: Matrix = [[], [], [], []] as Matrix;
-    //
-    //     // Parcourt chaque ligne et colonne pour transposer
-    //     for (let i = 0; i < 4; i++) {
-    //
-    //         for (let j = 0; j < 4; j++) {
-    //
-    //             transposed[j][i] = matrix[i][j];
-    //         }
-    //     }
-    //
-    //     return transposed;
-    // }
     function round(number) {
-        return Math.abs(number) < epsilon ? 0 : +number.toPrecision(6);
+        const rounded = Math.round(number);
+        return Math.abs(rounded - number) <= epsilon ? rounded : +number.toPrecision(6);
     }
     // translate3d(25.9808px, 0, 15px ) rotateY(60deg) skewX(49.9999deg) scale(1, 1.2)
     // translate → rotate → skew → scale
@@ -4220,7 +4276,7 @@
             perspectiveMatrix[15] = 1;
             // @ts-ignore
             const inverted = inverse(original.slice());
-            if (!inverted) {
+            if (inverted === null) {
                 return null;
             }
             const transposedInverse = transposeMatrix4(inverted);
@@ -4241,17 +4297,22 @@
         const row0 = [matrix[0], matrix[1], matrix[2]];
         const row1 = [matrix[4], matrix[5], matrix[6]];
         const row2 = [matrix[8], matrix[9], matrix[10]];
+        const cross = [
+            row1[1] * row2[2] - row1[2] * row2[1],
+            row1[2] * row2[0] - row1[0] * row2[2],
+            row1[0] * row2[1] - row1[1] * row2[0],
+        ];
         // Compute scale
-        const scaleX = pLength(row0);
-        const row0Norm = normalize(row0);
+        const scaleX = Math.hypot(...row0);
+        const row0Norm = normalize$1(row0);
         const skewXY = dot(row0Norm, row1);
         const row1Proj = [
             row1[0] - skewXY * row0Norm[0],
             row1[1] - skewXY * row0Norm[1],
             row1[2] - skewXY * row0Norm[2]
         ];
-        const scaleY = pLength(row1Proj);
-        const row1Norm = normalize(row1Proj);
+        const scaleY = Math.hypot(...row1Proj);
+        const row1Norm = normalize$1(row1Proj);
         const skewXZ = dot(row0Norm, row2);
         const skewYZ = dot(row1Norm, row2);
         const row2Proj = [
@@ -4259,8 +4320,9 @@
             row2[1] - skewXZ * row0Norm[1] - skewYZ * row1Norm[1],
             row2[2] - skewXZ * row0Norm[2] - skewYZ * row1Norm[2]
         ];
-        const scaleZ = pLength(row2Proj);
-        const row2Norm = normalize(row2Proj);
+        const row2Norm = normalize$1(row2Proj);
+        const determinant = row0[0] * cross[0] + row0[1] * cross[1] + row0[2] * cross[2];
+        const scaleZ = Math.hypot(...row2Proj) * (determinant < 0 ? -1 : 1);
         // Build rotation matrix from orthonormalized vectors
         const r00 = row0Norm[0], r01 = row1Norm[0], r02 = row2Norm[0];
         const r10 = row0Norm[1], r11 = row1Norm[1], r12 = row2Norm[1];
@@ -4297,7 +4359,6 @@
             qz = 0.25 * s;
         }
         [qx, qy, qz] = toZero([qx, qy, qz]);
-        // const q = gcd(qx, gcd(qy, qz));
         let q = [Math.abs(qx), Math.abs(qy), Math.abs(qz)].reduce((acc, curr) => {
             if (acc == 0 || (curr > 0 && curr < acc)) {
                 acc = curr;
@@ -4342,16 +4403,16 @@
     // https://drafts.csswg.org/css-transforms-1/#2d-matrix
     function is2DMatrix(matrix) {
         // m13,m14,  m23, m24, m31, m32, m34, m43 are all 0
-        return matrix[0 * 4 + 2] === 0 &&
-            matrix[0 * 4 + 3] === 0 &&
-            matrix[1 * 4 + 2] === 0 &&
-            matrix[1 * 4 + 3] === 0 &&
-            matrix[2 * 4 + 0] === 0 &&
-            matrix[2 * 4 + 1] === 0 &&
-            matrix[2 * 4 + 3] === 0 &&
-            matrix[3 * 4 + 2] === 0 &&
-            matrix[2 * 4 + 2] === 1 &&
-            matrix[3 * 4 + 3] === 1;
+        return matrix[2] === 0 &&
+            matrix[3] === 0 &&
+            matrix[6] === 0 &&
+            matrix[7] === 0 &&
+            matrix[8] === 0 &&
+            matrix[9] === 0 &&
+            matrix[11] === 0 &&
+            matrix[14] === 0 &&
+            matrix[10] === 1 &&
+            matrix[15] === 1;
     }
 
     /**
@@ -5453,7 +5514,7 @@
         }
         if (token.typ == exports.EnumToken.IdenTokenType) {
             // named color
-            return token.val.toLowerCase() in COLORS_NAMES;
+            return token.val.toLowerCase() in COLORS_NAMES || 'currentcolor' === token.val.toLowerCase() || 'transparent' === token.val.toLowerCase();
         }
         let isLegacySyntax = false;
         if (token.typ == exports.EnumToken.FunctionTokenType) {
@@ -5506,8 +5567,13 @@
                                 return false;
                             }
                         }
-                        if (children[i].typ == exports.EnumToken.FunctionTokenType && !mathFuncs.includes(children[i].val)) {
-                            return false;
+                        if (children[i].typ == exports.EnumToken.FunctionTokenType) {
+                            if ('var' == children[i].val.toLowerCase()) {
+                                continue;
+                            }
+                            if (!mathFuncs.includes(children[i].val)) {
+                                return false;
+                            }
                         }
                     }
                     if (children.length == 4 || (isRelative && children.length == 6)) {
@@ -5794,23 +5860,29 @@
         }
         return true;
     }
-    function isDimension(name) {
-        let index = name.length;
-        while (index--) {
-            if (isLetter(name.charCodeAt(index))) {
-                continue;
-            }
-            index++;
-            break;
-        }
-        const number = name.slice(0, index);
-        return number.length > 0 && isIdentStart(name.charCodeAt(index)) && isNumber(number);
-    }
+    // export function isDimension(name: string) {
+    //
+    //     let index: number = name.length;
+    //
+    //     while (index--) {
+    //
+    //         if (isLetter(<number>name.charCodeAt(index))) {
+    //
+    //             continue
+    //         }
+    //
+    //         index++;
+    //         break;
+    //     }
+    //
+    //     const number: string = name.slice(0, index);
+    //     return number.length > 0 && isIdentStart(name.charCodeAt(index)) && isNumber(number);
+    // }
     function isPercentage(name) {
         return name.endsWith('%') && isNumber(name.slice(0, -1));
     }
-    function isFlex(name) {
-        return name.endsWith('fr') && isNumber(name.slice(0, -2));
+    function isFlex(dimension) {
+        return 'unit' in dimension && 'fr' == dimension.unit.toLowerCase();
     }
     function parseDimension(name) {
         let index = name.length;
@@ -5826,6 +5898,9 @@
             val: +name.slice(0, index),
             unit: name.slice(index)
         };
+        if (index < 0 || Number.isNaN(dimension.val)) {
+            return null;
+        }
         if (isAngle(dimension)) {
             // @ts-ignore
             dimension.typ = exports.EnumToken.AngleTokenType;
@@ -5849,6 +5924,10 @@
             // @ts-ignore
             dimension.typ = exports.EnumToken.FrequencyTokenType;
         }
+        else if (isFlex(dimension)) {
+            // @ts-ignore
+            dimension.typ = exports.EnumToken.FlexTokenType;
+        }
         return dimension;
     }
     function isHexColor(name) {
@@ -6507,6 +6586,9 @@
     	},
     	animation: {
     		shorthand: "animation",
+    		separator: {
+    			typ: "Comma"
+    		},
     		pattern: "animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline",
     		"default": [
     			"1",
@@ -7457,6 +7539,60 @@
             });
             return null;
         }
+        if ('composes' == node.nam.toLowerCase()) {
+            let left = [];
+            let right = [];
+            let current = 0;
+            let hasFrom = 0;
+            for (; current < node.val.length; current++) {
+                if (exports.EnumToken.WhitespaceTokenType == node.val[current].typ || exports.EnumToken.CommentTokenType == node.val[current].typ) {
+                    if (!hasFrom) {
+                        left.push(node.val[current]);
+                    }
+                    else {
+                        right.push(node.val[current]);
+                    }
+                    continue;
+                }
+                if (exports.EnumToken.IdenTokenType == node.val[current].typ || exports.EnumToken.DashedIdenTokenType == node.val[current].typ || exports.EnumToken.StringTokenType == node.val[current].typ) {
+                    if (exports.EnumToken.IdenTokenType == node.val[current].typ) {
+                        if ('from' == node.val[current].val) {
+                            if (hasFrom) {
+                                return null;
+                            }
+                            hasFrom++;
+                            continue;
+                        }
+                    }
+                    if (hasFrom) {
+                        right.push(node.val[current]);
+                    }
+                    else {
+                        left.push(node.val[current]);
+                    }
+                    continue;
+                }
+                break;
+            }
+            if (hasFrom <= 1 && current > 0) {
+                if (hasFrom == 0) {
+                    node.val.splice(0, left.length, {
+                        typ: exports.EnumToken.ComposesSelectorNodeType,
+                        l: left,
+                        r: null
+                    });
+                }
+                else {
+                    node.val.splice(0, current, {
+                        typ: exports.EnumToken.ComposesSelectorNodeType,
+                        l: left,
+                        r: right.reduce((a, b) => {
+                            return a == null ? b : b.typ == exports.EnumToken.WhitespaceTokenType || b.typ == exports.EnumToken.CommentTokenType ? a : b;
+                        }, null)
+                    });
+                }
+            }
+        }
         for (const { value: val, parent } of walkValues(node.val, node)) {
             if (val.typ == exports.EnumToken.AttrTokenType && val.chi.every((t) => [exports.EnumToken.IdenTokenType, exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ))) {
                 // @ts-ignore
@@ -7503,6 +7639,13 @@
         return buffer.length > 0 ? result + buffer : result;
     }
 
+    function dasherize(value) {
+        return value.replace(/([A-Z])/g, (all, one) => `-${one.toLowerCase()}`);
+    }
+    function camelize(value) {
+        return value.replace(/-([a-z])/g, (all, one) => one.toUpperCase());
+    }
+
     // from https://github.com/Rich-Harris/vlq/tree/master
     // credit: Rich Harris
     const integer_to_char = {};
@@ -7649,9 +7792,10 @@
      * render ast
      * @param data
      * @param options
+     * @param mapping
      * @private
      */
-    function doRender(data, options = {}) {
+    function doRender(data, options = {}, mapping) {
         const minify = options.minify ?? true;
         const beautify = options.beautify ?? !minify;
         options = {
@@ -7688,12 +7832,23 @@
         const errors = [];
         const sourcemap = options.sourcemap ? new SourceMap : null;
         const cache = Object.create(null);
+        const position = {
+            ind: 0,
+            lin: 1,
+            col: 1
+        };
+        let code = '';
+        if (mapping != null) {
+            if (mapping.importMapping != null) {
+                for (const [key, value] of Object.entries(mapping.importMapping)) {
+                    code += `:import("${key}")${options.indent}{${options.newLine}${Object.entries(value).reduce((acc, [k, v]) => acc + (acc.length > 0 ? options.newLine : '') + `${options.indent}${v}:${options.indent}${k};`, '')}${options.newLine}}${options.newLine}`;
+                }
+            }
+            code += `:export${options.indent}{${options.newLine}${Object.entries(mapping.mapping).reduce((acc, [k, v]) => acc + (acc.length > 0 ? options.newLine : '') + `${options.indent}${k}:${options.indent}${v};`, '')}${options.newLine}}${options.newLine}`;
+            update(position, code);
+        }
         const result = {
-            code: renderAstNode(options.expandNestingRules ? expand(data) : data, options, sourcemap, {
-                ind: 0,
-                lin: 1,
-                col: 1
-            }, errors, function reducer(acc, curr) {
+            code: code + renderAstNode(options.expandNestingRules && [exports.EnumToken.StyleSheetNodeType, exports.EnumToken.AtRuleNodeType, exports.EnumToken.RuleNodeType].includes(data.typ) && 'chi' in data ? expand(data) : data, options, sourcemap, position, errors, function reducer(acc, curr) {
                 if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
                     if (!options.preserveLicense || !curr.val.startsWith('/*!')) {
                         return acc;
@@ -7829,7 +7984,7 @@
                         str = `${node.nam}:${options.indent}${(options.minify ? filterValues(node.val) : node.val).reduce(reducer, '').trimEnd()};`;
                     }
                     else if (node.typ == exports.EnumToken.AtRuleNodeType && !('chi' in node)) {
-                        str = `${data.val === '' ? '' : options.indent || ' '}${data.val};`;
+                        str = `${node.val === '' ? '' : options.indent || ' '}${node.val};`;
                     }
                     else {
                         str = renderAstNode(node, options, sourcemap, { ...position }, errors, reducer, cache, level + 1, indents);
@@ -7852,6 +8007,11 @@
                     return `@${data.nam}${data.val === '' ? '' : options.indent || ' '}${data.val}${options.indent}{${options.newLine}` + (children === '' ? '' : indentSub + children + options.newLine) + indent + `}`;
                 }
                 return data.sel + `${options.indent}{${options.newLine}` + (children === '' ? '' : indentSub + children + options.newLine) + indent + `}`;
+            case exports.EnumToken.CssVariableTokenType:
+            case exports.EnumToken.CssVariableImportTokenType:
+                return `@value ${data.nam}:${options.indent}${filterValues((options.minify ? data.val : data.val)).reduce(reducer, '').trim()};`;
+            case exports.EnumToken.CssVariableDeclarationMapTokenType:
+                return `@value ${filterValues(data.vars).reduce((acc, curr) => acc + renderToken(curr), '').trim()} from ${filterValues(data.from).reduce((acc, curr) => acc + renderToken(curr), '').trim()};`;
             case exports.EnumToken.InvalidDeclarationNodeType:
             case exports.EnumToken.InvalidRuleTokenType:
             case exports.EnumToken.InvalidAtRuleTokenType:
@@ -8006,6 +8166,8 @@
             case exports.EnumToken.NameSpaceAttributeTokenType:
                 return (token.l == null ? '' : renderToken(token.l, options, cache, reducer, errors)) + '|' +
                     renderToken(token.r, options, cache, reducer, errors);
+            case exports.EnumToken.ComposesSelectorNodeType:
+                return token.l.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + (token.r == null ? '' : ' from ' + renderToken(token.r, options, cache, reducer, errors));
             case exports.EnumToken.BlockStartTokenType:
                 return '{';
             case exports.EnumToken.BlockEndTokenType:
@@ -8376,23 +8538,27 @@
         }
     }
     function match$1(parseInfo, input) {
-        return parseInfo.stream.slice(parseInfo.currentPosition.ind + 1, parseInfo.currentPosition.ind + input.length + 1) == input;
+        const position = parseInfo.currentPosition.ind - parseInfo.offset;
+        return parseInfo.stream.slice(position + 1, position + input.length + 1) == input;
     }
     function peek(parseInfo, count = 1) {
         if (count == 1) {
-            return parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1);
+            return parseInfo.stream.charAt(parseInfo.currentPosition.ind - parseInfo.offset + 1);
         }
-        return parseInfo.stream.slice(parseInfo.currentPosition.ind + 1, parseInfo.currentPosition.ind + count + 1);
+        const position = parseInfo.currentPosition.ind - parseInfo.offset;
+        return parseInfo.stream.slice(position + 1, position + count + 1);
     }
     function prev(parseInfo) {
-        return parseInfo.stream.charAt(parseInfo.currentPosition.ind - 1);
+        return parseInfo.offset == parseInfo.currentPosition.ind ? parseInfo.buffer.slice(-1) : parseInfo.stream.charAt(parseInfo.currentPosition.ind - parseInfo.offset - 1);
     }
     function next(parseInfo, count = 1) {
         let char = '';
         let chr = '';
-        while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
+        let position = parseInfo.currentPosition.ind - parseInfo.offset;
+        while (count-- && (chr = parseInfo.stream.charAt(position + 1))) {
             char += chr;
-            const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
+            const codepoint = parseInfo.stream.charCodeAt(++position);
+            ++parseInfo.currentPosition.ind;
             if (isNewLine(codepoint)) {
                 parseInfo.currentPosition.lin++;
                 parseInfo.currentPosition.col = 0;
@@ -8420,13 +8586,15 @@
                     yield pushToken(buffer, parseInfo);
                     buffer = '';
                 }
+                buffer += value;
                 while (value = next(parseInfo)) {
                     charCode = value.charCodeAt(0);
                     if (!isWhiteSpace(charCode)) {
                         break;
                     }
+                    buffer += value;
                 }
-                yield pushToken('', parseInfo, exports.EnumToken.WhitespaceTokenType);
+                yield pushToken(buffer, parseInfo, exports.EnumToken.WhitespaceTokenType);
                 buffer = '';
             }
             switch (charCode) {
@@ -8474,8 +8642,7 @@
                         buffer = '';
                     }
                     if (match$1(parseInfo, '=')) {
-                        yield pushToken('', parseInfo, exports.EnumToken.LteTokenType);
-                        next(parseInfo);
+                        yield pushToken(value + next(parseInfo), parseInfo, exports.EnumToken.LteTokenType);
                         break;
                     }
                     buffer += value;
@@ -8530,8 +8697,7 @@
                     }
                     if (charCode == 124 /* TokenMap.PIPE */) {
                         if (match$1(parseInfo, '|')) {
-                            next(parseInfo);
-                            yield pushToken('', parseInfo, exports.EnumToken.ColumnCombinatorTokenType);
+                            yield pushToken(value + next(parseInfo), parseInfo, exports.EnumToken.ColumnCombinatorTokenType);
                         }
                         else if (match$1(parseInfo, '=')) {
                             buffer += next(parseInfo);
@@ -8585,11 +8751,10 @@
                         buffer = '';
                     }
                     if (match$1(parseInfo, '=')) {
-                        yield pushToken('', parseInfo, exports.EnumToken.GteTokenType);
-                        next(parseInfo);
+                        yield pushToken(value + next(parseInfo), parseInfo, exports.EnumToken.GteTokenType);
                     }
                     else {
-                        yield pushToken('', parseInfo, exports.EnumToken.GtTokenType);
+                        yield pushToken(value, parseInfo, exports.EnumToken.GtTokenType);
                     }
                     consumeWhiteSpace(parseInfo);
                     break;
@@ -8640,7 +8805,7 @@
                         yield pushToken(buffer, parseInfo);
                         buffer = '';
                     }
-                    yield pushToken('', parseInfo, exports.EnumToken.EndParensTokenType);
+                    yield pushToken(value, parseInfo, exports.EnumToken.EndParensTokenType);
                     break;
                 case 40 /* TokenMap.OPEN_PAREN */:
                     if (buffer.length == 0) {
@@ -8706,7 +8871,7 @@
                                     // ')'
                                     if (charCode == 0x29) {
                                         yield pushToken(buffer, parseInfo, hasNewLine ? exports.EnumToken.BadStringTokenType : exports.EnumToken.StringTokenType);
-                                        yield pushToken('', parseInfo, exports.EnumToken.EndParensTokenType);
+                                        yield pushToken(value, parseInfo, exports.EnumToken.EndParensTokenType);
                                         buffer = '';
                                         break;
                                     }
@@ -8730,7 +8895,7 @@
                                 charCode = value.charCodeAt(0);
                                 if (charCode == 0x29) { // ')'
                                     yield pushToken(buffer, parseInfo, exports.EnumToken.UrlTokenTokenType);
-                                    yield pushToken('', parseInfo, exports.EnumToken.EndParensTokenType);
+                                    yield pushToken(value, parseInfo, exports.EnumToken.EndParensTokenType);
                                     buffer = '';
                                     break;
                                 }
@@ -8764,8 +8929,7 @@
                         buffer = '';
                     }
                     if (match$1(parseInfo, 'important')) {
-                        yield pushToken('', parseInfo, exports.EnumToken.ImportantTokenType);
-                        next(parseInfo, 9);
+                        yield pushToken(value + next(parseInfo, 9), parseInfo, exports.EnumToken.ImportantTokenType);
                         buffer = '';
                         break;
                     }
@@ -8810,6 +8974,7 @@
         const parseInfo = {
             stream: '',
             buffer: '',
+            offset: 0,
             position: { ind: 0, lin: 1, col: 1 },
             currentPosition: { ind: -1, lin: 1, col: 0 }
         };
@@ -8817,7 +8982,17 @@
         const reader = input.getReader();
         while (true) {
             const { done, value } = await reader.read();
-            parseInfo.stream += ArrayBuffer.isView(value) ? decoder.decode(value, { stream: true }) : value;
+            const stream = ArrayBuffer.isView(value) ? decoder.decode(value, { stream: true }) : value;
+            if (!done) {
+                if (parseInfo.stream.length > 2) {
+                    parseInfo.stream = parseInfo.stream.slice(-2) + stream;
+                    parseInfo.offset = parseInfo.currentPosition.ind - 1;
+                }
+                else {
+                    parseInfo.stream = stream;
+                    parseInfo.offset = Math.max(0, parseInfo.currentPosition.ind);
+                }
+            }
             yield* tokenize$1(parseInfo, done);
             if (done) {
                 break;
@@ -9580,7 +9755,7 @@
     		syntax: "[ <counter-name> <integer>? ]+ | none"
     	},
     	cursor: {
-    		syntax: "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ] [ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing | hand | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ] ]"
+    		syntax: "[ [ <url> [ <x> <y> ]? , ]* <cursor-predefined> ] [ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing | hand | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ] ]"
     	},
     	cx: {
     		syntax: "<length> | <percentage>"
@@ -10808,6 +10983,12 @@
     	},
     	"white-space-trim": {
     		syntax: "none | discard-before || discard-after || discard-inner"
+    	},
+    	composes: {
+    		syntax: "<composes-selector>#"
+    	},
+    	"composes-selector": {
+    		syntax: "<ident>+ [from [global&&<string>]]?"
     	}
     };
     var functions = {
@@ -10833,7 +11014,7 @@
     		syntax: "atan2( <calc-sum>, <calc-sum> )"
     	},
     	attr: {
-    		syntax: "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )"
+    		syntax: "attr( <attr-name> <attr-type>? , <declaration-value>? )"
     	},
     	blur: {
     		syntax: "blur( <length>? )"
@@ -11186,7 +11367,7 @@
     		syntax: "scroll | fixed | local"
     	},
     	"attr()": {
-    		syntax: "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )"
+    		syntax: "attr( <attr-name> <attr-type>? , <declaration-value>? )"
     	},
     	"attr-matcher": {
     		syntax: "[ '~' | '|' | '^' | '$' | '*' ]? '='"
@@ -11194,6 +11375,9 @@
     	"attr-modifier": {
     		syntax: "i | s"
     	},
+    	"attr-type": {
+    		syntax: "type( <syntax> ) | raw-string | number | <attr-unit>"
+    	},
     	"attribute-selector": {
     		syntax: "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'"
     	},
@@ -11407,6 +11591,9 @@
     	"cubic-bezier-easing-function": {
     		syntax: "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
     	},
+    	"cursor-predefined": {
+    		syntax: "auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing"
+    	},
     	"custom-color-space": {
     		syntax: "<dashed-ident>"
     	},
@@ -13017,7 +13204,27 @@
     		}
     	},
     	"@nest": {
-    		syntax: "<complex-selector-list>"
+    	},
+    	"@stylistic": {
+    		syntax: " @stylistic { <feature-value-declaration-list> } "
+    	},
+    	"@historical-forms": {
+    		syntax: " @historical-forms { <feature-value-declaration-list> } "
+    	},
+    	"@styleset": {
+    		syntax: " @styleset { <feature-value-declaration-list> } "
+    	},
+    	"@character-variant": {
+    		syntax: " @character-variant { <feature-value-declaration-list> } "
+    	},
+    	"@swash": {
+    		syntax: " @swash { <feature-value-declaration-list> } "
+    	},
+    	"@ornaments": {
+    		syntax: " @ornaments { <feature-value-declaration-list> } "
+    	},
+    	"@annotation": {
+    		syntax: " @annotation { <feature-value-declaration-list> } "
     	}
     };
     var config$3 = {
@@ -13080,7 +13287,6 @@
         ValidationSyntaxGroupEnum["Selectors"] = "selectors";
         ValidationSyntaxGroupEnum["AtRules"] = "atRules";
     })(ValidationSyntaxGroupEnum || (ValidationSyntaxGroupEnum = {}));
-
     const skipped = [
         ValidationTokenEnum.Star,
         ValidationTokenEnum.HashMark,
@@ -14161,7 +14367,6 @@
         const index = group + '.' + keys.join('.');
         // @ts-ignore
         if (!parsedSyntaxes.has(index)) {
-            // @ts-ignore
             const syntax = parseSyntax(obj.syntax);
             // @ts-ignore
             parsedSyntaxes.set(index, syntax.chi);
@@ -14310,8 +14515,7 @@
                 node: root,
                 // @ts-ignore
                 syntax: null,
-                error: 'expected selector',
-                tokens
+                error: 'expected selector'
             };
         }
         tokens = tokens.slice();
@@ -14559,15 +14763,12 @@
                 return result;
             }
         }
+        // @ts-ignore
         return {
             valid: SyntaxValidationResult.Valid,
-            matches: [],
-            // @ts-ignore
             node: root,
-            // @ts-ignore
             syntax: null,
-            error: '',
-            tokens
+            error: ''
         };
     }
 
@@ -14612,6 +14813,116 @@
     const config$2 = getSyntaxConfig();
     // @ts-ignore
     const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
+    /**
+     * Check if a node is allowed as child in a given context
+     * @param node
+     * @param context
+     */
+    function isNodeAllowedInContext(node, context) {
+        if (node.typ == exports.EnumToken.CommentNodeType || context == null) {
+            return true;
+        }
+        switch (context?.typ) {
+            case exports.EnumToken.StyleSheetNodeType:
+            case exports.EnumToken.RuleNodeType:
+                return node.typ == exports.EnumToken.RuleNodeType ||
+                    node.typ == exports.EnumToken.AtRuleNodeType ||
+                    node.typ == exports.EnumToken.KeyframesAtRuleNodeType ||
+                    (node.typ == exports.EnumToken.DeclarationNodeType && context.typ == exports.EnumToken.RuleNodeType) ||
+                    (node.typ == exports.EnumToken.CDOCOMMNodeType && context.typ == exports.EnumToken.StyleSheetNodeType);
+            case exports.EnumToken.KeyframesAtRuleNodeType:
+                return node.typ == exports.EnumToken.KeyFramesRuleNodeType;
+            case exports.EnumToken.KeyFramesRuleNodeType:
+                return node.typ == exports.EnumToken.DeclarationNodeType;
+            case exports.EnumToken.AtRuleNodeType:
+                // @ts-ignore
+                const syntax = getParsedSyntax("atRules" /* ValidationSyntaxGroupEnum.AtRules */, '@' + context.nam)?.[0].chi ?? null;
+                //
+                if (syntax == null) {
+                    // console.error(`syntax: Not found ${ValidationSyntaxGroupEnum.AtRules}@${(context as AstAtRule).nam}`);
+                    return true;
+                }
+                const stack = syntax.slice();
+                for (const child of stack) {
+                    if (Array.isArray(child)) {
+                        stack.push(...child);
+                        continue;
+                    }
+                    if ('chi' in child && Array.isArray(child.chi)) {
+                        stack.push(...child.chi);
+                        continue;
+                    }
+                    // @ts-ignore
+                    if (child.l != null) {
+                        // @ts-ignore
+                        stack.push(child.l);
+                        // @ts-ignore
+                        if (child.r != null) {
+                            // @ts-ignore
+                            stack.push(...(Array.isArray(child.r) ? child.r : [child.r]));
+                        }
+                        continue;
+                    }
+                    if (node.typ == exports.EnumToken.DeclarationNodeType) {
+                        if (child.typ == ValidationTokenEnum.DeclarationDefinitionToken) {
+                            if (node.nam == child.nam) {
+                                return true;
+                            }
+                        }
+                    }
+                    if (child.typ == ValidationTokenEnum.PropertyType) {
+                        if (['group-rule-body', 'block-contents', 'rule-list', 'stylesheet'].includes(child.val)) {
+                            if ((node.typ == exports.EnumToken.RuleNodeType ||
+                                node.typ == exports.EnumToken.AtRuleNodeType ||
+                                node.typ == exports.EnumToken.KeyframesAtRuleNodeType)) {
+                                return true;
+                            }
+                            if (node.typ == exports.EnumToken.DeclarationNodeType) {
+                                let parent = node.parent;
+                                while (parent != null) {
+                                    if (parent.parent?.typ == exports.EnumToken.RuleNodeType) {
+                                        return true;
+                                    }
+                                    parent = parent.parent;
+                                }
+                            }
+                        }
+                        if (['declaration-list', 'feature-value-declaration'].includes(child.val) && node.typ == exports.EnumToken.DeclarationNodeType) {
+                            return true;
+                        }
+                        if (child.val == 'page-body' && (node.typ == exports.EnumToken.DeclarationNodeType || (node.typ == exports.EnumToken.AtRuleNodeType && [
+                            'top-left-corner', 'top-left', 'top-center', 'top-right', 'top-right-corner',
+                            'bottom-left-corner', 'bottom-left', 'bottom-center', 'bottom-right', 'bottom-right-corner',
+                            'left-top', 'left-middle', 'left-bottom', 'right-top', 'right-middle', 'right-bottom'
+                        ].includes(node.nam)))) {
+                            return true;
+                        }
+                        if (child.val == 'feature-value-block-list' &&
+                            (node.typ == exports.EnumToken.AtRuleNodeType && ['stylistic', 'historical-forms', 'styleset', 'character-variant', 'swash', 'ornaments', 'annotation'].includes(node.nam))) {
+                            return true;
+                        }
+                        if (['feature-value-declaration-list', 'feature-value-declaration'].includes(child.val) && node.typ == exports.EnumToken.DeclarationNodeType) {
+                            return true;
+                        }
+                        if (child.val == 'page-body') {
+                            if (node.typ == exports.EnumToken.DeclarationNodeType) {
+                                return true;
+                            }
+                        }
+                        // console.error(`isNodeAllowedInContext: Not found ${(child as ValidationPropertyToken).val}`, {
+                        //     child,
+                        //     node
+                        // });
+                    }
+                }
+                break;
+        }
+        return false;
+    }
+    /**
+     * Create a syntax validation context from a list of tokens
+     * @param input
+     */
     function createContext(input) {
         const values = input.slice();
         const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
@@ -14672,7 +14983,22 @@
             }
         };
     }
-    function evaluateSyntax(node, options) {
+    /**
+     * Evaluate the validity of the syntax of a node
+     * @param node
+     * @param parent
+     * @param options
+     */
+    function evaluateSyntax(node, parent, options) {
+        if (node.validSyntax) {
+            return {
+                valid: SyntaxValidationResult.Valid,
+                node,
+                syntax: null,
+                error: '',
+                context: []
+            };
+        }
         let ast;
         let result;
         switch (node.typ) {
@@ -14680,25 +15006,34 @@
                 if (node.nam.startsWith('--')) {
                     break;
                 }
+                let token = null;
+                let values = node.val.slice();
                 ast = getParsedSyntax("declarations" /* ValidationSyntaxGroupEnum.Declarations */, node.nam);
-                if (ast != null) {
-                    let token = null;
-                    const values = node.val.slice();
-                    while (values.length > 0) {
-                        token = values.at(-1);
-                        if (token.typ == exports.EnumToken.WhitespaceTokenType || token.typ == exports.EnumToken.CommentTokenType) {
+                while (values.length > 0) {
+                    token = values.at(-1);
+                    if (token.typ == exports.EnumToken.WhitespaceTokenType || token.typ == exports.EnumToken.CommentTokenType) {
+                        values.pop();
+                    }
+                    else {
+                        if (token.typ == exports.EnumToken.ImportantTokenType) {
                             values.pop();
-                        }
-                        else {
-                            if (token.typ == exports.EnumToken.ImportantTokenType) {
+                            if (values.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
                                 values.pop();
-                                if (values.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
-                                    values.pop();
-                                }
                             }
-                            break;
+                        }
+                        break;
+                    }
+                }
+                if (ast == null) {
+                    if (parent?.typ == exports.EnumToken.AtRuleNodeType) {
+                        ast = (getParsedSyntax("atRules" /* ValidationSyntaxGroupEnum.AtRules */, ['@' + parent.nam, 'descriptors', node.nam]));
+                        if (ast == null) {
+                            ast = (getParsedSyntax("atRules" /* ValidationSyntaxGroupEnum.AtRules */, ['@' + parent.nam, 'descriptors', node.nam]) ?? getParsedSyntax("atRules" /* ValidationSyntaxGroupEnum.AtRules */, '@' + parent.nam))?.[0]?.chi;
+                            values = [{ ...node, val: values }];
                         }
                     }
+                }
+                if (ast != null) {
                     result = doEvaluateSyntax(ast, createContext(values), { ...options, visited: new WeakMap() });
                     if (result.valid == SyntaxValidationResult.Valid && !result.context.done()) {
                         let token = null;
@@ -14790,7 +15125,7 @@
                     continue;
                 }
             }
-            else if (options.occurence !== false && syntax.occurence != null) {
+            else if (options.occurrence !== false && syntax.occurence != null) {
                 result = matchOccurence(syntax, context, options);
             }
             else if (options.atLeastOnce !== false && syntax.atLeastOnce) {
@@ -14879,7 +15214,7 @@
             result = doEvaluateSyntax([syntax], createContext(tokens), {
                 ...options,
                 isList: false,
-                occurence: false
+                occurrence: false
             });
             if (result.valid == SyntaxValidationResult.Valid) {
                 context = con.clone();
@@ -14914,7 +15249,7 @@
         let counter = 0;
         let result;
         do {
-            result = match(syntax, context.clone(), { ...options, occurence: false });
+            result = match(syntax, context.clone(), { ...options, occurrence: false });
             if (result.valid == SyntaxValidationResult.Drop) {
                 break;
             }
@@ -14965,7 +15300,7 @@
                 ...options,
                 isRepeatable: null,
                 isList: null,
-                occurence: null,
+                occurrence: null,
                 atLeastOnce: null
             });
             if (result.valid == SyntaxValidationResult.Valid) {
@@ -14977,7 +15312,7 @@
             case ValidationTokenEnum.Keyword:
                 success = (token.typ == exports.EnumToken.IdenTokenType || token.typ == exports.EnumToken.DashedIdenTokenType || isIdentColor(token)) &&
                     (token.val == syntax.val ||
-                        syntax.val === token.val?.toLowerCase?.() ||
+                        syntax.val.toLowerCase() === token.val?.toLowerCase?.() ||
                         // config.declarations.all
                         allValues.includes(token.val.toLowerCase()));
                 if (success) {
@@ -15016,7 +15351,7 @@
                     ...options,
                     isRepeatable: null,
                     isList: null,
-                    occurence: null,
+                    occurrence: null,
                     atLeastOnce: null
                 });
             case ValidationTokenEnum.Comma:
@@ -15051,7 +15386,7 @@
                         ...options,
                         isRepeatable: null,
                         isList: null,
-                        occurence: null,
+                        occurrence: null,
                         atLeastOnce: null
                     }).valid == SyntaxValidationResult.Valid;
                     if (success) {
@@ -15074,18 +15409,20 @@
     }
     function matchPropertyType(syntax, context, options) {
         if (![
-            'bg-position',
+            'color',
             'integer',
+            'bg-position',
+            'composes-selector',
             'length-percentage', 'flex', 'calc-sum', 'color',
             'color-base', 'system-color', 'deprecated-system-color',
-            'pseudo-class-selector', 'pseudo-element-selector'
+            'pseudo-class-selector', 'pseudo-element-selector', 'feature-value-declaration'
         ].includes(syntax.val)) {
             if (syntax.val in config$2["syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */]) {
                 return doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val), context, {
                     ...options,
                     isRepeatable: null,
                     isList: null,
-                    occurence: null,
+                    occurrence: null,
                     atLeastOnce: null
                 });
             }
@@ -15097,7 +15434,7 @@
                 ...options,
                 isRepeatable: null,
                 isList: null,
-                occurence: null,
+                occurrence: null,
                 atLeastOnce: null
             });
             if (result.valid == SyntaxValidationResult.Valid) {
@@ -15106,6 +15443,9 @@
             return { ...result, context };
         }
         switch (syntax.val) {
+            case 'composes-selector':
+                success = token.typ == exports.EnumToken.ComposesSelectorNodeType;
+                break;
             case 'bg-position': {
                 let val;
                 let keyworkMatchCount = 0;
@@ -15202,6 +15542,14 @@
                     (token.typ == exports.EnumToken.IdenTokenType && typeof Math[token.val.toUpperCase()] == 'number') ||
                     [exports.EnumToken.BinaryExpressionTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.DimensionTokenType, exports.EnumToken.LengthTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.TimeTokenType, exports.EnumToken.ResolutionTokenType, exports.EnumToken.FrequencyTokenType].includes(token.typ);
                 break;
+            case 'declaration':
+                {
+                    success = token.typ == exports.EnumToken.DeclarationNodeType;
+                    if (success) {
+                        success = evaluateSyntax(token, null, options).valid == SyntaxValidationResult.Valid;
+                    }
+                }
+                break;
             case 'declaration-value':
                 while (!context.done()) {
                     context.next();
@@ -15228,13 +15576,17 @@
                 break;
             case 'color':
             case 'color-base':
-                success = token.typ == exports.EnumToken.ColorTokenType || (token.typ == exports.EnumToken.IdenTokenType && 'currentcolor' === token.val.toLowerCase()) || (token.typ == exports.EnumToken.IdenTokenType && 'transparent' === token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+                success = token.typ == exports.EnumToken.ColorTokenType ||
+                    (token.typ == exports.EnumToken.IdenTokenType && 'currentcolor' === token.val.toLowerCase()) ||
+                    (token.typ == exports.EnumToken.IdenTokenType && 'transparent' === token.val.toLowerCase()) ||
+                    (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val) ||
+                        isColor(token));
                 if (!success && token.typ == exports.EnumToken.FunctionTokenType && colorsFunc.includes(token.val)) {
                     success = doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, token.val)?.[0]?.chi, createContext(token.chi), {
                         ...options,
                         isRepeatable: null,
                         isList: null,
-                        occurence: null,
+                        occurrence: null,
                         atLeastOnce: null
                     }).valid == SyntaxValidationResult.Valid;
                 }
@@ -15242,8 +15594,26 @@
             case 'hex-color':
                 success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
                 break;
+            case 'feature-value-declaration':
+                {
+                    let hasNumber = false;
+                    success = token.typ == exports.EnumToken.DeclarationNodeType && token.val.length > 0 && token.val.every((val) => {
+                        if (val.typ == exports.EnumToken.WhitespaceTokenType || val.typ == exports.EnumToken.CommentTokenType) {
+                            return true;
+                        }
+                        const success = (val.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+val.val) && val.val > 0) || (val.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(val.val.toLowerCase()) || (val.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(val.val)));
+                        if (success) {
+                            hasNumber = true;
+                        }
+                        if ('range' in syntax) {
+                            return success && +val.val >= +syntax.range[0] && +val.val <= +syntax.range[1];
+                        }
+                        return success;
+                    }) && hasNumber;
+                }
+                break;
             case 'integer':
-                success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
+                success = (token.typ == exports.EnumToken.NumberTokenType && /^[+-]?\d+$/.test(token.val.toString())) || (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
                 if ('range' in syntax) {
                     success = success && +token.val >= +syntax.range[0] && +token.val <= +syntax.range[1];
                 }
@@ -15307,7 +15677,7 @@
                             ...options,
                             isRepeatable: null,
                             isList: null,
-                            occurence: null,
+                            occurrence: null,
                             atLeastOnce: null
                         }).valid == SyntaxValidationResult.Valid;
                     }
@@ -15323,7 +15693,7 @@
                         ...options,
                         isRepeatable: null,
                         isList: null,
-                        occurence: null,
+                        occurrence: null,
                         atLeastOnce: null
                     }).valid == SyntaxValidationResult.Valid;
             }
@@ -15470,7 +15840,6 @@
                 i = -1;
             }
         }
-        // console.error()
         const success = syntax.length == 0;
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
@@ -15550,6 +15919,17 @@
     }
 
     function validateAtRuleMedia(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         // media-query-list
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
@@ -15782,6 +16162,17 @@
     }
 
     function validateAtRuleCounterStyle(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         // media-query-list
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
@@ -15851,6 +16242,17 @@
     }
 
     function validateAtRulePage(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         // media-query-list
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
@@ -15929,14 +16331,25 @@
     }
 
     function validateAtRulePageMarginBox(atRule, options, root) {
-        if (Array.isArray(atRule.tokens) && atRule.tokens.length > 0) {
+        if (!Array.isArray(atRule.chi)) {
             // @ts-ignore
             return {
-                valid: SyntaxValidationResult.Valid,
-                context: [],
-                node: null,
-                syntax: '@' + atRule.nam,
-                error: ''
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
+        if (Array.isArray(atRule.tokens) && atRule.tokens.length > 0) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Valid,
+                context: [],
+                node: null,
+                syntax: '@' + atRule.nam,
+                error: ''
             };
         }
         if (!('chi' in atRule)) {
@@ -15984,6 +16397,17 @@
                 tokens: []
             };
         }
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         const result = validateAtRuleSupportsConditions(atRule, atRule.tokens);
         if (result) {
             if (result.node == null) {
@@ -16376,6 +16800,17 @@
     }
 
     function validateAtRuleLayer(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         // media-query-list
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
@@ -16392,6 +16827,17 @@
     }
 
     function validateAtRuleFontFeatureValues(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
             return {
@@ -16575,6 +17021,17 @@
     }
 
     function validateAtRuleKeyframes(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
             return {
@@ -16620,6 +17077,17 @@
     }
 
     function validateAtRuleWhen(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         const slice = Array.isArray(atRule.tokens) ? atRule.tokens.slice() : [];
         consumeWhitespace(slice);
         if (slice.length == 0) {
@@ -16783,6 +17251,17 @@
 
     const validateContainerScrollStateFeature = validateContainerSizeFeature;
     function validateAtRuleContainer(atRule, options, root) {
+        if (!Array.isArray(atRule.chi)) {
+            // @ts-ignore
+            return {
+                valid: SyntaxValidationResult.Drop,
+                matches: [],
+                node: atRule,
+                syntax: '@' + atRule.nam,
+                error: 'expected supports body',
+                tokens: []
+            };
+        }
         // media-query-list
         if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
@@ -17297,6 +17776,91 @@
         };
     }
 
+    // Alphabet: a-z, A-Z, 0-9, _, -
+    const LOWER = "abcdefghijklmnopqrstuvwxyz";
+    const DIGITS = "0123456789";
+    const FULL_ALPHABET = (LOWER + DIGITS).split(""); // 64 chars
+    const FIRST_ALPHABET = (LOWER).split(""); // 54 chars (no digits)
+    /**
+     * supported hash algorithms
+     */
+    const hashAlgorithms = ['hex', 'base64', 'base64url', 'sha1', 'sha256', 'sha384', 'sha512'];
+    // simple deterministic hash → number
+    function hashCode(str) {
+        let hash = 0;
+        let l = str.length;
+        let i = 0;
+        while (i < l) {
+            hash = (hash * 31 + str.charCodeAt(i++)) >>> 0;
+        }
+        return hash;
+    }
+    /**
+     * generate a hash id
+     * @param input
+     * @param length
+     */
+    function hashId(input, length = 6) {
+        let n = hashCode(input);
+        const chars = [];
+        // First character: must not be a digit
+        chars.push(FIRST_ALPHABET[n % FIRST_ALPHABET.length]);
+        // Remaining characters
+        for (let i = 1; i < length; i++) {
+            n = (n + chars.length + i) % FULL_ALPHABET.length;
+            chars.push(FULL_ALPHABET[n]);
+        }
+        return chars.join("");
+    }
+    /**
+     * convert input to hex
+     * @param input
+     */
+    function toHex(input) {
+        let result = '';
+        if (input instanceof ArrayBuffer || ArrayBuffer.isView(input)) {
+            for (const byte of Array.from(new Uint8Array(input))) {
+                result += byte.toString(16).padStart(2, '0');
+            }
+        }
+        else {
+            for (const char of String(input)) {
+                result += char.charCodeAt(0).toString(16).padStart(2, '0');
+            }
+        }
+        return result;
+    }
+    /**
+     * generate a hash
+     * @param input
+     * @param length
+     * @param algo
+     */
+    async function hash(input, length = 6, algo) {
+        let result;
+        if (algo != null) {
+            switch (algo) {
+                case 'hex':
+                    return toHex(input).slice(0, length);
+                case 'base64':
+                case 'base64url':
+                    result = btoa(input);
+                    if (algo == 'base64url') {
+                        result = result.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
+                    }
+                    return result.slice(0, length);
+                case 'sha1':
+                case 'sha256':
+                case 'sha384':
+                case 'sha512':
+                    return toHex(await crypto.subtle.digest(algo.replace('sha', 'SHA-'), new TextEncoder().encode(input))).slice(0, length);
+                default:
+                    throw new Error(`Unsupported hash algorithm: ${algo}`);
+            }
+        }
+        return hashId(input, length);
+    }
+
     const urlTokenMatcher = /^(["']?)[a-zA-Z0-9_/.-][a-zA-Z0-9_/:.#?-]+(\1)$/;
     const trimWhiteSpace = [exports.EnumToken.CommentTokenType, exports.EnumToken.GtTokenType, exports.EnumToken.GteTokenType, exports.EnumToken.LtTokenType, exports.EnumToken.LteTokenType, exports.EnumToken.ColumnCombinatorTokenType];
     const BadTokensTypes = [
@@ -17315,16 +17879,20 @@
     function reject(reason) {
         throw new Error(reason ?? 'Parsing aborted');
     }
-    function normalizeVisitorKeyName(keyName) {
-        return keyName.replace(/-([a-z])/g, (all, one) => one.toUpperCase());
-    }
+    /**
+     * replace token in its parent node
+     * @param parent
+     * @param value
+     * @param replacement
+     */
     function replaceToken(parent, value, replacement) {
-        // @ts-ignore
-        if ('parent' in value && value.parent != replacement.parent) {
-            Object.defineProperty(replacement, 'parent', {
-                ...definedPropertySettings,
-                value: value.parent
-            });
+        for (const node of (Array.isArray(replacement) ? replacement : [replacement])) {
+            if ('parent' in value && value.parent != node.parent) {
+                Object.defineProperty(node, 'parent', {
+                    ...definedPropertySettings,
+                    value: value.parent
+                });
+            }
         }
         if (parent.typ == exports.EnumToken.BinaryExpressionTokenType) {
             if (parent.l == value) {
@@ -17335,22 +17903,138 @@
             }
         }
         else {
-            // @ts-ignore
             const target = 'val' in parent && Array.isArray(parent.val) ? parent.val : parent.chi;
             // @ts-ignore
             const index = target.indexOf(value);
             if (index == -1) {
                 return;
             }
-            // @ts-ignore
             target.splice(index, 1, ...(Array.isArray(replacement) ? replacement : [replacement]));
         }
     }
+    /**
+     * transform case of key name
+     * @param key
+     * @param how
+     *
+     * @throws Error
+     * @private
+     */
+    function getKeyName(key, how) {
+        switch (how) {
+            case exports.ModuleCaseTransformEnum.CamelCase:
+            case exports.ModuleCaseTransformEnum.CamelCaseOnly:
+                return camelize(key);
+            case exports.ModuleCaseTransformEnum.DashCase:
+            case exports.ModuleCaseTransformEnum.DashCaseOnly:
+                return dasherize(key);
+        }
+        return key;
+    }
+    /**
+     * generate scoped name
+     * @param localName
+     * @param filePath
+     * @param pattern
+     * @param hashLength
+     *
+     * @throws Error
+     * @private
+     */
+    async function generateScopedName(localName, filePath, pattern, hashLength = 5) {
+        if (localName.startsWith('--')) {
+            localName = localName.slice(2);
+        }
+        const matches = /.*?(([^/]+)\/)?([^/\\]*?)(\.([^?/]+))?([?].*)?$/.exec(filePath);
+        const folder = matches?.[2]?.replace?.(/[^A-Za-z0-9_-]/g, "_") ?? '';
+        const fileBase = matches?.[3] ?? '';
+        const ext = matches?.[5] ?? '';
+        const path = filePath.replace(/[^A-Za-z0-9_-]/g, "_");
+        // sanitize localName for safe char set (replace spaces/illegal chars)
+        const safeLocal = localName.replace(/[^A-Za-z0-9_-]/g, "_");
+        const hashString = `${localName}::${filePath}`;
+        let result = '';
+        let inParens = 0;
+        let key = '';
+        let position = 0;
+        // Compose final scoped name. Ensure the entire class doesn't start with digit:
+        for (const char of pattern) {
+            position += char.length;
+            if (char == '[') {
+                inParens++;
+                if (inParens != 1) {
+                    throw new Error(`Unexpected character: '${char} at position ${position - 1}' in pattern '${pattern}'`);
+                }
+                continue;
+            }
+            if (char == ']') {
+                inParens--;
+                if (inParens != 0) {
+                    throw new Error(`Unexpected character: '${char}:${position - 1}'`);
+                }
+                let hashAlgo = null;
+                let length = null;
+                if (key.includes(':')) {
+                    const parts = key.split(':');
+                    if (parts.length == 2) {
+                        // @ts-ignore
+                        [key, length] = parts;
+                        // @ts-ignore
+                        if (key == 'hash' && hashAlgorithms.includes(length)) {
+                            // @ts-ignore
+                            hashAlgo = length;
+                            length = null;
+                        }
+                    }
+                    if (parts.length == 3) {
+                        // @ts-ignore
+                        [key, hashAlgo, length] = parts;
+                    }
+                    if (length != null && !Number.isInteger(+length)) {
+                        throw new Error(`Unsupported hash length: '${length}'. expecting format [hash:length] or [hash:hash-algo:length]`);
+                    }
+                }
+                switch (key) {
+                    case 'hash':
+                        result += await hash(hashString, length ?? hashLength, hashAlgo);
+                        break;
+                    case 'name':
+                        result += length != null ? fileBase.slice(0, +length) : fileBase;
+                        break;
+                    case 'local':
+                        result += length != null ? safeLocal.slice(0, +length) : localName;
+                        break;
+                    case 'ext':
+                        result += length != null ? ext.slice(0, +length) : ext;
+                        break;
+                    case 'path':
+                        result += length != null ? path.slice(0, +length) : path;
+                        break;
+                    case 'folder':
+                        result += length != null ? folder.slice(0, +length) : folder;
+                        break;
+                    default:
+                        throw new Error(`Unsupported key: '${key}'`);
+                }
+                key = '';
+                continue;
+            }
+            if (inParens > 0) {
+                key += char;
+            }
+            else {
+                result += char;
+            }
+        }
+        // if leading char is digit, prefix underscore (very rare)
+        return (/^[0-9]/.test(result) ? '_' : '') + result;
+    }
     /**
      * parse css string
      * @param iter
      * @param options
      *
+     * @throws Error
      * @private
      */
     async function doParse(iter, options = {}) {
@@ -17382,6 +18066,9 @@
         if (typeof options.validation == 'boolean') {
             options.validation = options.validation ? exports.ValidationLevel.All : exports.ValidationLevel.None;
         }
+        if (options.module) {
+            options.expandNestingRules = true;
+        }
         if (options.expandNestingRules) {
             options.nestingRules = false;
         }
@@ -17395,6 +18082,8 @@
         const stats = {
             src: options.src ?? '',
             bytesIn: 0,
+            nodesCount: 0,
+            tokensCount: 0,
             importedBytesIn: 0,
             parse: `0ms`,
             minify: `0ms`,
@@ -17423,14 +18112,107 @@
                 src: ''
             };
         }
-        let item;
-        let node;
+        let valuesHandlers;
+        let preValuesHandlers;
+        let postValuesHandlers;
+        let preVisitorsHandlersMap;
+        let visitorsHandlersMap;
+        let postVisitorsHandlersMap;
         const rawTokens = [];
         const imports = [];
+        let item;
+        let node;
         // @ts-ignore ignore error
         let isAsync = typeof iter[Symbol.asyncIterator] === 'function';
+        if (options.visitor != null) {
+            valuesHandlers = new Map;
+            preValuesHandlers = new Map;
+            postValuesHandlers = new Map;
+            preVisitorsHandlersMap = new Map;
+            visitorsHandlersMap = new Map;
+            postVisitorsHandlersMap = new Map;
+            const visitors = Object.entries(options.visitor);
+            let key;
+            let value;
+            let i;
+            for (i = 0; i < visitors.length; i++) {
+                key = visitors[i][0];
+                value = visitors[i][1];
+                if (Number.isInteger(+key)) {
+                    visitors.splice(i + 1, 0, ...Object.entries(value));
+                    continue;
+                }
+                if (Array.isArray(value)) {
+                    // @ts-ignore
+                    visitors.splice(i + 1, 0, ...value.map((item) => [key, item]));
+                    continue;
+                }
+                if (key in exports.EnumToken) {
+                    if (typeof value == 'function') {
+                        if (!valuesHandlers.has(exports.EnumToken[key])) {
+                            valuesHandlers.set(exports.EnumToken[key], []);
+                        }
+                        valuesHandlers.get(exports.EnumToken[key]).push(value);
+                    }
+                    else if (typeof value == 'object' && 'type' in value && 'handler' in value && value.type in exports.WalkerEvent) {
+                        if (value.type == exports.WalkerEvent.Enter) {
+                            if (!preValuesHandlers.has(exports.EnumToken[key])) {
+                                preValuesHandlers.set(exports.EnumToken[key], []);
+                            }
+                            preValuesHandlers.get(exports.EnumToken[key]).push(value.handler);
+                        }
+                        else if (value.type == exports.WalkerEvent.Leave) {
+                            if (!postValuesHandlers.has(exports.EnumToken[key])) {
+                                postValuesHandlers.set(exports.EnumToken[key], []);
+                            }
+                            postValuesHandlers.get(exports.EnumToken[key]).push(value.handler);
+                        }
+                    }
+                    else {
+                        errors.push({ action: 'ignore', message: `doParse: visitor.${key} is not a valid key name` });
+                    }
+                }
+                else if (['Declaration', 'Rule', 'AtRule', 'KeyframesRule', 'KeyframesAtRule'].includes(key)) {
+                    if (typeof value == 'function') {
+                        if (!visitorsHandlersMap.has(key)) {
+                            visitorsHandlersMap.set(key, []);
+                        }
+                        visitorsHandlersMap.get(key).push(value);
+                    }
+                    else if (typeof value == 'object') {
+                        if ('type' in value && 'handler' in value && value.type in exports.WalkerEvent) {
+                            if (value.type == exports.WalkerEvent.Enter) {
+                                if (!preVisitorsHandlersMap.has(key)) {
+                                    preVisitorsHandlersMap.set(key, []);
+                                }
+                                preVisitorsHandlersMap.get(key).push(value.handler);
+                            }
+                            else if (value.type == exports.WalkerEvent.Leave) {
+                                if (!postVisitorsHandlersMap.has(key)) {
+                                    postVisitorsHandlersMap.set(key, []);
+                                }
+                                postVisitorsHandlersMap.get(key).push(value.handler);
+                            }
+                        }
+                        else {
+                            if (!visitorsHandlersMap.has(key)) {
+                                visitorsHandlersMap.set(key, []);
+                            }
+                            visitorsHandlersMap.get(key).push(value);
+                        }
+                    }
+                    else {
+                        errors.push({ action: 'ignore', message: `doParse: visitor.${key} is not a valid key name` });
+                    }
+                }
+                else {
+                    errors.push({ action: 'ignore', message: `doParse: visitor.${key} is not a valid key name` });
+                }
+            }
+        }
         while (item = isAsync ? (await iter.next()).value : iter.next().value) {
             stats.bytesIn = item.bytesIn;
+            stats.tokensCount++;
             rawTokens.push(item);
             if (item.hint != null && BadTokensTypes.includes(item.hint)) {
                 const node = getTokenType(item.token, item.hint);
@@ -17458,7 +18240,7 @@
                 ast.loc.end = item.end;
             }
             if (item.token == ';' || item.token == '{') {
-                node = parseNode(tokens, context, options, errors, src, map, rawTokens);
+                node = parseNode(tokens, context, options, errors, src, map, rawTokens, stats);
                 rawTokens.length = 0;
                 if (node != null) {
                     if ('chi' in node) {
@@ -17502,7 +18284,7 @@
                 map = new Map;
             }
             else if (item.token == '}') {
-                parseNode(tokens, context, options, errors, src, map, rawTokens);
+                parseNode(tokens, context, options, errors, src, map, rawTokens, stats);
                 rawTokens.length = 0;
                 if (context.loc != null) {
                     context.loc.end = item.end;
@@ -17523,7 +18305,7 @@
             }
         }
         if (tokens.length > 0) {
-            node = parseNode(tokens, context, options, errors, src, map, rawTokens);
+            node = parseNode(tokens, context, options, errors, src, map, rawTokens, stats);
             rawTokens.length = 0;
             if (node != null) {
                 if (node.typ == exports.EnumToken.AtRuleNodeType && node.nam == 'import') {
@@ -17552,6 +18334,7 @@
                     const root = await doParse(stream instanceof ReadableStream ? tokenizeStream(stream) : tokenize$1({
                         stream,
                         buffer: '',
+                        offset: 0,
                         position: { ind: 0, lin: 1, col: 1 },
                         currentPosition: { ind: -1, lin: 1, col: 0 }
                     }), Object.assign({}, options, {
@@ -17586,256 +18369,675 @@
         if (options.expandNestingRules) {
             ast = expand(ast);
         }
-        const valuesHandlers = new Map;
-        const preValuesHandlers = new Map;
-        const postValuesHandlers = new Map;
-        const preVisitorsHandlersMap = new Map;
-        const visitorsHandlersMap = new Map;
-        const postVisitorsHandlersMap = new Map;
-        const allValuesHandlers = [];
+        let replacement;
+        let callable;
         if (options.visitor != null) {
-            for (const [key, value] of Object.entries(options.visitor)) {
-                if (key in exports.EnumToken) {
-                    if (typeof value == 'function') {
-                        valuesHandlers.set(exports.EnumToken[key], value);
-                    }
-                    else if (typeof value == 'object' && 'type' in value && 'handler' in value && value.type in exports.WalkerValueEvent) {
-                        if (exports.WalkerValueEvent[value.type] == exports.WalkerValueEvent.Enter) {
-                            preValuesHandlers.set(exports.EnumToken[key], value.handler);
+            for (const result of walk(ast)) {
+                if (valuesHandlers.size > 0 || preVisitorsHandlersMap.size > 0 || visitorsHandlersMap.size > 0 || postVisitorsHandlersMap.size > 0) {
+                    if ((result.node.typ == exports.EnumToken.DeclarationNodeType &&
+                        (preVisitorsHandlersMap.has('Declaration') || visitorsHandlersMap.has('Declaration') || postVisitorsHandlersMap.has('Declaration'))) ||
+                        (result.node.typ == exports.EnumToken.AtRuleNodeType && (preVisitorsHandlersMap.has('AtRule') || visitorsHandlersMap.has('AtRule') || postVisitorsHandlersMap.has('AtRule'))) ||
+                        (result.node.typ == exports.EnumToken.KeyframesAtRuleNodeType && (preVisitorsHandlersMap.has('KeyframesAtRule') || visitorsHandlersMap.has('KeyframesAtRule') || postVisitorsHandlersMap.has('KeyframesAtRule')))) {
+                        const handlers = [];
+                        const key = result.node.typ == exports.EnumToken.DeclarationNodeType ? 'Declaration' : result.node.typ == exports.EnumToken.AtRuleNodeType ? 'AtRule' : 'KeyframesAtRule';
+                        if (preVisitorsHandlersMap.has(key)) {
+                            // @ts-ignore
+                            handlers.push(...preVisitorsHandlersMap.get(key));
                         }
-                        else if (exports.WalkerValueEvent[value.type] == exports.WalkerValueEvent.Leave) {
-                            postValuesHandlers.set(exports.EnumToken[key], value.handler);
+                        if (visitorsHandlersMap.has(key)) {
+                            // @ts-ignore
+                            handlers.push(...visitorsHandlersMap.get(key));
                         }
-                    }
-                    else {
-                        console.warn(`doParse: visitor.${key} is not a valid key name`);
-                    }
-                }
-                else if (['Declaration', 'Rule', 'AtRule', 'KeyframesRule', 'KeyframesAtRule'].includes(key)) {
-                    if (typeof value == 'function') {
-                        visitorsHandlersMap.set(key, value);
-                    }
-                    else if (typeof value == 'object') {
-                        if ('type' in value && 'handler' in value && value.type in exports.WalkerValueEvent) {
-                            if (exports.WalkerValueEvent[value.type] == exports.WalkerValueEvent.Enter) {
-                                preVisitorsHandlersMap.set(key, value.handler);
+                        if (postVisitorsHandlersMap.has(key)) {
+                            // @ts-ignore
+                            handlers.push(...postVisitorsHandlersMap.get(key));
+                        }
+                        let node = result.node;
+                        for (const handler of handlers) {
+                            callable = typeof handler == 'function' ? handler : handler[camelize(node.typ == exports.EnumToken.DeclarationNodeType || node.typ == exports.EnumToken.AtRuleNodeType ? node.nam : node.val)];
+                            if (callable == null) {
+                                continue;
+                            }
+                            replacement = callable(node, result.parent);
+                            if (replacement == null) {
+                                continue;
+                            }
+                            isAsync = replacement instanceof Promise || Object.getPrototypeOf(replacement).constructor.name == 'AsyncFunction';
+                            if (replacement) {
+                                replacement = await replacement;
+                            }
+                            if (replacement == null || replacement == node) {
+                                continue;
                             }
-                            else if (exports.WalkerValueEvent[value.type] == exports.WalkerValueEvent.Leave) {
-                                postVisitorsHandlersMap.set(key, value.handler);
+                            // @ts-ignore
+                            node = replacement;
+                            //
+                            if (Array.isArray(node)) {
+                                break;
                             }
                         }
-                        else {
-                            visitorsHandlersMap.set(key, value);
+                        if (node != result.node) {
+                            // @ts-ignore
+                            replaceToken(result.parent, result.node, node);
                         }
                     }
-                    else {
-                        console.warn(`doParse: visitor.${key} is not a valid key name`);
-                    }
-                }
-                else {
-                    console.warn(`doParse: visitor.${key} is not a valid key name`);
-                }
-            }
-            if (preValuesHandlers.size > 0) {
-                allValuesHandlers.push(preValuesHandlers);
-            }
-            if (valuesHandlers.size > 0) {
-                allValuesHandlers.push(valuesHandlers);
-            }
-            if (postValuesHandlers.size > 0) {
-                allValuesHandlers.push(postValuesHandlers);
-            }
-        }
-        for (const result of walk(ast)) {
-            // if (result.parent != null && !isNodeAllowedInContext(result.node, result.parent as AstNode)) {
-            //
-            //     errors.push({
-            //         action: 'drop',
-            //         message: `${EnumToken[result.parent.typ]}: child ${EnumToken[result.node.typ]}${result.node.typ == EnumToken.DeclarationNodeType ? ` '${(result.node as AstDeclaration).nam}'` :  result.node.typ == EnumToken.AtRuleNodeType || result.node.typ == EnumToken.KeyframesAtRuleNodeType ? ` '@${(result.node as AstAtRule).nam}'` : ''} not allowed in context${result.parent.typ == EnumToken.AtRuleNodeType ? ` '@${(result.parent as AstAtRule).nam}'` : result.parent.typ == EnumToken.StyleSheetNodeType ? ` 'stylesheet'` : ''}`,
-            //         // @ts-ignore
-            //         location: result.node.loc ?? map.get(result.node ) ?? null
-            //     });
-            //
-            //     // @ts-ignore
-            //     removeNode(result.node, result.parent as AstNode);
-            //     continue;
-            // }
-            if (allValuesHandlers.length > 0 || preVisitorsHandlersMap.size > 0 || visitorsHandlersMap.size > 0 || postVisitorsHandlersMap.size > 0) {
-                if ((result.node.typ == exports.EnumToken.DeclarationNodeType &&
-                    (preVisitorsHandlersMap.has('Declaration') || visitorsHandlersMap.has('Declaration') || postVisitorsHandlersMap.has('Declaration'))) ||
-                    (result.node.typ == exports.EnumToken.AtRuleNodeType && (preVisitorsHandlersMap.has('AtRule') || visitorsHandlersMap.has('AtRule') || postVisitorsHandlersMap.has('AtRule'))) ||
-                    (result.node.typ == exports.EnumToken.KeyframesAtRuleNodeType && (preVisitorsHandlersMap.has('KeyframesAtRule') || visitorsHandlersMap.has('KeyframesAtRule') || postVisitorsHandlersMap.has('KeyframesAtRule')))) {
-                    const handlers = [];
-                    const key = result.node.typ == exports.EnumToken.DeclarationNodeType ? 'Declaration' : result.node.typ == exports.EnumToken.AtRuleNodeType ? 'AtRule' : 'KeyframesAtRule';
-                    if (preVisitorsHandlersMap.has(key)) {
-                        // @ts-ignore
-                        handlers.push(preVisitorsHandlersMap.get(key));
-                    }
-                    if (visitorsHandlersMap.has(key)) {
-                        // @ts-ignore
-                        handlers.push(visitorsHandlersMap.get(key));
-                    }
-                    if (postVisitorsHandlersMap.has(key)) {
-                        // @ts-ignore
-                        handlers.push(postVisitorsHandlersMap.get(key));
-                    }
-                    let callable;
-                    let node = result.node;
-                    for (const handler of handlers) {
-                        callable = typeof handler == 'function' ? handler : handler[normalizeVisitorKeyName(node.typ == exports.EnumToken.DeclarationNodeType || node.typ == exports.EnumToken.AtRuleNodeType ? node.nam : node.val)];
-                        if (callable == null) {
-                            continue;
+                    else if ((result.node.typ == exports.EnumToken.RuleNodeType && (preVisitorsHandlersMap.has('Rule') || visitorsHandlersMap.has('Rule') || postVisitorsHandlersMap.has('Rule'))) ||
+                        (result.node.typ == exports.EnumToken.KeyFramesRuleNodeType && (preVisitorsHandlersMap.has('KeyframesRule') || visitorsHandlersMap.has('KeyframesRule') || postVisitorsHandlersMap.has('KeyframesRule')))) {
+                        const handlers = [];
+                        const key = result.node.typ == exports.EnumToken.RuleNodeType ? 'Rule' : 'KeyframesRule';
+                        if (preVisitorsHandlersMap.has(key)) {
+                            handlers.push(...preVisitorsHandlersMap.get(key));
                         }
-                        let replacement = callable(node, result.parent);
-                        if (replacement == null) {
-                            continue;
+                        if (visitorsHandlersMap.has(key)) {
+                            handlers.push(...visitorsHandlersMap.get(key));
                         }
-                        isAsync = replacement instanceof Promise || Object.getPrototypeOf(replacement).constructor.name == 'AsyncFunction';
-                        if (replacement) {
-                            replacement = await replacement;
+                        if (postVisitorsHandlersMap.has(key)) {
+                            handlers.push(...postVisitorsHandlersMap.get(key));
                         }
-                        if (replacement == null || replacement == node) {
-                            continue;
+                        let node = result.node;
+                        for (const callable of handlers) {
+                            replacement = callable(node, result.parent);
+                            if (replacement == null) {
+                                continue;
+                            }
+                            isAsync = replacement instanceof Promise || Object.getPrototypeOf(replacement).constructor.name == 'AsyncFunction';
+                            if (replacement) {
+                                replacement = await replacement;
+                            }
+                            if (replacement == null || replacement == node) {
+                                continue;
+                            }
+                            // @ts-ignore
+                            node = replacement;
+                            //
+                            if (Array.isArray(node)) {
+                                break;
+                            }
                         }
                         // @ts-ignore
-                        node = replacement;
-                        //
-                        if (Array.isArray(node)) {
-                            break;
+                        if (node != result.node) {
+                            // @ts-ignore
+                            replaceToken(result.parent, result.node, node);
                         }
                     }
-                    if (node != result.node) {
-                        // @ts-ignore
-                        replaceToken(result.parent, result.node, node);
+                    else if (valuesHandlers.size > 0) {
+                        let node = null;
+                        node = result.node;
+                        if (valuesHandlers.has(node.typ)) {
+                            for (const valueHandler of valuesHandlers.get(node.typ)) {
+                                callable = valueHandler;
+                                replacement = callable(node, result.parent);
+                                if (replacement == null) {
+                                    continue;
+                                }
+                                isAsync = replacement instanceof Promise || Object.getPrototypeOf(replacement).constructor.name == 'AsyncFunction';
+                                if (isAsync) {
+                                    replacement = await replacement;
+                                }
+                                if (replacement != null && replacement != node) {
+                                    node = replacement;
+                                }
+                            }
+                        }
+                        if (node != result.node) {
+                            // @ts-ignore
+                            replaceToken(result.parent, value, node);
+                        }
+                        const tokens = 'tokens' in result.node ? result.node.tokens : [];
+                        if ('val' in result.node && Array.isArray(result.node.val)) {
+                            tokens.push(...result.node.val);
+                        }
+                        if (tokens.length == 0) {
+                            continue;
+                        }
+                        for (const { value, parent, root } of walkValues(tokens, result.node)) {
+                            node = value;
+                            if (valuesHandlers.has(node.typ)) {
+                                for (const valueHandler of valuesHandlers.get(node.typ)) {
+                                    callable = valueHandler;
+                                    let result = callable(node, parent, root);
+                                    if (result == null) {
+                                        continue;
+                                    }
+                                    isAsync = result instanceof Promise || Object.getPrototypeOf(result).constructor.name == 'AsyncFunction';
+                                    if (isAsync) {
+                                        result = await result;
+                                    }
+                                    if (result != null && result != node) {
+                                        node = result;
+                                    }
+                                    //
+                                    if (Array.isArray(node)) {
+                                        break;
+                                    }
+                                }
+                            }
+                            if (node != value) {
+                                // @ts-ignore
+                                replaceToken(parent, value, node);
+                            }
+                        }
                     }
                 }
-                else if ((result.node.typ == exports.EnumToken.RuleNodeType && (preVisitorsHandlersMap.has('Rule') || visitorsHandlersMap.has('Rule') || postVisitorsHandlersMap.has('Rule'))) ||
-                    (result.node.typ == exports.EnumToken.KeyFramesRuleNodeType && (preVisitorsHandlersMap.has('KeyframesRule') || visitorsHandlersMap.has('KeyframesRule') || postVisitorsHandlersMap.has('KeyframesRule')))) {
-                    const handlers = [];
-                    const key = result.node.typ == exports.EnumToken.RuleNodeType ? 'Rule' : 'KeyframesRule';
-                    if (preVisitorsHandlersMap.has(key)) {
-                        // @ts-ignore
-                        handlers.push(preVisitorsHandlersMap.get(key));
+            }
+        }
+        if (options.minify) {
+            if (ast.chi.length > 0) {
+                let passes = options.pass ?? 1;
+                while (passes--) {
+                    minify(ast, options, true, errors, false);
+                }
+            }
+        }
+        stats.bytesIn += stats.importedBytesIn;
+        let endTime = performance.now();
+        const result = {
+            ast,
+            errors,
+            stats: {
+                ...stats,
+                parse: `${(endParseTime - startTime).toFixed(2)}ms`,
+                minify: `${(endTime - endParseTime).toFixed(2)}ms`,
+                total: `${(endTime - startTime).toFixed(2)}ms`
+            }
+        };
+        if (options.module) {
+            const moduleSettings = {
+                hashLength: 5,
+                filePath: '',
+                scoped: exports.ModuleScopeEnumOptions.Local,
+                naming: exports.ModuleCaseTransformEnum.IgnoreCase,
+                pattern: '',
+                generateScopedName,
+                ...(typeof options.module != 'object' ? {} : options.module)
+            };
+            const parseModuleTime = performance.now();
+            const namesMapping = {};
+            const global = new Set;
+            const processed = new Set;
+            const pattern = typeof options.module == 'boolean' ? null : moduleSettings.pattern;
+            const importMapping = {};
+            const cssVariablesMap = {};
+            const importedCssVariables = {};
+            let mapping = {};
+            let revMapping = {};
+            let filePath = typeof options.module == 'boolean' ? options.src : (moduleSettings.filePath ?? options.src);
+            filePath = filePath === '' ? options.src : options.resolve(filePath, options.dirname(options.src), options.cwd).relative;
+            if (typeof options.module == 'number') {
+                if (options.module & exports.ModuleCaseTransformEnum.CamelCase) {
+                    moduleSettings.naming = exports.ModuleCaseTransformEnum.CamelCase;
+                }
+                else if (options.module & exports.ModuleCaseTransformEnum.CamelCaseOnly) {
+                    moduleSettings.naming = exports.ModuleCaseTransformEnum.CamelCaseOnly;
+                }
+                else if (options.module & exports.ModuleCaseTransformEnum.DashCase) {
+                    moduleSettings.naming = exports.ModuleCaseTransformEnum.DashCase;
+                }
+                else if (options.module & exports.ModuleCaseTransformEnum.DashCaseOnly) {
+                    moduleSettings.naming = exports.ModuleCaseTransformEnum.DashCaseOnly;
+                }
+                if (options.module & exports.ModuleScopeEnumOptions.Global) {
+                    moduleSettings.scoped = exports.ModuleScopeEnumOptions.Global;
+                }
+                if (options.module & exports.ModuleScopeEnumOptions.Pure) {
+                    // @ts-ignore
+                    moduleSettings.scoped |= exports.ModuleScopeEnumOptions.Pure;
+                }
+                if (options.module & exports.ModuleScopeEnumOptions.ICSS) {
+                    // @ts-ignore
+                    moduleSettings.scoped |= exports.ModuleScopeEnumOptions.ICSS;
+                }
+            }
+            if (typeof moduleSettings.scoped == 'boolean') {
+                moduleSettings.scoped = moduleSettings.scoped ? exports.ModuleScopeEnumOptions.Local : exports.ModuleScopeEnumOptions.Global;
+            }
+            moduleSettings.filePath = filePath;
+            moduleSettings.pattern = pattern != null && pattern !== '' ? pattern : (filePath === '' ? `[local]_[hash]` : `[local]_[hash]_[name]`);
+            for (const { node, parent } of walk(ast)) {
+                if (node.typ == exports.EnumToken.CssVariableImportTokenType) {
+                    const url = node.val.find(t => t.typ == exports.EnumToken.StringTokenType).val.slice(1, -1);
+                    const src = options.resolve(url, options.dirname(options.src), options.cwd);
+                    const result = options.load(url, options.src);
+                    const stream = result instanceof Promise || Object.getPrototypeOf(result).constructor.name == 'AsyncFunction' ? await result : result;
+                    const root = await doParse(stream instanceof ReadableStream ? tokenizeStream(stream) : tokenize$1({
+                        stream,
+                        buffer: '',
+                        offset: 0,
+                        position: { ind: 0, lin: 1, col: 1 },
+                        currentPosition: { ind: -1, lin: 1, col: 0 }
+                    }), Object.assign({}, options, {
+                        minify: false,
+                        setParent: false,
+                        src: src.relative
+                    }));
+                    cssVariablesMap[node.nam] = root.cssModuleVariables;
+                    parent.chi.splice(parent.chi.indexOf(node), 1);
+                    continue;
+                }
+                if (node.typ == exports.EnumToken.CssVariableDeclarationMapTokenType) {
+                    const from = node.from.find(t => t.typ == exports.EnumToken.IdenTokenType || isIdentColor(t));
+                    if (!(from.val in cssVariablesMap)) {
+                        errors.push({
+                            node,
+                            message: `could not resolve @value import from '${from.val}'`,
+                            action: 'drop'
+                        });
                     }
-                    if (visitorsHandlersMap.has(key)) {
-                        // @ts-ignore
-                        handlers.push(visitorsHandlersMap.get(key));
+                    else {
+                        for (const token of node.vars) {
+                            if (token.typ == exports.EnumToken.IdenTokenType || isIdentColor(token)) {
+                                if (!(token.val in cssVariablesMap[from.val])) {
+                                    errors.push({
+                                        node,
+                                        message: `value '${token.val}' is not exported from '${from.val}'`,
+                                        action: 'drop'
+                                    });
+                                    continue;
+                                }
+                                result.cssModuleVariables ??= {};
+                                result.cssModuleVariables[token.val] = importedCssVariables[token.val] = cssVariablesMap[from.val][token.val];
+                            }
+                        }
                     }
-                    if (postVisitorsHandlersMap.has(key)) {
-                        // @ts-ignore
-                        handlers.push(postVisitorsHandlersMap.get(key));
+                    parent.chi.splice(parent.chi.indexOf(node), 1);
+                    continue;
+                }
+                if (node.typ == exports.EnumToken.CssVariableTokenType) {
+                    if (parent?.typ == exports.EnumToken.StyleSheetNodeType) {
+                        if (result.cssModuleVariables == null) {
+                            result.cssModuleVariables = {};
+                        }
+                        result.cssModuleVariables[node.nam] = node;
                     }
-                    let node = result.node;
-                    for (const callable of handlers) {
-                        // @ts-ignore
-                        let replacement = callable(node, result.parent);
-                        if (replacement == null) {
-                            continue;
+                    parent.chi.splice(parent.chi.indexOf(node), 1);
+                    continue;
+                }
+                if (node.typ == exports.EnumToken.DeclarationNodeType) {
+                    if (node.nam.startsWith('--')) {
+                        if (!(node.nam in namesMapping)) {
+                            let result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? node.nam : moduleSettings.generateScopedName(node.nam, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                            let value = result instanceof Promise ? await result : result;
+                            mapping[node.nam] = '--' + (moduleSettings.naming & exports.ModuleCaseTransformEnum.DashCaseOnly || moduleSettings.naming & exports.ModuleCaseTransformEnum.CamelCaseOnly ? getKeyName(value, moduleSettings.naming) : value);
+                            revMapping[node.nam] = node.nam;
+                        }
+                        node.nam = mapping[node.nam];
+                    }
+                    if ('composes' == node.nam.toLowerCase()) {
+                        const tokens = [];
+                        let isValid = true;
+                        for (const token of node.val) {
+                            if (token.typ == exports.EnumToken.ComposesSelectorNodeType) {
+                                if (!(token.r == null || token.r.typ == exports.EnumToken.StringTokenType || token.r.typ == exports.EnumToken.IdenTokenType)) {
+                                    errors.push({
+                                        action: 'drop',
+                                        message: `composes '${exports.EnumToken[token.r.typ]}' is not supported`,
+                                        node
+                                    });
+                                    isValid = false;
+                                    break;
+                                }
+                                tokens.push(token);
+                            }
                         }
-                        isAsync = replacement instanceof Promise || Object.getPrototypeOf(replacement).constructor.name == 'AsyncFunction';
-                        if (replacement) {
-                            replacement = await replacement;
+                        // find parent rule
+                        let parentRule = node.parent;
+                        while (parentRule != null && parentRule.typ != exports.EnumToken.RuleNodeType) {
+                            parentRule = parentRule.parent;
                         }
-                        if (replacement == null || replacement == node) {
+                        if (!isValid || tokens.length == 0) {
+                            if (tokens.length == 0) {
+                                errors.push({
+                                    action: 'drop',
+                                    message: `composes is empty`,
+                                    node
+                                });
+                            }
+                            parentRule.chi.splice(parentRule.chi.indexOf(node), 1);
                             continue;
                         }
-                        // @ts-ignore
-                        node = replacement;
-                        //
-                        if (Array.isArray(node)) {
-                            break;
+                        for (const token of tokens) {
+                            // composes: a b c;
+                            if (token.r == null) {
+                                for (const rule of token.l) {
+                                    if (rule.typ == exports.EnumToken.WhitespaceTokenType || rule.typ == exports.EnumToken.CommentTokenType) {
+                                        continue;
+                                    }
+                                    if (!(rule.val in mapping)) {
+                                        let result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? rule.val : moduleSettings.generateScopedName(rule.val, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                        let value = result instanceof Promise ? await result : result;
+                                        mapping[rule.val] = (rule.typ == exports.EnumToken.DashedIdenTokenType ? '--' : '') + (moduleSettings.naming & exports.ModuleCaseTransformEnum.DashCaseOnly || moduleSettings.naming & exports.ModuleCaseTransformEnum.CamelCaseOnly ? getKeyName(value, moduleSettings.naming) : value);
+                                        revMapping[mapping[rule.val]] = rule.val;
+                                    }
+                                    if (parentRule != null) {
+                                        for (const tk of parentRule.tokens) {
+                                            if (tk.typ == exports.EnumToken.ClassSelectorTokenType) {
+                                                const val = tk.val.slice(1);
+                                                if (val in revMapping) {
+                                                    const key = revMapping[val];
+                                                    mapping[key] = [...new Set([...mapping[key].split(' '), mapping[rule.val]])].join(' ');
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                            // composes: a b c from 'file.css';
+                            else if (token.r.typ == exports.EnumToken.String) {
+                                const url = token.r.val.slice(1, -1);
+                                const src = options.resolve(url, options.dirname(options.src), options.cwd);
+                                const result = options.load(url, options.src);
+                                const stream = result instanceof Promise || Object.getPrototypeOf(result).constructor.name == 'AsyncFunction' ? await result : result;
+                                const root = await doParse(stream instanceof ReadableStream ? tokenizeStream(stream) : tokenize$1({
+                                    stream,
+                                    buffer: '',
+                                    offset: 0,
+                                    position: { ind: 0, lin: 1, col: 1 },
+                                    currentPosition: { ind: -1, lin: 1, col: 0 }
+                                }), Object.assign({}, options, {
+                                    minify: false,
+                                    setParent: false,
+                                    src: src.relative
+                                }));
+                                const srcIndex = (src.relative.startsWith('/') || src.relative.startsWith('../') ? '' : './') + src.relative;
+                                if (Object.keys(root.mapping).length > 0) {
+                                    importMapping[srcIndex] = {};
+                                }
+                                if (parentRule != null) {
+                                    for (const tk of parentRule.tokens) {
+                                        if (tk.typ == exports.EnumToken.ClassSelectorTokenType) {
+                                            const val = tk.val.slice(1);
+                                            if (val in revMapping) {
+                                                const key = revMapping[val];
+                                                const values = [];
+                                                for (const iden of token.l) {
+                                                    if (iden.typ != exports.EnumToken.IdenTokenType && iden.typ != exports.EnumToken.DashedIdenTokenType) {
+                                                        continue;
+                                                    }
+                                                    if (!(iden.val in root.mapping)) {
+                                                        const result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? iden.val : moduleSettings.generateScopedName(iden.val, srcIndex, moduleSettings.pattern, moduleSettings.hashLength);
+                                                        let value = result instanceof Promise ? await result : result;
+                                                        root.mapping[iden.val] = (moduleSettings.naming & exports.ModuleCaseTransformEnum.DashCaseOnly || moduleSettings.naming & exports.ModuleCaseTransformEnum.CamelCaseOnly ? getKeyName(value, moduleSettings.naming) : value);
+                                                        root.revMapping[root.mapping[iden.val]] = iden.val;
+                                                    }
+                                                    importMapping[srcIndex][iden.val] = root.mapping[iden.val];
+                                                    values.push(root.mapping[iden.val]);
+                                                }
+                                                mapping[key] = [...new Set([...mapping[key].split(' '), ...values])].join(' ');
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                            // composes: a b c from global;
+                            else if (token.r.typ == exports.EnumToken.IdenTokenType) {
+                                // global
+                                if (parentRule != null) {
+                                    if ('global' == token.r.val.toLowerCase()) {
+                                        for (const tk of parentRule.tokens) {
+                                            if (tk.typ == exports.EnumToken.ClassSelectorTokenType) {
+                                                const val = tk.val.slice(1);
+                                                if (val in revMapping) {
+                                                    const key = revMapping[val];
+                                                    mapping[key] = [...new Set([...mapping[key].split(' '), ...(token.l.reduce((acc, curr) => {
+                                                                if (curr.typ == exports.EnumToken.IdenTokenType) {
+                                                                    acc.push(curr.val);
+                                                                }
+                                                                return acc;
+                                                            }, []))])].join(' ');
+                                                }
+                                            }
+                                        }
+                                    }
+                                    else {
+                                        errors.push({
+                                            action: 'drop',
+                                            message: `composes '${token.r.val}' is not supported`,
+                                            node
+                                        });
+                                    }
+                                }
+                            }
                         }
+                        parentRule.chi.splice(parentRule.chi.indexOf(node), 1);
                     }
-                    // @ts-ignore
-                    if (node != result.node) {
-                        // @ts-ignore
-                        replaceToken(result.parent, result.node, node);
-                    }
-                }
-                else if (allValuesHandlers.length > 0) {
-                    let callable;
-                    let node = null;
-                    node = result.node;
-                    for (const valueHandler of allValuesHandlers) {
-                        if (valueHandler.has(node.typ)) {
-                            callable = valueHandler.get(node.typ);
-                            let replacement = callable(node, result.parent);
-                            if (replacement == null) {
+                    if (node.typ == exports.EnumToken.DeclarationNodeType && ['grid-column', 'grid-column-start', 'grid-column-end', 'grid-row', 'grid-row-start', 'grid-row-end', 'grid-template', 'grid-template-columns', 'grid-template-rows'].includes(node.nam)) {
+                        for (const { value } of walkValues(node.val, node)) {
+                            if (value.typ != exports.EnumToken.IdenTokenType) {
                                 continue;
                             }
-                            isAsync = replacement instanceof Promise || Object.getPrototypeOf(replacement).constructor.name == 'AsyncFunction';
-                            if (isAsync) {
-                                replacement = await replacement;
+                            let idenToken = value.val;
+                            let suffix = '';
+                            if (idenToken.endsWith('-start')) {
+                                suffix = '-start';
+                                idenToken = idenToken.slice(0, -6);
+                            }
+                            else if (idenToken.endsWith('-end')) {
+                                suffix = '-end';
+                                idenToken = idenToken.slice(0, -4);
                             }
-                            if (replacement != null && replacement != node) {
-                                node = replacement;
+                            if (!(idenToken in mapping)) {
+                                let result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? idenToken : moduleSettings.generateScopedName(idenToken, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                if (result instanceof Promise) {
+                                    result = await result;
+                                }
+                                mapping[idenToken] = result;
+                                revMapping[result] = idenToken;
+                                if (suffix !== '') {
+                                    idenToken += suffix;
+                                    if (!(idenToken in mapping)) {
+                                        mapping[idenToken] = result + suffix;
+                                        revMapping[result + suffix] = idenToken;
+                                    }
+                                }
                             }
+                            value.val = mapping[idenToken];
                         }
                     }
-                    if (node != result.node) {
-                        // @ts-ignore
-                        replaceToken(result.parent, value, node);
+                    else if (node.nam == 'grid-template-areas' || node.nam == 'grid-template') {
+                        for (let i = 0; i < node.val.length; i++) {
+                            if (node.val[i].typ == exports.EnumToken.String) {
+                                const tokens = parseString(node.val[i].val.slice(1, -1), { location: true });
+                                for (const { value } of walkValues(tokens)) {
+                                    if (value.typ == exports.EnumToken.IdenTokenType || value.typ == exports.EnumToken.DashedIdenTokenType) {
+                                        if (value.val in mapping) {
+                                            value.val = mapping[value.val];
+                                        }
+                                        else {
+                                            let result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? value.val : moduleSettings.generateScopedName(value.val, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                            if (result instanceof Promise) {
+                                                result = await result;
+                                            }
+                                            mapping[value.val] = result;
+                                            revMapping[result] = value.val;
+                                            value.val = result;
+                                        }
+                                    }
+                                }
+                                node.val[i].val = node.val[i].val.charAt(0) + tokens.reduce((acc, curr) => acc + renderToken(curr), '') + node.val[i].val.charAt(node.val[i].val.length - 1);
+                            }
+                        }
                     }
-                    const tokens = 'tokens' in result.node ? result.node.tokens : [];
-                    if ('val' in result.node && Array.isArray(result.node.val)) {
-                        tokens.push(...result.node.val);
+                    else if (node.nam == 'animation' || node.nam == 'animation-name') {
+                        for (const { value } of walkValues(node.val, node)) {
+                            if (value.typ == exports.EnumToken.IdenTokenType && ![
+                                'none', 'infinite', 'normal', 'reverse', 'alternate',
+                                'alternate-reverse', 'forwards', 'backwards', 'both',
+                                'running', 'paused', 'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out',
+                                'step-start', 'step-end', 'jump-start', 'jump-end',
+                                'jump-none', 'jump-both', 'start', 'end',
+                                'inherit', 'initial', 'unset'
+                            ].includes(value.val)) {
+                                if (!(value.val in mapping)) {
+                                    const result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? value.val : moduleSettings.generateScopedName(value.val, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                    mapping[value.val] = result instanceof Promise ? await result : result;
+                                    revMapping[mapping[value.val]] = value.val;
+                                }
+                                value.val = mapping[value.val];
+                            }
+                        }
                     }
-                    if (tokens.length == 0) {
-                        continue;
+                    for (const { value, parent } of walkValues(node.val, node)) {
+                        if (value.typ == exports.EnumToken.DashedIdenTokenType) {
+                            if (!(value.val in mapping)) {
+                                const result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? value.val : moduleSettings.generateScopedName(value.val, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                let val = result instanceof Promise ? await result : result;
+                                mapping[value.val] = '--' + (moduleSettings.naming & exports.ModuleCaseTransformEnum.DashCaseOnly || moduleSettings.naming & exports.ModuleCaseTransformEnum.CamelCaseOnly ? getKeyName(val, moduleSettings.naming) : val);
+                                revMapping[mapping[value.val]] = value.val;
+                            }
+                            value.val = mapping[value.val];
+                        }
+                        else if ((value.typ == exports.EnumToken.IdenTokenType || isIdentColor(value)) && value.val in importedCssVariables) {
+                            replaceToken(parent, value, importedCssVariables[value.val].val);
+                        }
                     }
-                    for (const { value, parent, root } of walkValues(tokens, result.node)) {
-                        node = value;
-                        for (const valueHandler of allValuesHandlers) {
-                            if (valueHandler.has(node.typ)) {
-                                callable = valueHandler.get(node.typ);
-                                let result = callable(node, parent, root);
-                                if (result == null) {
-                                    continue;
-                                }
-                                isAsync = result instanceof Promise || Object.getPrototypeOf(result).constructor.name == 'AsyncFunction';
-                                if (isAsync) {
-                                    result = await result;
-                                }
-                                if (result != null && result != node) {
-                                    node = result;
-                                }
-                                //
-                                if (Array.isArray(node)) {
+                }
+                else if (node.typ == exports.EnumToken.RuleNodeType) {
+                    if (node.tokens == null) {
+                        Object.defineProperty(node, 'tokens', {
+                            ...definedPropertySettings,
+                            value: parseSelector(parseString(node.sel, { location: true }))
+                        });
+                    }
+                    let hasIdOrClass = false;
+                    for (const { value } of walkValues(node.tokens, node, 
+                    // @ts-ignore
+                    (value, parent) => {
+                        if (value.typ == exports.EnumToken.PseudoClassTokenType) {
+                            const val = value.val.toLowerCase();
+                            switch (val) {
+                                case ':local':
+                                case ':global':
+                                    {
+                                        let index = parent.tokens.indexOf(value);
+                                        parent.tokens.splice(index, 1);
+                                        if (parent.tokens[index]?.typ == exports.EnumToken.WhitespaceTokenType || parent.tokens[index]?.typ == exports.EnumToken.DescendantCombinatorTokenType) {
+                                            parent.tokens.splice(index, 1);
+                                        }
+                                        if (val == ':global') {
+                                            for (; index < parent.tokens.length; index++) {
+                                                if (parent.tokens[index].typ == exports.EnumToken.CommaTokenType ||
+                                                    ([exports.EnumToken.PseudoClassFuncTokenType, exports.EnumToken.PseudoClassTokenType].includes(parent.tokens[index].typ) &&
+                                                        [':global', ':local'].includes(parent.tokens[index].val.toLowerCase()))) {
+                                                    break;
+                                                }
+                                                global.add(parent.tokens[index]);
+                                            }
+                                        }
+                                    }
+                                    break;
+                            }
+                        }
+                        else if (value.typ == exports.EnumToken.PseudoClassFuncTokenType) {
+                            switch (value.val.toLowerCase()) {
+                                case ':global':
+                                    for (const token of value.chi) {
+                                        global.add(token);
+                                    }
+                                    parent.tokens.splice(parent.tokens.indexOf(value), 1, ...value.chi);
+                                    break;
+                                case ':local':
+                                    parent.tokens.splice(parent.tokens.indexOf(value), 1, ...value.chi);
                                     break;
+                            }
+                        }
+                    })) {
+                        if (value.typ == exports.EnumToken.HashTokenType || value.typ == exports.EnumToken.ClassSelectorTokenType) {
+                            hasIdOrClass = true;
+                        }
+                        if (processed.has(value)) {
+                            continue;
+                        }
+                        processed.add(value);
+                        if (value.typ == exports.EnumToken.PseudoClassTokenType) ;
+                        else if (value.typ == exports.EnumToken.PseudoClassFuncTokenType) ;
+                        else {
+                            if (global.has(value)) {
+                                continue;
+                            }
+                            if (value.typ == exports.EnumToken.ClassSelectorTokenType) {
+                                const val = value.val.slice(1);
+                                if (!(val in mapping)) {
+                                    const result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? val : moduleSettings.generateScopedName(val, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                    let value = result instanceof Promise ? await result : result;
+                                    mapping[val] = (moduleSettings.naming & exports.ModuleCaseTransformEnum.DashCaseOnly || moduleSettings.naming & exports.ModuleCaseTransformEnum.CamelCaseOnly ? getKeyName(value, moduleSettings.naming) : value);
+                                    revMapping[mapping[val]] = val;
                                 }
+                                value.val = '.' + mapping[val];
                             }
                         }
-                        if (node != value) {
+                    }
+                    if (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Pure) {
+                        if (!hasIdOrClass) {
+                            throw new Error(`pure module: No id or class found in selector '${node.sel}' at '${node.loc?.src ?? ''}':${node.loc?.sta?.lin ?? ''}:${node.loc?.sta?.col ?? ''}`);
+                        }
+                    }
+                    node.sel = '';
+                    for (const token of node.tokens) {
+                        node.sel += renderToken(token);
+                    }
+                }
+                else if (node.typ == exports.EnumToken.AtRuleNodeType || node.typ == exports.EnumToken.KeyframesAtRuleNodeType) {
+                    const val = node.nam.toLowerCase();
+                    if (node.tokens == null) {
+                        Object.defineProperty(node, 'tokens', {
+                            ...definedPropertySettings,
                             // @ts-ignore
-                            replaceToken(parent, value, node);
+                            value: parseAtRulePrelude(parseString(node.val), node)
+                        });
+                    }
+                    if (val == 'property' || val == 'keyframes') {
+                        const prefix = val == 'property' ? '--' : '';
+                        for (const value of node.tokens) {
+                            if ((prefix == '--' && value.typ == exports.EnumToken.DashedIdenTokenType) || (prefix == '' && value.typ == exports.EnumToken.IdenTokenType)) {
+                                if (!(value.val in mapping)) {
+                                    const result = (moduleSettings.scoped & exports.ModuleScopeEnumOptions.Global) ? value.val : moduleSettings.generateScopedName(value.val, moduleSettings.filePath, moduleSettings.pattern, moduleSettings.hashLength);
+                                    let val = result instanceof Promise ? await result : result;
+                                    mapping[value.val] = prefix + (moduleSettings.naming & exports.ModuleCaseTransformEnum.DashCaseOnly || moduleSettings.naming & exports.ModuleCaseTransformEnum.CamelCaseOnly ? getKeyName(val, moduleSettings.naming) : val);
+                                    revMapping[mapping[value.val]] = value.val;
+                                }
+                                value.val = mapping[value.val];
+                            }
+                        }
+                        node.val = node.tokens.reduce((a, b) => a + renderToken(b), '');
+                    }
+                    else {
+                        let isReplaced = false;
+                        for (const { value, parent } of walkValues(node.tokens, node)) {
+                            if (exports.EnumToken.MediaQueryConditionTokenType == parent.typ && value != parent.l) {
+                                if ((value.typ == exports.EnumToken.IdenTokenType || isIdentColor(value)) && value.val in importedCssVariables) {
+                                    isReplaced = true;
+                                    parent.r.splice(parent.r.indexOf(value), 1, ...importedCssVariables[value.val].val);
+                                }
+                            }
+                        }
+                        if (isReplaced) {
+                            node.val = node.tokens.reduce((a, b) => a + renderToken(b), '');
                         }
                     }
                 }
             }
-        }
-        if (options.minify) {
-            if (ast.chi.length > 0) {
-                let passes = options.pass ?? 1;
-                while (passes--) {
-                    minify(ast, options, true, errors, false);
-                }
+            if (moduleSettings.naming != exports.ModuleCaseTransformEnum.IgnoreCase) {
+                revMapping = {};
+                mapping = Object.entries(mapping).reduce((acc, [key, value]) => {
+                    const keyName = getKeyName(key, moduleSettings.naming);
+                    acc[keyName] = value;
+                    revMapping[value] = keyName;
+                    return acc;
+                }, {});
             }
+            result.mapping = mapping;
+            result.revMapping = revMapping;
+            if ((moduleSettings.scoped & exports.ModuleScopeEnumOptions.ICSS) && Object.keys(importMapping).length > 0) {
+                result.importMapping = importMapping;
+            }
+            endTime = performance.now();
+            result.stats.module = `${(endTime - parseModuleTime).toFixed(2)}ms`;
+            result.stats.total = `${(endTime - startTime).toFixed(2)}ms`;
         }
-        const endTime = performance.now();
         if (options.signal != null) {
             options.signal.removeEventListener('abort', reject);
         }
-        stats.bytesIn += stats.importedBytesIn;
-        return {
-            ast,
-            errors,
-            stats: {
-                ...stats,
-                parse: `${(endParseTime - startTime).toFixed(2)}ms`,
-                minify: `${(endTime - endParseTime).toFixed(2)}ms`,
-                total: `${(endTime - startTime).toFixed(2)}ms`
-            }
-        };
+        return result;
     }
     function getLastNode(context) {
         let i = context.chi.length;
@@ -17847,7 +19049,7 @@
         }
         return null;
     }
-    function parseNode(results, context, options, errors, src, map, rawTokens) {
+    function parseNode(results, context, options, errors, src, map, rawTokens, stats) {
         let tokens = [];
         for (const t of results) {
             const node = getTokenType(t.token, t.hint);
@@ -17870,9 +19072,12 @@
                 }
                 loc = location;
                 context.chi.push(tokens[i]);
-                if (options.sourcemap) {
-                    tokens[i].loc = loc;
-                }
+                stats.nodesCount++;
+                Object.defineProperty(tokens[i], 'loc', {
+                    ...definedPropertySettings,
+                    value: loc,
+                    enumerable: options.sourcemap !== false
+                });
             }
             else if (tokens[i].typ != exports.EnumToken.WhitespaceTokenType) {
                 break;
@@ -18013,10 +19218,10 @@
                 }
             }
             const t = parseAtRulePrelude(parseTokens(tokens, { minify: options.minify }), atRule);
-            const raw = t.reduce((acc, curr) => {
-                acc.push(renderToken(curr, { removeComments: true, convertColor: false }));
-                return acc;
-            }, []);
+            const raw = [];
+            for (const curr of t) {
+                raw.push(renderToken(curr, { removeComments: true, convertColor: false }));
+            }
             const nam = renderToken(atRule, { removeComments: true });
             // @ts-ignore
             const node = {
@@ -18032,10 +19237,12 @@
                 node.chi = [];
             }
             loc = map.get(atRule);
-            if (options.sourcemap) {
-                node.loc = loc;
-                node.loc.end = { ...map.get(delim).end };
-            }
+            Object.defineProperty(node, 'loc', {
+                ...definedPropertySettings,
+                value: loc,
+                enumerable: options.sourcemap !== false
+            });
+            node.loc.end = { ...map.get(delim).end };
             let isValid = true;
             if (node.nam == 'else') {
                 const prev = getLastNode(context);
@@ -18048,21 +19255,173 @@
                     isValid = false;
                 }
             }
+            if (node.nam == 'value') {
+                let i = 0;
+                while (i < tokens.length) {
+                    if (tokens[i].typ == exports.EnumToken.WhitespaceTokenType || tokens[i].typ == exports.EnumToken.CommentTokenType) {
+                        i++;
+                        continue;
+                    }
+                    break;
+                }
+                if (i < tokens.length) {
+                    if (tokens[i].typ == exports.EnumToken.IdenTokenType || isIdentColor(tokens[i])) {
+                        let k = i + 1;
+                        while (k < tokens.length) {
+                            if (tokens[k].typ == exports.EnumToken.WhitespaceTokenType || tokens[k].typ == exports.EnumToken.CommentTokenType) {
+                                k++;
+                                continue;
+                            }
+                            // var or import
+                            if (tokens[k].typ == exports.EnumToken.ColonTokenType) {
+                                let j = k;
+                                while (++j < tokens.length) {
+                                    if (tokens[j].typ != exports.EnumToken.WhitespaceTokenType && tokens[j].typ != exports.EnumToken.CommentTokenType) {
+                                        break;
+                                    }
+                                }
+                                let offset = k + 1;
+                                while (offset < tokens.length && tokens[offset].typ == exports.EnumToken.WhitespaceTokenType) {
+                                    offset++;
+                                }
+                                if (tokens[j].typ == exports.EnumToken.StringTokenType) {
+                                    Object.assign(node, {
+                                        typ: exports.EnumToken.CssVariableImportTokenType,
+                                        nam: tokens[i].val,
+                                        val: tokens.slice(offset)
+                                    });
+                                    delete node.tokens;
+                                    // @ts-ignore
+                                    delete node.raw;
+                                    context.chi.push(node);
+                                    return null;
+                                }
+                                Object.assign(node, {
+                                    typ: exports.EnumToken.CssVariableTokenType,
+                                    nam: tokens[i].val,
+                                    val: tokens.slice(offset)
+                                });
+                                context.chi.push(node);
+                                return null;
+                            }
+                            if (tokens[k].typ == exports.EnumToken.PseudoClassTokenType) {
+                                Object.assign(tokens[k], {
+                                    typ: exports.EnumToken.IdenTokenType,
+                                    val: tokens[k].val.slice(1)
+                                });
+                                Object.assign(node, {
+                                    typ: exports.EnumToken.CssVariableTokenType,
+                                    nam: tokens[i].val,
+                                    val: tokens.slice(k)
+                                });
+                                context.chi.push(node);
+                                return null;
+                            }
+                            if (tokens[k].typ == exports.EnumToken.CommaTokenType) {
+                                let j = i;
+                                while (++j < tokens.length) {
+                                    if (tokens[j].typ == exports.EnumToken.IdenTokenType && tokens[j].val.toLowerCase() == 'from') {
+                                        const vars = tokens.slice(i, j);
+                                        const from = tokens.slice(j + 1);
+                                        let l = 0;
+                                        let expect = exports.EnumToken.IdenTokenType;
+                                        for (; l < vars.length; l++) {
+                                            if (vars[l].typ == exports.EnumToken.WhitespaceTokenType || vars[l].typ == exports.EnumToken.CommentTokenType) {
+                                                continue;
+                                            }
+                                            if (expect == vars[l].typ || (expect == exports.EnumToken.IdenTokenType && isIdentColor(vars[l]))) {
+                                                expect = expect == exports.EnumToken.CommaTokenType ? exports.EnumToken.IdenTokenType : exports.EnumToken.CommaTokenType;
+                                                continue;
+                                            }
+                                            errors.push({
+                                                action: 'drop',
+                                                node: node,
+                                                location: map.get(vars[l]) ?? location,
+                                                message: `expecting '${exports.EnumToken[expect]}' but found ${renderToken(vars[l])}`
+                                            });
+                                            return null;
+                                        }
+                                        l = 0;
+                                        expect = exports.EnumToken.IdenTokenType;
+                                        for (; l < from.length; l++) {
+                                            if (from[l].typ == exports.EnumToken.WhitespaceTokenType || from[l].typ == exports.EnumToken.CommentTokenType) {
+                                                continue;
+                                            }
+                                            if (expect == from[l].typ || isIdentColor(from[l])) {
+                                                while (++l < from.length) {
+                                                    if (from[l].typ == exports.EnumToken.WhitespaceTokenType || from[l].typ == exports.EnumToken.CommentTokenType) {
+                                                        continue;
+                                                    }
+                                                    errors.push({
+                                                        action: 'drop',
+                                                        node: node,
+                                                        location: map.get(from[l]) ?? location,
+                                                        message: `unexpected '${renderToken(from[l])}'`
+                                                    });
+                                                    return null;
+                                                }
+                                                break;
+                                            }
+                                            errors.push({
+                                                action: 'drop',
+                                                node: node,
+                                                location: map.get(from[l]) ?? location,
+                                                message: `expecting <string> but found ${renderToken(from[l])}`
+                                            });
+                                            return null;
+                                        }
+                                        // @ts-ignore
+                                        delete node.nam;
+                                        // @ts-ignore
+                                        delete node.val;
+                                        Object.assign(node, {
+                                            typ: exports.EnumToken.CssVariableDeclarationMapTokenType,
+                                            vars,
+                                            from
+                                        });
+                                        context.chi.push(node);
+                                        return null;
+                                    }
+                                }
+                            }
+                            k++;
+                        }
+                        Object.assign(node, {
+                            typ: exports.EnumToken.CssVariableTokenType,
+                            nam: tokens[i].val,
+                            val: tokens.slice(k)
+                        });
+                        context.chi.push(node);
+                        return null;
+                    }
+                }
+            }
+            // @ts-ignore
+            const skipValidate = (options.validation & exports.ValidationLevel.AtRule) == 0;
+            const isAllowed = skipValidate || isNodeAllowedInContext(node, context);
             // @ts-ignore
-            const valid = options.validation == exports.ValidationLevel.None ? {
+            const valid = skipValidate ? {
                 valid: SyntaxValidationResult.Valid,
                 error: '',
                 node,
                 syntax: '@' + node.nam
-            } : isValid ? (node.typ == exports.EnumToken.KeyframesAtRuleNodeType ? validateAtRuleKeyframes(node) : validateAtRule(node, options, context)) : {
+            } : !isAllowed ? {
+                valid: SyntaxValidationResult.Drop,
+                node,
+                syntax: '@' + node.nam,
+                error: `${exports.EnumToken[context.typ]}: child ${exports.EnumToken[node.typ]} not allowed in context${context.typ == exports.EnumToken.AtRuleNodeType ? ` '@${context.nam}'` : context.typ == exports.EnumToken.StyleSheetNodeType ? ` 'stylesheet'` : ''}`} : isValid ? (node.typ == exports.EnumToken.KeyframesAtRuleNodeType ? validateAtRuleKeyframes(node) : validateAtRule(node, options, context)) : {
                 valid: SyntaxValidationResult.Drop,
                 node,
                 syntax: '@' + node.nam,
                 error: '@' + node.nam + ' not allowed here'};
             if (valid.valid == SyntaxValidationResult.Drop) {
+                let message = '';
+                for (const token of tokens) {
+                    message += renderToken(token, { minify: false });
+                }
                 errors.push({
                     action: 'drop',
-                    message: valid.error + ' - "' + tokens.reduce((acc, curr) => acc + renderToken(curr, { minify: false }), '') + '"',
+                    message: valid.error + ' - "' + message + '"',
                     node,
                     // @ts-ignore
                     location: { src, ...(map.get(valid.node) ?? location) }
@@ -18071,13 +19430,17 @@
                 node.typ = exports.EnumToken.InvalidAtRuleTokenType;
             }
             else {
-                node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr, {
-                    minify: false,
-                    convertColor: false,
-                    removeComments: true
-                }), '');
+                node.val = '';
+                for (const token of node.tokens) {
+                    node.val += renderToken(token, {
+                        minify: false,
+                        convertColor: false,
+                        removeComments: true
+                    });
+                }
             }
             context.chi.push(node);
+            stats.nodesCount++;
             Object.defineProperties(node, {
                 parent: { ...definedPropertySettings, value: context },
                 validSyntax: { ...definedPropertySettings, value: valid.valid == SyntaxValidationResult.Valid }
@@ -18175,16 +19538,23 @@
                     value: tokens.slice()
                 });
                 loc = location;
-                if (options.sourcemap) {
-                    node.loc = loc;
-                }
-                // @ts-ignore
+                Object.defineProperty(node, 'loc', {
+                    ...definedPropertySettings,
+                    value: loc,
+                    enumerable: options.sourcemap !== false
+                });
                 context.chi.push(node);
                 Object.defineProperty(node, 'parent', { ...definedPropertySettings, value: context });
                 // @ts-ignore
-                const valid = options.validation == exports.ValidationLevel.None ? {
+                const skipValidate = (options.validation & exports.ValidationLevel.Selector) == 0;
+                const isAllowed = skipValidate || isNodeAllowedInContext(node, context);
+                // @ts-ignore
+                const valid = skipValidate ? {
                     valid: SyntaxValidationResult.Valid,
                     error: null
+                } : !isAllowed ? {
+                    valid: SyntaxValidationResult.Drop,
+                    error: `${exports.EnumToken[context.typ]}: child ${exports.EnumToken[node.typ]} not allowed in context${context.typ == exports.EnumToken.AtRuleNodeType ? ` '@${context.nam}'` : context.typ == exports.EnumToken.StyleSheetNodeType ? ` 'stylesheet'` : ''}`
                 } : ruleType == exports.EnumToken.KeyFramesRuleNodeType ? validateKeyframeSelector(tokens) : validateSelector(tokens, options, context);
                 if (valid.valid != SyntaxValidationResult.Valid) {
                     // @ts-ignore
@@ -18294,11 +19664,13 @@
                             nam,
                             val: []
                         };
-                        if (options.sourcemap) {
-                            node.loc = location;
-                            node.loc.end = { ...map.get(delim).end };
-                        }
+                        Object.defineProperty(node, 'loc', {
+                            ...definedPropertySettings,
+                            value: location,
+                            enumerable: options.sourcemap !== false
+                        });
                         context.chi.push(node);
+                        stats.nodesCount++;
                     }
                     return null;
                 }
@@ -18322,22 +19694,31 @@
                     nam,
                     val: value
                 };
-                if (options.sourcemap) {
-                    node.loc = location;
-                    node.loc.end = { ...map.get(delim).end };
-                }
+                Object.defineProperty(node, 'loc', {
+                    ...definedPropertySettings,
+                    value: location,
+                    enumerable: options.sourcemap !== false
+                });
+                node.loc.end = { ...map.get(delim).end };
                 // do not allow declarations in style sheets
                 if (context.typ == exports.EnumToken.StyleSheetNodeType && options.lenient) {
-                    // @ts-ignore
-                    node.typ = exports.EnumToken.InvalidDeclarationNodeType;
+                    Object.assign(node, { typ: exports.EnumToken.InvalidDeclarationNodeType });
                     context.chi.push(node);
+                    stats.nodesCount++;
                     return null;
                 }
                 const result = parseDeclarationNode(node, errors, location);
                 Object.defineProperty(result, 'parent', { ...definedPropertySettings, value: context });
                 if (result != null) {
-                    if (options.validation == exports.ValidationLevel.All) {
-                        const valid = evaluateSyntax(result, options);
+                    if (options.validation & exports.ValidationLevel.Declaration) {
+                        const isAllowed = isNodeAllowedInContext(node, context);
+                        // @ts-ignore
+                        const valid = !isAllowed ? {
+                            valid: SyntaxValidationResult.Drop,
+                            error: `${exports.EnumToken[node.typ]} not allowed in context${context.typ == exports.EnumToken.AtRuleNodeType ? ` '@${context.nam}'` : context.typ == exports.EnumToken.StyleSheetNodeType ? ` 'stylesheet'` : ''}`,
+                            node,
+                            syntax: null
+                        } : evaluateSyntax(result, context, options);
                         Object.defineProperty(result, 'validSyntax', {
                             ...definedPropertySettings,
                             value: valid.valid == SyntaxValidationResult.Valid
@@ -18353,11 +19734,11 @@
                             if (!options.lenient) {
                                 return null;
                             }
-                            // @ts-ignore
-                            node.typ = exports.EnumToken.InvalidDeclarationNodeType;
+                            Object.assign(node, { typ: exports.EnumToken.InvalidDeclarationNodeType });
                         }
                     }
                     context.chi.push(result);
+                    stats.nodesCount++;
                 }
                 return null;
             }
@@ -18369,7 +19750,6 @@
      * @param atRule
      */
     function parseAtRulePrelude(tokens, atRule) {
-        // @ts-ignore
         for (const { value, parent } of walkValues(tokens, null, null, true)) {
             if (value.typ == exports.EnumToken.CommentTokenType ||
                 value.typ == exports.EnumToken.WhitespaceTokenType ||
@@ -18405,16 +19785,14 @@
             }
             if (atRule.val == 'page' && value.typ == exports.EnumToken.PseudoClassTokenType) {
                 if ([':left', ':right', ':first', ':blank'].includes(value.val)) {
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.PseudoPageTokenType;
+                    Object.assign(value, { typ: exports.EnumToken.PseudoPageTokenType });
                 }
             }
             if (atRule.val == 'layer') {
                 if (parent == null && value.typ == exports.EnumToken.LiteralTokenType) {
                     if (value.val.charAt(0) == '.') {
                         if (isIdent(value.val.slice(1))) {
-                            // @ts-ignore
-                            value.typ = exports.EnumToken.ClassSelectorTokenType;
+                            Object.assign(value, { typ: exports.EnumToken.ClassSelectorTokenType });
                         }
                     }
                 }
@@ -18423,8 +19801,7 @@
             if (value.typ == exports.EnumToken.IdenTokenType) {
                 if (parent == null && mediaTypes.some((t) => {
                     if (val === t) {
-                        // @ts-ignore
-                        value.typ = exports.EnumToken.MediaFeatureTokenType;
+                        Object.assign(value, { typ: exports.EnumToken.MediaFeatureTokenType });
                         return true;
                     }
                     return false;
@@ -18432,18 +19809,15 @@
                     continue;
                 }
                 if (value.typ == exports.EnumToken.IdenTokenType && 'and' === val) {
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.MediaFeatureAndTokenType;
+                    Object.assign(value, { typ: exports.EnumToken.MediaFeatureAndTokenType });
                     continue;
                 }
                 if (value.typ == exports.EnumToken.IdenTokenType && 'or' === val) {
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.MediaFeatureOrTokenType;
+                    Object.assign(value, { typ: exports.EnumToken.MediaFeatureOrTokenType });
                     continue;
                 }
                 if (value.typ == exports.EnumToken.IdenTokenType &&
                     ['not', 'only'].some((t) => val === t)) {
-                    // @ts-ignore
                     const array = parent?.chi ?? tokens;
                     const startIndex = array.indexOf(value);
                     let index = startIndex + 1;
@@ -18488,12 +19862,15 @@
                     if (value.chi[i].typ == exports.EnumToken.CommentTokenType || value.chi[i].typ == exports.EnumToken.WhitespaceTokenType) {
                         continue;
                     }
-                    if (value.chi[i].typ == exports.EnumToken.LiteralTokenType && value.chi[i].val.startsWith(':') && isDimension(value.chi[i].val.slice(1))) {
-                        value.chi.splice(i, 1, {
-                            typ: exports.EnumToken.ColonTokenType,
-                        }, Object.assign(value.chi[i], parseDimension(value.chi[i].val.slice(1))));
-                        i--;
-                        continue;
+                    if (value.chi[i].typ == exports.EnumToken.LiteralTokenType && value.chi[i].val.startsWith(':')) {
+                        const dimension = parseDimension(value.chi[i].val.slice(1));
+                        if (dimension != null) {
+                            value.chi.splice(i, 1, {
+                                typ: exports.EnumToken.ColonTokenType,
+                            }, Object.assign(value.chi[i], dimension));
+                            i--;
+                            continue;
+                        }
                     }
                     if (nameIndex != -1 && value.chi[i].typ == exports.EnumToken.PseudoClassTokenType) {
                         value.chi.splice(i, 1, {
@@ -18520,11 +19897,10 @@
                         const val = value.chi.splice(valueIndex, 1)[0];
                         const node = value.chi.splice(nameIndex, 1)[0];
                         // 'background'
-                        // @ts-ignore
                         if (node.typ == exports.EnumToken.ColorTokenType && node.kin == exports.ColorType.DPSYS) {
+                            Object.assign(node, { typ: exports.EnumToken.IdenTokenType });
                             // @ts-ignore
                             delete node.kin;
-                            node.typ = exports.EnumToken.IdenTokenType;
                         }
                         while (value.chi[0]?.typ == exports.EnumToken.WhitespaceTokenType) {
                             value.chi.shift();
@@ -18558,6 +19934,7 @@
         return doParse(tokenize$1({
             stream: `.x{${declaration}}`,
             buffer: '',
+            offset: 0,
             position: { ind: 0, lin: 1, col: 1 },
             currentPosition: { ind: -1, lin: 1, col: 0 }
         }), { setParent: false, minify: false, validation: false }).then(result => {
@@ -18579,43 +19956,35 @@
             }
             if (parent == null) {
                 if (value.typ == exports.EnumToken.GtTokenType) {
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.ChildCombinatorTokenType;
+                    Object.assign(value, { typ: exports.EnumToken.ChildCombinatorTokenType });
                 }
                 else if (value.typ == exports.EnumToken.LiteralTokenType) {
                     if (value.val.charAt(0) == '&') {
-                        // @ts-ignore
-                        value.typ = exports.EnumToken.NestingSelectorTokenType;
+                        Object.assign(value, { typ: exports.EnumToken.NestingSelectorTokenType });
                         // @ts-ignore
                         delete value.val;
                     }
                     else if (value.val.charAt(0) == '.') {
                         if (!isIdent(value.val.slice(1))) {
-                            // @ts-ignore
-                            value.typ = exports.EnumToken.InvalidClassSelectorTokenType;
+                            Object.assign(value, { typ: exports.EnumToken.InvalidClassSelectorTokenType });
                         }
                         else {
-                            // @ts-ignore
-                            value.typ = exports.EnumToken.ClassSelectorTokenType;
+                            Object.assign(value, { typ: exports.EnumToken.ClassSelectorTokenType });
                         }
                     }
                     if (['*', '>', '+', '~'].includes(value.val)) {
                         switch (value.val) {
                             case '*':
-                                // @ts-ignore
-                                value.typ = exports.EnumToken.UniversalSelectorTokenType;
+                                Object.assign(value, { typ: exports.EnumToken.UniversalSelectorTokenType });
                                 break;
                             case '>':
-                                // @ts-ignore
-                                value.typ = exports.EnumToken.ChildCombinatorTokenType;
+                                Object.assign(value, { typ: exports.EnumToken.ChildCombinatorTokenType });
                                 break;
                             case '+':
-                                // @ts-ignore
-                                value.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
+                                Object.assign(value, { typ: exports.EnumToken.NextSiblingCombinatorTokenType });
                                 break;
                             case '~':
-                                // @ts-ignore
-                                value.typ = exports.EnumToken.SubsequentSiblingCombinatorTokenType;
+                                Object.assign(value, { typ: exports.EnumToken.SubsequentSiblingCombinatorTokenType });
                                 break;
                         }
                         // @ts-ignore
@@ -18628,12 +19997,10 @@
                             if (!isIdent(value.val.slice(1))) {
                                 continue;
                             }
-                            // @ts-ignore
-                            value.typ = exports.EnumToken.HashTokenType;
+                            Object.assign(value, { typ: exports.EnumToken.HashTokenType });
                         }
                         else {
-                            // @ts-ignore
-                            value.typ = exports.EnumToken.IdenTokenType;
+                            Object.assign(value, { typ: exports.EnumToken.IdenTokenType });
                         }
                         // @ts-ignore
                         delete value.kin;
@@ -18688,6 +20055,7 @@
         const parseInfo = {
             stream: src,
             buffer: '',
+            offset: 0,
             position: { ind: 0, lin: 1, col: 1 },
             currentPosition: { ind: -1, lin: 1, col: 0 }
         };
@@ -18696,15 +20064,17 @@
                 return acc;
             }
             const token = getTokenType(t.token, t.hint);
-            if (options.location) {
-                Object.assign(token, { loc: t.sta });
-            }
+            Object.defineProperty(token, 'loc', {
+                ...definedPropertySettings,
+                value: { sta: t.sta },
+                enumerable: options.location !== false
+            });
             acc.push(token);
             return acc;
         }, []));
     }
     /**
-     * get token type from a string
+     * get the token type from a string
      * @param val
      * @param hint
      */
@@ -18740,7 +20110,7 @@
             case '>':
                 return { typ: exports.EnumToken.GtTokenType };
         }
-        if (isPseudo(val)) {
+        if (val.charAt(0) == ':' && isPseudo(val)) {
             return val.endsWith('(') ? {
                 typ: exports.EnumToken.PseudoClassFuncTokenType,
                 val: val.slice(0, -1),
@@ -18757,13 +20127,13 @@
                         val
                     });
         }
-        if (isAtKeyword(val)) {
+        if (val.charAt(0) == '@' && isAtKeyword(val)) {
             return {
                 typ: exports.EnumToken.AtRuleTokenType,
                 val: val.slice(1)
             };
         }
-        if (isFunction(val)) {
+        if (val.endsWith('(') && isFunction(val)) {
             val = val.slice(0, -1);
             if (val == 'url') {
                 return {
@@ -18811,14 +20181,9 @@
                 val: +val.slice(0, -1)
             };
         }
-        if (isFlex(val)) {
-            return {
-                typ: exports.EnumToken.FlexTokenType,
-                val: +val.slice(0, -2)
-            };
-        }
-        if (isDimension(val)) {
-            return parseDimension(val);
+        const dimension = parseDimension(val);
+        if (dimension != null) {
+            return dimension;
         }
         const v = val.toLowerCase();
         if (v == 'currentcolor' || v == 'transparent' || v in COLORS_NAMES) {
@@ -18848,6 +20213,12 @@
                 val
             };
         }
+        if (val.charAt(0) == '.' && isIdent(val.slice(1))) {
+            return {
+                typ: exports.EnumToken.ClassSelectorTokenType,
+                val
+            };
+        }
         if (val.charAt(0) == '#' && isHexColor(val)) {
             return {
                 typ: exports.EnumToken.ColorTokenType,
@@ -18895,6 +20266,55 @@
     function parseTokens(tokens, options = {}) {
         for (let i = 0; i < tokens.length; i++) {
             const t = tokens[i];
+            if (t.typ == exports.EnumToken.IdenTokenType && t.val == 'from' && i > 0) {
+                const left = [];
+                const right = [];
+                let foundLeft = 0;
+                let foundRight = 0;
+                let k = i;
+                let l = i;
+                while (k > 0) {
+                    if (tokens[k - 1].typ == exports.EnumToken.CommentTokenType || tokens[k - 1].typ == exports.EnumToken.WhitespaceTokenType) {
+                        left.push(tokens[--k]);
+                        continue;
+                    }
+                    if (tokens[k - 1].typ == exports.EnumToken.IdenTokenType || tokens[k - 1].typ == exports.EnumToken.DashedIdenTokenType) {
+                        foundLeft++;
+                        left.push(tokens[--k]);
+                        continue;
+                    }
+                    break;
+                }
+                while (++l < tokens.length) {
+                    if (tokens[l].typ == exports.EnumToken.CommentTokenType || tokens[l].typ == exports.EnumToken.WhitespaceTokenType) {
+                        right.push(tokens[l]);
+                        continue;
+                    }
+                    if (tokens[l].typ == exports.EnumToken.IdenTokenType || tokens[l].typ == exports.EnumToken.StringTokenType) {
+                        foundRight++;
+                        right.push(tokens[l]);
+                        continue;
+                    }
+                    break;
+                }
+                if (foundLeft > 0 && foundRight == 1) {
+                    while (left?.[0].typ == exports.EnumToken.WhitespaceTokenType) {
+                        left.shift();
+                    }
+                    while (left.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
+                        left.pop();
+                    }
+                    tokens.splice(k, l - k + 1, {
+                        typ: exports.EnumToken.ComposesSelectorNodeType,
+                        l: left,
+                        r: right.reduce((a, b) => {
+                            return a == null ? b : b.typ == exports.EnumToken.IdenTokenType || b.typ == exports.EnumToken.StringTokenType ? b : a;
+                        }, null)
+                    });
+                    i = k;
+                    continue;
+                }
+            }
             if (t.typ == exports.EnumToken.WhitespaceTokenType && ((i == 0 ||
                 i + 1 == tokens.length ||
                 [exports.EnumToken.CommaTokenType, exports.EnumToken.GteTokenType, exports.EnumToken.LteTokenType, exports.EnumToken.ColumnCombinatorTokenType].includes(tokens[i + 1].typ)) ||
@@ -19228,28 +20648,28 @@
          */
         WalkerOptionEnum[WalkerOptionEnum["Stop"] = 2] = "Stop";
         /**
-         * ignore node and process children
+         * ignore the current node and process its children
          */
         WalkerOptionEnum[WalkerOptionEnum["Children"] = 4] = "Children";
         /**
-         * ignore children
+         * ignore the current node children
          */
         WalkerOptionEnum[WalkerOptionEnum["IgnoreChildren"] = 8] = "IgnoreChildren";
     })(exports.WalkerOptionEnum || (exports.WalkerOptionEnum = {}));
     /**
      * event types for the walkValues function
      */
-    exports.WalkerValueEvent = void 0;
-    (function (WalkerValueEvent) {
+    exports.WalkerEvent = void 0;
+    (function (WalkerEvent) {
         /**
          * enter node
          */
-        WalkerValueEvent[WalkerValueEvent["Enter"] = 1] = "Enter";
+        WalkerEvent[WalkerEvent["Enter"] = 1] = "Enter";
         /**
          * leave node
          */
-        WalkerValueEvent[WalkerValueEvent["Leave"] = 2] = "Leave";
-    })(exports.WalkerValueEvent || (exports.WalkerValueEvent = {}));
+        WalkerEvent[WalkerEvent["Leave"] = 2] = "Leave";
+    })(exports.WalkerEvent || (exports.WalkerEvent = {}));
     /**
      * walk ast nodes
      * @param node initial node
@@ -19280,11 +20700,10 @@
      * }
      * ```
      *
-     * Using a filter to control the walk process:
+     * Using a {@link filter} function to control the ast traversal.  the filter function returns a value of type {@link WalkerOption}.
      *
      * ```ts
-     *
-     * import {walk} from '@tbela99/css-parser';
+     * import {EnumToken, transform, walk, WalkerOptionEnum} from '@tbela99/css-parser';
      *
      * const css = `
      * body { color:    color(from var(--base-color) display-p3 r calc(g + 0.24) calc(b + 0.15)); }
@@ -19300,17 +20719,28 @@
      * }
      * `;
      *
-     * for (const {node, parent, root} of walk(ast, (node) => {
+     * function filter(node) {
      *
      *     if (node.typ == EnumToken.AstRule && node.sel.includes('html')) {
      *
      *         // skip the children of the current node
      *         return WalkerOptionEnum.IgnoreChildren;
      *     }
-     * })) {
+     * }
      *
-     *     // do something with node
+     * const result = await transform(css);
+     * for (const {node} of walk(result.ast, filter)) {
+     *
+     *     console.error([EnumToken[node.typ]]);
      * }
+     *
+     * // [ "StyleSheetNodeType" ]
+     * // [ "RuleNodeType" ]
+     * // [ "DeclarationNodeType" ]
+     * // [ "RuleNodeType" ]
+     * // [ "DeclarationNodeType" ]
+     * // [ "RuleNodeType" ]
+     * // [ "DeclarationNodeType" ]
      * ```
      */
     function* walk(node, filter, reverse) {
@@ -19318,7 +20748,8 @@
         const root = node;
         const map = new Map;
         let isNumeric = false;
-        while ((node = parents.shift())) {
+        let i = 0;
+        while ((node = parents[i++])) {
             let option = null;
             if (filter != null) {
                 option = filter(node);
@@ -19337,8 +20768,8 @@
                 yield { node, parent: map.get(node), root };
             }
             if ('chi' in node && (!isNumeric || ((option & exports.WalkerOptionEnum.IgnoreChildren) === 0))) {
-                parents.unshift(...node.chi[reverse ? 'reverse' : 'slice']());
-                for (const child of node.chi.slice()) {
+                parents.splice(i, 0, ...node.chi[reverse ? 'reverse' : 'slice']());
+                for (const child of node.chi) {
                     map.set(child, node);
                 }
             }
@@ -19355,55 +20786,68 @@
      *
      * ```ts
      *
-     * import {EnumToken, walk} from '@tbela99/css-parser';
+     * import {AstDeclaration, EnumToken, transform, walkValues} from '@tbela99/css-parser';
      *
      * const css = `
      * body { color:    color(from var(--base-color) display-p3 r calc(g + 0.24) calc(b + 0.15)); }
-     *
-     * html,
-     * body {
-     *     line-height: 1.474;
-     * }
-     *
-     * .ruler {
-     *
-     *     height: 10px;
-     * }
      * `;
      *
-     * for (const {value} of walkValues(result.ast.chi[0].chi[0].val, null, null,true)) {
+     * const result = await transform(css);
+     * const declaration = result.ast.chi[0].chi[0] as AstDeclaration;
+     *
+     * // walk the node attribute's tokens in reverse order
+     * for (const {value} of walkValues(declaration.val, null, null,true)) {
      *
      *     console.error([EnumToken[value.typ], value.val]);
      * }
      *
+     * // [ "Color", "color" ]
+     * // [ "FunctionTokenType", "calc" ]
+     * // [ "Number", 0.15 ]
+     * // [ "Add", undefined ]
+     * // [ "Iden", "b" ]
+     * // [ "Whitespace", undefined ]
+     * // [ "FunctionTokenType", "calc" ]
+     * // [ "Number", 0.24 ]
+     * // [ "Add", undefined ]
+     * // [ "Iden", "g" ]
+     * // [ "Whitespace", undefined ]
+     * // [ "Iden", "r" ]
+     * // [ "Whitespace", undefined ]
+     * // [ "Iden", "display-p3" ]
+     * // [ "Whitespace", undefined ]
+     * // [ "FunctionTokenType", "var" ]
+     * // [ "DashedIden", "--base-color" ]
+     * // [ "Whitespace", undefined ]
+     * // [ "Iden", "from" ]
+     * ```
      */
     function* walkValues(values, root = null, filter, reverse) {
-        // const set = new Set<Token>();
         const stack = values.slice();
         const map = new Map;
         let previous = null;
         if (filter != null && typeof filter == 'function') {
             filter = {
-                event: exports.WalkerValueEvent.Enter,
+                event: exports.WalkerEvent.Enter,
                 fn: filter
             };
         }
         else if (filter == null) {
             filter = {
-                event: exports.WalkerValueEvent.Enter
+                event: exports.WalkerEvent.Enter
             };
         }
         let isNumeric = false;
-        const eventType = filter.event ?? exports.WalkerValueEvent.Enter;
+        const eventType = filter.event ?? exports.WalkerEvent.Enter;
         while (stack.length > 0) {
             let value = reverse ? stack.pop() : stack.shift();
             let option = null;
-            if (filter.fn != null && (eventType & exports.WalkerValueEvent.Enter)) {
+            if (filter.fn != null && (eventType & exports.WalkerEvent.Enter)) {
                 const isValid = filter.type == null || value.typ == filter.type ||
                     (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
                     (typeof filter.type == 'function' && filter.type(value));
                 if (isValid) {
-                    option = filter.fn(value, map.get(value) ?? root, exports.WalkerValueEvent.Enter);
+                    option = filter.fn(value, map.get(value) ?? root, exports.WalkerEvent.Enter);
                     isNumeric = typeof option == 'number';
                     if (isNumeric && (option & exports.WalkerOptionEnum.Stop)) {
                         return;
@@ -19412,12 +20856,15 @@
                         continue;
                     }
                     // @ts-ignore
-                    if (option != null && typeof option == 'object' && 'typ' in option) {
-                        map.set(option, map.get(value) ?? root);
+                    if (option != null && typeof option == 'object' && ('typ' in option || Array.isArray(option))) {
+                        const op = Array.isArray(option) ? option : [option];
+                        for (const o of op) {
+                            map.set(o, map.get(value) ?? root);
+                        }
+                        stack[reverse ? 'push' : 'unshift'](...op);
                     }
                 }
             }
-            // if ((eventType & WalkerValueEvent.Enter) && (!isNumeric || ((option as number) & WalkerOptionEnum.Children) === 0)) {
             yield {
                 value,
                 parent: map.get(value) ?? root,
@@ -19426,7 +20873,6 @@
                 // @ts-ignore
                 root: root ?? null
             };
-            // }
             if ('chi' in value && (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
                 const sliced = value.chi.slice();
                 for (const child of sliced) {
@@ -19438,12 +20884,12 @@
                 const values = [];
                 if ('l' in value && value.l != null) {
                     // @ts-ignore
-                    values[reverse ? 'push' : 'unshift'](value.l);
+                    values.push(value.l);
                     // @ts-ignore
                     map.set(value.l, value);
                 }
                 if ('op' in value && typeof value.op == 'object') {
-                    values[reverse ? 'push' : 'unshift'](value.op);
+                    values.push(value.op);
                     // @ts-ignore
                     map.set(value.op, value);
                 }
@@ -19451,14 +20897,14 @@
                     if (Array.isArray(value.r)) {
                         for (const r of value.r) {
                             // @ts-ignore
-                            values[reverse ? 'push' : 'unshift'](r);
+                            values.push(r);
                             // @ts-ignore
                             map.set(r, value);
                         }
                     }
                     else {
                         // @ts-ignore
-                        values[reverse ? 'push' : 'unshift'](value.r);
+                        values.push(value.r);
                         // @ts-ignore
                         map.set(value.r, value);
                     }
@@ -19467,29 +20913,22 @@
                     stack[reverse ? 'push' : 'unshift'](...values);
                 }
             }
-            if ((eventType & exports.WalkerValueEvent.Leave) && filter.fn != null) {
+            if ((eventType & exports.WalkerEvent.Leave) && filter.fn != null) {
                 const isValid = filter.type == null || value.typ == filter.type ||
                     (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
                     (typeof filter.type == 'function' && filter.type(value));
                 if (isValid) {
-                    option = filter.fn(value, map.get(value), exports.WalkerValueEvent.Leave);
+                    option = filter.fn(value, map.get(value), exports.WalkerEvent.Leave);
                     // @ts-ignore
-                    if (option != null && 'typ' in option) {
-                        map.set(option, map.get(value) ?? root);
+                    if (option != null && ('typ' in option || Array.isArray(option))) {
+                        const op = Array.isArray(option) ? option : [option];
+                        for (const o of op) {
+                            map.set(o, map.get(value) ?? root);
+                        }
+                        stack[reverse ? 'push' : 'unshift'](...op);
                     }
                 }
             }
-            // if ((eventType & WalkerValueEvent.Leave) && (!isNumeric && ((option as number) & WalkerOptionEnum.Children) === 0)) {
-            //
-            //     yield {
-            //         value,
-            //         parent: <FunctionToken | ParensToken>map.get(value) ?? root,
-            //         previousValue: previous,
-            //         nextValue: <Token>stack[0] ?? null,
-            //         // @ts-ignore
-            //         root: root ?? null
-            //     };
-            // }
             previous = value;
         }
     }
@@ -19497,7 +20936,7 @@
     /**
      * feature walk mode
      *
-     * @internal
+     * @private
      */
     exports.FeatureWalkMode = void 0;
     (function (FeatureWalkMode) {
@@ -19617,6 +21056,7 @@
                             }
                         }
                     }
+                    // @ts-ignore
                     if (SyntaxValidationResult.Valid == evaluateSyntax({ ...node, val: nodes }, {}).valid) {
                         node.val = nodes;
                     }
@@ -19682,6 +21122,7 @@
         }
     }
     class InlineCssVariablesFeature {
+        accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType]);
         get ordering() {
             return 0;
         }
@@ -19695,9 +21136,10 @@
             }
         }
         run(ast, options = {}, parent, context) {
-            if (!('chi' in ast)) {
-                return null;
-            }
+            // if (!('chi' in ast)) {
+            //
+            //     return null;
+            // }
             if (!('variableScope' in context)) {
                 context.variableScope = new Map;
             }
@@ -20578,8 +22020,13 @@
             });
         }
         add(...declarations) {
+            let name;
             for (const declaration of declarations) {
-                if (declaration.typ != exports.EnumToken.DeclarationNodeType || (Array.isArray(this.options.removeDuplicateDeclarations) ? this.options.removeDuplicateDeclarations.includes(declaration.nam) : !this.options.removeDuplicateDeclarations)) {
+                name = declaration.typ != exports.EnumToken.DeclarationNodeType ? null : declaration.nam.toLowerCase();
+                if (declaration.typ != exports.EnumToken.DeclarationNodeType ||
+                    'composes' === name ||
+                    (typeof this.options.removeDuplicateDeclarations === 'string' && this.options.removeDuplicateDeclarations === name) ||
+                    (Array.isArray(this.options.removeDuplicateDeclarations) ? this.options.removeDuplicateDeclarations.includes(declaration.nam) : !this.options.removeDuplicateDeclarations)) {
                     this.declarations.set(Number(Math.random().toString().slice(2)).toString(36), declaration);
                     continue;
                 }
@@ -20664,6 +22111,7 @@
     }
 
     class ComputeShorthandFeature {
+        accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType, exports.EnumToken.KeyFramesRuleNodeType]);
         get ordering() {
             return 3;
         }
@@ -20716,6 +22164,7 @@
     }
 
     class ComputeCalcExpressionFeature {
+        accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType]);
         get ordering() {
             return 1;
         }
@@ -20738,7 +22187,7 @@
                 }
                 const set = new Set;
                 for (const { value, parent } of walkValues(node.val, node, {
-                    event: exports.WalkerValueEvent.Enter,
+                    event: exports.WalkerEvent.Enter,
                     // @ts-ignore
                     fn(node, parent) {
                         if (parent != null &&
@@ -20815,7 +22264,7 @@
 
     function translateX(x, from) {
         const matrix = identity();
-        matrix[3 * 4 + 0] = x;
+        matrix[3 * 4] = x;
         return multiply(from, matrix);
     }
     function translateY(y, from) {
@@ -20830,13 +22279,13 @@
     }
     function translate(translate, from) {
         const matrix = identity();
-        matrix[3 * 4 + 0] = translate[0];
+        matrix[3 * 4] = translate[0];
         matrix[3 * 4 + 1] = translate[1] ?? 0;
         return multiply(from, matrix);
     }
     function translate3d(translate, from) {
         const matrix = identity();
-        matrix[3 * 4 + 0] = translate[0];
+        matrix[3 * 4] = translate[0];
         matrix[3 * 4 + 1] = translate[1];
         matrix[3 * 4 + 2] = translate[2];
         return multiply(from, matrix);
@@ -20859,34 +22308,34 @@
         x *= unit;
         y *= unit;
         z *= unit;
-        matrix[0 * 4 + 0] = 1 - 2 * (y * y + z * z) * sq;
-        matrix[0 * 4 + 1] = 2 * (x * y * sq + z * sc);
-        matrix[0 * 4 + 2] = 2 * (x * z * sq - y * sc);
-        matrix[1 * 4 + 0] = 2 * (x * y * sq - z * sc);
-        matrix[1 * 4 + 1] = 1 - 2 * (x * x + z * z) * sq;
-        matrix[1 * 4 + 2] = 2 * (y * z * sq + x * sc);
-        matrix[2 * 4 + 0] = 2 * (x * z * sq + y * sc);
+        matrix[0] = 1 - 2 * (y * y + z * z) * sq;
+        matrix[1] = 2 * (x * y * sq + z * sc);
+        matrix[2] = 2 * (x * z * sq - y * sc);
+        matrix[4] = 2 * (x * y * sq - z * sc);
+        matrix[4 + 1] = 1 - 2 * (x * x + z * z) * sq;
+        matrix[4 + 2] = 2 * (y * z * sq + x * sc);
+        matrix[2 * 4] = 2 * (x * z * sq + y * sc);
         matrix[2 * 4 + 1] = 2 * (y * z * sq - x * sc);
         matrix[2 * 4 + 2] = 1 - 2 * (x * x + y * y) * sq;
         return multiply(from, matrix);
     }
     function rotate(angle, from) {
         const matrix = identity();
-        matrix[0 * 4 + 0] = Math.cos(angle);
-        matrix[0 * 4 + 1] = Math.sin(angle);
-        matrix[1 * 4 + 0] = -Math.sin(angle);
-        matrix[1 * 4 + 1] = Math.cos(angle);
+        matrix[0] = Math.cos(angle);
+        matrix[1] = Math.sin(angle);
+        matrix[4] = -Math.sin(angle);
+        matrix[4 + 1] = Math.cos(angle);
         return multiply(from, matrix);
     }
 
     function scaleX(x, from) {
         const matrix = identity();
-        matrix[0 * 4 + 0] = x;
+        matrix[0] = x;
         return multiply(from, matrix);
     }
     function scaleY(y, from) {
         const matrix = identity();
-        matrix[1 * 4 + 1] = y;
+        matrix[4 + 1] = y;
         return multiply(from, matrix);
     }
     function scaleZ(z, from) {
@@ -20896,14 +22345,14 @@
     }
     function scale(x, y, from) {
         const matrix = identity();
-        matrix[0 * 4 + 0] = x;
-        matrix[1 * 4 + 1] = y;
+        matrix[0] = x;
+        matrix[4 + 1] = y;
         return multiply(from, matrix);
     }
     function scale3d(x, y, z, from) {
         const matrix = identity();
-        matrix[0 * 4 + 0] = x;
-        matrix[1 * 4 + 1] = y;
+        matrix[0] = x;
+        matrix[4 + 1] = y;
         matrix[2 * 4 + 2] = z;
         return multiply(from, matrix);
     }
@@ -20928,27 +22377,27 @@
     function matrix(values) {
         const matrix = identity();
         if (values.length === 6) {
-            matrix[0 * 4 + 0] = values[0];
-            matrix[0 * 4 + 1] = values[1];
-            matrix[1 * 4 + 0] = values[2];
-            matrix[1 * 4 + 1] = values[3];
-            matrix[3 * 4 + 0] = values[4];
+            matrix[0] = values[0];
+            matrix[1] = values[1];
+            matrix[4] = values[2];
+            matrix[4 + 1] = values[3];
+            matrix[3 * 4] = values[4];
             matrix[3 * 4 + 1] = values[5];
         }
         else if (values.length === 16) {
-            matrix[0 * 4 + 0] = values[0];
-            matrix[0 * 4 + 1] = values[1];
-            matrix[0 * 4 + 2] = values[2];
-            matrix[0 * 4 + 3] = values[3];
-            matrix[1 * 4 + 0] = values[4];
-            matrix[1 * 4 + 1] = values[5];
-            matrix[1 * 4 + 2] = values[6];
-            matrix[1 * 4 + 3] = values[7];
-            matrix[2 * 4 + 0] = values[8];
+            matrix[0] = values[0];
+            matrix[1] = values[1];
+            matrix[2] = values[2];
+            matrix[3] = values[3];
+            matrix[4] = values[4];
+            matrix[4 + 1] = values[5];
+            matrix[4 + 2] = values[6];
+            matrix[4 + 3] = values[7];
+            matrix[2 * 4] = values[8];
             matrix[2 * 4 + 1] = values[9];
             matrix[2 * 4 + 2] = values[10];
             matrix[2 * 4 + 3] = values[11];
-            matrix[3 * 4 + 0] = values[12];
+            matrix[3 * 4] = values[12];
             matrix[3 * 4 + 1] = values[13];
             matrix[3 * 4 + 2] = values[14];
             matrix[3 * 4 + 3] = values[15];
@@ -20973,11 +22422,11 @@
                 typ: exports.EnumToken.FunctionTokenType,
                 val: 'matrix',
                 chi: [
-                    matrix[0 * 4 + 0],
-                    matrix[0 * 4 + 1],
-                    matrix[1 * 4 + 0],
-                    matrix[1 * 4 + 1],
-                    matrix[3 * 4 + 0],
+                    matrix[0],
+                    matrix[1],
+                    matrix[4],
+                    matrix[4 + 1],
+                    matrix[3 * 4],
                     matrix[3 * 4 + 1]
                 ].reduce((acc, t) => {
                     if (acc.length > 0) {
@@ -21160,10 +22609,6 @@
             }
         }
         if (transforms.has('skew')) {
-            // if (round(decomposed.skew[0]) == 0) {
-            //
-            //     skew.delete('x');
-            // }
             if (round(decomposed.skew[1]) == 0) {
                 skew.delete('y');
             }
@@ -21203,7 +22648,7 @@
                 scales.delete('x');
             }
             if (scales.size == 1) {
-                let prefix = scales.has('x') ? '' : scales.has('y') ? 'Y' : 'Z';
+                let prefix = scales.has('x') ? 'X' : scales.has('y') ? 'Y' : 'Z';
                 result.push({
                     typ: exports.EnumToken.FunctionTokenType,
                     val: 'scale' + prefix,
@@ -21246,13 +22691,9 @@
         ] : result;
     }
     function eqMatrix(a, b) {
-        // console.error(JSON.stringify({a, b}, null, 1));
         let mat = identity();
         let tmp = identity();
-        // @ts-ignore
         const data = (Array.isArray(a) ? a : parseMatrix(a));
-        // toZero(data);
-        // console.error({data});
         for (const transform of b) {
             tmp = computeMatrix([transform], identity());
             if (tmp == null) {
@@ -21260,8 +22701,6 @@
             }
             mat = multiply(mat, tmp);
         }
-        // toZero(mat);
-        // console.error({mat});
         if (mat == null) {
             return false;
         }
@@ -21274,23 +22713,126 @@
         }
         return true;
     }
+    function minifyTransformFunctions(transform) {
+        const name = transform.val.toLowerCase();
+        if ('skewx' == name) {
+            transform.val = 'skew';
+            return transform;
+        }
+        if (!['translate', 'translate3d', 'scale', 'scale3d'].includes(name)) {
+            return transform;
+        }
+        const values = [];
+        for (const token of transform.chi) {
+            if (token.typ == exports.EnumToken.CommentTokenType || token.typ == exports.EnumToken.WhitespaceTokenType || token.typ == exports.EnumToken.CommaTokenType) {
+                continue;
+            }
+            if (![exports.EnumToken.NumberTokenType, exports.EnumToken.LengthTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.PercentageTokenType].includes(token.typ)) {
+                return transform;
+            }
+            if (token.typ == exports.EnumToken.PercentageTokenType && typeof token.val == 'number' && name.startsWith('scale')) {
+                Object.assign(token, { typ: exports.EnumToken.NumberTokenType, val: token.val / 100 });
+            }
+            values.push(token);
+        }
+        if ((name == 'translate' || name == 'scale') && values.length > 2) {
+            return transform;
+        }
+        const ignoredValue = name.startsWith('scale') ? 1 : 0;
+        const t = new Set(['x', 'y', 'z']);
+        let i = 3;
+        while (i--) {
+            if (values.length <= i || values[i].val == ignoredValue) {
+                t.delete(i == 0 ? 'x' : i == 1 ? 'y' : 'z');
+            }
+        }
+        if (name == 'translate3d' || name == 'translate') {
+            if (t.size == 0) {
+                return {
+                    typ: exports.EnumToken.FunctionTokenType,
+                    val: 'translate',
+                    chi: [
+                        { typ: exports.EnumToken.NumberTokenType, val: 0 }
+                    ]
+                };
+            }
+            if (t.size == 1) {
+                return {
+                    typ: exports.EnumToken.FunctionTokenType,
+                    val: 'translate' + (t.has('x') ? '' : t.has('y') ? 'Y' : 'Z'),
+                    chi: [
+                        values[t.has('x') ? 0 : t.has('y') ? 1 : 2]
+                    ]
+                };
+            }
+            if (t.size == 2) {
+                if (t.has('z')) {
+                    return transform;
+                }
+                return {
+                    typ: exports.EnumToken.FunctionTokenType,
+                    val: 'translate',
+                    chi: [
+                        values[0],
+                        { typ: exports.EnumToken.CommaTokenType },
+                        values[1]
+                    ]
+                };
+            }
+        }
+        if (name == 'scale3d' || name == 'scale') {
+            if (t.size == 0) {
+                return {
+                    typ: exports.EnumToken.FunctionTokenType,
+                    val: 'scale',
+                    chi: [
+                        { typ: exports.EnumToken.NumberTokenType, val: 1 }
+                    ]
+                };
+            }
+            if (t.size == 1) {
+                return {
+                    typ: exports.EnumToken.FunctionTokenType,
+                    val: 'scale' + (t.has('x') ? 'X' : t.has('y') ? 'Y' : 'Z'),
+                    chi: [
+                        values[t.has('x') ? 0 : t.has('y') ? 1 : 2]
+                    ]
+                };
+            }
+            if (t.size == 2) {
+                if (t.has('z')) {
+                    return transform;
+                }
+                return {
+                    typ: exports.EnumToken.FunctionTokenType,
+                    val: 'scale',
+                    chi: [
+                        values[0],
+                        { typ: exports.EnumToken.CommaTokenType },
+                        values[1]
+                    ]
+                };
+            }
+        }
+        return transform;
+    }
 
     function skewX(x, from) {
         const matrix = identity();
-        matrix[1 * 4 + 0] = Math.tan(x);
+        matrix[4] = Math.tan(x);
         return multiply(from, matrix);
     }
     function skewY(y, from) {
         const matrix = identity();
-        matrix[0 * 4 + 1] = Math.tan(y);
+        matrix[1] = Math.tan(y);
         return multiply(from, matrix);
     }
     // convert angle to radian
     function skew(values, from) {
         const matrix = identity();
-        matrix[1 * 4 + 0] = Math.tan(values[0]);
+        matrix[4] = Math.tan(values[0]);
         if (values.length > 1) {
-            matrix[0 * 4 + 1] = Math.tan(values[1]);
+            matrix[1] = Math.tan(values[1]);
         }
         return multiply(from, matrix);
     }
@@ -21329,8 +22871,6 @@
                 });
             }
         }
-        // console.error({matrix});
-        // matrix = toZero(matrix) as Matrix;
         return {
             matrix: serialize(toZero(matrix)),
             cumulative,
@@ -21354,7 +22894,7 @@
                     {
                         values.length = 0;
                         const children = stripCommaToken(transformList[i].chi.slice());
-                        const valCount = transformList[i].val == 'translate3d' || transformList[i].val == 'translate' ? 3 : 1;
+                        const valCount = transformList[i].val == 'translate3d' ? 3 : transformList[i].val == 'translate' ? 2 : 1;
                         for (let j = 0; j < children.length; j++) {
                             if (children[j].typ == exports.EnumToken.WhitespaceTokenType) {
                                 continue;
@@ -21441,7 +22981,7 @@
                         const children = stripCommaToken(transformList[i].chi.slice());
                         for (let k = 0; k < children.length; k++) {
                             child = children[k];
-                            if (child.typ != exports.EnumToken.NumberTokenType) {
+                            if (child.typ != exports.EnumToken.NumberTokenType && child.typ != exports.EnumToken.PercentageTokenType) {
                                 return null;
                             }
                             values.push(getNumber(child));
@@ -21595,6 +23135,7 @@
     }
 
     class TransformCssFeature {
+        accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.KeyFramesRuleNodeType]);
         get ordering() {
             return 4;
         }
@@ -21621,28 +23162,21 @@
                 if (node.typ != exports.EnumToken.DeclarationNodeType || !node.nam.match(/^(-[a-z]+-)?transform$/)) {
                     continue;
                 }
-                const children = node.val.reduce((acc, curr) => {
-                    if (curr.typ == exports.EnumToken.FunctionTokenType && 'skew' == curr.val.toLowerCase()) {
-                        if (curr.chi.length == 3) {
-                            if (curr.chi[2].val == 0) {
-                                curr.chi.length = 1;
-                                curr.val = 'skew';
-                            }
-                            else if (curr.chi[0].val == 0) {
-                                curr.chi = [curr.chi[2]];
-                                curr.val = 'skewY';
-                            }
-                        }
-                    }
-                    acc.push(curr);
-                    return acc;
-                }, []);
+                const children = [];
+                for (const child of node.val) {
+                    children.push(child.typ == exports.EnumToken.FunctionTokenType ? minifyTransformFunctions(child) : child);
+                }
                 consumeWhitespace(children);
-                let { matrix, cumulative, minified } = compute(children) ?? {};
+                let { matrix, cumulative, minified } = compute(children) ?? {
+                    matrix: null,
+                    cumulative: null,
+                    minified: null
+                };
                 if (matrix == null || cumulative == null || minified == null) {
+                    node.val = children;
                     continue;
                 }
-                let r = [filterValues(node.val.slice())];
+                let r = [filterValues(children)];
                 if (eqMatrix(matrix, cumulative)) {
                     r.push(cumulative);
                 }
@@ -21721,7 +23255,7 @@
                 }
                 replacement = parent;
                 for (const feature of options.features) {
-                    if ((feature.processMode & exports.FeatureWalkMode.Pre) === 0) {
+                    if ((feature.processMode & exports.FeatureWalkMode.Pre) === 0 || (feature.accept != null && !feature.accept.has(parent.typ))) {
                         continue;
                     }
                     const result = feature.run(replacement, options, parent.parent ?? ast, context, exports.FeatureWalkMode.Pre);
@@ -21760,7 +23294,7 @@
             replacement = parent;
             if (postprocess) {
                 for (const feature of options.features) {
-                    if ((feature.processMode & exports.FeatureWalkMode.Post) === 0) {
+                    if ((feature.processMode & exports.FeatureWalkMode.Post) === 0 || (feature.accept != null && !feature.accept.has(parent.typ))) {
                         continue;
                     }
                     const result = feature.run(replacement, options, parent.parent ?? ast, context, exports.FeatureWalkMode.Post);
@@ -21891,6 +23425,7 @@
                         continue;
                     }
                     if (previous?.typ == exports.EnumToken.AtRuleNodeType &&
+                        node.nam != 'font-face' &&
                         previous.nam == node.nam &&
                         previous.val == node.val) {
                         if ('chi' in node) {
@@ -22039,7 +23574,9 @@
                                 break;
                             }
                             if (shouldMerge) {
+                                // @ts-ignore
                                 if (((node.typ == exports.EnumToken.RuleNodeType || node.typ == exports.EnumToken.KeyFramesRuleNodeType) && node.sel == previous.sel) ||
+                                    // @ts-ignore
                                     (node.typ == exports.EnumToken.AtRuleNodeType) && node.val != 'font-face' && node.val == previous.val) {
                                     // @ts-ignore
                                     node.chi.unshift(...previous.chi);
@@ -22050,7 +23587,7 @@
                                     continue;
                                 }
                                 else if (node.typ == previous?.typ && [exports.EnumToken.KeyFramesRuleNodeType, exports.EnumToken.RuleNodeType].includes(node.typ)) {
-                                    const intersect = diff(previous, node, reducer, options);
+                                    const intersect = diff$1(previous, node, reducer, options);
                                     if (intersect != null) {
                                         if (intersect.node1.chi.length == 0) {
                                             ast.chi.splice(i--, 1);
@@ -22096,7 +23633,7 @@
                 nodeIndex = i;
             }
             if (recursive && node != null && ('chi' in node)) {
-                if (node.typ == exports.EnumToken.KeyframesAtRuleNodeType || !node.chi.some(n => n.typ == exports.EnumToken.DeclarationNodeType)) {
+                if (node.typ == exports.EnumToken.KeyframesAtRuleNodeType || !node.chi.some((n) => n.typ == exports.EnumToken.DeclarationNodeType)) {
                     if (!(node.typ == exports.EnumToken.AtRuleNodeType && node.nam != 'font-face')) {
                         doMinify(node, options, recursive, errors, nestingContent, context);
                     }
@@ -22529,7 +24066,7 @@
      *
      * @private
      */
-    function diff(n1, n2, reducer, options = {}) {
+    function diff$1(n1, n2, reducer, options = {}) {
         if (!('cache' in options)) {
             options.cache = new WeakMap();
         }
@@ -22707,14 +24244,11 @@
      */
     function expand(ast) {
         const result = { ...ast, chi: [] };
-        // @ts-ignore
         for (let i = 0; i < ast.chi.length; i++) {
-            // @ts-ignore
             const node = ast.chi[i];
             if (node.typ == exports.EnumToken.RuleNodeType) {
                 // @ts-ignore
                 result.chi.push(...expandRule(node));
-                // i += expanded.length - 1;
             }
             else if (node.typ == exports.EnumToken.AtRuleNodeType && 'chi' in node) {
                 let hasRule = false;
@@ -22729,6 +24263,10 @@
                 // @ts-ignore
                 result.chi.push({ ...(hasRule ? expand(node) : node) });
             }
+            else {
+                // @ts-ignore
+                result.chi.push(node);
+            }
         }
         return result;
     }
@@ -22911,13 +24449,7 @@
                 return 1;
             }
             return b == '&' ? -1 : 0;
-        }).reduce((acc, curr) => {
-            // if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-            //
-            //     return acc + ':is(' + replace + ')';
-            // }
-            return acc + (curr == '&' ? replace : curr);
-        }, '');
+        }).reduce((acc, curr) => acc + (curr == '&' ? replace : curr), '');
     }
 
     const matchUrl = /^(https?:)?\/\//;
@@ -22932,6 +24464,9 @@
         //
         //     return path;
         // }
+        if (path === '') {
+            return '';
+        }
         let i = 0;
         let parts = [''];
         for (; i < path.length; i++) {
@@ -22939,9 +24474,10 @@
             if (chr == '/') {
                 parts.push('');
             }
-            else if (chr == '?' || chr == '#') {
-                break;
-            }
+            // else if (chr == '?' || chr == '#') {
+            //
+            //     break;
+            // }
             else {
                 parts[parts.length - 1] += chr;
             }
@@ -22955,6 +24491,12 @@
      * @private
      */
     function splitPath(result) {
+        if (result.length == 0) {
+            return { parts: [], i: 0 };
+        }
+        if (result === '/') {
+            return { parts: ['/'], i: 0 };
+        }
         const parts = [''];
         let i = 0;
         for (; i < result.length; i++) {
@@ -22996,6 +24538,23 @@
                 relative: url
             };
         }
+        cwd ??= '';
+        currentDirectory ??= '';
+        if (currentDirectory !== '' && url.startsWith(currentDirectory + '/')) {
+            return {
+                absolute: url,
+                relative: url.slice(currentDirectory.length + 1)
+            };
+        }
+        if (currentDirectory === '' && cwd !== '' && url.startsWith(cwd == '/' ? cwd : cwd + '/')) {
+            cwd = normalize(cwd);
+            const absolute = normalize(url);
+            const prefix = cwd == '/' ? cwd : cwd + '/';
+            return {
+                absolute,
+                relative: absolute.startsWith(prefix) ? absolute.slice(prefix.length) : diff(absolute, cwd)
+            };
+        }
         if (matchUrl.test(currentDirectory)) {
             const path = new URL(url, currentDirectory).href;
             return {
@@ -23010,9 +24569,15 @@
         else if (currentDirectory.charAt(0) == '/') {
             result = dirname(currentDirectory) + '/' + url;
         }
-        let { parts, i } = splitPath(result);
-        const absolute = parts.join('/');
-        const { parts: dirs } = splitPath(cwd ?? currentDirectory);
+        const absolute = normalize(result);
+        return {
+            absolute,
+            relative: absolute === '' ? '' : diff(absolute, cwd ?? currentDirectory),
+        };
+    }
+    function diff(path1, path2) {
+        let { parts } = splitPath(path1);
+        const { parts: dirs } = splitPath(path2);
         for (const p of dirs) {
             if (parts[0] == p) {
                 parts.shift();
@@ -23021,20 +24586,69 @@
                 parts.unshift('..');
             }
         }
-        return {
-            absolute,
-            relative: parts.join('/') + (i < result.length ? result.slice(i) : '')
-        };
+        return parts.join('/');
+    }
+    function normalize(path) {
+        let parts = [];
+        let i = 0;
+        for (; i < path.length; i++) {
+            const chr = path.charAt(i);
+            if (chr == '/') {
+                if (parts.length == 0 || parts[parts.length - 1] !== '') {
+                    parts.push('');
+                }
+            }
+            else if (chr == '?' || chr == '#') {
+                break;
+            }
+            else {
+                parts[parts.length - 1] += chr;
+            }
+        }
+        let k = -1;
+        while (++k < parts.length) {
+            if (parts[k] == '.') {
+                parts.splice(k--, 1);
+            }
+            else if (parts[k] == '..') {
+                parts.splice(k - 1, 2);
+                k -= 2;
+            }
+        }
+        return (path.charAt(0) == '/' ? '/' : '') + parts.join('/');
     }
 
+    /**
+     * response type
+     */
+    exports.ResponseType = void 0;
+    (function (ResponseType) {
+        /**
+         * return text
+         */
+        ResponseType[ResponseType["Text"] = 0] = "Text";
+        /**
+         * return a readable stream
+         */
+        ResponseType[ResponseType["ReadableStream"] = 1] = "ReadableStream";
+        /**
+         * return an arraybuffer
+         */
+        ResponseType[ResponseType["ArrayBuffer"] = 2] = "ArrayBuffer";
+    })(exports.ResponseType || (exports.ResponseType = {}));
+
     /**
      * default file or url loader
      * @param url
      * @param currentFile
      *
+     * @param responseType
      * @private
      */
-    async function load(url, currentFile = '.') {
+    async function load(url, currentFile = '.', responseType = false) {
+        if (typeof responseType == 'boolean') {
+            responseType = responseType ? exports.ResponseType.ReadableStream : exports.ResponseType.Text;
+        }
         let t;
         if (matchUrl.test(url)) {
             t = new URL(url);
@@ -23044,21 +24658,23 @@
         }
         else {
             const path = resolve(url, currentFile).absolute;
-            // @ts-ignore
             t = new URL(path, self.origin);
         }
-        // @ts-ignore
-        return fetch(t, t.origin != self.origin ? { mode: 'cors' } : {}).then((response) => {
+        return fetch(t, t.origin != self.origin ? { mode: 'cors' } : {}).then(async (response) => {
             if (!response.ok) {
                 throw new Error(`${response.status} ${response.statusText} ${response.url}`);
             }
-            return response.body;
+            if (responseType == exports.ResponseType.ArrayBuffer) {
+                return response.arrayBuffer();
+            }
+            return responseType == exports.ResponseType.ReadableStream ? response.body : await response.text();
         });
     }
     /**
      * render the ast tree
      * @param data
      * @param options
+     * @param mapping
      *
      * Example:
      *
@@ -23083,17 +24699,18 @@
      * // }
      * ```
      */
-    function render(data, options = {}) {
+    function render(data, options = {}, mapping) {
         return doRender(data, Object.assign(options, {
             resolve,
             dirname,
             cwd: options.cwd ?? self.location.pathname.endsWith('/') ? self.location.pathname : dirname(self.location.pathname)
-        }));
+        }), mapping);
     }
     /**
      * parse css file
      * @param file url or path
      * @param options
+     * @param asStream load file as stream
      *
      * @throws Error file not found
      *
@@ -23112,8 +24729,8 @@
      * console.log(result.ast);
      * ```
      */
-    async function parseFile(file, options = {}) {
-        return load(file).then(stream => parse(stream, { src: file, ...options }));
+    async function parseFile(file, options = {}, asStream = false) {
+        return Promise.resolve((options.load ?? load)(file, '.', asStream)).then(stream => parse(stream, { src: file, ...options }));
     }
     /**
      * parse css
@@ -23147,6 +24764,7 @@
         return doParse(stream instanceof ReadableStream ? tokenizeStream(stream) : tokenize$1({
             stream,
             buffer: '',
+            offset: 0,
             position: { ind: 0, lin: 1, col: 1 },
             currentPosition: { ind: -1, lin: 1, col: 0 }
         }), Object.assign(options, {
@@ -23154,12 +24772,16 @@
             resolve,
             dirname,
             cwd: options.cwd ?? self.location.pathname.endsWith('/') ? self.location.pathname : dirname(self.location.pathname)
-        }));
+        })).then(result => {
+            const { revMapping, ...res } = result;
+            return res;
+        });
     }
     /**
      * transform css file
      * @param file url or path
      * @param options
+     * @param asStream load file as stream
      *
      * Example:
      *
@@ -23176,8 +24798,8 @@
      * console.log(result.code);
      * ```
      */
-    async function transformFile(file, options = {}) {
-        return load(file).then(stream => transform(stream, { src: file, ...options }));
+    async function transformFile(file, options = {}, asStream = false) {
+        return Promise.resolve((options.load ?? load)(file, '.', asStream)).then(stream => transform(stream, { src: file, ...options }));
     }
     /**
      * transform css
@@ -23205,8 +24827,21 @@
         options = { minify: true, removeEmpty: true, removeCharset: true, ...options };
         const startTime = performance.now();
         return parse(css, options).then((parseResult) => {
+            let mapping = null;
+            let importMapping = null;
+            if (typeof options.module == 'number' && (options.module & exports.ModuleScopeEnumOptions.ICSS)) {
+                mapping = parseResult.mapping;
+                importMapping = parseResult.importMapping;
+            }
+            else if (typeof options.module == 'object' && typeof options.module.scoped == 'number' && (options.module.scoped & exports.ModuleScopeEnumOptions.ICSS)) {
+                mapping = parseResult.mapping;
+                importMapping = parseResult.importMapping;
+            }
             // ast already expanded by parse
-            const rendered = render(parseResult.ast, { ...options, expandNestingRules: false });
+            const rendered = render(parseResult.ast, {
+                ...options,
+                expandNestingRules: false
+            }, mapping != null ? { mapping, importMapping } : null);
             return {
                 ...parseResult,
                 ...rendered,