tailwindcss 0.0.0-oxide-insiders.a7fe2fe → 0.0.0-oxide-insiders.759a8c2

package/lib/corePlugins.js

@@ -1,74 +1,143 @@
 "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, {
-    variantPlugins: ()=>variantPlugins,
-    corePlugins: ()=>corePlugins
+}
+_export(exports, {
+    variantPlugins: function() {
+        return variantPlugins;
+    },
+    corePlugins: function() {
+        return corePlugins;
+    }
 });
-const _fs = _interopRequireDefault(require("fs")), _path = _interopRequireWildcard(require("path")), _postcss = _interopRequireDefault(require("postcss")), _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin")), _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery")), _escapeClassName = _interopRequireDefault(require("./util/escapeClassName")), _parseAnimationValue = _interopRequireDefault(require("./util/parseAnimationValue")), _flattenColorPalette = _interopRequireDefault(require("./util/flattenColorPalette")), _withAlphaVariable = _interopRequireWildcard(require("./util/withAlphaVariable")), _toColorValue = _interopRequireDefault(require("./util/toColorValue")), _isPlainObject = _interopRequireDefault(require("./util/isPlainObject")), _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue")), _packageJson = require("../package.json"), _log = _interopRequireDefault(require("./util/log")), _normalizeScreens = require("./util/normalizeScreens"), _parseBoxShadowValue = require("./util/parseBoxShadowValue"), _removeAlphaVariables = require("./util/removeAlphaVariables"), _featureFlags = require("./featureFlags"), _dataTypes = require("./util/dataTypes");
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_wildcard(require("path"));
+const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
+const _createUtilityPlugin = /*#__PURE__*/ _interop_require_default(require("./util/createUtilityPlugin"));
+const _buildMediaQuery = /*#__PURE__*/ _interop_require_default(require("./util/buildMediaQuery"));
+const _escapeClassName = /*#__PURE__*/ _interop_require_default(require("./util/escapeClassName"));
+const _parseAnimationValue = /*#__PURE__*/ _interop_require_default(require("./util/parseAnimationValue"));
+const _flattenColorPalette = /*#__PURE__*/ _interop_require_default(require("./util/flattenColorPalette"));
+const _withAlphaVariable = /*#__PURE__*/ _interop_require_wildcard(require("./util/withAlphaVariable"));
+const _toColorValue = /*#__PURE__*/ _interop_require_default(require("./util/toColorValue"));
+const _isPlainObject = /*#__PURE__*/ _interop_require_default(require("./util/isPlainObject"));
+const _transformThemeValue = /*#__PURE__*/ _interop_require_default(require("./util/transformThemeValue"));
+const _packagejson = require("../package.json");
+const _log = /*#__PURE__*/ _interop_require_default(require("./util/log"));
+const _normalizeScreens = require("./util/normalizeScreens");
+const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
+const _removeAlphaVariables = require("./util/removeAlphaVariables");
+const _featureFlags = require("./featureFlags");
+const _dataTypes = require("./util/dataTypes");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function _getRequireWildcardCache(nodeInterop) {
-    if ("function" != typeof WeakMap) return null;
-    var cacheBabelInterop = new WeakMap(), cacheNodeInterop = new WeakMap();
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
     return (_getRequireWildcardCache = function(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) return obj;
-    if (null === obj || "object" != typeof obj && "function" != typeof obj) return {
-        default: obj
-    };
+function _interop_require_wildcard(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 = {}, 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];
+    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.default = obj, cache && cache.set(obj, newObj), newObj;
+    return newObj;
 }
 let variantPlugins = {
     pseudoElementVariants: ({ addVariant  })=>{
-        addVariant("first-letter", "&::first-letter"), addVariant("first-line", "&::first-line"), addVariant("marker", [
-            ({ container  })=>((0, _removeAlphaVariables.removeAlphaVariables)(container, [
+        addVariant("first-letter", "&::first-letter");
+        addVariant("first-line", "&::first-line");
+        addVariant("marker", [
+            ({ container  })=>{
+                (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                     "--tw-text-opacity"
-                ]), "& *::marker"),
-            ({ container  })=>((0, _removeAlphaVariables.removeAlphaVariables)(container, [
+                ]);
+                return "& *::marker";
+            },
+            ({ container  })=>{
+                (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                     "--tw-text-opacity"
-                ]), "&::marker")
-        ]), addVariant("selection", [
+                ]);
+                return "&::marker";
+            }
+        ]);
+        addVariant("selection", [
             "& *::selection",
             "&::selection"
-        ]), addVariant("file", "&::file-selector-button"), addVariant("placeholder", "&::placeholder"), addVariant("backdrop", "&::backdrop"), addVariant("before", ({ container  })=>(container.walkRules((rule)=>{
-                let foundContent = !1;
+        ]);
+        addVariant("file", "&::file-selector-button");
+        addVariant("placeholder", "&::placeholder");
+        addVariant("backdrop", "&::backdrop");
+        addVariant("before", ({ container  })=>{
+            container.walkRules((rule)=>{
+                let foundContent = false;
                 rule.walkDecls("content", ()=>{
-                    foundContent = !0;
-                }), foundContent || rule.prepend(_postcss.default.decl({
-                    prop: "content",
-                    value: "var(--tw-content)"
-                }));
-            }), "&::before")), addVariant("after", ({ container  })=>(container.walkRules((rule)=>{
-                let foundContent = !1;
+                    foundContent = true;
+                });
+                if (!foundContent) {
+                    rule.prepend(_postcss.default.decl({
+                        prop: "content",
+                        value: "var(--tw-content)"
+                    }));
+                }
+            });
+            return "&::before";
+        });
+        addVariant("after", ({ container  })=>{
+            container.walkRules((rule)=>{
+                let foundContent = false;
                 rule.walkDecls("content", ()=>{
-                    foundContent = !0;
-                }), foundContent || rule.prepend(_postcss.default.decl({
-                    prop: "content",
-                    value: "var(--tw-content)"
-                }));
-            }), "&::after"));
+                    foundContent = true;
+                });
+                if (!foundContent) {
+                    rule.prepend(_postcss.default.decl({
+                        prop: "content",
+                        value: "var(--tw-content)"
+                    }));
+                }
+            });
+            return "&::after";
+        });
     },
     pseudoClassVariants: ({ addVariant , matchVariant , config  })=>{
         let pseudoVariants = [
+            // Positional
             [
                 "first",
                 "&:first-child"
@@ -92,19 +161,24 @@ let variantPlugins = {
             "first-of-type",
             "last-of-type",
             "only-of-type",
+            // State
             [
                 "visited",
-                ({ container  })=>((0, _removeAlphaVariables.removeAlphaVariables)(container, [
+                ({ container  })=>{
+                    (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                         "--tw-text-opacity",
                         "--tw-border-opacity",
                         "--tw-bg-opacity"
-                    ]), "&:visited")
+                    ]);
+                    return "&:visited";
+                }
             ],
             "target",
             [
                 "open",
                 "&[open]"
             ],
+            // Forms
             "default",
             "checked",
             "indeterminate",
@@ -117,11 +191,13 @@ let variantPlugins = {
             "in-range",
             "out-of-range",
             "read-only",
+            // Content
             "empty",
+            // Interactive
             "focus-within",
             [
                 "hover",
-                (0, _featureFlags.flagEnabled)(config(), "hoverOnlyWhenSupported") ? "@media (hover: hover) and (pointer: fine) { &:hover }" : "&:hover"
+                !(0, _featureFlags.flagEnabled)(config(), "hoverOnlyWhenSupported") ? "&:hover" : "@media (hover: hover) and (pointer: fine) { &:hover }"
             ],
             "focus",
             "focus-visible",
@@ -132,102 +208,186 @@ let variantPlugins = {
                 variant,
                 `&:${variant}`
             ]);
-        for (let [variantName, state] of pseudoVariants)addVariant(variantName, (ctx)=>"function" == typeof state ? state(ctx) : state);
-        for (let [name, fn] of Object.entries({
+        for (let [variantName, state] of pseudoVariants){
+            addVariant(variantName, (ctx)=>{
+                let result = typeof state === "function" ? state(ctx) : state;
+                return result;
+            });
+        }
+        let variants = {
             group: (_, { modifier  })=>modifier ? [
                     `:merge(.group\\/${(0, _escapeClassName.default)(modifier)})`,
                     " &"
                 ] : [
-                    ":merge(.group)",
+                    `:merge(.group)`,
                     " &"
                 ],
             peer: (_, { modifier  })=>modifier ? [
                     `:merge(.peer\\/${(0, _escapeClassName.default)(modifier)})`,
                     " ~ &"
                 ] : [
-                    ":merge(.peer)",
+                    `:merge(.peer)`,
                     " ~ &"
                 ]
-        }))matchVariant(name, (value = "", extra)=>{
-            let result = (0, _dataTypes.normalize)("function" == typeof value ? value(extra) : value);
-            result.includes("&") || (result = "&" + result);
-            let [a, b] = fn("", extra), start = null, end = null, quotes = 0;
-            for(let i = 0; i < result.length; ++i){
-                let c = result[i];
-                "&" === c ? start = i : "'" === c || '"' === c ? quotes += 1 : null === start || " " !== c || quotes || (end = i);
-            }
-            return null !== start && null === end && (end = result.length), result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
-        }, {
-            values: Object.fromEntries(pseudoVariants)
-        });
+        };
+        for (let [name, fn] of Object.entries(variants)){
+            matchVariant(name, (value = "", extra)=>{
+                let result = (0, _dataTypes.normalize)(typeof value === "function" ? value(extra) : value);
+                if (!result.includes("&")) result = "&" + result;
+                let [a, b] = fn("", extra);
+                let start = null;
+                let end = null;
+                let quotes = 0;
+                for(let i = 0; i < result.length; ++i){
+                    let c = result[i];
+                    if (c === "&") {
+                        start = i;
+                    } else if (c === "'" || c === '"') {
+                        quotes += 1;
+                    } else if (start !== null && c === " " && !quotes) {
+                        end = i;
+                    }
+                }
+                if (start !== null && end === null) {
+                    end = result.length;
+                }
+                // Basically this but can handle quotes:
+                // result.replace(/&(\S+)?/g, (_, pseudo = '') => a + pseudo + b)
+                return result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
+            }, {
+                values: Object.fromEntries(pseudoVariants)
+            });
+        }
     },
     directionVariants: ({ addVariant  })=>{
-        addVariant("ltr", ':is([dir="ltr"] &)'), addVariant("rtl", ':is([dir="rtl"] &)');
+        addVariant("ltr", ':is([dir="ltr"] &)');
+        addVariant("rtl", ':is([dir="rtl"] &)');
     },
     reducedMotionVariants: ({ addVariant  })=>{
-        addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)"), addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)");
+        addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)");
+        addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)");
     },
     darkVariants: ({ config , addVariant  })=>{
         let [mode, className = ".dark"] = [].concat(config("darkMode", "media"));
-        !1 === mode && (mode = "media", _log.default.warn("darkmode-false", [
-            "The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.",
-            "Change `darkMode` to `media` or remove it entirely.",
-            "https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
-        ])), "class" === mode ? addVariant("dark", `:is(${className} &)`) : "media" === mode && addVariant("dark", "@media (prefers-color-scheme: dark)");
+        if (mode === false) {
+            mode = "media";
+            _log.default.warn("darkmode-false", [
+                "The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.",
+                "Change `darkMode` to `media` or remove it entirely.",
+                "https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
+            ]);
+        }
+        if (mode === "class") {
+            addVariant("dark", `:is(${className} &)`);
+        } else if (mode === "media") {
+            addVariant("dark", "@media (prefers-color-scheme: dark)");
+        }
     },
     printVariant: ({ addVariant  })=>{
         addVariant("print", "@media print");
     },
     screenVariants: ({ theme , addVariant , matchVariant  })=>{
         var _theme;
-        let areSimpleScreens = Object.values(null !== (_theme = theme("screens")) && void 0 !== _theme ? _theme : {}).every((v)=>"string" == typeof v), screens = (0, _normalizeScreens.normalizeScreens)(theme("screens")), unitCache = new Set([]);
-        function recordUnits(value) {
-            if (void 0 !== value) {
-                var _value_match, _value_match_;
-                unitCache.add(null !== (_value_match_ = null === (_value_match = value.match(/(\D+)$/)) || void 0 === _value_match ? void 0 : _value_match[1]) && void 0 !== _value_match_ ? _value_match_ : "(none)");
+        let rawScreens = (_theme = theme("screens")) !== null && _theme !== void 0 ? _theme : {};
+        let areSimpleScreens = Object.values(rawScreens).every((v)=>typeof v === "string");
+        let screens = (0, _normalizeScreens.normalizeScreens)(theme("screens"));
+        /** @type {Set<string>} */ let unitCache = new Set([]);
+        /** @param {string} value */ function units(value) {
+            var _value_match;
+            var _value_match_;
+            return (_value_match_ = (_value_match = value.match(/(\D+)$/)) === null || _value_match === void 0 ? void 0 : _value_match[1]) !== null && _value_match_ !== void 0 ? _value_match_ : "(none)";
+        }
+        /** @param {string} value */ function recordUnits(value) {
+            if (value !== undefined) {
+                unitCache.add(units(value));
+            }
+        }
+        /** @param {string} value */ function canUseUnits(value) {
+            recordUnits(value);
+            // If the cache was empty it'll become 1 because we've just added the current unit
+            // If the cache was not empty and the units are the same the size doesn't change
+            // Otherwise, if the units are different from what is already known the size will always be > 1
+            return unitCache.size === 1;
+        }
+        for (const screen of screens){
+            for (const value of screen.values){
+                recordUnits(value.min);
+                recordUnits(value.max);
             }
         }
-        for (let screen of screens)for (let value of screen.values)recordUnits(value.min), recordUnits(value.max);
         let screensUseConsistentUnits = unitCache.size <= 1;
-        function buildSort(type) {
+        /**
+     * @typedef {import('./util/normalizeScreens').Screen} Screen
+     */ /**
+     * @param {'min' | 'max'} type
+     * @returns {Record<string, Screen>}
+     */ function buildScreenValues(type) {
+            return Object.fromEntries(screens.filter((screen)=>(0, _normalizeScreens.isScreenSortable)(screen).result).map((screen)=>{
+                let { min , max  } = screen.values[0];
+                if (type === "min" && min !== undefined) {
+                    return screen;
+                } else if (type === "min" && max !== undefined) {
+                    return {
+                        ...screen,
+                        not: !screen.not
+                    };
+                } else if (type === "max" && max !== undefined) {
+                    return screen;
+                } else if (type === "max" && min !== undefined) {
+                    return {
+                        ...screen,
+                        not: !screen.not
+                    };
+                }
+            }).map((screen)=>[
+                    screen.name,
+                    screen
+                ]));
+        }
+        /**
+     * @param {'min' | 'max'} type
+     * @returns {(a: { value: string | Screen }, z: { value: string | Screen }) => number}
+     */ function buildSort(type) {
             return (a, z)=>(0, _normalizeScreens.compareScreens)(type, a.value, z.value);
         }
-        let maxSort = buildSort("max"), minSort = buildSort("min");
-        function buildScreenVariant(type) {
-            return (value)=>areSimpleScreens ? screensUseConsistentUnits ? "string" == typeof value && (recordUnits(value), 1 !== unitCache.size) ? (_log.default.warn("minmax-have-mixed-units", [
-                    "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
-                ]), []) : [
+        let maxSort = buildSort("max");
+        let minSort = buildSort("min");
+        /** @param {'min'|'max'} type */ function buildScreenVariant(type) {
+            return (value)=>{
+                if (!areSimpleScreens) {
+                    _log.default.warn("complex-screen-config", [
+                        "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."
+                    ]);
+                    return [];
+                } else if (!screensUseConsistentUnits) {
+                    _log.default.warn("mixed-screen-units", [
+                        "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
+                    ]);
+                    return [];
+                } else if (typeof value === "string" && !canUseUnits(value)) {
+                    _log.default.warn("minmax-have-mixed-units", [
+                        "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
+                    ]);
+                    return [];
+                }
+                return [
                     `@media ${(0, _buildMediaQuery.default)((0, _normalizeScreens.toScreen)(value, type))}`
-                ] : (_log.default.warn("mixed-screen-units", [
-                    "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
-                ]), []) : (_log.default.warn("complex-screen-config", [
-                    "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."
-                ]), []);
+                ];
+            };
         }
         matchVariant("max", buildScreenVariant("max"), {
             sort: maxSort,
-            values: areSimpleScreens ? function(type) {
-                return Object.fromEntries(screens.filter((screen)=>(0, _normalizeScreens.isScreenSortable)(screen).result).map((screen)=>{
-                    let { min , max  } = screen.values[0];
-                    return "min" === type && void 0 !== min ? screen : "min" === type && void 0 !== max ? {
-                        ...screen,
-                        not: !screen.not
-                    } : "max" === type && void 0 !== max ? screen : "max" === type && void 0 !== min ? {
-                        ...screen,
-                        not: !screen.not
-                    } : void 0;
-                }).map((screen)=>[
-                        screen.name,
-                        screen
-                    ]));
-            }("max") : {}
+            values: areSimpleScreens ? buildScreenValues("max") : {}
         });
+        // screens and min-* are sorted together when they can be
         let id = "min-screens";
-        for (let screen of screens)addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
-            id,
-            sort: areSimpleScreens && screensUseConsistentUnits ? minSort : void 0,
-            value: screen
-        });
+        for (let screen of screens){
+            addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
+                id,
+                sort: areSimpleScreens && screensUseConsistentUnits ? minSort : undefined,
+                value: screen
+            });
+        }
         matchVariant("min", buildScreenVariant("min"), {
             id,
             sort: minSort
@@ -236,96 +396,176 @@ let variantPlugins = {
     supportsVariants: ({ matchVariant , theme  })=>{
         var _theme;
         matchVariant("supports", (value = "")=>{
-            let check = (0, _dataTypes.normalize)(value), isRaw = /^\w*\s*\(/.test(check);
-            return check = isRaw ? check.replace(/\b(and|or|not)\b/g, " $1 ") : check, isRaw || (check.includes(":") || (check = `${check}: var(--tw)`), check.startsWith("(") && check.endsWith(")") || (check = `(${check})`)), `@supports ${check}`;
+            let check = (0, _dataTypes.normalize)(value);
+            let isRaw = /^\w*\s*\(/.test(check);
+            // Chrome has a bug where `(condtion1)or(condition2)` is not valid
+            // But `(condition1) or (condition2)` is supported.
+            check = isRaw ? check.replace(/\b(and|or|not)\b/g, " $1 ") : check;
+            if (isRaw) {
+                return `@supports ${check}`;
+            }
+            if (!check.includes(":")) {
+                check = `${check}: var(--tw)`;
+            }
+            if (!(check.startsWith("(") && check.endsWith(")"))) {
+                check = `(${check})`;
+            }
+            return `@supports ${check}`;
         }, {
-            values: null !== (_theme = theme("supports")) && void 0 !== _theme ? _theme : {}
+            values: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
         });
     },
     ariaVariants: ({ matchVariant , theme  })=>{
-        var _theme, _theme1, _theme2;
+        var _theme;
         matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
-            values: null !== (_theme = theme("aria")) && void 0 !== _theme ? _theme : {}
-        }), matchVariant("group-aria", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
-            values: null !== (_theme1 = theme("aria")) && void 0 !== _theme1 ? _theme1 : {}
-        }), matchVariant("peer-aria", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
-            values: null !== (_theme2 = theme("aria")) && void 0 !== _theme2 ? _theme2 : {}
+            values: (_theme = theme("aria")) !== null && _theme !== void 0 ? _theme : {}
+        });
+        var _theme1;
+        matchVariant("group-aria", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
+            values: (_theme1 = theme("aria")) !== null && _theme1 !== void 0 ? _theme1 : {}
+        });
+        var _theme2;
+        matchVariant("peer-aria", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
+            values: (_theme2 = theme("aria")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     dataVariants: ({ matchVariant , theme  })=>{
-        var _theme, _theme1, _theme2;
+        var _theme;
         matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
-            values: null !== (_theme = theme("data")) && void 0 !== _theme ? _theme : {}
-        }), matchVariant("group-data", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
-            values: null !== (_theme1 = theme("data")) && void 0 !== _theme1 ? _theme1 : {}
-        }), matchVariant("peer-data", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
-            values: null !== (_theme2 = theme("data")) && void 0 !== _theme2 ? _theme2 : {}
+            values: (_theme = theme("data")) !== null && _theme !== void 0 ? _theme : {}
+        });
+        var _theme1;
+        matchVariant("group-data", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
+            values: (_theme1 = theme("data")) !== null && _theme1 !== void 0 ? _theme1 : {}
+        });
+        var _theme2;
+        matchVariant("peer-data", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
+            values: (_theme2 = theme("data")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     orientationVariants: ({ addVariant  })=>{
-        addVariant("portrait", "@media (orientation: portrait)"), addVariant("landscape", "@media (orientation: landscape)");
+        addVariant("portrait", "@media (orientation: portrait)");
+        addVariant("landscape", "@media (orientation: landscape)");
     },
     prefersContrastVariants: ({ addVariant  })=>{
-        addVariant("contrast-more", "@media (prefers-contrast: more)"), addVariant("contrast-less", "@media (prefers-contrast: less)");
+        addVariant("contrast-more", "@media (prefers-contrast: more)");
+        addVariant("contrast-less", "@media (prefers-contrast: less)");
     }
-}, cssTransformValue = "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))", cssFilterValue = "var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)", cssBackdropFilterValue = "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)", corePlugins = {
+};
+let cssTransformValue = [
+    "translate(var(--tw-translate-x), var(--tw-translate-y))",
+    "rotate(var(--tw-rotate))",
+    "skewX(var(--tw-skew-x))",
+    "skewY(var(--tw-skew-y))",
+    "scaleX(var(--tw-scale-x))",
+    "scaleY(var(--tw-scale-y))"
+].join(" ");
+let cssFilterValue = [
+    "var(--tw-blur)",
+    "var(--tw-brightness)",
+    "var(--tw-contrast)",
+    "var(--tw-grayscale)",
+    "var(--tw-hue-rotate)",
+    "var(--tw-invert)",
+    "var(--tw-saturate)",
+    "var(--tw-sepia)",
+    "var(--tw-drop-shadow)"
+].join(" ");
+let cssBackdropFilterValue = [
+    "var(--tw-backdrop-blur)",
+    "var(--tw-backdrop-brightness)",
+    "var(--tw-backdrop-contrast)",
+    "var(--tw-backdrop-grayscale)",
+    "var(--tw-backdrop-hue-rotate)",
+    "var(--tw-backdrop-invert)",
+    "var(--tw-backdrop-opacity)",
+    "var(--tw-backdrop-saturate)",
+    "var(--tw-backdrop-sepia)"
+].join(" ");
+let corePlugins = {
     preflight: ({ addBase  })=>{
         let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
         addBase([
             _postcss.default.comment({
-                text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
+                text: `! tailwindcss v${_packagejson.version} | MIT License | https://tailwindcss.com`
             }),
             ...preflightStyles.nodes
         ]);
     },
-    container: function({ addComponents , theme  }) {
-        let screens = (0, _normalizeScreens.normalizeScreens)(theme("container.screens", theme("screens"))), minWidths = function(breakpoints = []) {
-            return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>void 0 !== v);
-        }(screens), paddings = function(minWidths, screens, paddings) {
-            if (void 0 === paddings) return [];
-            if (!("object" == typeof paddings && null !== paddings)) return [
-                {
+    container: (()=>{
+        function extractMinWidths(breakpoints = []) {
+            return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>v !== undefined);
+        }
+        function mapMinWidthsToPadding(minWidths, screens, paddings) {
+            if (typeof paddings === "undefined") {
+                return [];
+            }
+            if (!(typeof paddings === "object" && paddings !== null)) {
+                return [
+                    {
+                        screen: "DEFAULT",
+                        minWidth: 0,
+                        padding: paddings
+                    }
+                ];
+            }
+            let mapping = [];
+            if (paddings.DEFAULT) {
+                mapping.push({
                     screen: "DEFAULT",
                     minWidth: 0,
-                    padding: paddings
+                    padding: paddings.DEFAULT
+                });
+            }
+            for (let minWidth of minWidths){
+                for (let screen of screens){
+                    for (let { min  } of screen.values){
+                        if (min === minWidth) {
+                            mapping.push({
+                                minWidth,
+                                padding: paddings[screen.name]
+                            });
+                        }
+                    }
                 }
-            ];
-            let mapping = [];
-            for (let minWidth of (paddings.DEFAULT && mapping.push({
-                screen: "DEFAULT",
-                minWidth: 0,
-                padding: paddings.DEFAULT
-            }), minWidths))for (let screen of screens)for (let { min  } of screen.values)min === minWidth && mapping.push({
-                minWidth,
-                padding: paddings[screen.name]
-            });
+            }
             return mapping;
-        }(minWidths, screens, theme("container.padding")), generatePaddingFor = (minWidth)=>{
-            let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
-            return paddingConfig ? {
-                paddingRight: paddingConfig.padding,
-                paddingLeft: paddingConfig.padding
-            } : {};
-        }, atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({
-                [`@media (min-width: ${minWidth})`]: {
-                    ".container": {
-                        "max-width": minWidth,
-                        ...generatePaddingFor(minWidth)
-                    }
+        }
+        return function({ addComponents , theme  }) {
+            let screens = (0, _normalizeScreens.normalizeScreens)(theme("container.screens", theme("screens")));
+            let minWidths = extractMinWidths(screens);
+            let paddings = mapMinWidthsToPadding(minWidths, screens, theme("container.padding"));
+            let generatePaddingFor = (minWidth)=>{
+                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
+                if (!paddingConfig) {
+                    return {};
                 }
-            }));
-        addComponents([
-            {
-                ".container": Object.assign({
-                    width: "100%"
-                }, theme("container.center", !1) ? {
-                    marginRight: "auto",
-                    marginLeft: "auto"
-                } : {}, generatePaddingFor(0))
-            },
-            ...atRules
-        ]);
-    },
+                return {
+                    paddingRight: paddingConfig.padding,
+                    paddingLeft: paddingConfig.padding
+                };
+            };
+            let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({
+                    [`@media (min-width: ${minWidth})`]: {
+                        ".container": {
+                            "max-width": minWidth,
+                            ...generatePaddingFor(minWidth)
+                        }
+                    }
+                }));
+            addComponents([
+                {
+                    ".container": Object.assign({
+                        width: "100%"
+                    }, theme("container.center", false) ? {
+                        marginRight: "auto",
+                        marginLeft: "auto"
+                    } : {}, generatePaddingFor(0))
+                },
+                ...atRules
+            ]);
+        };
+    })(),
     accessibility: ({ addUtilities  })=>{
         addUtilities({
             ".sr-only": {
@@ -455,7 +695,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     isolation: ({ addUtilities  })=>{
         addUtilities({
@@ -475,10 +715,10 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
-    order: (0, _createUtilityPlugin.default)("order", void 0, {
-        supportsNegativeValues: !0
+    order: (0, _createUtilityPlugin.default)("order", undefined, {
+        supportsNegativeValues: true
     }),
     gridColumn: (0, _createUtilityPlugin.default)("gridColumn", [
         [
@@ -619,7 +859,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     boxSizing: ({ addUtilities  })=>{
         addUtilities({
@@ -641,7 +881,8 @@ let variantPlugins = {
                 })
         }, {
             values: theme("lineClamp")
-        }), addUtilities({
+        });
+        addUtilities({
             ".line-clamp-none": {
                 overflow: "visible",
                 display: "block",
@@ -844,23 +1085,30 @@ let variantPlugins = {
         addDefaults("border-spacing", {
             "--tw-border-spacing-x": 0,
             "--tw-border-spacing-y": 0
-        }), matchUtilities({
-            "border-spacing": (value)=>({
+        });
+        matchUtilities({
+            "border-spacing": (value)=>{
+                return {
                     "--tw-border-spacing-x": value,
                     "--tw-border-spacing-y": value,
                     "@defaults border-spacing": {},
                     "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
-                }),
-            "border-spacing-x": (value)=>({
+                };
+            },
+            "border-spacing-x": (value)=>{
+                return {
                     "--tw-border-spacing-x": value,
                     "@defaults border-spacing": {},
                     "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
-                }),
-            "border-spacing-y": (value)=>({
+                };
+            },
+            "border-spacing-y": (value)=>{
+                return {
                     "--tw-border-spacing-y": value,
                     "@defaults border-spacing": {},
                     "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
-                })
+                };
+            }
         }, {
             values: theme("borderSpacing")
         });
@@ -905,7 +1153,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     rotate: (0, _createUtilityPlugin.default)("rotate", [
         [
@@ -923,7 +1171,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     skew: (0, _createUtilityPlugin.default)("skew", [
         [
@@ -957,7 +1205,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     scale: (0, _createUtilityPlugin.default)("scale", [
         [
@@ -1006,7 +1254,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     transform: ({ addDefaults , addUtilities  })=>{
         addDefaults("transform", {
@@ -1017,7 +1265,8 @@ let variantPlugins = {
             "--tw-skew-y": "0",
             "--tw-scale-x": "1",
             "--tw-scale-y": "1"
-        }), addUtilities({
+        });
+        addUtilities({
             ".transform": {
                 "@defaults transform": {},
                 transform: cssTransformValue
@@ -1034,20 +1283,28 @@ let variantPlugins = {
         });
     },
     animation: ({ matchUtilities , theme , config  })=>{
+        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`;
         var _theme;
-        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`, keyframes = Object.fromEntries(Object.entries(null !== (_theme = theme("keyframes")) && void 0 !== _theme ? _theme : {}).map(([key, value])=>[
+        let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
+            return [
                 key,
                 {
                     [`@keyframes ${prefixName(key)}`]: value
                 }
-            ]));
+            ];
+        }));
         matchUtilities({
             animate: (value)=>{
                 let animations = (0, _parseAnimationValue.default)(value);
                 return [
                     ...animations.flatMap((animation)=>keyframes[animation.name]),
                     {
-                        animation: animations.map(({ name , value  })=>void 0 === name || void 0 === keyframes[name] ? value : value.replace(name, prefixName(name))).join(", ")
+                        animation: animations.map(({ name , value  })=>{
+                            if (name === undefined || keyframes[name] === undefined) {
+                                return value;
+                            }
+                            return value.replace(name, prefixName(name));
+                        }).join(", ")
                     }
                 ];
             }
@@ -1145,7 +1402,8 @@ let variantPlugins = {
     scrollSnapType: ({ addDefaults , addUtilities  })=>{
         addDefaults("scroll-snap-type", {
             "--tw-scroll-snap-strictness": "proximity"
-        }), addUtilities({
+        });
+        addUtilities({
             ".snap-none": {
                 "scroll-snap-type": "none"
             },
@@ -1257,7 +1515,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     scrollPadding: (0, _createUtilityPlugin.default)("scrollPadding", [
         [
@@ -1679,24 +1937,40 @@ let variantPlugins = {
     ]),
     space: ({ matchUtilities , addUtilities , theme  })=>{
         matchUtilities({
-            "space-x": (value)=>({
+            "space-x": (value)=>{
+                value = value === "0" ? "0px" : value;
+                if (true) {
+                    return {
+                        "& > :not([hidden]) ~ :not([hidden])": {
+                            "--tw-space-x-reverse": "0",
+                            "margin-inline-end": `calc(${value} * var(--tw-space-x-reverse))`,
+                            "margin-inline-start": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
+                        }
+                    };
+                }
+                return {
                     "& > :not([hidden]) ~ :not([hidden])": {
                         "--tw-space-x-reverse": "0",
-                        "margin-inline-end": `calc(${value = "0" === value ? "0px" : value} * var(--tw-space-x-reverse))`,
-                        "margin-inline-start": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
+                        "margin-right": `calc(${value} * var(--tw-space-x-reverse))`,
+                        "margin-left": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
                     }
-                }),
-            "space-y": (value)=>({
+                };
+            },
+            "space-y": (value)=>{
+                value = value === "0" ? "0px" : value;
+                return {
                     "& > :not([hidden]) ~ :not([hidden])": {
                         "--tw-space-y-reverse": "0",
-                        "margin-top": `calc(${value = "0" === value ? "0px" : value} * calc(1 - var(--tw-space-y-reverse)))`,
+                        "margin-top": `calc(${value} * calc(1 - var(--tw-space-y-reverse)))`,
                         "margin-bottom": `calc(${value} * var(--tw-space-y-reverse))`
                     }
-                })
+                };
+            }
         }, {
             values: theme("space"),
-            supportsNegativeValues: !0
-        }), addUtilities({
+            supportsNegativeValues: true
+        });
+        addUtilities({
             ".space-y-reverse > :not([hidden]) ~ :not([hidden])": {
                 "--tw-space-y-reverse": "1"
             },
@@ -1707,22 +1981,38 @@ let variantPlugins = {
     },
     divideWidth: ({ matchUtilities , addUtilities , theme  })=>{
         matchUtilities({
-            "divide-x": (value)=>({
+            "divide-x": (value)=>{
+                value = value === "0" ? "0px" : value;
+                if (true) {
+                    return {
+                        "& > :not([hidden]) ~ :not([hidden])": {
+                            "@defaults border-width": {},
+                            "--tw-divide-x-reverse": "0",
+                            "border-inline-end-width": `calc(${value} * var(--tw-divide-x-reverse))`,
+                            "border-inline-start-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
+                        }
+                    };
+                }
+                return {
                     "& > :not([hidden]) ~ :not([hidden])": {
                         "@defaults border-width": {},
                         "--tw-divide-x-reverse": "0",
-                        "border-inline-end-width": `calc(${value = "0" === value ? "0px" : value} * var(--tw-divide-x-reverse))`,
-                        "border-inline-start-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
+                        "border-right-width": `calc(${value} * var(--tw-divide-x-reverse))`,
+                        "border-left-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
                     }
-                }),
-            "divide-y": (value)=>({
+                };
+            },
+            "divide-y": (value)=>{
+                value = value === "0" ? "0px" : value;
+                return {
                     "& > :not([hidden]) ~ :not([hidden])": {
                         "@defaults border-width": {},
                         "--tw-divide-y-reverse": "0",
-                        "border-top-width": `calc(${value = "0" === value ? "0px" : value} * calc(1 - var(--tw-divide-y-reverse)))`,
+                        "border-top-width": `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
                         "border-bottom-width": `calc(${value} * var(--tw-divide-y-reverse))`
                     }
-                })
+                };
+            }
         }, {
             values: theme("divideWidth"),
             type: [
@@ -1730,7 +2020,8 @@ let variantPlugins = {
                 "length",
                 "any"
             ]
-        }), addUtilities({
+        });
+        addUtilities({
             ".divide-y-reverse > :not([hidden]) ~ :not([hidden])": {
                 "@defaults border-width": {},
                 "--tw-divide-y-reverse": "1"
@@ -1762,17 +2053,22 @@ let variantPlugins = {
     },
     divideColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
-            divide: (value)=>corePlugins("divideOpacity") ? {
-                    "& > :not([hidden]) ~ :not([hidden])": (0, _withAlphaVariable.default)({
+            divide: (value)=>{
+                if (!corePlugins("divideOpacity")) {
+                    return {
+                        ["& > :not([hidden]) ~ :not([hidden])"]: {
+                            "border-color": (0, _toColorValue.default)(value)
+                        }
+                    };
+                }
+                return {
+                    ["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable.default)({
                         color: value,
                         property: "border-color",
                         variable: "--tw-divide-opacity"
                     })
-                } : {
-                    "& > :not([hidden]) ~ :not([hidden])": {
-                        "border-color": (0, _toColorValue.default)(value)
-                    }
-                }
+                };
+            }
         }, {
             values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
             type: [
@@ -1783,11 +2079,13 @@ let variantPlugins = {
     },
     divideOpacity: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "divide-opacity": (value)=>({
-                    "& > :not([hidden]) ~ :not([hidden])": {
+            "divide-opacity": (value)=>{
+                return {
+                    [`& > :not([hidden]) ~ :not([hidden])`]: {
                         "--tw-divide-opacity": value
                     }
-                })
+                };
+            }
         }, {
             values: theme("divideOpacity")
         });
@@ -2241,91 +2539,138 @@ let variantPlugins = {
     },
     borderColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
-            border: (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+            border: (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-color": (0, _toColorValue.default)(value)
-                }
+                });
+            }
         }, {
             values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
                 "color",
                 "any"
             ]
-        }), matchUtilities({
-            "border-x": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+        });
+        matchUtilities({
+            "border-x": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-left-color": (0, _toColorValue.default)(value),
+                        "border-right-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: [
                         "border-left-color",
                         "border-right-color"
                     ],
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-left-color": (0, _toColorValue.default)(value),
-                    "border-right-color": (0, _toColorValue.default)(value)
-                },
-            "border-y": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+                });
+            },
+            "border-y": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-top-color": (0, _toColorValue.default)(value),
+                        "border-bottom-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: [
                         "border-top-color",
                         "border-bottom-color"
                     ],
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-top-color": (0, _toColorValue.default)(value),
-                    "border-bottom-color": (0, _toColorValue.default)(value)
-                }
+                });
+            }
         }, {
             values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
                 "color",
                 "any"
             ]
-        }), matchUtilities({
-            "border-s": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+        });
+        matchUtilities({
+            "border-s": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-inline-start-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-inline-start-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-inline-start-color": (0, _toColorValue.default)(value)
-                },
-            "border-e": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+                });
+            },
+            "border-e": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-inline-end-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-inline-end-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-inline-end-color": (0, _toColorValue.default)(value)
-                },
-            "border-t": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+                });
+            },
+            "border-t": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-top-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-top-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-top-color": (0, _toColorValue.default)(value)
-                },
-            "border-r": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+                });
+            },
+            "border-r": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-right-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-right-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-right-color": (0, _toColorValue.default)(value)
-                },
-            "border-b": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+                });
+            },
+            "border-b": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-bottom-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-bottom-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-bottom-color": (0, _toColorValue.default)(value)
-                },
-            "border-l": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
+                });
+            },
+            "border-l": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-left-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-left-color",
                     variable: "--tw-border-opacity"
-                }) : {
-                    "border-left-color": (0, _toColorValue.default)(value)
-                }
+                });
+            }
         }, {
             values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
@@ -2344,13 +2689,18 @@ let variantPlugins = {
     ]),
     backgroundColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
-            bg: (value)=>corePlugins("backgroundOpacity") ? (0, _withAlphaVariable.default)({
+            bg: (value)=>{
+                if (!corePlugins("backgroundOpacity")) {
+                    return {
+                        "background-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "background-color",
                     variable: "--tw-bg-opacity"
-                }) : {
-                    "background-color": (0, _toColorValue.default)(value)
-                }
+                });
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("backgroundColor")),
             type: [
@@ -2397,7 +2747,8 @@ let variantPlugins = {
                     "color",
                     "any"
                 ]
-            }, positionOptions = {
+            };
+            let positionOptions = {
                 values: theme("gradientColorStopPositions"),
                 type: [
                     "length",
@@ -2411,32 +2762,46 @@ let variantPlugins = {
                         "@defaults gradient-color-stops": {},
                         "--tw-gradient-from": `${(0, _toColorValue.default)(value)} var(--tw-gradient-from-position)`,
                         "--tw-gradient-to": `${transparentToValue} var(--tw-gradient-to-position)`,
-                        "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)"
+                        "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
                     };
                 }
-            }, options), matchUtilities({
-                from: (value)=>({
+            }, options);
+            matchUtilities({
+                from: (value)=>{
+                    return {
                         "--tw-gradient-from-position": value
-                    })
-            }, positionOptions), matchUtilities({
-                via: (value)=>({
+                    };
+                }
+            }, positionOptions);
+            matchUtilities({
+                via: (value)=>{
+                    let transparentToValue = transparentTo(value);
+                    return {
                         "@defaults gradient-color-stops": {},
-                        "--tw-gradient-to": `${transparentTo(value)}  var(--tw-gradient-to-position)`,
+                        "--tw-gradient-to": `${transparentToValue}  var(--tw-gradient-to-position)`,
                         "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value)} var(--tw-gradient-via-position), var(--tw-gradient-to)`
-                    })
-            }, options), matchUtilities({
-                via: (value)=>({
+                    };
+                }
+            }, options);
+            matchUtilities({
+                via: (value)=>{
+                    return {
                         "--tw-gradient-via-position": value
-                    })
-            }, positionOptions), matchUtilities({
+                    };
+                }
+            }, positionOptions);
+            matchUtilities({
                 to: (value)=>({
                         "@defaults gradient-color-stops": {},
                         "--tw-gradient-to": `${(0, _toColorValue.default)(value)} var(--tw-gradient-to-position)`
                     })
-            }, options), matchUtilities({
-                to: (value)=>({
+            }, options);
+            matchUtilities({
+                to: (value)=>{
+                    return {
                         "--tw-gradient-to-position": value
-                    })
+                    };
+                }
             }, positionOptions);
         };
     })(),
@@ -2513,7 +2878,7 @@ let variantPlugins = {
             [
                 "position",
                 {
-                    preferOnConflict: !0
+                    preferOnConflict: true
                 }
             ]
         ]
@@ -2555,9 +2920,11 @@ let variantPlugins = {
     },
     fill: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            fill: (value)=>({
+            fill: (value)=>{
+                return {
                     fill: (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("fill")),
             type: [
@@ -2568,9 +2935,11 @@ let variantPlugins = {
     },
     stroke: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            stroke: (value)=>({
+            stroke: (value)=>{
+                return {
                     stroke: (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("stroke")),
             type: [
@@ -2713,7 +3082,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     verticalAlign: ({ addUtilities , matchUtilities  })=>{
         addUtilities({
@@ -2741,7 +3110,8 @@ let variantPlugins = {
             ".align-super": {
                 "vertical-align": "super"
             }
-        }), matchUtilities({
+        });
+        matchUtilities({
             align: (value)=>({
                     "vertical-align": value
                 })
@@ -2752,13 +3122,14 @@ let variantPlugins = {
             font: (value)=>{
                 let [families, options = {}] = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value : [
                     value
-                ], { fontFeatureSettings , fontVariationSettings  } = options;
+                ];
+                let { fontFeatureSettings , fontVariationSettings  } = options;
                 return {
                     "font-family": Array.isArray(families) ? families.join(", ") : families,
-                    ...void 0 === fontFeatureSettings ? {} : {
+                    ...fontFeatureSettings === undefined ? {} : {
                         "font-feature-settings": fontFeatureSettings
                     },
-                    ...void 0 === fontVariationSettings ? {} : {
+                    ...fontVariationSettings === undefined ? {} : {
                         "font-variation-settings": fontVariationSettings
                     }
                 };
@@ -2778,22 +3149,24 @@ let variantPlugins = {
                 let [fontSize, options] = Array.isArray(value) ? value : [
                     value
                 ];
-                if (modifier) return {
-                    "font-size": fontSize,
-                    "line-height": modifier
-                };
+                if (modifier) {
+                    return {
+                        "font-size": fontSize,
+                        "line-height": modifier
+                    };
+                }
                 let { lineHeight , letterSpacing , fontWeight  } = (0, _isPlainObject.default)(options) ? options : {
                     lineHeight: options
                 };
                 return {
                     "font-size": fontSize,
-                    ...void 0 === lineHeight ? {} : {
+                    ...lineHeight === undefined ? {} : {
                         "line-height": lineHeight
                     },
-                    ...void 0 === letterSpacing ? {} : {
+                    ...letterSpacing === undefined ? {} : {
                         "letter-spacing": letterSpacing
                     },
-                    ...void 0 === fontWeight ? {} : {
+                    ...fontWeight === undefined ? {} : {
                         "font-weight": fontWeight
                     }
                 };
@@ -2857,7 +3230,8 @@ let variantPlugins = {
             "--tw-numeric-figure": " ",
             "--tw-numeric-spacing": " ",
             "--tw-numeric-fraction": " "
-        }), addUtilities({
+        });
+        addUtilities({
             ".normal-nums": {
                 "font-variant-numeric": "normal"
             },
@@ -2919,17 +3293,22 @@ let variantPlugins = {
             ]
         ]
     ], {
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     textColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
-            text: (value)=>corePlugins("textOpacity") ? (0, _withAlphaVariable.default)({
+            text: (value)=>{
+                if (!corePlugins("textOpacity")) {
+                    return {
+                        color: (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "color",
                     variable: "--tw-text-opacity"
-                }) : {
-                    color: (0, _toColorValue.default)(value)
-                }
+                });
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("textColor")),
             type: [
@@ -2964,9 +3343,11 @@ let variantPlugins = {
     },
     textDecorationColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            decoration: (value)=>({
+            decoration: (value)=>{
+                return {
                     "text-decoration-color": (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("textDecorationColor")),
             type: [
@@ -3035,17 +3416,22 @@ let variantPlugins = {
     },
     placeholderColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
-            placeholder: (value)=>corePlugins("placeholderOpacity") ? {
+            placeholder: (value)=>{
+                if (!corePlugins("placeholderOpacity")) {
+                    return {
+                        "&::placeholder": {
+                            color: (0, _toColorValue.default)(value)
+                        }
+                    };
+                }
+                return {
                     "&::placeholder": (0, _withAlphaVariable.default)({
                         color: value,
                         property: "color",
                         variable: "--tw-placeholder-opacity"
                     })
-                } : {
-                    "&::placeholder": {
-                        color: (0, _toColorValue.default)(value)
-                    }
-                }
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("placeholderColor")),
             type: [
@@ -3056,20 +3442,24 @@ let variantPlugins = {
     },
     placeholderOpacity: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "placeholder-opacity": (value)=>({
-                    "&::placeholder": {
+            "placeholder-opacity": (value)=>{
+                return {
+                    ["&::placeholder"]: {
                         "--tw-placeholder-opacity": value
                     }
-                })
+                };
+            }
         }, {
             values: theme("placeholderOpacity")
         });
     },
     caretColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            caret: (value)=>({
+            caret: (value)=>{
+                return {
                     "caret-color": (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("caretColor")),
             type: [
@@ -3080,9 +3470,11 @@ let variantPlugins = {
     },
     accentColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            accent: (value)=>({
+            accent: (value)=>{
+                return {
                     "accent-color": (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("accentColor")),
             type: [
@@ -3208,22 +3600,34 @@ let variantPlugins = {
     },
     boxShadow: (()=>{
         let transformValue = (0, _transformThemeValue.default)("boxShadow");
+        let defaultBoxShadow = [
+            `var(--tw-ring-offset-shadow, 0 0 #0000)`,
+            `var(--tw-ring-shadow, 0 0 #0000)`,
+            `var(--tw-shadow)`
+        ].join(", ");
         return function({ matchUtilities , addDefaults , theme  }) {
             addDefaults(" box-shadow", {
                 "--tw-ring-offset-shadow": "0 0 #0000",
                 "--tw-ring-shadow": "0 0 #0000",
                 "--tw-shadow": "0 0 #0000",
                 "--tw-shadow-colored": "0 0 #0000"
-            }), matchUtilities({
+            });
+            matchUtilities({
                 shadow: (value)=>{
                     value = transformValue(value);
                     let ast = (0, _parseBoxShadowValue.parseBoxShadowValue)(value);
-                    for (let shadow of ast)shadow.valid && (shadow.color = "var(--tw-shadow-color)");
+                    for (let shadow of ast){
+                        // Don't override color if the whole shadow is a variable
+                        if (!shadow.valid) {
+                            continue;
+                        }
+                        shadow.color = "var(--tw-shadow-color)";
+                    }
                     return {
                         "@defaults box-shadow": {},
-                        "--tw-shadow": "none" === value ? "0 0 #0000" : value,
-                        "--tw-shadow-colored": "none" === value ? "0 0 #0000" : (0, _parseBoxShadowValue.formatBoxShadowValue)(ast),
-                        "box-shadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
+                        "--tw-shadow": value === "none" ? "0 0 #0000" : value,
+                        "--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue.formatBoxShadowValue)(ast),
+                        "box-shadow": defaultBoxShadow
                     };
                 }
             }, {
@@ -3236,10 +3640,12 @@ let variantPlugins = {
     })(),
     boxShadowColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            shadow: (value)=>({
+            shadow: (value)=>{
+                return {
                     "--tw-shadow-color": (0, _toColorValue.default)(value),
                     "--tw-shadow": "var(--tw-shadow-colored)"
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("boxShadowColor")),
             type: [
@@ -3296,13 +3702,15 @@ let variantPlugins = {
             "percentage",
             "any"
         ],
-        supportsNegativeValues: !0
+        supportsNegativeValues: true
     }),
     outlineColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            outline: (value)=>({
+            outline: (value)=>{
+                return {
                     "outline-color": (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("outlineColor")),
             type: [
@@ -3314,9 +3722,14 @@ let variantPlugins = {
     ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config  })=>{
         let ringColorDefault = (()=>{
             var _theme, _theme1;
-            if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) return theme("ringColor.DEFAULT");
+            if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
+                return theme("ringColor.DEFAULT");
+            }
             let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
-            return (null === (_theme = theme("ringColor")) || void 0 === _theme ? void 0 : _theme.DEFAULT) ? (0, _withAlphaVariable.withAlphaValue)(null === (_theme1 = theme("ringColor")) || void 0 === _theme1 ? void 0 : _theme1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`) : `rgb(147 197 253 / ${ringOpacityDefault})`;
+            if (!((_theme = theme("ringColor")) === null || _theme === void 0 ? void 0 : _theme.DEFAULT)) {
+                return `rgb(147 197 253 / ${ringOpacityDefault})`;
+            }
+            return (0, _withAlphaVariable.withAlphaValue)((_theme1 = theme("ringColor")) === null || _theme1 === void 0 ? void 0 : _theme1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
         })();
         addDefaults("ring-width", {
             "--tw-ring-inset": " ",
@@ -3327,17 +3740,25 @@ let variantPlugins = {
             "--tw-ring-shadow": "0 0 #0000",
             "--tw-shadow": "0 0 #0000",
             "--tw-shadow-colored": "0 0 #0000"
-        }), matchUtilities({
-            ring: (value)=>({
+        });
+        matchUtilities({
+            ring: (value)=>{
+                return {
                     "@defaults ring-width": {},
-                    "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+                    "--tw-ring-offset-shadow": `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
                     "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
-                    "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
-                })
+                    "box-shadow": [
+                        `var(--tw-ring-offset-shadow)`,
+                        `var(--tw-ring-shadow)`,
+                        `var(--tw-shadow, 0 0 #0000)`
+                    ].join(", ")
+                };
+            }
         }, {
             values: theme("ringWidth"),
             type: "length"
-        }), addUtilities({
+        });
+        addUtilities({
             ".ring-inset": {
                 "@defaults ring-width": {},
                 "--tw-ring-inset": "inset"
@@ -3346,15 +3767,20 @@ let variantPlugins = {
     },
     ringColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
-            ring: (value)=>corePlugins("ringOpacity") ? (0, _withAlphaVariable.default)({
+            ring: (value)=>{
+                if (!corePlugins("ringOpacity")) {
+                    return {
+                        "--tw-ring-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "--tw-ring-color",
                     variable: "--tw-ring-opacity"
-                }) : {
-                    "--tw-ring-color": (0, _toColorValue.default)(value)
-                }
+                });
+            }
         }, {
-            values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>"DEFAULT" !== modifier)),
+            values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT")),
             type: [
                 "color",
                 "any"
@@ -3386,9 +3812,11 @@ let variantPlugins = {
     }),
     ringOffsetColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "ring-offset": (value)=>({
+            "ring-offset": (value)=>{
+                return {
                     "--tw-ring-offset-color": (0, _toColorValue.default)(value)
-                })
+                };
+            }
         }, {
             values: (0, _flattenColorPalette.default)(theme("ringOffsetColor")),
             type: [
@@ -3399,100 +3827,118 @@ let variantPlugins = {
     },
     blur: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            blur: (value)=>({
+            blur: (value)=>{
+                return {
                     "--tw-blur": `blur(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("blur")
         });
     },
     brightness: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            brightness: (value)=>({
+            brightness: (value)=>{
+                return {
                     "--tw-brightness": `brightness(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("brightness")
         });
     },
     contrast: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            contrast: (value)=>({
+            contrast: (value)=>{
+                return {
                     "--tw-contrast": `contrast(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("contrast")
         });
     },
     dropShadow: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "drop-shadow": (value)=>({
+            "drop-shadow": (value)=>{
+                return {
                     "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`).join(" ") : `drop-shadow(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("dropShadow")
         });
     },
     grayscale: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            grayscale: (value)=>({
+            grayscale: (value)=>{
+                return {
                     "--tw-grayscale": `grayscale(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("grayscale")
         });
     },
     hueRotate: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "hue-rotate": (value)=>({
+            "hue-rotate": (value)=>{
+                return {
                     "--tw-hue-rotate": `hue-rotate(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("hueRotate"),
-            supportsNegativeValues: !0
+            supportsNegativeValues: true
         });
     },
     invert: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            invert: (value)=>({
+            invert: (value)=>{
+                return {
                     "--tw-invert": `invert(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("invert")
         });
     },
     saturate: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            saturate: (value)=>({
+            saturate: (value)=>{
+                return {
                     "--tw-saturate": `saturate(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("saturate")
         });
     },
     sepia: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            sepia: (value)=>({
+            sepia: (value)=>{
+                return {
                     "--tw-sepia": `sepia(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
-                })
+                };
+            }
         }, {
             values: theme("sepia")
         });
@@ -3508,7 +3954,8 @@ let variantPlugins = {
             "--tw-saturate": " ",
             "--tw-sepia": " ",
             "--tw-drop-shadow": " "
-        }), addUtilities({
+        });
+        addUtilities({
             ".filter": {
                 "@defaults filter": {},
                 filter: cssFilterValue
@@ -3520,100 +3967,118 @@ let variantPlugins = {
     },
     backdropBlur: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-blur": (value)=>({
+            "backdrop-blur": (value)=>{
+                return {
                     "--tw-backdrop-blur": `blur(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropBlur")
         });
     },
     backdropBrightness: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-brightness": (value)=>({
+            "backdrop-brightness": (value)=>{
+                return {
                     "--tw-backdrop-brightness": `brightness(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropBrightness")
         });
     },
     backdropContrast: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-contrast": (value)=>({
+            "backdrop-contrast": (value)=>{
+                return {
                     "--tw-backdrop-contrast": `contrast(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropContrast")
         });
     },
     backdropGrayscale: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-grayscale": (value)=>({
+            "backdrop-grayscale": (value)=>{
+                return {
                     "--tw-backdrop-grayscale": `grayscale(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropGrayscale")
         });
     },
     backdropHueRotate: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-hue-rotate": (value)=>({
+            "backdrop-hue-rotate": (value)=>{
+                return {
                     "--tw-backdrop-hue-rotate": `hue-rotate(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropHueRotate"),
-            supportsNegativeValues: !0
+            supportsNegativeValues: true
         });
     },
     backdropInvert: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-invert": (value)=>({
+            "backdrop-invert": (value)=>{
+                return {
                     "--tw-backdrop-invert": `invert(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropInvert")
         });
     },
     backdropOpacity: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-opacity": (value)=>({
+            "backdrop-opacity": (value)=>{
+                return {
                     "--tw-backdrop-opacity": `opacity(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropOpacity")
         });
     },
     backdropSaturate: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-saturate": (value)=>({
+            "backdrop-saturate": (value)=>{
+                return {
                     "--tw-backdrop-saturate": `saturate(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropSaturate")
         });
     },
     backdropSepia: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            "backdrop-sepia": (value)=>({
+            "backdrop-sepia": (value)=>{
+                return {
                     "--tw-backdrop-sepia": `sepia(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
-                })
+                };
+            }
         }, {
             values: theme("backdropSepia")
         });
@@ -3629,7 +4094,8 @@ let variantPlugins = {
             "--tw-backdrop-opacity": " ",
             "--tw-backdrop-saturate": " ",
             "--tw-backdrop-sepia": " "
-        }), addUtilities({
+        });
+        addUtilities({
             ".backdrop-filter": {
                 "@defaults backdrop-filter": {},
                 "backdrop-filter": cssBackdropFilterValue
@@ -3640,15 +4106,18 @@ let variantPlugins = {
         });
     },
     transitionProperty: ({ matchUtilities , theme  })=>{
-        let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT"), defaultDuration = theme("transitionDuration.DEFAULT");
+        let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT");
+        let defaultDuration = theme("transitionDuration.DEFAULT");
         matchUtilities({
-            transition: (value)=>({
+            transition: (value)=>{
+                return {
                     "transition-property": value,
-                    ..."none" === value ? {} : {
+                    ...value === "none" ? {} : {
                         "transition-timing-function": defaultTimingFunction,
                         "transition-duration": defaultDuration
                     }
-                })
+                };
+            }
         }, {
             values: theme("transitionProperty")
         });
@@ -3669,7 +4138,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        filterDefault: !0
+        filterDefault: true
     }),
     transitionTimingFunction: (0, _createUtilityPlugin.default)("transitionTimingFunction", [
         [
@@ -3679,7 +4148,7 @@ let variantPlugins = {
             ]
         ]
     ], {
-        filterDefault: !0
+        filterDefault: true
     }),
     willChange: (0, _createUtilityPlugin.default)("willChange", [
         [