tailwindcss 0.0.0-oxide-insiders.dddaded → 0.0.0-oxide-insiders.b2e3cf2

package/lib/lib/generateRules.js

@@ -1,716 +1,208 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
+    value: !0
+}), function(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
+        enumerable: !0,
         get: all[name]
     });
-}
-_export(exports, {
+}(exports, {
     getClassNameFromSelector: ()=>getClassNameFromSelector,
     resolveMatches: ()=>resolveMatches,
     generateRules: ()=>generateRules
 });
-const _postcss = /*#__PURE__*/ _interopRequireDefault(require("postcss"));
-const _postcssSelectorParser = /*#__PURE__*/ _interopRequireDefault(require("postcss-selector-parser"));
-const _parseObjectStyles = /*#__PURE__*/ _interopRequireDefault(require("../util/parseObjectStyles"));
-const _isPlainObject = /*#__PURE__*/ _interopRequireDefault(require("../util/isPlainObject"));
-const _prefixSelector = /*#__PURE__*/ _interopRequireDefault(require("../util/prefixSelector"));
-const _pluginUtils = require("../util/pluginUtils");
-const _log = /*#__PURE__*/ _interopRequireDefault(require("../util/log"));
-const _sharedState = /*#__PURE__*/ _interopRequireWildcard(require("./sharedState"));
-const _formatVariantSelector = require("../util/formatVariantSelector");
-const _nameClass = require("../util/nameClass");
-const _dataTypes = require("../util/dataTypes");
-const _setupContextUtils = require("./setupContextUtils");
-const _isSyntacticallyValidPropertyValue = /*#__PURE__*/ _interopRequireDefault(require("../util/isSyntacticallyValidPropertyValue"));
-const _splitAtTopLevelOnlyJs = require("../util/splitAtTopLevelOnly.js");
-const _featureFlags = require("../featureFlags");
-const _applyImportantSelector = require("../util/applyImportantSelector");
+const _postcss = _interopRequireDefault(require("postcss")), _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser")), _parseObjectStyles = _interopRequireDefault(require("../util/parseObjectStyles")), _isPlainObject = _interopRequireDefault(require("../util/isPlainObject")), _prefixSelector = _interopRequireDefault(require("../util/prefixSelector")), _pluginUtils = require("../util/pluginUtils"), _log = _interopRequireDefault(require("../util/log")), _sharedState = function(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (null === obj || "object" != typeof obj && "function" != typeof obj) return {
+        default: obj
+    };
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {}, hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if ("default" !== key && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        desc && (desc.get || desc.set) ? Object.defineProperty(newObj, key, desc) : newObj[key] = obj[key];
+    }
+    return newObj.default = obj, cache && cache.set(obj, newObj), newObj;
+}(require("./sharedState")), _formatVariantSelector = require("../util/formatVariantSelector"), _nameClass = require("../util/nameClass"), _dataTypes = require("../util/dataTypes"), _setupContextUtils = require("./setupContextUtils"), _isSyntacticallyValidPropertyValue = _interopRequireDefault(require("../util/isSyntacticallyValidPropertyValue")), _splitAtTopLevelOnlyJs = require("../util/splitAtTopLevelOnly.js"), _featureFlags = require("../featureFlags"), _applyImportantSelector = require("../util/applyImportantSelector");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
+    if ("function" != typeof WeakMap) return null;
+    var cacheBabelInterop = new WeakMap(), cacheNodeInterop = new WeakMap();
     return (_getRequireWildcardCache = function(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-let classNameParser = (0, _postcssSelectorParser.default)((selectors)=>{
-    return selectors.first.filter(({ type  })=>type === "class").pop().value;
-});
+let classNameParser = (0, _postcssSelectorParser.default)((selectors)=>selectors.first.filter(({ type  })=>"class" === type).pop().value);
 function getClassNameFromSelector(selector) {
     return classNameParser.transformSync(selector);
 }
-// Generate match permutations for a class candidate, like:
-// ['ring-offset-blue', '100']
-// ['ring-offset', 'blue-100']
-// ['ring', 'offset-blue-100']
-// Example with dynamic classes:
-// ['grid-cols', '[[linename],1fr,auto]']
-// ['grid', 'cols-[[linename],1fr,auto]']
-function* candidatePermutations(candidate) {
-    let lastIndex = Infinity;
-    while(lastIndex >= 0){
-        let dashIdx;
-        let wasSlash = false;
-        if (lastIndex === Infinity && candidate.endsWith("]")) {
-            let bracketIdx = candidate.indexOf("[");
-            // If character before `[` isn't a dash or a slash, this isn't a dynamic class
-            // eg. string[]
-            if (candidate[bracketIdx - 1] === "-") {
-                dashIdx = bracketIdx - 1;
-            } else if (candidate[bracketIdx - 1] === "/") {
-                dashIdx = bracketIdx - 1;
-                wasSlash = true;
-            } else {
-                dashIdx = -1;
-            }
-        } else if (lastIndex === Infinity && candidate.includes("/")) {
-            dashIdx = candidate.lastIndexOf("/");
-            wasSlash = true;
-        } else {
-            dashIdx = candidate.lastIndexOf("-", lastIndex);
-        }
-        if (dashIdx < 0) {
-            break;
-        }
-        let prefix = candidate.slice(0, dashIdx);
-        let modifier = candidate.slice(wasSlash ? dashIdx : dashIdx + 1);
-        lastIndex = dashIdx - 1;
-        // TODO: This feels a bit hacky
-        if (prefix === "" || modifier === "/") {
-            continue;
-        }
-        yield [
-            prefix,
-            modifier
-        ];
-    }
-}
-function applyPrefix(matches, context) {
-    if (matches.length === 0 || context.tailwindConfig.prefix === "") {
-        return matches;
-    }
-    for (let match of matches){
-        let [meta] = match;
-        if (meta.options.respectPrefix) {
-            let container = _postcss.default.root({
-                nodes: [
-                    match[1].clone()
-                ]
-            });
-            let classCandidate = match[1].raws.tailwind.classCandidate;
-            container.walkRules((r)=>{
-                // If this is a negative utility with a dash *before* the prefix we
-                // have to ensure that the generated selector matches the candidate
-                // Not doing this will cause `-tw-top-1` to generate the class `.tw--top-1`
-                // The disconnect between candidate <-> class can cause @apply to hard crash.
-                let shouldPrependNegative = classCandidate.startsWith("-");
-                r.selector = (0, _prefixSelector.default)(context.tailwindConfig.prefix, r.selector, shouldPrependNegative);
-            });
-            match[1] = container.nodes[0];
-        }
-    }
-    return matches;
-}
-function applyImportant(matches, classCandidate) {
-    if (matches.length === 0) {
-        return matches;
-    }
-    let result = [];
-    for (let [meta, rule] of matches){
-        let container = _postcss.default.root({
-            nodes: [
-                rule.clone()
-            ]
-        });
-        container.walkRules((r)=>{
-            let ast = (0, _postcssSelectorParser.default)().astSync(r.selector);
-            // Remove extraneous selectors that do not include the base candidate
-            ast.each((sel)=>(0, _formatVariantSelector.eliminateIrrelevantSelectors)(sel, classCandidate));
-            // Update all instances of the base candidate to include the important marker
-            (0, _pluginUtils.updateAllClasses)(ast, (className)=>className === classCandidate ? `!${className}` : className);
-            r.selector = ast.toString();
-            r.walkDecls((d)=>d.important = true);
-        });
-        result.push([
-            {
-                ...meta,
-                important: true
-            },
-            container.nodes[0]
-        ]);
-    }
-    return result;
-}
-// Takes a list of rule tuples and applies a variant like `hover`, sm`,
-// whatever to it. We used to do some extra caching here to avoid generating
-// a variant of the same rule more than once, but this was never hit because
-// we cache at the entire selector level further up the tree.
-//
-// Technically you can get a cache hit if you have `hover:focus:text-center`
-// and `focus:hover:text-center` in the same project, but it doesn't feel
-// worth the complexity for that case.
-function applyVariant(variant, matches, context) {
-    if (matches.length === 0) {
-        return matches;
-    }
-    /** @type {{modifier: string | null, value: string | null}} */ let args = {
-        modifier: null,
-        value: _sharedState.NONE
-    };
-    // Retrieve "modifier"
-    {
-        let [baseVariant, ...modifiers] = (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(variant, "/");
-        // This is a hack to support variants with `/` in them, like `ar-1/10/20:text-red-500`
-        // In this case 1/10 is a value but /20 is a modifier
-        if (modifiers.length > 1) {
-            baseVariant = baseVariant + "/" + modifiers.slice(0, -1).join("/");
-            modifiers = modifiers.slice(-1);
-        }
-        if (modifiers.length && !context.variantMap.has(variant)) {
-            variant = baseVariant;
-            args.modifier = modifiers[0];
-            if (!(0, _featureFlags.flagEnabled)(context.tailwindConfig, "generalizedModifiers")) {
-                return [];
-            }
-        }
-    }
-    // Retrieve "arbitrary value"
-    if (variant.endsWith("]") && !variant.startsWith("[")) {
-        // We either have:
-        //   @[200px]
-        //   group-[:hover]
-        //
-        // But we don't want:
-        //   @-[200px]        (`-` is incorrect)
-        //   group[:hover]    (`-` is missing)
-        let match = /(.)(-?)\[(.*)\]/g.exec(variant);
-        if (match) {
-            let [, char, seperator, value] = match;
-            // @-[200px] case
-            if (char === "@" && seperator === "-") return [];
-            // group[:hover] case
-            if (char !== "@" && seperator === "") return [];
-            variant = variant.replace(`${seperator}[${value}]`, "");
-            args.value = value;
-        }
-    }
-    // Register arbitrary variants
-    if (isArbitraryValue(variant) && !context.variantMap.has(variant)) {
-        let sort = context.offsets.recordVariant(variant);
-        let selector = (0, _dataTypes.normalize)(variant.slice(1, -1));
-        let selectors = (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(selector, ",");
-        // We do not support multiple selectors for arbitrary variants
-        if (selectors.length > 1) {
-            return [];
-        }
-        if (!selectors.every(_setupContextUtils.isValidVariantFormatString)) {
-            return [];
-        }
-        let records = selectors.map((sel, idx)=>[
-                context.offsets.applyParallelOffset(sort, idx),
-                (0, _setupContextUtils.parseVariant)(sel.trim())
-            ]);
-        context.variantMap.set(variant, records);
-    }
-    if (context.variantMap.has(variant)) {
-        let isArbitraryVariant = isArbitraryValue(variant);
-        let variantFunctionTuples = context.variantMap.get(variant).slice();
-        let result = [];
-        for (let [meta, rule] of matches){
-            // Don't generate variants for user css
-            if (meta.layer === "user") {
-                continue;
-            }
-            let container = _postcss.default.root({
-                nodes: [
-                    rule.clone()
-                ]
-            });
-            for (let [variantSort, variantFunction, containerFromArray] of variantFunctionTuples){
-                let clone = (containerFromArray !== null && containerFromArray !== void 0 ? containerFromArray : container).clone();
-                let collectedFormats = [];
-                function prepareBackup() {
-                    // Already prepared, chicken out
-                    if (clone.raws.neededBackup) {
-                        return;
-                    }
-                    clone.raws.neededBackup = true;
-                    clone.walkRules((rule)=>rule.raws.originalSelector = rule.selector);
-                }
-                function modifySelectors(modifierFunction) {
-                    prepareBackup();
-                    clone.each((rule)=>{
-                        if (rule.type !== "rule") {
-                            return;
-                        }
-                        rule.selectors = rule.selectors.map((selector)=>{
-                            return modifierFunction({
-                                get className () {
-                                    return getClassNameFromSelector(selector);
-                                },
-                                selector
-                            });
-                        });
-                    });
-                    return clone;
-                }
-                let ruleWithVariant = variantFunction({
-                    // Public API
-                    get container () {
-                        prepareBackup();
-                        return clone;
-                    },
-                    separator: context.tailwindConfig.separator,
-                    modifySelectors,
-                    // Private API for now
-                    wrap (wrapper) {
-                        let nodes = clone.nodes;
-                        clone.removeAll();
-                        wrapper.append(nodes);
-                        clone.append(wrapper);
-                    },
-                    format (selectorFormat) {
-                        collectedFormats.push({
-                            format: selectorFormat,
-                            isArbitraryVariant
-                        });
-                    },
-                    args
-                });
-                // It can happen that a list of format strings is returned from within the function. In that
-                // case, we have to process them as well. We can use the existing `variantSort`.
-                if (Array.isArray(ruleWithVariant)) {
-                    for (let [idx, variantFunction] of ruleWithVariant.entries()){
-                        // This is a little bit scary since we are pushing to an array of items that we are
-                        // currently looping over. However, you can also think of it like a processing queue
-                        // where you keep handling jobs until everything is done and each job can queue more
-                        // jobs if needed.
-                        variantFunctionTuples.push([
-                            context.offsets.applyParallelOffset(variantSort, idx),
-                            variantFunction,
-                            // If the clone has been modified we have to pass that back
-                            // though so each rule can use the modified container
-                            clone.clone()
-                        ]);
-                    }
-                    continue;
-                }
-                if (typeof ruleWithVariant === "string") {
-                    collectedFormats.push({
-                        format: ruleWithVariant,
-                        isArbitraryVariant
-                    });
-                }
-                if (ruleWithVariant === null) {
-                    continue;
-                }
-                // We had to backup selectors, therefore we assume that somebody touched
-                // `container` or `modifySelectors`. Let's see if they did, so that we
-                // can restore the selectors, and collect the format strings.
-                if (clone.raws.neededBackup) {
-                    delete clone.raws.neededBackup;
-                    clone.walkRules((rule)=>{
-                        let before = rule.raws.originalSelector;
-                        if (!before) return;
-                        delete rule.raws.originalSelector;
-                        if (before === rule.selector) return; // No mutation happened
-                        let modified = rule.selector;
-                        // Rebuild the base selector, this is what plugin authors would do
-                        // as well. E.g.: `${variant}${separator}${className}`.
-                        // However, plugin authors probably also prepend or append certain
-                        // classes, pseudos, ids, ...
-                        let rebuiltBase = (0, _postcssSelectorParser.default)((selectors)=>{
-                            selectors.walkClasses((classNode)=>{
-                                classNode.value = `${variant}${context.tailwindConfig.separator}${classNode.value}`;
-                            });
-                        }).processSync(before);
-                        // Now that we know the original selector, the new selector, and
-                        // the rebuild part in between, we can replace the part that plugin
-                        // authors need to rebuild with `&`, and eventually store it in the
-                        // collectedFormats. Similar to what `format('...')` would do.
-                        //
-                        // E.g.:
-                        //                   variant: foo
-                        //                  selector: .markdown > p
-                        //      modified (by plugin): .foo .foo\\:markdown > p
-                        //    rebuiltBase (internal): .foo\\:markdown > p
-                        //                    format: .foo &
-                        collectedFormats.push({
-                            format: modified.replace(rebuiltBase, "&"),
-                            isArbitraryVariant
-                        });
-                        rule.selector = before;
-                    });
-                }
-                // This tracks the originating layer for the variant
-                // For example:
-                // .sm:underline {} is a variant of something in the utilities layer
-                // .sm:container {} is a variant of the container component
-                clone.nodes[0].raws.tailwind = {
-                    ...clone.nodes[0].raws.tailwind,
-                    parentLayer: meta.layer
-                };
-                var _meta_collectedFormats;
-                let withOffset = [
-                    {
-                        ...meta,
-                        sort: context.offsets.applyVariantOffset(meta.sort, variantSort, Object.assign(args, context.variantOptions.get(variant))),
-                        collectedFormats: ((_meta_collectedFormats = meta.collectedFormats) !== null && _meta_collectedFormats !== void 0 ? _meta_collectedFormats : []).concat(collectedFormats)
-                    },
-                    clone.nodes[0]
-                ];
-                result.push(withOffset);
-            }
-        }
-        return result;
-    }
-    return [];
-}
 function parseRules(rule, cache, options = {}) {
-    // PostCSS node
-    if (!(0, _isPlainObject.default)(rule) && !Array.isArray(rule)) {
-        return [
-            [
-                rule
-            ],
-            options
-        ];
-    }
-    // Tuple
-    if (Array.isArray(rule)) {
-        return parseRules(rule[0], cache, rule[1]);
-    }
-    // Simple object
-    if (!cache.has(rule)) {
-        cache.set(rule, (0, _parseObjectStyles.default)(rule));
-    }
-    return [
+    return (0, _isPlainObject.default)(rule) || Array.isArray(rule) ? Array.isArray(rule) ? parseRules(rule[0], cache, rule[1]) : (cache.has(rule) || cache.set(rule, (0, _parseObjectStyles.default)(rule)), [
         cache.get(rule),
         options
+    ]) : [
+        [
+            rule
+        ],
+        options
     ];
 }
 const IS_VALID_PROPERTY_NAME = /^[a-z_-]/;
-function isValidPropName(name) {
-    return IS_VALID_PROPERTY_NAME.test(name);
-}
-/**
- * @param {string} declaration
- * @returns {boolean}
- */ function looksLikeUri(declaration) {
-    // Quick bailout for obvious non-urls
-    // This doesn't support schemes that don't use a leading // but that's unlikely to be a problem
-    if (!declaration.includes("://")) {
-        return false;
-    }
-    try {
-        const url = new URL(declaration);
-        return url.scheme !== "" && url.host !== "";
-    } catch (err) {
-        // Definitely not a valid url
-        return false;
-    }
-}
 function isParsableNode(node) {
-    let isParsable = true;
-    node.walkDecls((decl)=>{
-        if (!isParsableCssValue(decl.prop, decl.value)) {
-            isParsable = false;
-            return false;
-        }
-    });
-    return isParsable;
+    let isParsable = !0;
+    return node.walkDecls((decl)=>{
+        if (!isParsableCssValue(decl.prop, decl.value)) return isParsable = !1, !1;
+    }), isParsable;
 }
 function isParsableCssValue(property, value) {
-    // We don't want to to treat [https://example.com] as a custom property
-    // Even though, according to the CSS grammar, it's a totally valid CSS declaration
-    // So we short-circuit here by checking if the custom property looks like a url
-    if (looksLikeUri(`${property}:${value}`)) {
-        return false;
-    }
+    if (function(declaration) {
+        if (!declaration.includes("://")) return !1;
+        try {
+            let url = new URL(declaration);
+            return "" !== url.scheme && "" !== url.host;
+        } catch (err) {
+            return !1;
+        }
+    }(`${property}:${value}`)) return !1;
     try {
-        _postcss.default.parse(`a{${property}:${value}}`).toResult();
-        return true;
+        return _postcss.default.parse(`a{${property}:${value}}`).toResult(), !0;
     } catch (err) {
-        return false;
-    }
-}
-function extractArbitraryProperty(classCandidate, context) {
-    var _classCandidate_match;
-    let [, property, value] = (_classCandidate_match = classCandidate.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)) !== null && _classCandidate_match !== void 0 ? _classCandidate_match : [];
-    if (value === undefined) {
-        return null;
-    }
-    if (!isValidPropName(property)) {
-        return null;
+        return !1;
     }
-    if (!(0, _isSyntacticallyValidPropertyValue.default)(value)) {
-        return null;
-    }
-    let normalized = (0, _dataTypes.normalize)(value);
-    if (!isParsableCssValue(property, normalized)) {
-        return null;
-    }
-    let sort = context.offsets.arbitraryProperty();
-    return [
-        [
-            {
-                sort,
-                layer: "utilities"
-            },
-            ()=>({
-                    [(0, _nameClass.asClass)(classCandidate)]: {
-                        [property]: normalized
-                    }
-                })
-        ]
-    ];
 }
-function* resolveMatchedPlugins(classCandidate, context) {
-    if (context.candidateRuleMap.has(classCandidate)) {
-        yield [
+function* resolveMatches(candidate, context, original = candidate) {
+    var _sort_options, _sort_options_types, _sort_options1, _findFallback, _typesByMatches_get;
+    let separator = context.tailwindConfig.separator, [classCandidate, ...variants] = (candidate === _sharedState.NOT_ON_DEMAND ? [
+        _sharedState.NOT_ON_DEMAND
+    ] : (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(candidate, separator)).reverse(), important = !1;
+    if (classCandidate.startsWith("!") && (important = !0, classCandidate = classCandidate.slice(1)), (0, _featureFlags.flagEnabled)(context.tailwindConfig, "variantGrouping") && classCandidate.startsWith("(") && classCandidate.endsWith(")")) {
+        let base = variants.slice().reverse().join(separator);
+        for (let part of (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(classCandidate.slice(1, -1), ","))yield* resolveMatches(base + separator + part, context, original);
+    }
+    for (let matchedPlugins of function*(classCandidate, context) {
+        context.candidateRuleMap.has(classCandidate) && (yield [
             context.candidateRuleMap.get(classCandidate),
             "DEFAULT"
-        ];
-    }
-    yield* function*(arbitraryPropertyRule) {
-        if (arbitraryPropertyRule !== null) {
-            yield [
+        ]), yield* function*(arbitraryPropertyRule) {
+            null !== arbitraryPropertyRule && (yield [
                 arbitraryPropertyRule,
                 "DEFAULT"
-            ];
-        }
-    }(extractArbitraryProperty(classCandidate, context));
-    let candidatePrefix = classCandidate;
-    let negative = false;
-    const twConfigPrefix = context.tailwindConfig.prefix;
-    const twConfigPrefixLen = twConfigPrefix.length;
-    const hasMatchingPrefix = candidatePrefix.startsWith(twConfigPrefix) || candidatePrefix.startsWith(`-${twConfigPrefix}`);
-    if (candidatePrefix[twConfigPrefixLen] === "-" && hasMatchingPrefix) {
-        negative = true;
-        candidatePrefix = twConfigPrefix + candidatePrefix.slice(twConfigPrefixLen + 1);
-    }
-    if (negative && context.candidateRuleMap.has(candidatePrefix)) {
-        yield [
+            ]);
+        }(function(classCandidate, context) {
+            var _classCandidate_match;
+            let [, property, value] = null !== (_classCandidate_match = classCandidate.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)) && void 0 !== _classCandidate_match ? _classCandidate_match : [];
+            if (void 0 === value || !IS_VALID_PROPERTY_NAME.test(property) || !(0, _isSyntacticallyValidPropertyValue.default)(value)) return null;
+            let normalized = (0, _dataTypes.normalize)(value);
+            return isParsableCssValue(property, normalized) ? [
+                [
+                    {
+                        sort: context.offsets.arbitraryProperty(),
+                        layer: "utilities"
+                    },
+                    ()=>({
+                            [(0, _nameClass.asClass)(classCandidate)]: {
+                                [property]: normalized
+                            }
+                        })
+                ]
+            ] : null;
+        }(classCandidate, context));
+        let candidatePrefix = classCandidate, negative = !1, twConfigPrefix = context.tailwindConfig.prefix, twConfigPrefixLen = twConfigPrefix.length, hasMatchingPrefix = candidatePrefix.startsWith(twConfigPrefix) || candidatePrefix.startsWith(`-${twConfigPrefix}`);
+        for (let [prefix, modifier] of ("-" === candidatePrefix[twConfigPrefixLen] && hasMatchingPrefix && (negative = !0, candidatePrefix = twConfigPrefix + candidatePrefix.slice(twConfigPrefixLen + 1)), negative && context.candidateRuleMap.has(candidatePrefix) && (yield [
             context.candidateRuleMap.get(candidatePrefix),
             "-DEFAULT"
-        ];
-    }
-    for (let [prefix, modifier] of candidatePermutations(candidatePrefix)){
-        if (context.candidateRuleMap.has(prefix)) {
-            yield [
-                context.candidateRuleMap.get(prefix),
-                negative ? `-${modifier}` : modifier
-            ];
-        }
-    }
-}
-function splitWithSeparator(input, separator) {
-    if (input === _sharedState.NOT_ON_DEMAND) {
-        return [
-            _sharedState.NOT_ON_DEMAND
-        ];
-    }
-    return (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(input, separator);
-}
-function* recordCandidates(matches, classCandidate) {
-    for (const match of matches){
-        var _match__options;
-        var _match__options_preserveSource;
-        match[1].raws.tailwind = {
-            ...match[1].raws.tailwind,
-            classCandidate,
-            preserveSource: (_match__options_preserveSource = (_match__options = match[0].options) === null || _match__options === void 0 ? void 0 : _match__options.preserveSource) !== null && _match__options_preserveSource !== void 0 ? _match__options_preserveSource : false
-        };
-        yield match;
-    }
-}
-function* resolveMatches(candidate, context, original = candidate) {
-    let separator = context.tailwindConfig.separator;
-    let [classCandidate, ...variants] = splitWithSeparator(candidate, separator).reverse();
-    let important = false;
-    if (classCandidate.startsWith("!")) {
-        important = true;
-        classCandidate = classCandidate.slice(1);
-    }
-    if ((0, _featureFlags.flagEnabled)(context.tailwindConfig, "variantGrouping")) {
-        if (classCandidate.startsWith("(") && classCandidate.endsWith(")")) {
-            let base = variants.slice().reverse().join(separator);
-            for (let part of (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(classCandidate.slice(1, -1), ",")){
-                yield* resolveMatches(base + separator + part, context, original);
+        ]), function*(candidate) {
+            let lastIndex = 1 / 0;
+            for(; lastIndex >= 0;){
+                let dashIdx;
+                let wasSlash = !1;
+                if (lastIndex === 1 / 0 && candidate.endsWith("]")) {
+                    let bracketIdx = candidate.indexOf("[");
+                    "-" === candidate[bracketIdx - 1] ? dashIdx = bracketIdx - 1 : "/" === candidate[bracketIdx - 1] ? (dashIdx = bracketIdx - 1, wasSlash = !0) : dashIdx = -1;
+                } else lastIndex === 1 / 0 && candidate.includes("/") ? (dashIdx = candidate.lastIndexOf("/"), wasSlash = !0) : dashIdx = candidate.lastIndexOf("-", lastIndex);
+                if (dashIdx < 0) break;
+                let prefix = candidate.slice(0, dashIdx), modifier = candidate.slice(wasSlash ? dashIdx : dashIdx + 1);
+                lastIndex = dashIdx - 1, "" !== prefix && "/" !== modifier && (yield [
+                    prefix,
+                    modifier
+                ]);
             }
-        }
-    }
-    // TODO: Reintroduce this in ways that doesn't break on false positives
-    // function sortAgainst(toSort, against) {
-    //   return toSort.slice().sort((a, z) => {
-    //     return bigSign(against.get(a)[0] - against.get(z)[0])
-    //   })
-    // }
-    // let sorted = sortAgainst(variants, context.variantMap)
-    // if (sorted.toString() !== variants.toString()) {
-    //   let corrected = sorted.reverse().concat(classCandidate).join(':')
-    //   throw new Error(`Class ${candidate} should be written as ${corrected}`)
-    // }
-    for (let matchedPlugins of resolveMatchedPlugins(classCandidate, context)){
-        let matches = [];
-        let typesByMatches = new Map();
-        let [plugins, modifier] = matchedPlugins;
-        let isOnlyPlugin = plugins.length === 1;
+        }(candidatePrefix)))context.candidateRuleMap.has(prefix) && (yield [
+            context.candidateRuleMap.get(prefix),
+            negative ? `-${modifier}` : modifier
+        ]);
+    }(classCandidate, context)){
+        let matches = [], typesByMatches = new Map(), [plugins, modifier] = matchedPlugins, isOnlyPlugin = 1 === plugins.length;
         for (let [sort, plugin] of plugins){
             let matchesPerPlugin = [];
-            if (typeof plugin === "function") {
-                for (let ruleSet of [].concat(plugin(modifier, {
-                    isOnlyPlugin
-                }))){
-                    let [rules, options] = parseRules(ruleSet, context.postCssNodeCache);
-                    for (let rule of rules){
-                        matchesPerPlugin.push([
-                            {
-                                ...sort,
-                                options: {
-                                    ...sort.options,
-                                    ...options
-                                }
-                            },
-                            rule
-                        ]);
-                    }
-                }
-            } else if (modifier === "DEFAULT" || modifier === "-DEFAULT") {
-                let ruleSet = plugin;
+            if ("function" == typeof plugin) for (let ruleSet of [].concat(plugin(modifier, {
+                isOnlyPlugin
+            }))){
                 let [rules, options] = parseRules(ruleSet, context.postCssNodeCache);
-                for (let rule of rules){
-                    matchesPerPlugin.push([
-                        {
-                            ...sort,
-                            options: {
-                                ...sort.options,
-                                ...options
-                            }
-                        },
-                        rule
-                    ]);
-                }
+                for (let rule of rules)matchesPerPlugin.push([
+                    {
+                        ...sort,
+                        options: {
+                            ...sort.options,
+                            ...options
+                        }
+                    },
+                    rule
+                ]);
+            }
+            else if ("DEFAULT" === modifier || "-DEFAULT" === modifier) {
+                let [rules, options] = parseRules(plugin, context.postCssNodeCache);
+                for (let rule of rules)matchesPerPlugin.push([
+                    {
+                        ...sort,
+                        options: {
+                            ...sort.options,
+                            ...options
+                        }
+                    },
+                    rule
+                ]);
             }
             if (matchesPerPlugin.length > 0) {
-                var _sort_options;
-                var _sort_options_types, _sort_options1;
-                let matchingTypes = Array.from((0, _pluginUtils.getMatchingTypes)((_sort_options_types = (_sort_options = sort.options) === null || _sort_options === void 0 ? void 0 : _sort_options.types) !== null && _sort_options_types !== void 0 ? _sort_options_types : [], modifier, (_sort_options1 = sort.options) !== null && _sort_options1 !== void 0 ? _sort_options1 : {}, context.tailwindConfig)).map(([_, type])=>type);
-                if (matchingTypes.length > 0) {
-                    typesByMatches.set(matchesPerPlugin, matchingTypes);
-                }
-                matches.push(matchesPerPlugin);
+                let matchingTypes = Array.from((0, _pluginUtils.getMatchingTypes)(null !== (_sort_options_types = null === (_sort_options = sort.options) || void 0 === _sort_options ? void 0 : _sort_options.types) && void 0 !== _sort_options_types ? _sort_options_types : [], modifier, null !== (_sort_options1 = sort.options) && void 0 !== _sort_options1 ? _sort_options1 : {}, context.tailwindConfig)).map(([_, type])=>type);
+                matchingTypes.length > 0 && typesByMatches.set(matchesPerPlugin, matchingTypes), matches.push(matchesPerPlugin);
             }
         }
         if (isArbitraryValue(modifier)) {
             if (matches.length > 1) {
-                // Partition plugins in 2 categories so that we can start searching in the plugins that
-                // don't have `any` as a type first.
-                let [withAny, withoutAny] = matches.reduce((group, plugin)=>{
-                    let hasAnyType = plugin.some(([{ options  }])=>options.types.some(({ type  })=>type === "any"));
-                    if (hasAnyType) {
-                        group[0].push(plugin);
-                    } else {
-                        group[1].push(plugin);
-                    }
-                    return group;
-                }, [
+                let [withAny, withoutAny] = matches.reduce((group, plugin)=>(plugin.some(([{ options  }])=>options.types.some(({ type  })=>"any" === type)) ? group[0].push(plugin) : group[1].push(plugin), group), [
                     [],
                     []
                 ]);
                 function findFallback(matches) {
-                    // If only a single plugin matches, let's take that one
-                    if (matches.length === 1) {
-                        return matches[0];
-                    }
-                    // Otherwise, find the plugin that creates a valid rule given the arbitrary value, and
-                    // also has the correct type which preferOnConflicts the plugin in case of clashes.
-                    return matches.find((rules)=>{
+                    return 1 === matches.length ? matches[0] : matches.find((rules)=>{
                         let matchingTypes = typesByMatches.get(rules);
-                        return rules.some(([{ options  }, rule])=>{
-                            if (!isParsableNode(rule)) {
-                                return false;
-                            }
-                            return options.types.some(({ type , preferOnConflict  })=>matchingTypes.includes(type) && preferOnConflict);
-                        });
+                        return rules.some(([{ options  }, rule])=>!!isParsableNode(rule) && options.types.some(({ type , preferOnConflict  })=>matchingTypes.includes(type) && preferOnConflict));
                     });
                 }
-                var _findFallback;
-                // Try to find a fallback plugin, because we already know that multiple plugins matched for
-                // the given arbitrary value.
-                let fallback = (_findFallback = findFallback(withoutAny)) !== null && _findFallback !== void 0 ? _findFallback : findFallback(withAny);
-                if (fallback) {
-                    matches = [
-                        fallback
-                    ];
-                } else {
-                    var _typesByMatches_get;
+                let fallback = null !== (_findFallback = findFallback(withoutAny)) && void 0 !== _findFallback ? _findFallback : findFallback(withAny);
+                if (fallback) matches = [
+                    fallback
+                ];
+                else {
                     let typesPerPlugin = matches.map((match)=>new Set([
-                            ...(_typesByMatches_get = typesByMatches.get(match)) !== null && _typesByMatches_get !== void 0 ? _typesByMatches_get : []
+                            ...null !== (_typesByMatches_get = typesByMatches.get(match)) && void 0 !== _typesByMatches_get ? _typesByMatches_get : []
                         ]));
-                    // Remove duplicates, so that we can detect proper unique types for each plugin.
-                    for (let pluginTypes of typesPerPlugin){
-                        for (let type of pluginTypes){
-                            let removeFromOwnGroup = false;
-                            for (let otherGroup of typesPerPlugin){
-                                if (pluginTypes === otherGroup) continue;
-                                if (otherGroup.has(type)) {
-                                    otherGroup.delete(type);
-                                    removeFromOwnGroup = true;
-                                }
-                            }
-                            if (removeFromOwnGroup) pluginTypes.delete(type);
-                        }
+                    for (let pluginTypes of typesPerPlugin)for (let type of pluginTypes){
+                        let removeFromOwnGroup = !1;
+                        for (let otherGroup of typesPerPlugin)pluginTypes !== otherGroup && otherGroup.has(type) && (otherGroup.delete(type), removeFromOwnGroup = !0);
+                        removeFromOwnGroup && pluginTypes.delete(type);
                     }
                     let messages = [];
-                    for (let [idx, group] of typesPerPlugin.entries()){
-                        for (let type of group){
-                            let rules = matches[idx].map(([, rule])=>rule).flat().map((rule)=>rule.toString().split("\n").slice(1, -1) // Remove selector and closing '}'
-                                .map((line)=>line.trim()).map((x)=>`      ${x}`) // Re-indent
-                                .join("\n")).join("\n\n");
-                            messages.push(`  Use \`${candidate.replace("[", `[${type}:`)}\` for \`${rules.trim()}\``);
-                            break;
-                        }
+                    for (let [idx, group] of typesPerPlugin.entries())for (let type of group){
+                        let rules = matches[idx].map(([, rule])=>rule).flat().map((rule)=>rule.toString().split("\n").slice(1, -1).map((line)=>line.trim()).map((x)=>`      ${x}`).join("\n")).join("\n\n");
+                        messages.push(`  Use \`${candidate.replace("[", `[${type}:`)}\` for \`${rules.trim()}\``);
+                        break;
                     }
                     _log.default.warn([
                         `The class \`${candidate}\` is ambiguous and matches multiple utilities.`,
@@ -722,134 +214,229 @@ function* resolveMatches(candidate, context, original = candidate) {
             }
             matches = matches.map((list)=>list.filter((match)=>isParsableNode(match[1])));
         }
-        matches = matches.flat();
-        matches = Array.from(recordCandidates(matches, classCandidate));
-        matches = applyPrefix(matches, context);
-        if (important) {
-            matches = applyImportant(matches, classCandidate);
-        }
-        for (let variant of variants){
-            matches = applyVariant(variant, matches, context);
-        }
-        for (let match of matches){
-            match[1].raws.tailwind = {
-                ...match[1].raws.tailwind,
-                candidate
+        for (let variant of (matches = function(matches, context) {
+            if (0 === matches.length || "" === context.tailwindConfig.prefix) return matches;
+            for (let match of matches){
+                let [meta] = match;
+                if (meta.options.respectPrefix) {
+                    let container = _postcss.default.root({
+                        nodes: [
+                            match[1].clone()
+                        ]
+                    }), classCandidate = match[1].raws.tailwind.classCandidate;
+                    container.walkRules((r)=>{
+                        let shouldPrependNegative = classCandidate.startsWith("-");
+                        r.selector = (0, _prefixSelector.default)(context.tailwindConfig.prefix, r.selector, shouldPrependNegative);
+                    }), match[1] = container.nodes[0];
+                }
+            }
+            return matches;
+        }(matches = Array.from(function*(matches, classCandidate) {
+            for (let match of matches){
+                var _match__options, _match__options_preserveSource;
+                match[1].raws.tailwind = {
+                    ...match[1].raws.tailwind,
+                    classCandidate,
+                    preserveSource: null !== (_match__options_preserveSource = null === (_match__options = match[0].options) || void 0 === _match__options ? void 0 : _match__options.preserveSource) && void 0 !== _match__options_preserveSource && _match__options_preserveSource
+                }, yield match;
+            }
+        }(matches = matches.flat(), classCandidate)), context), important && (matches = function(matches, classCandidate) {
+            if (0 === matches.length) return matches;
+            let result = [];
+            for (let [meta, rule] of matches){
+                let container = _postcss.default.root({
+                    nodes: [
+                        rule.clone()
+                    ]
+                });
+                container.walkRules((r)=>{
+                    let ast = (0, _postcssSelectorParser.default)().astSync(r.selector);
+                    ast.each((sel)=>(0, _formatVariantSelector.eliminateIrrelevantSelectors)(sel, classCandidate)), (0, _pluginUtils.updateAllClasses)(ast, (className)=>className === classCandidate ? `!${className}` : className), r.selector = ast.toString(), r.walkDecls((d)=>d.important = !0);
+                }), result.push([
+                    {
+                        ...meta,
+                        important: !0
+                    },
+                    container.nodes[0]
+                ]);
+            }
+            return result;
+        }(matches, classCandidate)), variants))matches = function(variant, matches, context) {
+            if (0 === matches.length) return matches;
+            let args = {
+                modifier: null,
+                value: _sharedState.NONE
             };
-            // Apply final format selector
-            match = applyFinalFormat(match, {
-                context,
-                candidate,
-                original
-            });
-            // Skip rules with invalid selectors
-            // This will cause the candidate to be added to the "not class"
-            // cache skipping it entirely for future builds
-            if (match === null) {
-                continue;
+            {
+                let [baseVariant, ...modifiers] = (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(variant, "/");
+                if (modifiers.length > 1 && (baseVariant = baseVariant + "/" + modifiers.slice(0, -1).join("/"), modifiers = modifiers.slice(-1)), modifiers.length && !context.variantMap.has(variant) && (variant = baseVariant, args.modifier = modifiers[0], !(0, _featureFlags.flagEnabled)(context.tailwindConfig, "generalizedModifiers"))) return [];
             }
-            yield match;
-        }
-    }
-}
-function applyFinalFormat(match, { context , candidate , original  }) {
-    if (!match[0].collectedFormats) {
-        return match;
-    }
-    let isValid = true;
-    let finalFormat;
-    try {
-        finalFormat = (0, _formatVariantSelector.formatVariantSelector)(match[0].collectedFormats, {
-            context,
-            candidate
-        });
-    } catch  {
-        // The format selector we produced is invalid
-        // This could be because:
-        // - A bug exists
-        // - A plugin introduced an invalid variant selector (ex: `addVariant('foo', '&;foo')`)
-        // - The user used an invalid arbitrary variant (ex: `[&;foo]:underline`)
-        // Either way the build will fail because of this
-        // We would rather that the build pass "silently" given that this could
-        // happen because of picking up invalid things when scanning content
-        // So we'll throw out the candidate instead
-        return null;
-    }
-    let container = _postcss.default.root({
-        nodes: [
-            match[1].clone()
-        ]
-    });
-    container.walkRules((rule)=>{
-        if (inKeyframes(rule)) {
-            return;
-        }
-        try {
-            rule.selector = (0, _formatVariantSelector.finalizeSelector)(rule.selector, finalFormat, {
-                candidate: original,
-                context
-            });
-        } catch  {
-            // If this selector is invalid we also want to skip it
-            // But it's likely that being invalid here means there's a bug in a plugin rather than too loosely matching content
-            isValid = false;
-            return false;
-        }
-    });
-    if (!isValid) {
-        return null;
-    }
-    match[1] = container.nodes[0];
-    return match;
-}
-function inKeyframes(rule) {
-    return rule.parent && rule.parent.type === "atrule" && rule.parent.name === "keyframes";
-}
-function getImportantStrategy(important) {
-    if (important === true) {
-        return (rule)=>{
-            if (inKeyframes(rule)) {
-                return;
+            if (variant.endsWith("]") && !variant.startsWith("[")) {
+                let match = /(.)(-?)\[(.*)\]/g.exec(variant);
+                if (match) {
+                    let [, char, seperator, value] = match;
+                    if ("@" === char && "-" === seperator || "@" !== char && "" === seperator) return [];
+                    variant = variant.replace(`${seperator}[${value}]`, ""), args.value = value;
+                }
             }
-            rule.walkDecls((d)=>{
-                if (d.parent.type === "rule" && !inKeyframes(d.parent)) {
-                    d.important = true;
+            if (isArbitraryValue(variant) && !context.variantMap.has(variant)) {
+                let sort = context.offsets.recordVariant(variant), selector = (0, _dataTypes.normalize)(variant.slice(1, -1)), selectors = (0, _splitAtTopLevelOnlyJs.splitAtTopLevelOnly)(selector, ",");
+                if (selectors.length > 1 || !selectors.every(_setupContextUtils.isValidVariantFormatString)) return [];
+                let records = selectors.map((sel, idx)=>[
+                        context.offsets.applyParallelOffset(sort, idx),
+                        (0, _setupContextUtils.parseVariant)(sel.trim())
+                    ]);
+                context.variantMap.set(variant, records);
+            }
+            if (context.variantMap.has(variant)) {
+                let isArbitraryVariant = isArbitraryValue(variant), variantFunctionTuples = context.variantMap.get(variant).slice(), result = [];
+                for (let [meta, rule] of matches){
+                    if ("user" === meta.layer) continue;
+                    let container = _postcss.default.root({
+                        nodes: [
+                            rule.clone()
+                        ]
+                    });
+                    for (let [variantSort, variantFunction, containerFromArray] of variantFunctionTuples){
+                        var _meta_collectedFormats;
+                        let clone = (null != containerFromArray ? containerFromArray : container).clone(), collectedFormats = [];
+                        function prepareBackup() {
+                            clone.raws.neededBackup || (clone.raws.neededBackup = !0, clone.walkRules((rule)=>rule.raws.originalSelector = rule.selector));
+                        }
+                        function modifySelectors(modifierFunction) {
+                            return prepareBackup(), clone.each((rule)=>{
+                                "rule" === rule.type && (rule.selectors = rule.selectors.map((selector)=>modifierFunction({
+                                        get className () {
+                                            return getClassNameFromSelector(selector);
+                                        },
+                                        selector
+                                    })));
+                            }), clone;
+                        }
+                        let ruleWithVariant = variantFunction({
+                            get container () {
+                                return prepareBackup(), clone;
+                            },
+                            separator: context.tailwindConfig.separator,
+                            modifySelectors,
+                            wrap (wrapper) {
+                                let nodes = clone.nodes;
+                                clone.removeAll(), wrapper.append(nodes), clone.append(wrapper);
+                            },
+                            format (selectorFormat) {
+                                collectedFormats.push({
+                                    format: selectorFormat,
+                                    isArbitraryVariant
+                                });
+                            },
+                            args
+                        });
+                        if (Array.isArray(ruleWithVariant)) {
+                            for (let [idx, variantFunction] of ruleWithVariant.entries())variantFunctionTuples.push([
+                                context.offsets.applyParallelOffset(variantSort, idx),
+                                variantFunction,
+                                clone.clone()
+                            ]);
+                            continue;
+                        }
+                        if ("string" == typeof ruleWithVariant && collectedFormats.push({
+                            format: ruleWithVariant,
+                            isArbitraryVariant
+                        }), null === ruleWithVariant) continue;
+                        clone.raws.neededBackup && (delete clone.raws.neededBackup, clone.walkRules((rule)=>{
+                            let before = rule.raws.originalSelector;
+                            if (!before || (delete rule.raws.originalSelector, before === rule.selector)) return;
+                            let modified = rule.selector, rebuiltBase = (0, _postcssSelectorParser.default)((selectors)=>{
+                                selectors.walkClasses((classNode)=>{
+                                    classNode.value = `${variant}${context.tailwindConfig.separator}${classNode.value}`;
+                                });
+                            }).processSync(before);
+                            collectedFormats.push({
+                                format: modified.replace(rebuiltBase, "&"),
+                                isArbitraryVariant
+                            }), rule.selector = before;
+                        })), clone.nodes[0].raws.tailwind = {
+                            ...clone.nodes[0].raws.tailwind,
+                            parentLayer: meta.layer
+                        };
+                        let withOffset = [
+                            {
+                                ...meta,
+                                sort: context.offsets.applyVariantOffset(meta.sort, variantSort, Object.assign(args, context.variantOptions.get(variant))),
+                                collectedFormats: (null !== (_meta_collectedFormats = meta.collectedFormats) && void 0 !== _meta_collectedFormats ? _meta_collectedFormats : []).concat(collectedFormats)
+                            },
+                            clone.nodes[0]
+                        ];
+                        result.push(withOffset);
+                    }
                 }
-            });
-        };
-    }
-    if (typeof important === "string") {
-        return (rule)=>{
-            if (inKeyframes(rule)) {
-                return;
+                return result;
             }
-            rule.selectors = rule.selectors.map((selector)=>{
-                return (0, _applyImportantSelector.applyImportantSelector)(selector, important);
+            return [];
+        }(variant, matches, context);
+        for (let match of matches)match[1].raws.tailwind = {
+            ...match[1].raws.tailwind,
+            candidate
+        }, null !== (match = function(match, { context , candidate , original  }) {
+            let finalFormat;
+            if (!match[0].collectedFormats) return match;
+            let isValid = !0;
+            try {
+                finalFormat = (0, _formatVariantSelector.formatVariantSelector)(match[0].collectedFormats, {
+                    context,
+                    candidate
+                });
+            } catch  {
+                return null;
+            }
+            let container = _postcss.default.root({
+                nodes: [
+                    match[1].clone()
+                ]
             });
-        };
+            return (container.walkRules((rule)=>{
+                if (!inKeyframes(rule)) try {
+                    rule.selector = (0, _formatVariantSelector.finalizeSelector)(rule.selector, finalFormat, {
+                        candidate: original,
+                        context
+                    });
+                } catch  {
+                    return isValid = !1, !1;
+                }
+            }), isValid) ? (match[1] = container.nodes[0], match) : null;
+        }(match, {
+            context,
+            candidate,
+            original
+        })) && (yield match);
     }
 }
+function inKeyframes(rule) {
+    return rule.parent && "atrule" === rule.parent.type && "keyframes" === rule.parent.name;
+}
 function generateRules(candidates, context) {
-    let allRules = [];
-    let strategy = getImportantStrategy(context.tailwindConfig.important);
+    var important, _context_candidateRuleCache_get;
+    let allRules = [], strategy = !0 === (important = context.tailwindConfig.important) ? (rule)=>{
+        inKeyframes(rule) || rule.walkDecls((d)=>{
+            "rule" !== d.parent.type || inKeyframes(d.parent) || (d.important = !0);
+        });
+    } : "string" == typeof important ? (rule)=>{
+        inKeyframes(rule) || (rule.selectors = rule.selectors.map((selector)=>(0, _applyImportantSelector.applyImportantSelector)(selector, important)));
+    } : void 0;
     for (let candidate of candidates){
-        if (context.notClassCache.has(candidate)) {
-            continue;
-        }
+        if (context.notClassCache.has(candidate)) continue;
         if (context.candidateRuleCache.has(candidate)) {
             allRules = allRules.concat(Array.from(context.candidateRuleCache.get(candidate)));
             continue;
         }
         let matches = Array.from(resolveMatches(candidate, context));
-        if (matches.length === 0) {
+        if (0 === matches.length) {
             context.notClassCache.add(candidate);
             continue;
         }
         context.classCache.set(candidate, matches);
-        var _context_candidateRuleCache_get;
-        let rules = (_context_candidateRuleCache_get = context.candidateRuleCache.get(candidate)) !== null && _context_candidateRuleCache_get !== void 0 ? _context_candidateRuleCache_get : new Set();
-        context.candidateRuleCache.set(candidate, rules);
-        for (const match of matches){
+        let rules = null !== (_context_candidateRuleCache_get = context.candidateRuleCache.get(candidate)) && void 0 !== _context_candidateRuleCache_get ? _context_candidateRuleCache_get : new Set();
+        for (let match of (context.candidateRuleCache.set(candidate, rules), matches)){
             let [{ sort , options  }, rule] = match;
             if (options.respectImportant && strategy) {
                 let container = _postcss.default.root({
@@ -857,16 +444,13 @@ function generateRules(candidates, context) {
                         rule.clone()
                     ]
                 });
-                container.walkRules(strategy);
-                rule = container.nodes[0];
+                container.walkRules(strategy), rule = container.nodes[0];
             }
             let newEntry = [
                 sort,
                 rule
             ];
-            rules.add(newEntry);
-            context.ruleCache.add(newEntry);
-            allRules.push(newEntry);
+            rules.add(newEntry), context.ruleCache.add(newEntry), allRules.push(newEntry);
         }
     }
     return allRules;