tailwindcss 0.0.0-insiders.d6301bd → 0.0.0-insiders.e2d5f21

package/lib/corePlugins.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.variantPlugins = exports.corePlugins = void 0;
+exports.corePlugins = exports.variantPlugins = void 0;
 var _fs = _interopRequireDefault(require("fs"));
 var path = _interopRequireWildcard(require("path"));
 var _postcss = _interopRequireDefault(require("postcss"));
@@ -16,6 +16,8 @@ var _isPlainObject = _interopRequireDefault(require("./util/isPlainObject"));
 var _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue"));
 var _packageJson = require("../package.json");
 var _log = _interopRequireDefault(require("./util/log"));
+var _normalizeScreens = require("./util/normalizeScreens");
+var _parseBoxShadowValue = require("./util/parseBoxShadowValue");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -57,6 +59,7 @@ let variantPlugins = {
             '&::selection'
         ]);
         addVariant('file', '&::file-selector-button');
+        addVariant('placeholder', '&::placeholder');
         addVariant('before', ({ container  })=>{
             container.walkRules((rule)=>{
                 let foundContent = false;
@@ -196,15 +199,18 @@ let variantPlugins = {
         addVariant('print', '@media print');
     },
     screenVariants: ({ theme , addVariant  })=>{
-        for(let screen in theme('screens')){
-            let size = theme('screens')[screen];
-            let query = (0, _buildMediaQuery).default(size);
-            addVariant(screen, `@media ${query}`);
+        for (let screen of (0, _normalizeScreens).normalizeScreens(theme('screens'))){
+            let query = (0, _buildMediaQuery).default(screen);
+            addVariant(screen.name, `@media ${query}`);
         }
+    },
+    orientationVariants: ({ addVariant  })=>{
+        addVariant('portrait', '@media (orientation: portrait)');
+        addVariant('landscape', '@media (orientation: landscape)');
     }
 };
 exports.variantPlugins = variantPlugins;
-let corePlugins = {
+let corePlugins1 = {
     preflight: ({ addBase  })=>{
         let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8'));
         addBase([
@@ -215,27 +221,11 @@ let corePlugins = {
         ]);
     },
     container: (()=>{
-        function extractMinWidths(breakpoints) {
-            return Object.values(breakpoints !== null && breakpoints !== void 0 ? breakpoints : {
-            }).flatMap((breakpoints)=>{
-                if (typeof breakpoints === 'string') {
-                    breakpoints = {
-                        min: breakpoints
-                    };
-                }
-                if (!Array.isArray(breakpoints)) {
-                    breakpoints = [
-                        breakpoints
-                    ];
-                }
-                return breakpoints.filter((breakpoint)=>{
-                    var ref;
-                    return (breakpoint === null || breakpoint === void 0 ? void 0 : (ref = breakpoint.hasOwnProperty) === null || ref === void 0 ? void 0 : ref.call(breakpoint, 'min')) || (breakpoint === null || breakpoint === void 0 ? void 0 : breakpoint.hasOwnProperty('min-width'));
-                }).map((breakpoint)=>{
-                    var ref;
-                    return (ref = breakpoint['min-width']) !== null && ref !== void 0 ? ref : breakpoint.min;
-                });
-            });
+        function extractMinWidths(breakpoints = []) {
+            return breakpoints.flatMap((breakpoint1)=>breakpoint1.values.map((breakpoint)=>breakpoint.min
+                )
+            ).filter((v)=>v !== undefined
+            );
         }
         function mapMinWidthsToPadding(minWidths, screens, paddings) {
             if (typeof paddings === 'undefined') {
@@ -259,25 +249,25 @@ let corePlugins = {
                 });
             }
             for (let minWidth of minWidths){
-                for (let [screen, value] of Object.entries(screens)){
-                    let screenMinWidth = typeof value === 'object' && value !== null ? value.min || value['min-width'] : value;
-                    if (`${screenMinWidth}` === `${minWidth}`) {
-                        mapping.push({
-                            screen,
-                            minWidth,
-                            padding: paddings[screen]
-                        });
+                for (let screen of screens){
+                    for (let { min  } of screen.values){
+                        if (min === minWidth) {
+                            mapping.push({
+                                minWidth,
+                                padding: paddings[screen.name]
+                            });
+                        }
                     }
                 }
             }
             return mapping;
         }
         return function({ addComponents , theme  }) {
-            let screens = theme('container.screens', theme('screens'));
+            let screens = (0, _normalizeScreens).normalizeScreens(theme('container.screens', theme('screens')));
             let minWidths = extractMinWidths(screens);
             let paddings = mapMinWidthsToPadding(minWidths, screens, theme('container.padding'));
             let generatePaddingFor = (minWidth)=>{
-                let paddingConfig = paddings.find((padding)=>`${padding.minWidth}` === `${minWidth}`
+                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth
                 );
                 if (!paddingConfig) {
                     return {
@@ -921,7 +911,9 @@ let corePlugins = {
                 ], 
             ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     transform: ({ addBase , addUtilities  })=>{
         addBase({
             '@defaults transform': {
@@ -989,8 +981,8 @@ let corePlugins = {
             ];
         }));
         matchUtilities({
-            animate: (value)=>{
-                let animations = (0, _parseAnimationValue).default(value);
+            animate: (value1)=>{
+                let animations = (0, _parseAnimationValue).default(value1);
                 return [
                     ...animations.flatMap((animation)=>keyframes[animation.name]
                     ),
@@ -1009,7 +1001,15 @@ let corePlugins = {
         });
     },
     cursor: (0, _createUtilityPlugin).default('cursor'),
-    touchAction: ({ addUtilities  })=>{
+    touchAction: ({ addBase , addUtilities  })=>{
+        addBase({
+            '@defaults touch-action': {
+                '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',
+                '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',
+                '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',
+                '--tw-touch-action': 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)'
+            }
+        });
         addUtilities({
             '.touch-auto': {
                 'touch-action': 'auto'
@@ -1018,25 +1018,46 @@ let corePlugins = {
                 'touch-action': 'none'
             },
             '.touch-pan-x': {
-                'touch-action': 'pan-x'
+                '@defaults touch-action': {
+                },
+                '--tw-pan-x': 'pan-x',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-pan-left': {
-                'touch-action': 'pan-left'
+                '@defaults touch-action': {
+                },
+                '--tw-pan-x': 'pan-left',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-pan-right': {
-                'touch-action': 'pan-right'
+                '@defaults touch-action': {
+                },
+                '--tw-pan-x': 'pan-right',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-pan-y': {
-                'touch-action': 'pan-y'
+                '@defaults touch-action': {
+                },
+                '--tw-pan-y': 'pan-y',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-pan-up': {
-                'touch-action': 'pan-up'
+                '@defaults touch-action': {
+                },
+                '--tw-pan-y': 'pan-up',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-pan-down': {
-                'touch-action': 'pan-down'
+                '@defaults touch-action': {
+                },
+                '--tw-pan-y': 'pan-down',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-pinch-zoom': {
-                'touch-action': 'pinch-zoom'
+                '@defaults touch-action': {
+                },
+                '--tw-pinch-zoom': 'pinch-zoom',
+                'touch-action': 'var(--tw-touch-action)'
             },
             '.touch-manipulation': {
                 'touch-action': 'manipulation'
@@ -2296,6 +2317,12 @@ let corePlugins = {
             },
             '.decoration-clone': {
                 'box-decoration-break': 'clone'
+            },
+            '.box-decoration-slice': {
+                'box-decoration-break': 'slice'
+            },
+            '.box-decoration-clone': {
+                'box-decoration-break': 'clone'
             }
         });
     },
@@ -2767,6 +2794,9 @@ let corePlugins = {
             '.underline': {
                 'text-decoration': 'underline'
             },
+            '.overline': {
+                'text-decoration': 'overline'
+            },
             '.line-through': {
                 'text-decoration': 'line-through'
             },
@@ -2785,11 +2815,55 @@ let corePlugins = {
         }, {
             values: (0, _flattenColorPalette).default(theme('textDecorationColor')),
             type: [
-                'color',
-                'any'
+                'color'
             ]
         });
     },
+    textDecorationStyle: ({ addUtilities  })=>{
+        addUtilities({
+            '.decoration-solid': {
+                'text-decoration-style': 'solid'
+            },
+            '.decoration-double': {
+                'text-decoration-style': 'double'
+            },
+            '.decoration-dotted': {
+                'text-decoration-style': 'dotted'
+            },
+            '.decoration-dashed': {
+                'text-decoration-style': 'dashed'
+            },
+            '.decoration-wavy': {
+                'text-decoration-style': 'wavy'
+            }
+        });
+    },
+    textDecorationThickness: (0, _createUtilityPlugin).default('textDecorationThickness', [
+        [
+            'decoration',
+            [
+                'text-decoration-thickness'
+            ]
+        ]
+    ], {
+        type: [
+            'length',
+            'percentage'
+        ]
+    }),
+    textUnderlineOffset: (0, _createUtilityPlugin).default('textUnderlineOffset', [
+        [
+            'underline-offset',
+            [
+                'text-underline-offset'
+            ]
+        ]
+    ], {
+        type: [
+            'length',
+            'percentage'
+        ]
+    }),
     fontSmoothing: ({ addUtilities  })=>{
         addUtilities({
             '.antialiased': {
@@ -2995,24 +3069,52 @@ let corePlugins = {
                 '@defaults box-shadow': {
                     '--tw-ring-offset-shadow': '0 0 #0000',
                     '--tw-ring-shadow': '0 0 #0000',
-                    '--tw-shadow': '0 0 #0000'
+                    '--tw-shadow': '0 0 #0000',
+                    '--tw-shadow-colored': '0 0 #0000'
                 }
             });
             matchUtilities({
                 shadow: (value)=>{
                     value = transformValue(value);
+                    let ast = (0, _parseBoxShadowValue).parseBoxShadowValue(value);
+                    for (let shadow of ast){
+                        // Don't override color if the whole shadow is a variable
+                        if (!shadow.valid) {
+                            continue;
+                        }
+                        shadow.color = 'var(--tw-shadow-color)';
+                    }
                     return {
                         '@defaults box-shadow': {
                         },
                         '--tw-shadow': value === 'none' ? '0 0 #0000' : value,
+                        '--tw-shadow-colored': value === 'none' ? '0 0 #0000' : (0, _parseBoxShadowValue).formatBoxShadowValue(ast),
                         'box-shadow': defaultBoxShadow
                     };
                 }
             }, {
-                values: theme('boxShadow')
+                values: theme('boxShadow'),
+                type: [
+                    'shadow'
+                ]
             });
         };
     })(),
+    boxShadowColor: ({ matchUtilities , theme  })=>{
+        matchUtilities({
+            shadow: (value)=>{
+                return {
+                    '--tw-shadow-color': (0, _toColorValue).default(value),
+                    '--tw-shadow': 'var(--tw-shadow-colored)'
+                };
+            }
+        }, {
+            values: (0, _flattenColorPalette).default(theme('boxShadowColor')),
+            type: [
+                'color'
+            ]
+        });
+    },
     outlineStyle: ({ addUtilities  })=>{
         addUtilities({
             '.outline-none': {
@@ -3089,7 +3191,8 @@ let corePlugins = {
                 '--tw-ring-color': ringColorDefault,
                 '--tw-ring-offset-shadow': '0 0 #0000',
                 '--tw-ring-shadow': '0 0 #0000',
-                '--tw-shadow': '0 0 #0000'
+                '--tw-shadow': '0 0 #0000',
+                '--tw-shadow-colored': '0 0 #0000'
             }
         });
         matchUtilities({
@@ -3559,4 +3662,4 @@ let corePlugins = {
         ], 
     ])
 };
-exports.corePlugins = corePlugins;
+exports.corePlugins = corePlugins1;

package/lib/css/preflight.css

@@ -288,7 +288,8 @@ legend {
 }
 
 ol,
-ul {
+ul,
+menu {
   list-style: none;
   margin: 0;
   padding: 0;

package/lib/featureFlags.js

@@ -28,9 +28,9 @@ function flagEnabled(config, flag) {
         return config.future === 'all' || ((ref2 = (ref1 = config === null || config === void 0 ? void 0 : (ref = config.future) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref1 !== void 0 ? ref1 : defaults[flag]) !== null && ref2 !== void 0 ? ref2 : false);
     }
     if (featureFlags.experimental.includes(flag)) {
-        var ref;
-        var ref11, ref12;
-        return config.experimental === 'all' || ((ref12 = (ref11 = config === null || config === void 0 ? void 0 : (ref = config.experimental) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref11 !== void 0 ? ref11 : defaults[flag]) !== null && ref12 !== void 0 ? ref12 : false);
+        var ref3;
+        var ref4, ref5;
+        return config.experimental === 'all' || ((ref5 = (ref4 = config === null || config === void 0 ? void 0 : (ref3 = config.experimental) === null || ref3 === void 0 ? void 0 : ref3[flag]) !== null && ref4 !== void 0 ? ref4 : defaults[flag]) !== null && ref5 !== void 0 ? ref5 : false);
     }
     return false;
 }

package/lib/lib/collapseDuplicateDeclarations.js

@@ -21,8 +21,8 @@ function collapseDuplicateDeclarations() {
                 }
                 seen.set(decl.prop, decl);
             });
-            for (let decl of droppable){
-                decl.remove();
+            for (let decl1 of droppable){
+                decl1.remove();
             }
         });
     };

package/lib/lib/detectNesting.js

@@ -6,12 +6,27 @@ exports.default = _default;
 function _default(_context) {
     return (root, result)=>{
         let found = false;
+        root.walkAtRules('tailwind', (node)=>{
+            if (found) return false;
+            if (node.parent && node.parent.type !== 'root') {
+                found = true;
+                node.warn(result, [
+                    'Nested @tailwind rules were detected, but are not supported.',
+                    "Consider using a prefix to scope Tailwind's classes: https://tailwindcss.com/docs/configuration#prefix",
+                    'Alternatively, use the important selector strategy: https://tailwindcss.com/docs/configuration#selector-strategy', 
+                ].join('\n'));
+                return false;
+            }
+        });
         root.walkRules((rule)=>{
             if (found) return false;
             rule.walkRules((nestedRule)=>{
                 found = true;
-                nestedRule.warn(result, // TODO: Improve this warning message
-                'Nested CSS detected, checkout the docs on how to support nesting: https://tailwindcss.com/docs/using-with-preprocessors#nesting');
+                nestedRule.warn(result, [
+                    'Nested CSS was detected, but CSS nesting has not been configured correctly.',
+                    'Please enable a CSS nesting plugin *before* Tailwind in your configuration.',
+                    'See how here: https://tailwindcss.com/docs/using-with-preprocessors#nesting', 
+                ].join('\n'));
                 return false;
             });
         });

package/lib/lib/evaluateTailwindFunctions.js

@@ -7,6 +7,7 @@ var _dlv = _interopRequireDefault(require("dlv"));
 var _didyoumean = _interopRequireDefault(require("didyoumean"));
 var _transformThemeValue = _interopRequireDefault(require("../util/transformThemeValue"));
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+var _normalizeScreens = require("../util/normalizeScreens");
 var _buildMediaQuery = _interopRequireDefault(require("../util/buildMediaQuery"));
 var _toPath = require("../util/toPath");
 function _interopRequireDefault(obj) {
@@ -112,11 +113,11 @@ function extractArgs(node, vNodes, functions) {
     let args = [
         ''
     ];
-    for (let vNode of vNodes){
-        if (vNode.type === 'div' && vNode.value === ',') {
+    for (let vNode1 of vNodes){
+        if (vNode1.type === 'div' && vNode1.value === ',') {
             args.push('');
         } else {
-            args[args.length - 1] += _postcssValueParser.default.stringify(vNode);
+            args[args.length - 1] += _postcssValueParser.default.stringify(vNode1);
         }
     }
     return args;
@@ -149,10 +150,13 @@ function _default({ tailwindConfig: config  }) {
         },
         screen: (node, screen)=>{
             screen = screen.replace(/^['"]+/g, '').replace(/['"]+$/g, '');
-            if (config.theme.screens[screen] === undefined) {
+            let screens = (0, _normalizeScreens).normalizeScreens(config.theme.screens);
+            let screenDefinition = screens.find(({ name  })=>name === screen
+            );
+            if (!screenDefinition) {
                 throw node.error(`The '${screen}' screen does not exist in your theme.`);
             }
-            return (0, _buildMediaQuery).default(config.theme.screens[screen]);
+            return (0, _buildMediaQuery).default(screenDefinition);
         }
     };
     return (root)=>{

package/lib/lib/expandApplyAtRules.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-function prefix(context, selector) {
+function prefix1(context, selector) {
     let prefix = context.tailwindConfig.prefix;
     return typeof prefix === 'function' ? prefix(selector) : prefix + selector;
 }
@@ -56,10 +56,10 @@ function partitionApplyParents(root) {
     root.walkAtRules('apply', (rule)=>{
         applyParents.add(rule.parent);
     });
-    for (let rule of applyParents){
+    for (let rule1 of applyParents){
         let nodeGroups = [];
         let lastGroup = [];
-        for (let node of rule.nodes){
+        for (let node of rule1.nodes){
             if (node.type === 'atrule' && node.name === 'apply') {
                 if (lastGroup.length > 0) {
                     nodeGroups.push(lastGroup);
@@ -81,13 +81,13 @@ function partitionApplyParents(root) {
         for (let group of [
             ...nodeGroups
         ].reverse()){
-            let newParent = rule.clone({
+            let newParent = rule1.clone({
                 nodes: []
             });
             newParent.append(group);
-            rule.after(newParent);
+            rule1.after(newParent);
         }
-        rule.remove();
+        rule1.remove();
     }
 }
 function processApply(root, context) {
@@ -156,7 +156,7 @@ function processApply(root, context) {
             }
             for (let applyCandidate of applyCandidates){
                 if (!applyClassCache.has(applyCandidate)) {
-                    if (applyCandidate === prefix(context, 'group')) {
+                    if (applyCandidate === prefix1(context, 'group')) {
                         // TODO: Link to specific documentation page with error code.
                         throw apply.error(`@apply should not be used with the '${applyCandidate}' utility`);
                     }

package/lib/lib/expandTailwindAtRules.js

@@ -46,6 +46,8 @@ const PATTERNS = [
     /([^<>"'`\s]*\[\w*\("[^'`\s]*"\)\])/.source,
     /([^<>"'`\s]*\['[^"'`\s]*'\])/.source,
     /([^<>"'`\s]*\["[^"'`\s]*"\])/.source,
+    /([^<>"'`\s]*\[[^<>"'`\s]*:'[^"'`\s]*'\])/.source,
+    /([^<>"'`\s]*\[[^<>"'`\s]*:"[^"'`\s]*"\])/.source,
     /([^<>"'`\s]*\[[^"'`\s]+\][^<>"'`\s]*)/.source,
     /([^<>"'`\s]*[^"'`\s:])/.source
 ].join('|');

package/lib/lib/generateRules.js

@@ -11,6 +11,9 @@ var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
 var _pluginUtils = require("../util/pluginUtils");
 var _log = _interopRequireDefault(require("../util/log"));
 var _formatVariantSelector = require("../util/formatVariantSelector");
+var _nameClass = require("../util/nameClass");
+var _dataTypes = require("../util/dataTypes");
+var _isValidArbitraryValue = _interopRequireDefault(require("../util/isValidArbitraryValue"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -120,10 +123,10 @@ function applyVariant(variant, matches, context) {
     if (context.variantMap.has(variant)) {
         let variantFunctionTuples = context.variantMap.get(variant);
         let result = [];
-        for (let [meta, rule] of matches){
+        for (let [meta, rule1] of matches){
             let container = _postcss.default.root({
                 nodes: [
-                    rule.clone()
+                    rule1.clone()
                 ]
             });
             for (let [variantSort, variantFunction] of variantFunctionTuples){
@@ -250,6 +253,31 @@ function parseRules(rule, cache, options = {
         options
     ];
 }
+function extractArbitraryProperty(classCandidate, context) {
+    var ref;
+    let [, property, value] = (ref = classCandidate.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)) !== null && ref !== void 0 ? ref : [];
+    if (value === undefined) {
+        return null;
+    }
+    let normalized = (0, _dataTypes).normalize(value);
+    if (!(0, _isValidArbitraryValue).default(normalized)) {
+        return null;
+    }
+    return [
+        [
+            {
+                sort: context.arbitraryPropertiesSort,
+                layer: 'utilities'
+            },
+            ()=>({
+                    [(0, _nameClass).asClass(classCandidate)]: {
+                        [property]: normalized
+                    }
+                })
+            , 
+        ], 
+    ];
+}
 function* resolveMatchedPlugins(classCandidate, context) {
     if (context.candidateRuleMap.has(classCandidate)) {
         yield [
@@ -257,6 +285,14 @@ function* resolveMatchedPlugins(classCandidate, context) {
             'DEFAULT'
         ];
     }
+    yield* (function*(arbitraryPropertyRule) {
+        if (arbitraryPropertyRule !== null) {
+            yield [
+                arbitraryPropertyRule,
+                'DEFAULT'
+            ];
+        }
+    })(extractArbitraryProperty(classCandidate, context));
     let candidatePrefix = classCandidate;
     let negative = false;
     const twConfigPrefix = context.tailwindConfig.prefix;
@@ -353,9 +389,9 @@ function* resolveMatches(candidate, context) {
         // Only keep the result of the very first plugin if we are dealing with
         // arbitrary values, to protect against ambiguity.
         if (isArbitraryValue(modifier) && matches.length > 1) {
-            var ref;
+            var ref1;
             let typesPerPlugin = matches.map((match)=>new Set([
-                    ...(ref = typesByMatches.get(match)) !== null && ref !== void 0 ? ref : []
+                    ...(ref1 = typesByMatches.get(match)) !== null && ref1 !== void 0 ? ref1 : []
                 ])
             );
             // Remove duplicates, so that we can detect proper unique types for each plugin.
@@ -400,13 +436,13 @@ function* resolveMatches(candidate, context) {
         for (let variant of variants){
             matches = applyVariant(variant, matches, context);
         }
-        for (let match of matches){
+        for (let match1 of matches){
             // Apply final format selector
-            if (match[0].collectedFormats) {
-                let finalFormat = (0, _formatVariantSelector).formatVariantSelector('&', ...match[0].collectedFormats);
+            if (match1[0].collectedFormats) {
+                let finalFormat = (0, _formatVariantSelector).formatVariantSelector('&', ...match1[0].collectedFormats);
                 let container = _postcss.default.root({
                     nodes: [
-                        match[1].clone()
+                        match1[1].clone()
                     ]
                 });
                 container.walkRules((rule)=>{
@@ -417,9 +453,9 @@ function* resolveMatches(candidate, context) {
                         context
                     });
                 });
-                match[1] = container.nodes[0];
+                match1[1] = container.nodes[0];
             }
-            yield match;
+            yield match1;
         }
     }
 }

package/lib/lib/resolveDefaultsAtRules.js

@@ -47,8 +47,8 @@ function minimumImpactSelector(nodes) {
     let splitPointIdx = rest.findIndex((n)=>searchFor.has(n.type)
     );
     if (splitPointIdx === -1) return rest.reverse().join('').trim();
-    let node = rest[splitPointIdx];
-    let bestNode = getNode[node.type] ? getNode[node.type](node) : node;
+    let node1 = rest[splitPointIdx];
+    let bestNode = getNode[node1.type] ? getNode[node1.type](node1) : node1;
     rest = rest.slice(0, splitPointIdx);
     let combinatorIdx = rest.findIndex((n)=>n.type === 'combinator' && n.value === '>'
     );