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

package/lib/util/normalizeScreens.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.normalizeScreens = normalizeScreens;
+function normalizeScreens(screens, root = true) {
+    if (Array.isArray(screens)) {
+        return screens.map((screen)=>{
+            if (root && Array.isArray(screen)) {
+                throw new Error('The tuple syntax is not supported for `screens`.');
+            }
+            if (typeof screen === 'string') {
+                return {
+                    name: screen.toString(),
+                    values: [
+                        {
+                            min: screen,
+                            max: undefined
+                        }
+                    ]
+                };
+            }
+            let [name, options] = screen;
+            name = name.toString();
+            if (typeof options === 'string') {
+                return {
+                    name,
+                    values: [
+                        {
+                            min: options,
+                            max: undefined
+                        }
+                    ]
+                };
+            }
+            if (Array.isArray(options)) {
+                return {
+                    name,
+                    values: options.map((option)=>resolveValue(option)
+                    )
+                };
+            }
+            return {
+                name,
+                values: [
+                    resolveValue(options)
+                ]
+            };
+        });
+    }
+    return normalizeScreens(Object.entries(screens !== null && screens !== void 0 ? screens : {}), false);
+}
+function resolveValue({ 'min-width': _minWidth , min =_minWidth , max , raw  } = {}) {
+    return {
+        min,
+        max,
+        raw
+    };
+}

package/lib/util/parseBoxShadowValue.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.parseBoxShadowValue = parseBoxShadowValue;
+exports.formatBoxShadowValue = formatBoxShadowValue;
+let KEYWORDS = new Set([
+    'inset',
+    'inherit',
+    'initial',
+    'revert',
+    'unset'
+]);
+let COMMA = /\,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
+;
+let SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead.
+;
+let LENGTH = /^-?(\d+)(.*?)$/g;
+function parseBoxShadowValue(input) {
+    let shadows = input.split(COMMA);
+    return shadows.map((shadow)=>{
+        let value = shadow.trim();
+        let result = {
+            raw: value
+        };
+        let parts = value.split(SPACE);
+        let seen = new Set();
+        for (let part of parts){
+            // Reset index, since the regex is stateful.
+            LENGTH.lastIndex = 0;
+            // Keyword
+            if (!seen.has('KEYWORD') && KEYWORDS.has(part)) {
+                result.keyword = part;
+                seen.add('KEYWORD');
+            } else if (LENGTH.test(part)) {
+                if (!seen.has('X')) {
+                    result.x = part;
+                    seen.add('X');
+                } else if (!seen.has('Y')) {
+                    result.y = part;
+                    seen.add('Y');
+                } else if (!seen.has('BLUR')) {
+                    result.blur = part;
+                    seen.add('BLUR');
+                } else if (!seen.has('SPREAD')) {
+                    result.spread = part;
+                    seen.add('SPREAD');
+                }
+            } else {
+                if (!result.color) {
+                    result.color = part;
+                } else {
+                    if (!result.unknown) result.unknown = [];
+                    result.unknown.push(part);
+                }
+            }
+        }
+        // Check if valid
+        result.valid = result.x !== undefined && result.y !== undefined;
+        return result;
+    });
+}
+function formatBoxShadowValue(shadows) {
+    return shadows.map((shadow)=>{
+        if (!shadow.valid) {
+            return shadow.raw;
+        }
+        return [
+            shadow.keyword,
+            shadow.x,
+            shadow.y,
+            shadow.blur,
+            shadow.spread,
+            shadow.color
+        ].filter(Boolean).join(' ');
+    }).join(', ');
+}

package/lib/util/pluginUtils.js

@@ -2,12 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.applyStateToMarker = applyStateToMarker;
 exports.updateAllClasses = updateAllClasses;
-exports.updateLastClasses = updateLastClasses;
-exports.transformAllSelectors = transformAllSelectors;
-exports.transformAllClasses = transformAllClasses;
-exports.transformLastClasses = transformLastClasses;
 exports.asValue = asValue;
 exports.asColor = asColor;
 exports.asLookupValue = asLookupValue;
@@ -15,7 +10,6 @@ exports.coerceValue = coerceValue;
 var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
 var _escapeCommas = _interopRequireDefault(require("./escapeCommas"));
 var _withAlphaVariable = require("./withAlphaVariable");
-var _isKeyframeRule = _interopRequireDefault(require("./isKeyframeRule"));
 var _dataTypes = require("./dataTypes");
 var _negateValue = _interopRequireDefault(require("./negateValue"));
 function _interopRequireDefault(obj) {
@@ -23,144 +17,19 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-function applyStateToMarker(selector, marker, state, join) {
-    let markerIdx = selector.search(new RegExp(`${marker}[:[]`));
-    if (markerIdx === -1) {
-        return join(marker + state, selector);
-    }
-    let markerSelector = selector.slice(markerIdx, selector.indexOf(' ', markerIdx));
-    return join(marker + state + markerSelector.slice(markerIdx + marker.length), selector.replace(markerSelector, ''));
-}
-function updateAllClasses(selectors, updateClass) {
+function updateAllClasses(selectors1, updateClass) {
     let parser = (0, _postcssSelectorParser).default((selectors)=>{
         selectors.walkClasses((sel)=>{
-            let updatedClass = updateClass(sel.value, {
-                withAttr (className, attr) {
-                    sel.parent.insertAfter(sel, _postcssSelectorParser.default.attribute({
-                        attribute: attr.slice(1, -1)
-                    }));
-                    return className;
-                },
-                withPseudo (className, pseudo) {
-                    sel.parent.insertAfter(sel, _postcssSelectorParser.default.pseudo({
-                        value: pseudo
-                    }));
-                    return className;
-                }
-            });
+            let updatedClass = updateClass(sel.value);
             sel.value = updatedClass;
             if (sel.raws && sel.raws.value) {
                 sel.raws.value = (0, _escapeCommas).default(sel.raws.value);
             }
         });
     });
-    let result = parser.processSync(selectors);
+    let result = parser.processSync(selectors1);
     return result;
 }
-function updateLastClasses(selectors, updateClass) {
-    let parser = (0, _postcssSelectorParser).default((selectors)=>{
-        selectors.each((sel)=>{
-            let lastClass = sel.filter(({ type  })=>type === 'class'
-            ).pop();
-            if (lastClass === undefined) {
-                return;
-            }
-            let updatedClass = updateClass(lastClass.value, {
-                withPseudo (className, pseudo) {
-                    lastClass.parent.insertAfter(lastClass, _postcssSelectorParser.default.pseudo({
-                        value: `${pseudo}`
-                    }));
-                    return className;
-                }
-            });
-            lastClass.value = updatedClass;
-            if (lastClass.raws && lastClass.raws.value) {
-                lastClass.raws.value = (0, _escapeCommas).default(lastClass.raws.value);
-            }
-        });
-    });
-    let result = parser.processSync(selectors);
-    return result;
-}
-function splitByNotEscapedCommas(str) {
-    let chunks = [];
-    let currentChunk = '';
-    for(let i = 0; i < str.length; i++){
-        if (str[i] === ',' && str[i - 1] !== '\\') {
-            chunks.push(currentChunk);
-            currentChunk = '';
-        } else {
-            currentChunk += str[i];
-        }
-    }
-    chunks.push(currentChunk);
-    return chunks;
-}
-function transformAllSelectors(transformSelector, { wrap , withRule  } = {
-}) {
-    return ({ container  })=>{
-        container.walkRules((rule)=>{
-            if ((0, _isKeyframeRule).default(rule)) {
-                return rule;
-            }
-            let transformed = splitByNotEscapedCommas(rule.selector).map(transformSelector).join(',');
-            rule.selector = transformed;
-            if (withRule) {
-                withRule(rule);
-            }
-            return rule;
-        });
-        if (wrap) {
-            let wrapper = wrap();
-            let nodes = container.nodes;
-            container.removeAll();
-            wrapper.append(nodes);
-            container.append(wrapper);
-        }
-    };
-}
-function transformAllClasses(transformClass, { wrap , withRule  } = {
-}) {
-    return ({ container  })=>{
-        container.walkRules((rule)=>{
-            let selector = rule.selector;
-            let variantSelector = updateAllClasses(selector, transformClass);
-            rule.selector = variantSelector;
-            if (withRule) {
-                withRule(rule);
-            }
-            return rule;
-        });
-        if (wrap) {
-            let wrapper = wrap();
-            let nodes = container.nodes;
-            container.removeAll();
-            wrapper.append(nodes);
-            container.append(wrapper);
-        }
-    };
-}
-function transformLastClasses(transformClass, { wrap , withRule  } = {
-}) {
-    return ({ container  })=>{
-        container.walkRules((rule)=>{
-            let selector = rule.selector;
-            let variantSelector = updateLastClasses(selector, transformClass);
-            rule.selector = variantSelector;
-            if (withRule) {
-                withRule(rule);
-            }
-            return rule;
-        });
-        if (wrap) {
-            let wrapper = wrap();
-            let nodes = container.nodes;
-            container.removeAll();
-            wrapper.append(nodes);
-            container.append(wrapper);
-        }
-    };
-}
 function resolveArbitraryValue(modifier, validate) {
     if (!isArbitraryValue(modifier)) {
         return undefined;
@@ -171,8 +40,7 @@ function resolveArbitraryValue(modifier, validate) {
     }
     return (0, _dataTypes).normalize(value);
 }
-function asNegativeValue(modifier, lookup = {
-}, validate) {
+function asNegativeValue(modifier, lookup = {}, validate) {
     let positiveValue = lookup[modifier];
     if (positiveValue !== undefined) {
         return (0, _negateValue).default(positiveValue);
@@ -185,10 +53,8 @@ function asNegativeValue(modifier, lookup = {
         return (0, _negateValue).default(resolved);
     }
 }
-function asValue(modifier, options = {
-}, { validate =()=>true
-  } = {
-}) {
+function asValue(modifier, options = {}, { validate =()=>true
+  } = {}) {
     var ref;
     let value = (ref = options.values) === null || ref === void 0 ? void 0 : ref[modifier];
     if (value !== undefined) {
@@ -214,27 +80,24 @@ function splitAlpha(modifier) {
         modifier.slice(slashIdx + 1)
     ];
 }
-function asColor(modifier, options = {
-}, { tailwindConfig ={
-}  } = {
-}) {
-    var ref7;
-    if (((ref7 = options.values) === null || ref7 === void 0 ? void 0 : ref7[modifier]) !== undefined) {
-        var ref;
-        return (ref = options.values) === null || ref === void 0 ? void 0 : ref[modifier];
+function asColor(modifier, options = {}, { tailwindConfig ={}  } = {}) {
+    var ref;
+    if (((ref = options.values) === null || ref === void 0 ? void 0 : ref[modifier]) !== undefined) {
+        var ref1;
+        return (ref1 = options.values) === null || ref1 === void 0 ? void 0 : ref1[modifier];
     }
     let [color, alpha] = splitAlpha(modifier);
     if (alpha !== undefined) {
-        var ref, ref1, ref2;
-        var ref3;
-        let normalizedColor = (ref3 = (ref = options.values) === null || ref === void 0 ? void 0 : ref[color]) !== null && ref3 !== void 0 ? ref3 : isArbitraryValue(color) ? color.slice(1, -1) : undefined;
+        var ref2, ref3, ref4;
+        var ref5;
+        let normalizedColor = (ref5 = (ref2 = options.values) === null || ref2 === void 0 ? void 0 : ref2[color]) !== null && ref5 !== void 0 ? ref5 : isArbitraryValue(color) ? color.slice(1, -1) : undefined;
         if (normalizedColor === undefined) {
             return undefined;
         }
         if (isArbitraryValue(alpha)) {
             return (0, _withAlphaVariable).withAlphaValue(normalizedColor, alpha.slice(1, -1));
         }
-        if (((ref1 = tailwindConfig.theme) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.opacity) === null || ref2 === void 0 ? void 0 : ref2[alpha]) === undefined) {
+        if (((ref3 = tailwindConfig.theme) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.opacity) === null || ref4 === void 0 ? void 0 : ref4[alpha]) === undefined) {
             return undefined;
         }
         return (0, _withAlphaVariable).withAlphaValue(normalizedColor, tailwindConfig.theme.opacity[alpha]);
@@ -243,8 +106,7 @@ function asColor(modifier, options = {
         validate: _dataTypes.color
     });
 }
-function asLookupValue(modifier, options = {
-}) {
+function asLookupValue(modifier, options = {}) {
     var ref;
     return (ref = options.values) === null || ref === void 0 ? void 0 : ref[modifier];
 }
@@ -269,7 +131,8 @@ let typeMap = {
     number: guess(_dataTypes.number),
     'line-width': guess(_dataTypes.lineWidth),
     'absolute-size': guess(_dataTypes.absoluteSize),
-    'relative-size': guess(_dataTypes.relativeSize)
+    'relative-size': guess(_dataTypes.relativeSize),
+    shadow: guess(_dataTypes.shadow)
 };
 let supportedTypes = Object.keys(typeMap);
 function splitAtFirst(input, delim) {
@@ -285,8 +148,14 @@ function splitAtFirst(input, delim) {
 }
 function coerceValue(types, modifier, options, tailwindConfig) {
     if (isArbitraryValue(modifier)) {
-        let [explicitType, value] = splitAtFirst(modifier.slice(1, -1), ':');
-        if (explicitType !== undefined && !supportedTypes.includes(explicitType)) {
+        let arbitraryValue = modifier.slice(1, -1);
+        let [explicitType, value] = splitAtFirst(arbitraryValue, ':');
+        // It could be that this resolves to `url(https` which is not a valid
+        // identifier. We currently only support "simple" words with dashes or
+        // underscores. E.g.: family-name
+        if (!/^[\w-_]+$/g.test(explicitType)) {
+            value = arbitraryValue;
+        } else if (explicitType !== undefined && !supportedTypes.includes(explicitType)) {
             return [];
         }
         if (value.length > 0 && supportedTypes.includes(explicitType)) {
@@ -301,7 +170,7 @@ function coerceValue(types, modifier, options, tailwindConfig) {
         let result = typeMap[type](modifier, options, {
             tailwindConfig
         });
-        if (result) return [
+        if (result !== undefined) return [
             result,
             type
         ];

package/lib/util/prefixSelector.js

@@ -11,12 +11,10 @@ function _interopRequireDefault(obj) {
     };
 }
 function _default(prefix, selector) {
-    const getPrefix = typeof prefix === 'function' ? prefix : ()=>prefix === undefined ? '' : prefix
-    ;
     return (0, _postcssSelectorParser).default((selectors)=>{
         selectors.walkClasses((classSelector)=>{
             (0, _tap).tap(classSelector.value, (baseClass)=>{
-                classSelector.value = `${getPrefix('.' + baseClass)}${baseClass}`;
+                classSelector.value = `${prefix}${baseClass}`;
             });
         });
     }).processSync(selector);

package/lib/util/resolveConfig.js

@@ -11,6 +11,8 @@ var _colors = _interopRequireDefault(require("../public/colors"));
 var _defaults = require("./defaults");
 var _toPath = require("./toPath");
 var _normalizeConfig = require("./normalizeConfig");
+var _isPlainObject = _interopRequireDefault(require("./isPlainObject"));
+var _cloneDeep = require("./cloneDeep");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -51,8 +53,7 @@ const configUtils = {
                 negativeScale[`-${key}`] = negativeValue;
             }
             return negativeScale;
-        }, {
-        });
+        }, {});
     },
     breakpoints (screens) {
         return Object.keys(screens).filter((key)=>typeof screens[key] === 'string'
@@ -60,8 +61,7 @@ const configUtils = {
                 ...breakpoints,
                 [`screen-${key}`]: screens[key]
             })
-        , {
-        });
+        , {});
     }
 };
 function value(valueToResolve, ...args) {
@@ -86,34 +86,32 @@ function collectExtends(items) {
                 mergedValue
             ];
         });
-    }, {
-    });
+    }, {});
 }
 function mergeThemes(themes) {
     return {
         ...themes.reduce((merged, theme)=>(0, _defaults).defaults(merged, theme)
-        , {
-        }),
+        , {}),
         // In order to resolve n config objects, we combine all of their `extend` properties
         // into arrays instead of objects so they aren't overridden.
         extend: collectExtends(themes)
     };
 }
-function mergeExtensionCustomizer(merged, value) {
+function mergeExtensionCustomizer(merged, value1) {
     // When we have an array of objects, we do want to merge it
     if (Array.isArray(merged) && isObject(merged[0])) {
-        return merged.concat(value);
+        return merged.concat(value1);
     }
     // When the incoming value is an array, and the existing config is an object, prepend the existing object
-    if (Array.isArray(value) && isObject(value[0]) && isObject(merged)) {
+    if (Array.isArray(value1) && isObject(value1[0]) && isObject(merged)) {
         return [
             merged,
-            ...value
+            ...value1
         ];
     }
     // Override arrays (for example for font-families, box-shadows, ...)
-    if (Array.isArray(value)) {
-        return value;
+    if (Array.isArray(value1)) {
+        return value1;
     }
     // Execute default behaviour
     return undefined;
@@ -122,11 +120,9 @@ function mergeExtensions({ extend , ...theme }) {
     return mergeWith(theme, extend, (themeValue, extensions)=>{
         // The `extend` property is an array, so we need to check if it contains any functions
         if (!isFunction(themeValue) && !extensions.some(isFunction)) {
-            return mergeWith({
-            }, themeValue, ...extensions, mergeExtensionCustomizer);
+            return mergeWith({}, themeValue, ...extensions, mergeExtensionCustomizer);
         }
-        return (resolveThemePath, utils)=>mergeWith({
-            }, ...[
+        return (resolveThemePath, utils)=>mergeWith({}, ...[
                 themeValue,
                 ...extensions
             ].map((e)=>value(e, resolveThemePath, utils)
@@ -143,19 +139,24 @@ function resolveFunctionKeys(object) {
             val = val[path[index++]];
             val = isFunction(val) ? val(resolvePath, configUtils) : val;
         }
-        return val === undefined ? defaultValue : val;
+        if (val === undefined) {
+            return defaultValue;
+        }
+        if ((0, _isPlainObject).default(val)) {
+            return (0, _cloneDeep).cloneDeep(val);
+        }
+        return val;
     };
     resolvePath.theme = resolvePath;
-    for(let key in configUtils){
-        resolvePath[key] = configUtils[key];
+    for(let key1 in configUtils){
+        resolvePath[key1] = configUtils[key1];
     }
     return Object.keys(object).reduce((resolved, key)=>{
         return {
             ...resolved,
             [key]: isFunction(object[key]) ? object[key](resolvePath, configUtils) : object[key]
         };
-    }, {
-    });
+    }, {});
 }
 function extractPluginConfigs(configs) {
     let allConfigs = [];
@@ -164,8 +165,8 @@ function extractPluginConfigs(configs) {
             ...allConfigs,
             config
         ];
-        var ref;
-        const plugins = (ref = config === null || config === void 0 ? void 0 : config.plugins) !== null && ref !== void 0 ? ref : [];
+        var ref1;
+        const plugins = (ref1 = config === null || config === void 0 ? void 0 : config.plugins) !== null && ref1 !== void 0 ? ref1 : [];
         if (plugins.length === 0) {
             return;
         }
@@ -177,8 +178,7 @@ function extractPluginConfigs(configs) {
             allConfigs = [
                 ...allConfigs,
                 ...extractPluginConfigs([
-                    (ref = plugin === null || plugin === void 0 ? void 0 : plugin.config) !== null && ref !== void 0 ? ref : {
-                    }
+                    (ref = plugin === null || plugin === void 0 ? void 0 : plugin.config) !== null && ref !== void 0 ? ref : {}
                 ])
             ];
         });
@@ -219,16 +219,15 @@ function resolveConfig(configs) {
             variantOrder: _defaultConfigStub.default.variantOrder
         }, 
     ];
-    var ref, ref1;
+    var ref, ref2;
     return (0, _normalizeConfig).normalizeConfig((0, _defaults).defaults({
         theme: resolveFunctionKeys(mergeExtensions(mergeThemes(allConfigs.map((t)=>{
-            return (ref = t === null || t === void 0 ? void 0 : t.theme) !== null && ref !== void 0 ? ref : {
-            };
+            return (ref = t === null || t === void 0 ? void 0 : t.theme) !== null && ref !== void 0 ? ref : {};
         })))),
         corePlugins: resolveCorePlugins(allConfigs.map((c)=>c.corePlugins
         )),
         plugins: resolvePluginLists(configs.map((c)=>{
-            return (ref1 = c === null || c === void 0 ? void 0 : c.plugins) !== null && ref1 !== void 0 ? ref1 : [];
+            return (ref2 = c === null || c === void 0 ? void 0 : c.plugins) !== null && ref2 !== void 0 ? ref2 : [];
         }))
     }, ...allConfigs));
 }

package/lib/util/resolveConfigPath.js

@@ -45,8 +45,7 @@ function resolveConfigPath(pathOrConfig) {
             const configPath = _path.default.resolve(configFile);
             _fs.default.accessSync(configPath);
             return configPath;
-        } catch (err) {
-        }
+        } catch (err) {}
     }
     return null;
 }

package/lib/util/toColorValue.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = toColorValue;
 function toColorValue(maybeFunction) {
-    return typeof maybeFunction === 'function' ? maybeFunction({
-    }) : maybeFunction;
+    return typeof maybeFunction === 'function' ? maybeFunction({}) : maybeFunction;
 }

package/lib/util/toPath.js

@@ -5,5 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.toPath = toPath;
 function toPath(path) {
     if (Array.isArray(path)) return path;
-    return path.split(/[\.\]\[]+/g);
+    let openBrackets = path.split('[').length - 1;
+    let closedBrackets = path.split(']').length - 1;
+    if (openBrackets !== closedBrackets) {
+        throw new Error(`Path is invalid. Has unbalanced brackets: ${path}`);
+    }
+    return path.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
 }

package/lib/util/transformThemeValue.js

@@ -14,8 +14,11 @@ function transformThemeValue(themeSection) {
         'fontSize',
         'outline'
     ].includes(themeSection)) {
-        return (value)=>Array.isArray(value) ? value[0] : value
-        ;
+        return (value)=>{
+            if (typeof value === 'function') value = value({});
+            if (Array.isArray(value)) value = value[0];
+            return value;
+        };
     }
     if ([
         'fontFamily',
@@ -30,8 +33,11 @@ function transformThemeValue(themeSection) {
         'cursor',
         'animation', 
     ].includes(themeSection)) {
-        return (value)=>Array.isArray(value) ? value.join(', ') : value
-        ;
+        return (value)=>{
+            if (typeof value === 'function') value = value({});
+            if (Array.isArray(value)) value = value.join(', ');
+            return value;
+        };
     }
     // For backwards compatibility reasons, before we switched to underscores
     // instead of commas for arbitrary values.
@@ -40,14 +46,14 @@ function transformThemeValue(themeSection) {
         'gridTemplateRows',
         'objectPosition'
     ].includes(themeSection)) {
-        return (value)=>typeof value === 'string' ? _postcss.default.list.comma(value).join(' ') : value
-        ;
+        return (value)=>{
+            if (typeof value === 'function') value = value({});
+            if (typeof value === 'string') value = _postcss.default.list.comma(value).join(' ');
+            return value;
+        };
     }
-    if (themeSection === 'colors') {
-        return (value)=>typeof value === 'function' ? value({
-            }) : value
-        ;
-    }
-    return (value)=>value
-    ;
+    return (value)=>{
+        if (typeof value === 'function') value = value({});
+        return value;
+    };
 }

package/nesting/plugin.js

@@ -14,7 +14,10 @@ module.exports = function nesting(opts = postcssNested) {
     })
 
     let plugin = (() => {
-      if (typeof opts === 'function') {
+      if (
+        typeof opts === 'function' ||
+        (typeof opts === 'object' && opts?.hasOwnProperty('postcssPlugin'))
+      ) {
         return opts
       }