tailwindcss 0.0.0-insiders.8259dfd → 0.0.0-insiders.8293c2d

package/lib/util/buildMediaQuery.js

@@ -4,28 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = buildMediaQuery;
 function buildMediaQuery(screens) {
-    if (typeof screens === 'string') {
-        screens = {
-            min: screens
-        };
-    }
-    if (!Array.isArray(screens)) {
-        screens = [
-            screens
-        ];
-    }
-    return screens.map((screen)=>{
-        var ref;
-        if (screen === null || screen === void 0 ? void 0 : (ref = screen.hasOwnProperty) === null || ref === void 0 ? void 0 : ref.call(screen, 'raw')) {
-            return screen.raw;
-        }
-        return Object.entries(screen).map(([feature, value])=>{
-            var _feature;
-            feature = (_feature = ({
-                min: 'min-width',
-                max: 'max-width'
-            })[feature]) !== null && _feature !== void 0 ? _feature : feature;
-            return `(${feature}: ${value})`;
-        }).join(' and ');
-    }).join(', ');
+    screens = Array.isArray(screens) ? screens : [
+        screens
+    ];
+    return screens.map((screen1)=>screen1.values.map((screen)=>{
+            if (screen.raw !== undefined) {
+                return screen.raw;
+            }
+            return [
+                screen.min && `(min-width: ${screen.min})`,
+                screen.max && `(max-width: ${screen.max})`, 
+            ].filter(Boolean).join(' and ');
+        })
+    ).join(', ');
 }

package/lib/util/color.js

@@ -15,7 +15,8 @@ let SHORT_HEX = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i;
 let VALUE = `(?:\\d+|\\d*\\.\\d+)%?`;
 let SEP = `(?:\\s*,\\s*|\\s+)`;
 let ALPHA_SEP = `\\s*[,/]\\s*`;
-let RGB_HSL = new RegExp(`^(rgb|hsl)a?\\(\\s*(${VALUE})${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`);
+let RGB = new RegExp(`^rgba?\\(\\s*(${VALUE})${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`);
+let HSL = new RegExp(`^hsla?\\(\\s*((?:${VALUE})(?:deg|rad|grad|turn)?)${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`);
 function parseColor(value) {
     if (typeof value !== 'string') {
         return null;
@@ -62,18 +63,32 @@ function parseColor(value) {
             alpha: hex[4] ? (parseInt(hex[4], 16) / 255).toString() : undefined
         };
     }
-    let match = value.match(RGB_HSL);
-    if (match !== null) {
+    let rgbMatch = value.match(RGB);
+    if (rgbMatch !== null) {
         var ref, ref1;
         return {
-            mode: match[1],
+            mode: 'rgb',
+            color: [
+                rgbMatch[1],
+                rgbMatch[2],
+                rgbMatch[3]
+            ].map((v)=>v.toString()
+            ),
+            alpha: (ref = rgbMatch[4]) === null || ref === void 0 ? void 0 : (ref1 = ref.toString) === null || ref1 === void 0 ? void 0 : ref1.call(ref)
+        };
+    }
+    let hslMatch = value.match(HSL);
+    if (hslMatch !== null) {
+        var ref2, ref3;
+        return {
+            mode: 'hsl',
             color: [
-                match[2],
-                match[3],
-                match[4]
+                hslMatch[1],
+                hslMatch[2],
+                hslMatch[3]
             ].map((v)=>v.toString()
             ),
-            alpha: (ref = match[5]) === null || ref === void 0 ? void 0 : (ref1 = ref.toString) === null || ref1 === void 0 ? void 0 : ref1.call(ref)
+            alpha: (ref2 = hslMatch[4]) === null || ref2 === void 0 ? void 0 : (ref3 = ref2.toString) === null || ref3 === void 0 ? void 0 : ref3.call(ref2)
         };
     }
     return null;

package/lib/util/createPlugin.js

@@ -9,8 +9,7 @@ function createPlugin(plugin, config) {
         config
     };
 }
-createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({
-    })
+createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})
 ) {
     const optionsFunction = function(options) {
         return {

package/lib/util/createUtilityPlugin.js

@@ -16,8 +16,7 @@ function createUtilityPlugin(themeKey, utilityVariations = [
             themeKey
         ]
     ]
-], { filterDefault =false , ...options } = {
-}) {
+], { filterDefault =false , ...options } = {}) {
     let transformValue = (0, _transformThemeValue).default(themeKey);
     return function({ matchUtilities , theme  }) {
         for (let utilityVariation of utilityVariations){
@@ -25,8 +24,8 @@ function createUtilityPlugin(themeKey, utilityVariations = [
                 utilityVariation
             ];
             var ref;
-            matchUtilities(group.reduce((obj, [classPrefix, properties])=>{
-                return Object.assign(obj, {
+            matchUtilities(group.reduce((obj1, [classPrefix, properties])=>{
+                return Object.assign(obj1, {
                     [classPrefix]: (value)=>{
                         return properties.reduce((obj, name)=>{
                             if (Array.isArray(name)) {
@@ -37,15 +36,12 @@ function createUtilityPlugin(themeKey, utilityVariations = [
                             return Object.assign(obj, {
                                 [name]: transformValue(value)
                             });
-                        }, {
-                        });
+                        }, {});
                     }
                 });
-            }, {
-            }), {
+            }, {}), {
                 ...options,
-                values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {
-                }).filter(([modifier])=>modifier !== 'DEFAULT'
+                values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {}).filter(([modifier])=>modifier !== 'DEFAULT'
                 )) : theme(themeKey)
             });
         }

package/lib/util/dataTypes.js

@@ -8,6 +8,7 @@ exports.number = number;
 exports.percentage = percentage;
 exports.length = length;
 exports.lineWidth = lineWidth;
+exports.shadow = shadow;
 exports.color = color;
 exports.image = image;
 exports.gradient = gradient;
@@ -17,19 +18,35 @@ exports.genericName = genericName;
 exports.absoluteSize = absoluteSize;
 exports.relativeSize = relativeSize;
 var _color = require("./color");
+var _parseBoxShadowValue = require("./parseBoxShadowValue");
+let cssFunctions = [
+    'min',
+    'max',
+    'clamp',
+    'calc'
+];
 // Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
 let COMMA = /,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
 ;
 let UNDERSCORE = /_(?![^(]*\))/g // Underscore separator that is not located between brackets. E.g.: `rgba(255,_255,_255)_black` these don't count.
 ;
-function normalize(value) {
+function normalize(value, isRoot = true) {
+    // Keep raw strings if it starts with `url(`
+    if (value.includes('url(')) {
+        return value.split(/(url\(.*?\))/g).filter(Boolean).map((part)=>{
+            if (/^url\(.*?\)$/.test(part)) {
+                return part;
+            }
+            return normalize(part, false);
+        }).join('');
+    }
     // Convert `_` to ` `, except for escaped underscores `\_`
     value = value.replace(/([^\\])_+/g, (fullMatch, characterBefore)=>characterBefore + ' '.repeat(fullMatch.length - 1)
     ).replace(/^_/g, ' ').replace(/\\_/g, '_');
     // Remove leftover whitespace
-    value = value.trim();
-    // Keep raw strings if it starts with `url(`
-    if (value.startsWith('url(')) return value;
+    if (isRoot) {
+        value = value.trim();
+    }
     // Add spaces around operators inside calc() that do not follow an operator
     // or '('.
     return value.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, '$1 $2 ');
@@ -38,10 +55,12 @@ function url(value) {
     return value.startsWith('url(');
 }
 function number(value) {
-    return !isNaN(Number(value));
+    return !isNaN(Number(value)) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?`).test(value)
+    );
 }
 function percentage(value) {
-    return /%$/g.test(value) || /^calc\(.+?%\)/g.test(value);
+    return /%$/g.test(value) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?%`).test(value)
+    );
 }
 let lengthUnits = [
     'cm',
@@ -63,7 +82,10 @@ let lengthUnits = [
 ];
 let lengthUnitsPattern = `(?:${lengthUnits.join('|')})`;
 function length(value) {
-    return new RegExp(`${lengthUnitsPattern}$`).test(value) || new RegExp(`^calc\\(.+?${lengthUnitsPattern}`).test(value);
+    return value.split(UNDERSCORE).every((part)=>{
+        return part === '0' || new RegExp(`${lengthUnitsPattern}$`).test(part) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?${lengthUnitsPattern}`).test(part)
+        );
+    });
 }
 let lineWidths = new Set([
     'thin',
@@ -73,6 +95,15 @@ let lineWidths = new Set([
 function lineWidth(value) {
     return lineWidths.has(value);
 }
+function shadow(value) {
+    let parsedShadows = (0, _parseBoxShadowValue).parseBoxShadowValue(normalize(value));
+    for (let parsedShadow of parsedShadows){
+        if (!parsedShadow.valid) {
+            return false;
+        }
+    }
+    return true;
+}
 function color(value) {
     let colors = 0;
     let result = value.split(UNDERSCORE).every((part)=>{

package/lib/util/defaults.js

@@ -11,6 +11,12 @@ function defaults(target, ...sources) {
                 target[k] = source[k];
             }
         }
+        for (let k1 of Object.getOwnPropertySymbols(source)){
+            var ref1;
+            if (!(target === null || target === void 0 ? void 0 : (ref1 = target.hasOwnProperty) === null || ref1 === void 0 ? void 0 : ref1.call(target, k1))) {
+                target[k1] = source[k1];
+            }
+        }
     }
     return target;
 }

package/lib/util/flattenColorPalette.js

@@ -3,9 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.default = void 0;
-const flattenColorPalette = (colors)=>Object.assign({
-    }, ...Object.entries(colors !== null && colors !== void 0 ? colors : {
-    }).flatMap(([color, values])=>typeof values == 'object' ? Object.entries(flattenColorPalette(values)).map(([number, hex])=>({
+const flattenColorPalette = (colors)=>Object.assign({}, ...Object.entries(colors !== null && colors !== void 0 ? colors : {}).flatMap(([color, values])=>typeof values == 'object' ? Object.entries(flattenColorPalette(values)).map(([number, hex])=>({
                 [color + (number === 'DEFAULT' ? '' : `-${number}`)]: hex
             })
         ) : [

package/lib/util/formatVariantSelector.js

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.formatVariantSelector = formatVariantSelector;
+exports.finalizeSelector = finalizeSelector;
+exports.selectorFunctions = void 0;
+var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
+var _unesc = _interopRequireDefault(require("postcss-selector-parser/dist/util/unesc"));
+var _escapeClassName = _interopRequireDefault(require("../util/escapeClassName"));
+var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+let MERGE = ':merge';
+let PARENT = '&';
+let selectorFunctions = new Set([
+    MERGE
+]);
+exports.selectorFunctions = selectorFunctions;
+function formatVariantSelector(current, ...others) {
+    for (let other of others){
+        let incomingValue = resolveFunctionArgument(other, MERGE);
+        if (incomingValue !== null) {
+            let existingValue = resolveFunctionArgument(current, MERGE, incomingValue);
+            if (existingValue !== null) {
+                let existingTarget = `${MERGE}(${incomingValue})`;
+                let splitIdx = other.indexOf(existingTarget);
+                let addition = other.slice(splitIdx + existingTarget.length).split(' ')[0];
+                current = current.replace(existingTarget, existingTarget + addition);
+                continue;
+            }
+        }
+        current = other.replace(PARENT, current);
+    }
+    return current;
+}
+function finalizeSelector(format, { selector: selector1 , candidate , context  }) {
+    var ref, ref1;
+    var ref2;
+    let separator = (ref2 = context === null || context === void 0 ? void 0 : (ref = context.tailwindConfig) === null || ref === void 0 ? void 0 : ref.separator) !== null && ref2 !== void 0 ? ref2 : ':';
+    // Split by the separator, but ignore the separator inside square brackets:
+    //
+    // E.g.: dark:lg:hover:[paint-order:markers]
+    //           ┬  ┬     ┬            ┬
+    //           │  │     │            ╰── We will not split here
+    //           ╰──┴─────┴─────────────── We will split here
+    //
+    let splitter = new RegExp(`\\${separator}(?![^[]*\\])`);
+    let base = candidate.split(splitter).pop();
+    if (context === null || context === void 0 ? void 0 : (ref1 = context.tailwindConfig) === null || ref1 === void 0 ? void 0 : ref1.prefix) {
+        format = (0, _prefixSelector).default(context.tailwindConfig.prefix, format);
+    }
+    format = format.replace(PARENT, `.${(0, _escapeClassName).default(candidate)}`);
+    // Normalize escaped classes, e.g.:
+    //
+    // The idea would be to replace the escaped `base` in the selector with the
+    // `format`. However, in css you can escape the same selector in a few
+    // different ways. This would result in different strings and therefore we
+    // can't replace it properly.
+    //
+    //               base: bg-[rgb(255,0,0)]
+    //   base in selector: bg-\\[rgb\\(255\\,0\\,0\\)\\]
+    //       escaped base: bg-\\[rgb\\(255\\2c 0\\2c 0\\)\\]
+    //
+    selector1 = (0, _postcssSelectorParser).default((selectors)=>{
+        return selectors.walkClasses((node)=>{
+            if (node.raws && node.value.includes(base)) {
+                node.raws.value = (0, _escapeClassName).default((0, _unesc).default(node.raws.value));
+            }
+            return node;
+        });
+    }).processSync(selector1);
+    // We can safely replace the escaped base now, since the `base` section is
+    // now in a normalized escaped value.
+    selector1 = selector1.replace(`.${(0, _escapeClassName).default(base)}`, format);
+    // Remove unnecessary pseudo selectors that we used as placeholders
+    return (0, _postcssSelectorParser).default((selectors)=>{
+        return selectors.map((selector2)=>{
+            selector2.walkPseudos((p)=>{
+                if (selectorFunctions.has(p.value)) {
+                    p.replaceWith(p.nodes);
+                }
+                return p;
+            });
+            // This will make sure to move pseudo's to the correct spot (the end for
+            // pseudo elements) because otherwise the selector will never work
+            // anyway.
+            //
+            // E.g.:
+            //  - `before:hover:text-center` would result in `.before\:hover\:text-center:hover::before`
+            //  - `hover:before:text-center` would result in `.hover\:before\:text-center:hover::before`
+            //
+            // `::before:hover` doesn't work, which means that we can make it work for you by flipping the order.
+            function collectPseudoElements(selector) {
+                let nodes = [];
+                for (let node of selector.nodes){
+                    if (isPseudoElement(node)) {
+                        nodes.push(node);
+                        selector.removeChild(node);
+                    }
+                    if (node === null || node === void 0 ? void 0 : node.nodes) {
+                        nodes.push(...collectPseudoElements(node));
+                    }
+                }
+                return nodes;
+            }
+            let pseudoElements = collectPseudoElements(selector2);
+            if (pseudoElements.length > 0) {
+                selector2.nodes.push(pseudoElements.sort(sortSelector));
+            }
+            return selector2;
+        });
+    }).processSync(selector1);
+}
+// Note: As a rule, double colons (::) should be used instead of a single colon
+// (:). This distinguishes pseudo-classes from pseudo-elements. However, since
+// this distinction was not present in older versions of the W3C spec, most
+// browsers support both syntaxes for the original pseudo-elements.
+let pseudoElementsBC = [
+    ':before',
+    ':after',
+    ':first-line',
+    ':first-letter'
+];
+// These pseudo-elements _can_ be combined with other pseudo selectors AND the order does matter.
+let pseudoElementExceptions = [
+    '::file-selector-button'
+];
+// This will make sure to move pseudo's to the correct spot (the end for
+// pseudo elements) because otherwise the selector will never work
+// anyway.
+//
+// E.g.:
+//  - `before:hover:text-center` would result in `.before\:hover\:text-center:hover::before`
+//  - `hover:before:text-center` would result in `.hover\:before\:text-center:hover::before`
+//
+// `::before:hover` doesn't work, which means that we can make it work
+// for you by flipping the order.
+function sortSelector(a, z) {
+    // Both nodes are non-pseudo's so we can safely ignore them and keep
+    // them in the same order.
+    if (a.type !== 'pseudo' && z.type !== 'pseudo') {
+        return 0;
+    }
+    // If one of them is a combinator, we need to keep it in the same order
+    // because that means it will start a new "section" in the selector.
+    if (a.type === 'combinator' ^ z.type === 'combinator') {
+        return 0;
+    }
+    // One of the items is a pseudo and the other one isn't. Let's move
+    // the pseudo to the right.
+    if (a.type === 'pseudo' ^ z.type === 'pseudo') {
+        return (a.type === 'pseudo') - (z.type === 'pseudo');
+    }
+    // Both are pseudo's, move the pseudo elements (except for
+    // ::file-selector-button) to the right.
+    return isPseudoElement(a) - isPseudoElement(z);
+}
+function isPseudoElement(node) {
+    if (node.type !== 'pseudo') return false;
+    if (pseudoElementExceptions.includes(node.value)) return false;
+    return node.value.startsWith('::') || pseudoElementsBC.includes(node.value);
+}
+function resolveFunctionArgument(haystack, needle, arg) {
+    let startIdx = haystack.indexOf(arg ? `${needle}(${arg})` : needle);
+    if (startIdx === -1) return null;
+    // Start inside the `(`
+    startIdx += needle.length + 1;
+    let target = '';
+    let count = 0;
+    for (let char of haystack.slice(startIdx)){
+        if (char !== '(' && char !== ')') {
+            target += char;
+        } else if (char === '(') {
+            target += char;
+            count++;
+        } else if (char === ')') {
+            if (--count < 0) break; // unbalanced
+            target += char;
+        }
+    }
+    return target;
+}

package/lib/util/isValidArbitraryValue.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = isValidArbitraryValue;
+let matchingBrackets = new Map([
+    [
+        '{',
+        '}'
+    ],
+    [
+        '[',
+        ']'
+    ],
+    [
+        '(',
+        ')'
+    ], 
+]);
+let inverseMatchingBrackets = new Map(Array.from(matchingBrackets.entries()).map(([k, v])=>[
+        v,
+        k
+    ]
+));
+let quotes = new Set([
+    '"',
+    "'",
+    '`'
+]);
+function isValidArbitraryValue(value) {
+    let stack = [];
+    let inQuotes = false;
+    for(let i = 0; i < value.length; i++){
+        let char = value[i];
+        if (char === ':' && !inQuotes && stack.length === 0) {
+            return false;
+        }
+        // Non-escaped quotes allow us to "allow" anything in between
+        if (quotes.has(char) && value[i - 1] !== '\\') {
+            inQuotes = !inQuotes;
+        }
+        if (inQuotes) continue;
+        if (value[i - 1] === '\\') continue; // Escaped
+        if (matchingBrackets.has(char)) {
+            stack.push(char);
+        } else if (inverseMatchingBrackets.has(char)) {
+            let inverse = inverseMatchingBrackets.get(char);
+            // Nothing to pop from, therefore it is unbalanced
+            if (stack.length <= 0) {
+                return false;
+            }
+            // Popped value must match the inverse value, otherwise it is unbalanced
+            if (stack.pop() !== inverse) {
+                return false;
+            }
+        }
+    }
+    // If there is still something on the stack, it is also unbalanced
+    if (stack.length > 0) {
+        return false;
+    }
+    // All good, totally balanced!
+    return true;
+}

package/lib/util/log.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.dim = dim;
 exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
 function _interopRequireDefault(obj) {
@@ -18,6 +19,9 @@ function log(chalk, messages, key) {
     messages.forEach((message)=>console.warn(chalk, '-', message)
     );
 }
+function dim(input) {
+    return _chalk.default.dim(input);
+}
 var _default = {
     info (key, messages) {
         log(_chalk.default.bold.cyan('info'), ...Array.isArray(key) ? [

package/lib/util/nameClass.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.asClass = asClass;
 exports.default = nameClass;
 exports.formatClass = formatClass;
 var _escapeClassName = _interopRequireDefault(require("./escapeClassName"));

package/lib/util/normalizeConfig.js

@@ -3,11 +3,27 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.normalizeConfig = normalizeConfig;
-var _log = _interopRequireDefault(require("./log"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
+var _log = _interopRequireWildcard(require("./log"));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
 }
 function normalizeConfig(config) {
     // Quick structure validation
@@ -120,6 +136,17 @@ function normalizeConfig(config) {
         if (Array.isArray(purge === null || purge === void 0 ? void 0 : (ref = purge.options) === null || ref === void 0 ? void 0 : ref.safelist)) return purge.options.safelist;
         return [];
     })();
+    // Normalize prefix option
+    if (typeof config.prefix === 'function') {
+        _log.default.warn('prefix-function', [
+            'As of Tailwind CSS v3.0, `prefix` cannot be a function.',
+            'Update `prefix` in your configuration to be a string to eliminate this warning.'
+        ]);
+        config.prefix = '';
+    } else {
+        var _prefix;
+        config.prefix = (_prefix = config.prefix) !== null && _prefix !== void 0 ? _prefix : '';
+    }
     // Normalize the `content`
     config.content = {
         files: (()=>{
@@ -140,21 +167,22 @@ function normalizeConfig(config) {
                 if ((ref4 = config.content) === null || ref4 === void 0 ? void 0 : (ref5 = ref4.extract) === null || ref5 === void 0 ? void 0 : ref5.DEFAULT) return config.content.extract.DEFAULT;
                 if ((ref6 = config.purge) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.options) === null || ref7 === void 0 ? void 0 : ref7.extractors) return config.purge.options.extractors;
                 if ((ref8 = config.content) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.options) === null || ref9 === void 0 ? void 0 : ref9.extractors) return config.content.options.extractors;
-                return {
-                };
+                return {};
             })();
-            let extractors = {
-            };
-            extractors.DEFAULT = (()=>{
-                var ref, ref46, ref47, ref48;
-                if ((ref = config.purge) === null || ref === void 0 ? void 0 : (ref46 = ref.options) === null || ref46 === void 0 ? void 0 : ref46.defaultExtractor) {
+            let extractors = {};
+            let defaultExtractor = (()=>{
+                var ref, ref10, ref11, ref12;
+                if ((ref = config.purge) === null || ref === void 0 ? void 0 : (ref10 = ref.options) === null || ref10 === void 0 ? void 0 : ref10.defaultExtractor) {
                     return config.purge.options.defaultExtractor;
                 }
-                if ((ref47 = config.content) === null || ref47 === void 0 ? void 0 : (ref48 = ref47.options) === null || ref48 === void 0 ? void 0 : ref48.defaultExtractor) {
+                if ((ref11 = config.content) === null || ref11 === void 0 ? void 0 : (ref12 = ref11.options) === null || ref12 === void 0 ? void 0 : ref12.defaultExtractor) {
                     return config.content.options.defaultExtractor;
                 }
                 return undefined;
             })();
+            if (defaultExtractor !== undefined) {
+                extractors.DEFAULT = defaultExtractor;
+            }
             // Functions
             if (typeof extract === 'function') {
                 extractors.DEFAULT = extract;
@@ -171,16 +199,14 @@ function normalizeConfig(config) {
         })(),
         transform: (()=>{
             let transform = (()=>{
-                var ref, ref61, ref62, ref63, ref64, ref65;
+                var ref, ref13, ref14, ref15, ref16, ref17;
                 if ((ref = config.purge) === null || ref === void 0 ? void 0 : ref.transform) return config.purge.transform;
-                if ((ref61 = config.content) === null || ref61 === void 0 ? void 0 : ref61.transform) return config.content.transform;
-                if ((ref62 = config.purge) === null || ref62 === void 0 ? void 0 : (ref63 = ref62.transform) === null || ref63 === void 0 ? void 0 : ref63.DEFAULT) return config.purge.transform.DEFAULT;
-                if ((ref64 = config.content) === null || ref64 === void 0 ? void 0 : (ref65 = ref64.transform) === null || ref65 === void 0 ? void 0 : ref65.DEFAULT) return config.content.transform.DEFAULT;
-                return {
-                };
+                if ((ref13 = config.content) === null || ref13 === void 0 ? void 0 : ref13.transform) return config.content.transform;
+                if ((ref14 = config.purge) === null || ref14 === void 0 ? void 0 : (ref15 = ref14.transform) === null || ref15 === void 0 ? void 0 : ref15.DEFAULT) return config.purge.transform.DEFAULT;
+                if ((ref16 = config.content) === null || ref16 === void 0 ? void 0 : (ref17 = ref16.transform) === null || ref17 === void 0 ? void 0 : ref17.DEFAULT) return config.content.transform.DEFAULT;
+                return {};
             })();
-            let transformers = {
-            };
+            let transformers = {};
             if (typeof transform === 'function') {
                 transformers.DEFAULT = transform;
             }
@@ -190,5 +216,21 @@ function normalizeConfig(config) {
             return transformers;
         })()
     };
+    // Validate globs to prevent bogus globs.
+    // E.g.: `./src/*.{html}` is invalid, the `{html}` should just be `html`
+    for (let file of config.content.files){
+        if (typeof file === 'string' && /{([^,]*?)}/g.test(file)) {
+            _log.default.warn('invalid-glob-braces', [
+                `The glob pattern ${(0, _log).dim(file)} in your config is invalid.`,
+                `    Update it to ${(0, _log).dim(file.replace(/{([^,]*?)}/g, '$1'))} to silence this warning.`
+            ]);
+            break;
+        }
+    }
+    if (config.content.files.length === 0) {
+        _log.default.warn('content-problems', [
+            'The `content` key is missing or empty. Please populate the content key as Tailwind generates utilities on-demand based on the files that use them. For more information see the documentation: https://tailwindcss.com/docs/content-configuration', 
+        ]);
+    }
     return config;
 }