tailwindcss 0.0.0-oxide-insiders.a7fe2fe → 0.0.0-oxide-insiders.7f555c4

package/lib/util/pluginUtils.js

@@ -1,78 +1,151 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), function(target, all) {
+    value: true
+});
+function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
-        enumerable: !0,
+        enumerable: true,
         get: all[name]
     });
-}(exports, {
-    updateAllClasses: ()=>updateAllClasses,
-    asValue: ()=>asValue,
-    parseColorFormat: ()=>parseColorFormat,
-    asColor: ()=>asColor,
-    asLookupValue: ()=>asLookupValue,
-    typeMap: ()=>typeMap,
-    coerceValue: ()=>coerceValue,
-    getMatchingTypes: ()=>getMatchingTypes
+}
+_export(exports, {
+    updateAllClasses: function() {
+        return updateAllClasses;
+    },
+    asValue: function() {
+        return asValue;
+    },
+    parseColorFormat: function() {
+        return parseColorFormat;
+    },
+    asColor: function() {
+        return asColor;
+    },
+    asLookupValue: function() {
+        return asLookupValue;
+    },
+    typeMap: function() {
+        return typeMap;
+    },
+    coerceValue: function() {
+        return coerceValue;
+    },
+    getMatchingTypes: function() {
+        return getMatchingTypes;
+    }
 });
-const _escapeCommas = _interopRequireDefault(require("./escapeCommas")), _withAlphaVariable = require("./withAlphaVariable"), _dataTypes = require("./dataTypes"), _negateValue = _interopRequireDefault(require("./negateValue")), _validateFormalSyntax = require("./validateFormalSyntax"), _featureFlagsJs = require("../featureFlags.js");
-function _interopRequireDefault(obj) {
+const _escapeCommas = /*#__PURE__*/ _interop_require_default(require("./escapeCommas"));
+const _withAlphaVariable = require("./withAlphaVariable");
+const _dataTypes = require("./dataTypes");
+const _negateValue = /*#__PURE__*/ _interop_require_default(require("./negateValue"));
+const _validateFormalSyntax = require("./validateFormalSyntax");
+const _featureFlags = require("../featureFlags.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function updateAllClasses(selectors, updateClass) {
     selectors.walkClasses((sel)=>{
-        sel.value = updateClass(sel.value), sel.raws && sel.raws.value && (sel.raws.value = (0, _escapeCommas.default)(sel.raws.value));
+        sel.value = updateClass(sel.value);
+        if (sel.raws && sel.raws.value) {
+            sel.raws.value = (0, _escapeCommas.default)(sel.raws.value);
+        }
     });
 }
 function resolveArbitraryValue(modifier, validate) {
-    if (!isArbitraryValue(modifier)) return;
+    if (!isArbitraryValue(modifier)) {
+        return undefined;
+    }
     let value = modifier.slice(1, -1);
-    if (validate(value)) return (0, _dataTypes.normalize)(value);
+    if (!validate(value)) {
+        return undefined;
+    }
+    return (0, _dataTypes.normalize)(value);
 }
-function asValue(modifier, options = {}, { validate =()=>!0  } = {}) {
-    var _options_values;
-    let value = null === (_options_values = options.values) || void 0 === _options_values ? void 0 : _options_values[modifier];
-    return void 0 !== value ? value : options.supportsNegativeValues && modifier.startsWith("-") ? function(modifier, lookup = {}, validate) {
-        let positiveValue = lookup[modifier];
-        if (void 0 !== positiveValue) return (0, _negateValue.default)(positiveValue);
-        if (isArbitraryValue(modifier)) {
-            let resolved = resolveArbitraryValue(modifier, validate);
-            if (void 0 === resolved) return;
-            return (0, _negateValue.default)(resolved);
+function asNegativeValue(modifier, lookup = {}, validate) {
+    let positiveValue = lookup[modifier];
+    if (positiveValue !== undefined) {
+        return (0, _negateValue.default)(positiveValue);
+    }
+    if (isArbitraryValue(modifier)) {
+        let resolved = resolveArbitraryValue(modifier, validate);
+        if (resolved === undefined) {
+            return undefined;
         }
-    }(modifier.slice(1), options.values, validate) : resolveArbitraryValue(modifier, validate);
+        return (0, _negateValue.default)(resolved);
+    }
+}
+function asValue(modifier, options = {}, { validate =()=>true  } = {}) {
+    var _options_values;
+    let value = (_options_values = options.values) === null || _options_values === void 0 ? void 0 : _options_values[modifier];
+    if (value !== undefined) {
+        return value;
+    }
+    if (options.supportsNegativeValues && modifier.startsWith("-")) {
+        return asNegativeValue(modifier.slice(1), options.values, validate);
+    }
+    return resolveArbitraryValue(modifier, validate);
 }
 function isArbitraryValue(input) {
     return input.startsWith("[") && input.endsWith("]");
 }
 function splitUtilityModifier(modifier) {
     let slashIdx = modifier.lastIndexOf("/");
-    return -1 === slashIdx || slashIdx === modifier.length - 1 || isArbitraryValue(modifier) && !modifier.includes("]/[") ? [
-        modifier,
-        void 0
-    ] : [
+    if (slashIdx === -1 || slashIdx === modifier.length - 1) {
+        return [
+            modifier,
+            undefined
+        ];
+    }
+    let arbitrary = isArbitraryValue(modifier);
+    // The modifier could be of the form `[foo]/[bar]`
+    // We want to handle this case properly
+    // without affecting `[foo/bar]`
+    if (arbitrary && !modifier.includes("]/[")) {
+        return [
+            modifier,
+            undefined
+        ];
+    }
+    return [
         modifier.slice(0, slashIdx),
         modifier.slice(slashIdx + 1)
     ];
 }
 function parseColorFormat(value) {
-    return "string" == typeof value && value.includes("<alpha-value>") ? ({ opacityValue =1  })=>value.replace("<alpha-value>", opacityValue) : value;
+    if (typeof value === "string" && value.includes("<alpha-value>")) {
+        let oldValue = value;
+        return ({ opacityValue =1  })=>oldValue.replace("<alpha-value>", opacityValue);
+    }
+    return value;
 }
 function unwrapArbitraryModifier(modifier) {
     return (0, _dataTypes.normalize)(modifier.slice(1, -1));
 }
 function asColor(modifier, options = {}, { tailwindConfig ={}  } = {}) {
-    var _options_values, _options_values1, _options_values2, _tailwindConfig_theme, _tailwindConfig_theme_opacity, _options_values_color;
-    if ((null === (_options_values = options.values) || void 0 === _options_values ? void 0 : _options_values[modifier]) !== void 0) return parseColorFormat(null === (_options_values1 = options.values) || void 0 === _options_values1 ? void 0 : _options_values1[modifier]);
+    var _options_values;
+    if (((_options_values = options.values) === null || _options_values === void 0 ? void 0 : _options_values[modifier]) !== undefined) {
+        var _options_values1;
+        return parseColorFormat((_options_values1 = options.values) === null || _options_values1 === void 0 ? void 0 : _options_values1[modifier]);
+    }
+    // TODO: Hoist this up to getMatchingTypes or something
+    // We do this here because we need the alpha value (if any)
     let [color, alpha] = splitUtilityModifier(modifier);
-    if (void 0 !== alpha) {
-        let normalizedColor = null !== (_options_values_color = null === (_options_values2 = options.values) || void 0 === _options_values2 ? void 0 : _options_values2[color]) && void 0 !== _options_values_color ? _options_values_color : isArbitraryValue(color) ? color.slice(1, -1) : void 0;
-        if (void 0 === normalizedColor) return;
-        if (normalizedColor = parseColorFormat(normalizedColor), isArbitraryValue(alpha)) return (0, _withAlphaVariable.withAlphaValue)(normalizedColor, unwrapArbitraryModifier(alpha));
-        if ((null === (_tailwindConfig_theme = tailwindConfig.theme) || void 0 === _tailwindConfig_theme ? void 0 : null === (_tailwindConfig_theme_opacity = _tailwindConfig_theme.opacity) || void 0 === _tailwindConfig_theme_opacity ? void 0 : _tailwindConfig_theme_opacity[alpha]) === void 0) return;
+    if (alpha !== undefined) {
+        var _options_values2, _tailwindConfig_theme, _tailwindConfig_theme_opacity;
+        var _options_values_color;
+        let normalizedColor = (_options_values_color = (_options_values2 = options.values) === null || _options_values2 === void 0 ? void 0 : _options_values2[color]) !== null && _options_values_color !== void 0 ? _options_values_color : isArbitraryValue(color) ? color.slice(1, -1) : undefined;
+        if (normalizedColor === undefined) {
+            return undefined;
+        }
+        normalizedColor = parseColorFormat(normalizedColor);
+        if (isArbitraryValue(alpha)) {
+            return (0, _withAlphaVariable.withAlphaValue)(normalizedColor, unwrapArbitraryModifier(alpha));
+        }
+        if (((_tailwindConfig_theme = tailwindConfig.theme) === null || _tailwindConfig_theme === void 0 ? void 0 : (_tailwindConfig_theme_opacity = _tailwindConfig_theme.opacity) === null || _tailwindConfig_theme_opacity === void 0 ? void 0 : _tailwindConfig_theme_opacity[alpha]) === undefined) {
+            return undefined;
+        }
         return (0, _withAlphaVariable.withAlphaValue)(normalizedColor, tailwindConfig.theme.opacity[alpha]);
     }
     return asValue(modifier, options, {
@@ -81,12 +154,14 @@ function asColor(modifier, options = {}, { tailwindConfig ={}  } = {}) {
 }
 function asLookupValue(modifier, options = {}) {
     var _options_values;
-    return null === (_options_values = options.values) || void 0 === _options_values ? void 0 : _options_values[modifier];
+    return (_options_values = options.values) === null || _options_values === void 0 ? void 0 : _options_values[modifier];
 }
 function guess(validate) {
-    return (modifier, options)=>asValue(modifier, options, {
+    return (modifier, options)=>{
+        return asValue(modifier, options, {
             validate
         });
+    };
 }
 let typeMap = {
     any: asValue,
@@ -105,53 +180,97 @@ let typeMap = {
     "relative-size": guess(_dataTypes.relativeSize),
     shadow: guess(_dataTypes.shadow),
     size: guess(_validateFormalSyntax.backgroundSize)
-}, supportedTypes = Object.keys(typeMap);
+};
+let supportedTypes = Object.keys(typeMap);
+function splitAtFirst(input, delim) {
+    let idx = input.indexOf(delim);
+    if (idx === -1) return [
+        undefined,
+        input
+    ];
+    return [
+        input.slice(0, idx),
+        input.slice(idx + 1)
+    ];
+}
 function coerceValue(types, modifier, options, tailwindConfig) {
-    if (options.values && modifier in options.values) for (let { type  } of null != types ? types : []){
-        let result = typeMap[type](modifier, options, {
-            tailwindConfig
-        });
-        if (void 0 !== result) return [
-            result,
-            type,
-            null
-        ];
+    if (options.values && modifier in options.values) {
+        for (let { type  } of types !== null && types !== void 0 ? types : []){
+            let result = typeMap[type](modifier, options, {
+                tailwindConfig
+            });
+            if (result === undefined) {
+                continue;
+            }
+            return [
+                result,
+                type,
+                null
+            ];
+        }
     }
     if (isArbitraryValue(modifier)) {
-        let idx, arbitraryValue = modifier.slice(1, -1), [explicitType, value] = -1 === (idx = arbitraryValue.indexOf(":")) ? [
-            void 0,
-            arbitraryValue
-        ] : [
-            arbitraryValue.slice(0, idx),
-            arbitraryValue.slice(idx + 1)
-        ];
-        if (/^[\w-_]+$/g.test(explicitType)) {
-            if (void 0 !== explicitType && !supportedTypes.includes(explicitType)) return [];
-        } else value = arbitraryValue;
-        if (value.length > 0 && supportedTypes.includes(explicitType)) return [
-            asValue(`[${value}]`, options),
-            explicitType,
-            null
-        ];
+        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)) {
+            return [
+                asValue(`[${value}]`, options),
+                explicitType,
+                null
+            ];
+        }
+    }
+    let matches = getMatchingTypes(types, modifier, options, tailwindConfig);
+    // Find first matching type
+    for (let match of matches){
+        return match;
     }
-    for (let match of getMatchingTypes(types, modifier, options, tailwindConfig))return match;
     return [];
 }
 function* getMatchingTypes(types, rawModifier, options, tailwindConfig) {
-    let modifiersEnabled = (0, _featureFlagsJs.flagEnabled)(tailwindConfig, "generalizedModifiers"), [modifier, utilityModifier] = splitUtilityModifier(rawModifier);
-    if (modifiersEnabled && null != options.modifiers && ("any" === options.modifiers || "object" == typeof options.modifiers && (utilityModifier && isArbitraryValue(utilityModifier) || utilityModifier in options.modifiers)) || (modifier = rawModifier, utilityModifier = void 0), void 0 !== utilityModifier && "" === modifier && (modifier = "DEFAULT"), void 0 !== utilityModifier && "object" == typeof options.modifiers) {
-        var _options_modifiers, _options_modifiers_utilityModifier;
-        let configValue = null !== (_options_modifiers_utilityModifier = null === (_options_modifiers = options.modifiers) || void 0 === _options_modifiers ? void 0 : _options_modifiers[utilityModifier]) && void 0 !== _options_modifiers_utilityModifier ? _options_modifiers_utilityModifier : null;
-        null !== configValue ? utilityModifier = configValue : isArbitraryValue(utilityModifier) && (utilityModifier = unwrapArbitraryModifier(utilityModifier));
+    let modifiersEnabled = (0, _featureFlags.flagEnabled)(tailwindConfig, "generalizedModifiers");
+    let [modifier, utilityModifier] = splitUtilityModifier(rawModifier);
+    let canUseUtilityModifier = modifiersEnabled && options.modifiers != null && (options.modifiers === "any" || typeof options.modifiers === "object" && (utilityModifier && isArbitraryValue(utilityModifier) || utilityModifier in options.modifiers));
+    if (!canUseUtilityModifier) {
+        modifier = rawModifier;
+        utilityModifier = undefined;
     }
-    for (let { type  } of null != types ? types : []){
+    if (utilityModifier !== undefined && modifier === "") {
+        modifier = "DEFAULT";
+    }
+    // Check the full value first
+    // TODO: Move to asValue… somehow
+    if (utilityModifier !== undefined) {
+        if (typeof options.modifiers === "object") {
+            var _options_modifiers;
+            var _options_modifiers_utilityModifier;
+            let configValue = (_options_modifiers_utilityModifier = (_options_modifiers = options.modifiers) === null || _options_modifiers === void 0 ? void 0 : _options_modifiers[utilityModifier]) !== null && _options_modifiers_utilityModifier !== void 0 ? _options_modifiers_utilityModifier : null;
+            if (configValue !== null) {
+                utilityModifier = configValue;
+            } else if (isArbitraryValue(utilityModifier)) {
+                utilityModifier = unwrapArbitraryModifier(utilityModifier);
+            }
+        }
+    }
+    for (let { type  } of types !== null && types !== void 0 ? types : []){
         let result = typeMap[type](modifier, options, {
             tailwindConfig
         });
-        void 0 !== result && (yield [
+        if (result === undefined) {
+            continue;
+        }
+        yield [
             result,
             type,
-            null != utilityModifier ? utilityModifier : null
-        ]);
+            utilityModifier !== null && utilityModifier !== void 0 ? utilityModifier : null
+        ];
     }
 }

package/lib/util/prefixSelector.js

@@ -1,20 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "default", {
-    enumerable: !0,
-    get: ()=>_default
+    value: true
 });
-const _postcssSelectorParser = function(obj) {
+Object.defineProperty(exports, /**
+ * @template {string | import('postcss-selector-parser').Root} T
+ *
+ * Prefix all classes in the selector with the given prefix
+ *
+ * It can take either a string or a selector AST and will return the same type
+ *
+ * @param {string} prefix
+ * @param {T} selector
+ * @param {boolean} prependNegative
+ * @returns {T}
+ */ "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _postcssselectorparser = /*#__PURE__*/ _interop_require_default(require("postcss-selector-parser"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
-}(require("postcss-selector-parser"));
-function _default(prefix, selector, prependNegative = !1) {
-    if ("" === prefix) return selector;
-    let ast = "string" == typeof selector ? (0, _postcssSelectorParser.default)().astSync(selector) : selector;
-    return ast.walkClasses((classSelector)=>{
-        let baseClass = classSelector.value, shouldPlaceNegativeBeforePrefix = prependNegative && baseClass.startsWith("-");
+}
+function _default(prefix, selector, prependNegative = false) {
+    if (prefix === "") {
+        return selector;
+    }
+    let ast = typeof selector === "string" ? (0, _postcssselectorparser.default)().astSync(selector) : selector;
+    ast.walkClasses((classSelector)=>{
+        let baseClass = classSelector.value;
+        let shouldPlaceNegativeBeforePrefix = prependNegative && baseClass.startsWith("-");
         classSelector.value = shouldPlaceNegativeBeforePrefix ? `-${prefix}${baseClass.slice(1)}` : `${prefix}${baseClass}`;
-    }), "string" == typeof selector ? ast.toString() : ast;
+    });
+    return typeof selector === "string" ? ast.toString() : ast;
 }

package/lib/util/pseudoElements.js

@@ -1,9 +1,26 @@
-"use strict";
+/** @typedef {import('postcss-selector-parser').Root} Root */ /** @typedef {import('postcss-selector-parser').Selector} Selector */ /** @typedef {import('postcss-selector-parser').Pseudo} Pseudo */ /** @typedef {import('postcss-selector-parser').Node} Node */ // There are some pseudo-elements that may or may not be:
+// **Actionable**
+// Zero or more user-action pseudo-classes may be attached to the pseudo-element itself
+// structural-pseudo-classes are NOT allowed but we don't make
+// The spec is not clear on whether this is allowed or not — but in practice it is.
+// **Terminal**
+// It MUST be placed at the end of a selector
+//
+// This is the required in the spec. However, some pseudo elements are not "terminal" because
+// they represent a "boundary piercing" that is compiled out by a build step.
+// **Jumpable**
+// Any terminal element may "jump" over combinators when moving to the end of the selector
+//
+// This is a backwards-compat quirk of :before and :after variants.
+/** @typedef {'terminal' | 'actionable' | 'jumpable'} PseudoProperty */ /** @type {Record<string, PseudoProperty[]>} */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "movePseudos", {
-    enumerable: !0,
-    get: ()=>movePseudos
+    value: true
+});
+Object.defineProperty(exports, "movePseudos", {
+    enumerable: true,
+    get: function() {
+        return movePseudos;
+    }
 });
 let elementProperties = {
     "::after": [
@@ -11,7 +28,8 @@ let elementProperties = {
         "jumpable"
     ],
     "::backdrop": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::before": [
         "terminal",
@@ -35,17 +53,20 @@ let elementProperties = {
         "terminal"
     ],
     "::marker": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::part": [
         "terminal",
         "actionable"
     ],
     "::placeholder": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::selection": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::slotted": [
         "terminal"
@@ -56,6 +77,7 @@ let elementProperties = {
     "::target-text": [
         "terminal"
     ],
+    // other
     "::file-selector-button": [
         "terminal",
         "actionable"
@@ -64,6 +86,7 @@ let elementProperties = {
         "terminal",
         "actionable"
     ],
+    // Webkit scroll bar pseudo elements can be combined with user-action pseudo classes
     "::-webkit-scrollbar": [
         "terminal",
         "actionable"
@@ -92,6 +115,10 @@ let elementProperties = {
         "terminal",
         "actionable"
     ],
+    // 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.
     ":after": [
         "terminal",
         "jumpable"
@@ -108,40 +135,95 @@ let elementProperties = {
         "terminal",
         "jumpable"
     ],
+    // The default value is used when the pseudo-element is not recognized
+    // Because it's not recognized, we don't know if it's terminal or not
+    // So we assume it can't be moved AND can have user-action pseudo classes attached to it
     __default__: [
         "actionable"
     ]
 };
 function movePseudos(sel) {
-    let [pseudos] = function movablePseudos(sel) {
-        let buffer = [], lastSeenElement = null;
-        for (let node2 of sel.nodes)if ("combinator" === node2.type) buffer = buffer.filter(([, node])=>propertiesForPseudo(node).includes("jumpable")), lastSeenElement = null;
-        else if ("pseudo" === node2.type) {
-            var _node_nodes, node, node1, pseudo;
-            for (let sub of (isPseudoElement(node = node2) && propertiesForPseudo(node).includes("terminal") ? (lastSeenElement = node2, buffer.push([
-                sel,
-                node2,
-                null
-            ])) : lastSeenElement && (node1 = node2, pseudo = lastSeenElement, !("pseudo" !== node1.type || isPseudoElement(node1)) && propertiesForPseudo(pseudo).includes("actionable")) ? buffer.push([
-                sel,
-                node2,
-                lastSeenElement
-            ]) : lastSeenElement = null, null !== (_node_nodes = node2.nodes) && void 0 !== _node_nodes ? _node_nodes : [])){
+    let [pseudos] = movablePseudos(sel);
+    // Remove all pseudo elements from their respective selectors
+    pseudos.forEach(([sel, pseudo])=>sel.removeChild(pseudo));
+    // Re-add them to the end of the selector in the correct order.
+    // This moves terminal pseudo elements to the end of the
+    // selector otherwise the selector will not be valid.
+    //
+    // Examples:
+    //  - `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`
+    //
+    // The selector `::before:hover` does not work but we
+    // can make it work for you by flipping the order.
+    sel.nodes.push(...pseudos.map(([, pseudo])=>pseudo));
+    return sel;
+}
+/** @typedef {[sel: Selector, pseudo: Pseudo, attachedTo: Pseudo | null]} MovablePseudo */ /** @typedef {[pseudos: MovablePseudo[], lastSeenElement: Pseudo | null]} MovablePseudosResult */ /**
+ * @param {Selector} sel
+ * @returns {MovablePseudosResult}
+ */ function movablePseudos(sel) {
+    /** @type {MovablePseudo[]} */ let buffer = [];
+    /** @type {Pseudo | null} */ let lastSeenElement = null;
+    for (let node of sel.nodes){
+        if (node.type === "combinator") {
+            buffer = buffer.filter(([, node])=>propertiesForPseudo(node).includes("jumpable"));
+            lastSeenElement = null;
+        } else if (node.type === "pseudo") {
+            if (isMovablePseudoElement(node)) {
+                lastSeenElement = node;
+                buffer.push([
+                    sel,
+                    node,
+                    null
+                ]);
+            } else if (lastSeenElement && isAttachablePseudoClass(node, lastSeenElement)) {
+                buffer.push([
+                    sel,
+                    node,
+                    lastSeenElement
+                ]);
+            } else {
+                lastSeenElement = null;
+            }
+            var _node_nodes;
+            for (let sub of (_node_nodes = node.nodes) !== null && _node_nodes !== void 0 ? _node_nodes : []){
                 let [movable, lastSeenElementInSub] = movablePseudos(sub);
-                lastSeenElement = lastSeenElementInSub || lastSeenElement, buffer.push(...movable);
+                lastSeenElement = lastSeenElementInSub || lastSeenElement;
+                buffer.push(...movable);
             }
         }
-        return [
-            buffer,
-            lastSeenElement
-        ];
-    }(sel);
-    return pseudos.forEach(([sel, pseudo])=>sel.removeChild(pseudo)), sel.nodes.push(...pseudos.map(([, pseudo])=>pseudo)), sel;
+    }
+    return [
+        buffer,
+        lastSeenElement
+    ];
+}
+/**
+ * @param {Node} node
+ * @returns {boolean}
+ */ function isPseudoElement(node) {
+    return node.value.startsWith("::") || elementProperties[node.value] !== undefined;
+}
+/**
+ * @param {Node} node
+ * @returns {boolean}
+ */ function isMovablePseudoElement(node) {
+    return isPseudoElement(node) && propertiesForPseudo(node).includes("terminal");
 }
-function isPseudoElement(node) {
-    return node.value.startsWith("::") || void 0 !== elementProperties[node.value];
+/**
+ * @param {Node} node
+ * @param {Pseudo} pseudo
+ * @returns {boolean}
+ */ function isAttachablePseudoClass(node, pseudo) {
+    if (node.type !== "pseudo") return false;
+    if (isPseudoElement(node)) return false;
+    return propertiesForPseudo(pseudo).includes("actionable");
 }
-function propertiesForPseudo(pseudo) {
+/**
+ * @param {Pseudo} pseudo
+ * @returns {PseudoProperty[]}
+ */ function propertiesForPseudo(pseudo) {
     var _elementProperties_pseudo_value;
-    return null !== (_elementProperties_pseudo_value = elementProperties[pseudo.value]) && void 0 !== _elementProperties_pseudo_value ? _elementProperties_pseudo_value : elementProperties.__default__;
+    return (_elementProperties_pseudo_value = elementProperties[pseudo.value]) !== null && _elementProperties_pseudo_value !== void 0 ? _elementProperties_pseudo_value : elementProperties.__default__;
 }

package/lib/util/removeAlphaVariables.js

@@ -1,16 +1,31 @@
-"use strict";
+/**
+ * This function removes any uses of CSS variables used as an alpha channel
+ *
+ * This is required for selectors like `:visited` which do not allow
+ * changes in opacity or external control using CSS variables.
+ *
+ * @param {import('postcss').Container} container
+ * @param {string[]} toRemove
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "removeAlphaVariables", {
+    enumerable: true,
+    get: function() {
+        return removeAlphaVariables;
+    }
+});
 function removeAlphaVariables(container, toRemove) {
     container.walkDecls((decl)=>{
         if (toRemove.includes(decl.prop)) {
             decl.remove();
             return;
         }
-        for (let varName of toRemove)decl.value.includes(`/ var(${varName})`) && (decl.value = decl.value.replace(`/ var(${varName})`, ""));
+        for (let varName of toRemove){
+            if (decl.value.includes(`/ var(${varName})`)) {
+                decl.value = decl.value.replace(`/ var(${varName})`, "");
+            }
+        }
     });
 }
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "removeAlphaVariables", {
-    enumerable: !0,
-    get: ()=>removeAlphaVariables
-});