tailwindcss 0.0.0-insiders.7c337f2 → 0.0.0-insiders.7d8eb21

package/lib/corePlugins.js

@@ -2,56 +2,96 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.corePlugins = exports.variantPlugins = void 0;
-var _fs = _interopRequireDefault(require("fs"));
-var path = _interopRequireWildcard(require("path"));
-var _postcss = _interopRequireDefault(require("postcss"));
-var _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin"));
-var _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery"));
-var _escapeClassName = _interopRequireDefault(require("./util/escapeClassName"));
-var _parseAnimationValue = _interopRequireDefault(require("./util/parseAnimationValue"));
-var _flattenColorPalette = _interopRequireDefault(require("./util/flattenColorPalette"));
-var _withAlphaVariable = _interopRequireWildcard(require("./util/withAlphaVariable"));
-var _toColorValue = _interopRequireDefault(require("./util/toColorValue"));
-var _isPlainObject = _interopRequireDefault(require("./util/isPlainObject"));
-var _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue"));
-var _packageJson = require("../package.json");
-var _log = _interopRequireDefault(require("./util/log"));
-var _normalizeScreens = require("./util/normalizeScreens");
-var _parseBoxShadowValue = require("./util/parseBoxShadowValue");
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    variantPlugins: ()=>variantPlugins,
+    corePlugins: ()=>corePlugins
+});
+const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
+const _path = /*#__PURE__*/ _interopRequireWildcard(require("path"));
+const _postcss = /*#__PURE__*/ _interopRequireDefault(require("postcss"));
+const _createUtilityPlugin = /*#__PURE__*/ _interopRequireDefault(require("./util/createUtilityPlugin"));
+const _buildMediaQuery = /*#__PURE__*/ _interopRequireDefault(require("./util/buildMediaQuery"));
+const _escapeClassName = /*#__PURE__*/ _interopRequireDefault(require("./util/escapeClassName"));
+const _parseAnimationValue = /*#__PURE__*/ _interopRequireDefault(require("./util/parseAnimationValue"));
+const _flattenColorPalette = /*#__PURE__*/ _interopRequireDefault(require("./util/flattenColorPalette"));
+const _withAlphaVariable = /*#__PURE__*/ _interopRequireWildcard(require("./util/withAlphaVariable"));
+const _toColorValue = /*#__PURE__*/ _interopRequireDefault(require("./util/toColorValue"));
+const _isPlainObject = /*#__PURE__*/ _interopRequireDefault(require("./util/isPlainObject"));
+const _transformThemeValue = /*#__PURE__*/ _interopRequireDefault(require("./util/transformThemeValue"));
+const _packageJson = require("../package.json");
+const _log = /*#__PURE__*/ _interopRequireDefault(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 _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
+function _getRequireWildcardCache(nodeInterop) {
+    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;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 let variantPlugins = {
     pseudoElementVariants: ({ addVariant  })=>{
         addVariant("first-letter", "&::first-letter");
         addVariant("first-line", "&::first-line");
         addVariant("marker", [
-            "& *::marker",
-            "&::marker"
+            ({ container  })=>{
+                (0, _removeAlphaVariables.removeAlphaVariables)(container, [
+                    "--tw-text-opacity"
+                ]);
+                return "& *::marker";
+            },
+            ({ container  })=>{
+                (0, _removeAlphaVariables.removeAlphaVariables)(container, [
+                    "--tw-text-opacity"
+                ]);
+                return "&::marker";
+            }
         ]);
         addVariant("selection", [
             "& *::selection",
@@ -91,28 +131,28 @@ let variantPlugins = {
             return "&::after";
         });
     },
-    pseudoClassVariants: ({ addVariant  })=>{
+    pseudoClassVariants: ({ addVariant , matchVariant , config  })=>{
         let pseudoVariants = [
             // Positional
             [
                 "first",
-                ":first-child"
+                "&:first-child"
             ],
             [
                 "last",
-                ":last-child"
+                "&:last-child"
             ],
             [
                 "only",
-                ":only-child"
+                "&:only-child"
             ],
             [
                 "odd",
-                ":nth-child(odd)"
+                "&:nth-child(odd)"
             ],
             [
                 "even",
-                ":nth-child(even)"
+                "&:nth-child(even)"
             ],
             "first-of-type",
             "last-of-type",
@@ -121,29 +161,18 @@ let variantPlugins = {
             [
                 "visited",
                 ({ container  })=>{
-                    let toRemove = [
+                    (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                         "--tw-text-opacity",
                         "--tw-border-opacity",
                         "--tw-bg-opacity"
-                    ];
-                    container.walkDecls((decl)=>{
-                        if (toRemove.includes(decl.prop)) {
-                            decl.remove();
-                            return;
-                        }
-                        for (const varName of toRemove){
-                            if (decl.value.includes(`/ var(${varName})`)) {
-                                decl.value = decl.value.replace(`/ var(${varName})`, "");
-                            }
-                        }
-                    });
-                    return ":visited";
-                }, 
+                    ]);
+                    return "&:visited";
+                }
             ],
             "target",
             [
                 "open",
-                "[open]"
+                "&[open]"
             ],
             // Forms
             "default",
@@ -151,6 +180,7 @@ let variantPlugins = {
             "indeterminate",
             "placeholder-shown",
             "autofill",
+            "optional",
             "required",
             "valid",
             "invalid",
@@ -161,33 +191,49 @@ let variantPlugins = {
             "empty",
             // Interactive
             "focus-within",
-            "hover",
+            [
+                "hover",
+                !(0, _featureFlags.flagEnabled)(config(), "hoverOnlyWhenSupported") ? "&:hover" : "@media (hover: hover) and (pointer: fine) { &:hover }"
+            ],
             "focus",
             "focus-visible",
             "active",
             "enabled",
-            "disabled", 
+            "disabled"
         ].map((variant)=>Array.isArray(variant) ? variant : [
                 variant,
-                `:${variant}`
-            ]
-        );
+                `&:${variant}`
+            ]);
         for (let [variantName, state] of pseudoVariants){
             addVariant(variantName, (ctx)=>{
                 let result = typeof state === "function" ? state(ctx) : state;
-                return `&${result}`;
+                return result;
             });
         }
-        for (let [variantName1, state1] of pseudoVariants){
-            addVariant(`group-${variantName1}`, (ctx)=>{
-                let result = typeof state1 === "function" ? state1(ctx) : state1;
-                return `:merge(.group)${result} &`;
-            });
-        }
-        for (let [variantName2, state2] of pseudoVariants){
-            addVariant(`peer-${variantName2}`, (ctx)=>{
-                let result = typeof state2 === "function" ? state2(ctx) : state2;
-                return `:merge(.peer)${result} ~ &`;
+        let variants = {
+            group: (_, { modifier  })=>modifier ? [
+                    `:merge(.group\\/${modifier})`,
+                    " &"
+                ] : [
+                    `:merge(.group)`,
+                    " &"
+                ],
+            peer: (_, { modifier  })=>modifier ? [
+                    `:merge(.peer\\/${modifier})`,
+                    " ~ &"
+                ] : [
+                    `:merge(.peer)`,
+                    " ~ &"
+                ]
+        };
+        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);
+                return result.replace(/&(\S+)?/g, (_, pseudo = "")=>a + pseudo + b);
+            }, {
+                values: Object.fromEntries(pseudoVariants)
             });
         }
     },
@@ -195,14 +241,14 @@ let variantPlugins = {
         addVariant("ltr", ()=>{
             _log.default.warn("rtl-experimental", [
                 "The RTL features in Tailwind CSS are currently in preview.",
-                "Preview features are not covered by semver, and may be improved in breaking ways at any time.", 
+                "Preview features are not covered by semver, and may be improved in breaking ways at any time."
             ]);
             return '[dir="ltr"] &';
         });
         addVariant("rtl", ()=>{
             _log.default.warn("rtl-experimental", [
                 "The RTL features in Tailwind CSS are currently in preview.",
-                "Preview features are not covered by semver, and may be improved in breaking ways at any time.", 
+                "Preview features are not covered by semver, and may be improved in breaking ways at any time."
             ]);
             return '[dir="rtl"] &';
         });
@@ -218,7 +264,7 @@ let variantPlugins = {
             _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", 
+                "https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
             ]);
         }
         if (mode === "class") {
@@ -230,25 +276,179 @@ let variantPlugins = {
     printVariant: ({ addVariant  })=>{
         addVariant("print", "@media print");
     },
-    screenVariants: ({ theme , addVariant  })=>{
-        for (let screen of (0, _normalizeScreens).normalizeScreens(theme("screens"))){
-            let query = (0, _buildMediaQuery).default(screen);
-            addVariant(screen.name, `@media ${query}`);
+    screenVariants: ({ theme , addVariant , matchVariant  })=>{
+        var _theme;
+        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);
+            }
+        }
+        let screensUseConsistentUnits = unitCache.size <= 1;
+        /**
+     * @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");
+        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))}`
+                ];
+            };
+        }
+        matchVariant("max", buildScreenVariant("max"), {
+            sort: maxSort,
+            values: areSimpleScreens ? buildScreenValues("max") : {}
+        });
+        // screens and min-* are sorted together when they can be
+        let id = "min-screens";
+        for (let screen1 of screens){
+            addVariant(screen1.name, `@media ${(0, _buildMediaQuery.default)(screen1)}`, {
+                id,
+                sort: areSimpleScreens && screensUseConsistentUnits ? minSort : undefined,
+                value: screen1
+            });
+        }
+        matchVariant("min", buildScreenVariant("min"), {
+            id,
+            sort: minSort
+        });
+    },
+    supportsVariants: ({ matchVariant , theme  })=>{
+        var _theme;
+        matchVariant("supports", (value = "")=>{
+            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: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
+        });
+    },
+    ariaVariants: ({ matchVariant , theme  })=>{
+        var _theme;
+        matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
+            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;
+        matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
+            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)");
+    },
+    prefersContrastVariants: ({ addVariant  })=>{
+        addVariant("contrast-more", "@media (prefers-contrast: more)");
+        addVariant("contrast-less", "@media (prefers-contrast: less)");
     }
 };
-exports.variantPlugins = variantPlugins;
 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))", 
+    "scaleY(var(--tw-scale-y))"
 ].join(" ");
 let cssFilterValue = [
     "var(--tw-blur)",
@@ -259,7 +459,7 @@ let cssFilterValue = [
     "var(--tw-invert)",
     "var(--tw-saturate)",
     "var(--tw-sepia)",
-    "var(--tw-drop-shadow)", 
+    "var(--tw-drop-shadow)"
 ].join(" ");
 let cssBackdropFilterValue = [
     "var(--tw-backdrop-blur)",
@@ -270,24 +470,21 @@ let cssBackdropFilterValue = [
     "var(--tw-backdrop-invert)",
     "var(--tw-backdrop-opacity)",
     "var(--tw-backdrop-saturate)",
-    "var(--tw-backdrop-sepia)", 
+    "var(--tw-backdrop-sepia)"
 ].join(" ");
 let corePlugins = {
     preflight: ({ addBase  })=>{
-        let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, "./css/preflight.css"), "utf8"));
+        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`
             }),
-            ...preflightStyles.nodes, 
+            ...preflightStyles.nodes
         ]);
     },
     container: (()=>{
         function extractMinWidths(breakpoints = []) {
-            return breakpoints.flatMap((breakpoint1)=>breakpoint1.values.map((breakpoint)=>breakpoint.min
-                )
-            ).filter((v)=>v !== undefined
-            );
+            return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>v !== undefined);
         }
         function mapMinWidthsToPadding(minWidths, screens, paddings) {
             if (typeof paddings === "undefined") {
@@ -299,7 +496,7 @@ let corePlugins = {
                         screen: "DEFAULT",
                         minWidth: 0,
                         padding: paddings
-                    }, 
+                    }
                 ];
             }
             let mapping = [];
@@ -325,12 +522,11 @@ let corePlugins = {
             return mapping;
         }
         return function({ addComponents , theme  }) {
-            let screens = (0, _normalizeScreens).normalizeScreens(theme("container.screens", theme("screens")));
+            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
-                );
+                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
                 if (!paddingConfig) {
                     return {};
                 }
@@ -339,16 +535,14 @@ let corePlugins = {
                     paddingLeft: paddingConfig.padding
                 };
             };
-            let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)
-            ))).map((minWidth)=>({
+            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({
@@ -358,7 +552,7 @@ let corePlugins = {
                         marginLeft: "auto"
                     } : {}, generatePaddingFor(0))
                 },
-                ...atRules, 
+                ...atRules
             ]);
         };
     })(),
@@ -404,6 +598,9 @@ let corePlugins = {
             },
             ".invisible": {
                 visibility: "hidden"
+            },
+            ".collapse": {
+                visibility: "collapse"
             }
         });
     },
@@ -426,7 +623,7 @@ let corePlugins = {
             }
         });
     },
-    inset: (0, _createUtilityPlugin).default("inset", [
+    inset: (0, _createUtilityPlugin.default)("inset", [
         [
             "inset",
             [
@@ -450,7 +647,7 @@ let corePlugins = {
                     "top",
                     "bottom"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -476,8 +673,8 @@ let corePlugins = {
                 [
                     "left"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
@@ -491,7 +688,7 @@ let corePlugins = {
             }
         });
     },
-    zIndex: (0, _createUtilityPlugin).default("zIndex", [
+    zIndex: (0, _createUtilityPlugin.default)("zIndex", [
         [
             "z",
             [
@@ -501,10 +698,10 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    order: (0, _createUtilityPlugin).default("order", undefined, {
+    order: (0, _createUtilityPlugin.default)("order", undefined, {
         supportsNegativeValues: true
     }),
-    gridColumn: (0, _createUtilityPlugin).default("gridColumn", [
+    gridColumn: (0, _createUtilityPlugin.default)("gridColumn", [
         [
             "col",
             [
@@ -512,7 +709,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridColumnStart: (0, _createUtilityPlugin).default("gridColumnStart", [
+    gridColumnStart: (0, _createUtilityPlugin.default)("gridColumnStart", [
         [
             "col-start",
             [
@@ -520,7 +717,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridColumnEnd: (0, _createUtilityPlugin).default("gridColumnEnd", [
+    gridColumnEnd: (0, _createUtilityPlugin.default)("gridColumnEnd", [
         [
             "col-end",
             [
@@ -528,7 +725,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridRow: (0, _createUtilityPlugin).default("gridRow", [
+    gridRow: (0, _createUtilityPlugin.default)("gridRow", [
         [
             "row",
             [
@@ -536,7 +733,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridRowStart: (0, _createUtilityPlugin).default("gridRowStart", [
+    gridRowStart: (0, _createUtilityPlugin.default)("gridRowStart", [
         [
             "row-start",
             [
@@ -544,7 +741,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridRowEnd: (0, _createUtilityPlugin).default("gridRowEnd", [
+    gridRowEnd: (0, _createUtilityPlugin.default)("gridRowEnd", [
         [
             "row-end",
             [
@@ -581,7 +778,7 @@ let corePlugins = {
             }
         });
     },
-    margin: (0, _createUtilityPlugin).default("margin", [
+    margin: (0, _createUtilityPlugin.default)("margin", [
         [
             "m",
             [
@@ -602,7 +799,7 @@ let corePlugins = {
                     "margin-top",
                     "margin-bottom"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -628,8 +825,8 @@ let corePlugins = {
                 [
                     "margin-left"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
@@ -710,7 +907,7 @@ let corePlugins = {
             }
         });
     },
-    aspectRatio: (0, _createUtilityPlugin).default("aspectRatio", [
+    aspectRatio: (0, _createUtilityPlugin.default)("aspectRatio", [
         [
             "aspect",
             [
@@ -718,7 +915,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    height: (0, _createUtilityPlugin).default("height", [
+    height: (0, _createUtilityPlugin.default)("height", [
         [
             "h",
             [
@@ -726,7 +923,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    maxHeight: (0, _createUtilityPlugin).default("maxHeight", [
+    maxHeight: (0, _createUtilityPlugin.default)("maxHeight", [
         [
             "max-h",
             [
@@ -734,7 +931,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    minHeight: (0, _createUtilityPlugin).default("minHeight", [
+    minHeight: (0, _createUtilityPlugin.default)("minHeight", [
         [
             "min-h",
             [
@@ -742,7 +939,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    width: (0, _createUtilityPlugin).default("width", [
+    width: (0, _createUtilityPlugin.default)("width", [
         [
             "w",
             [
@@ -750,7 +947,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    minWidth: (0, _createUtilityPlugin).default("minWidth", [
+    minWidth: (0, _createUtilityPlugin.default)("minWidth", [
         [
             "min-w",
             [
@@ -758,7 +955,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    maxWidth: (0, _createUtilityPlugin).default("maxWidth", [
+    maxWidth: (0, _createUtilityPlugin.default)("maxWidth", [
         [
             "max-w",
             [
@@ -766,8 +963,8 @@ let corePlugins = {
             ]
         ]
     ]),
-    flex: (0, _createUtilityPlugin).default("flex"),
-    flexShrink: (0, _createUtilityPlugin).default("flexShrink", [
+    flex: (0, _createUtilityPlugin.default)("flex"),
+    flexShrink: (0, _createUtilityPlugin.default)("flexShrink", [
         [
             "flex-shrink",
             [
@@ -779,9 +976,9 @@ let corePlugins = {
             [
                 "flex-shrink"
             ]
-        ], 
+        ]
     ]),
-    flexGrow: (0, _createUtilityPlugin).default("flexGrow", [
+    flexGrow: (0, _createUtilityPlugin.default)("flexGrow", [
         [
             "flex-grow",
             [
@@ -793,9 +990,9 @@ let corePlugins = {
             [
                 "flex-grow"
             ]
-        ], 
+        ]
     ]),
-    flexBasis: (0, _createUtilityPlugin).default("flexBasis", [
+    flexBasis: (0, _createUtilityPlugin.default)("flexBasis", [
         [
             "basis",
             [
@@ -855,7 +1052,7 @@ let corePlugins = {
             values: theme("borderSpacing")
         });
     },
-    transformOrigin: (0, _createUtilityPlugin).default("transformOrigin", [
+    transformOrigin: (0, _createUtilityPlugin.default)("transformOrigin", [
         [
             "origin",
             [
@@ -863,7 +1060,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    translate: (0, _createUtilityPlugin).default("translate", [
+    translate: (0, _createUtilityPlugin.default)("translate", [
         [
             [
                 "translate-x",
@@ -877,7 +1074,7 @@ let corePlugins = {
                         "transform",
                         cssTransformValue
                     ]
-                ], 
+                ]
             ],
             [
                 "translate-y",
@@ -891,13 +1088,13 @@ let corePlugins = {
                         "transform",
                         cssTransformValue
                     ]
-                ], 
-            ], 
-        ], 
+                ]
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    rotate: (0, _createUtilityPlugin).default("rotate", [
+    rotate: (0, _createUtilityPlugin.default)("rotate", [
         [
             "rotate",
             [
@@ -915,7 +1112,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    skew: (0, _createUtilityPlugin).default("skew", [
+    skew: (0, _createUtilityPlugin.default)("skew", [
         [
             [
                 "skew-x",
@@ -944,12 +1141,12 @@ let corePlugins = {
                         cssTransformValue
                     ]
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    scale: (0, _createUtilityPlugin).default("scale", [
+    scale: (0, _createUtilityPlugin.default)("scale", [
         [
             "scale",
             [
@@ -962,8 +1159,8 @@ let corePlugins = {
                 [
                     "transform",
                     cssTransformValue
-                ], 
-            ], 
+                ]
+            ]
         ],
         [
             [
@@ -978,7 +1175,7 @@ let corePlugins = {
                         "transform",
                         cssTransformValue
                     ]
-                ], 
+                ]
             ],
             [
                 "scale-y",
@@ -992,9 +1189,9 @@ let corePlugins = {
                         "transform",
                         cssTransformValue
                     ]
-                ], 
-            ], 
-        ], 
+                ]
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
@@ -1025,10 +1222,9 @@ let corePlugins = {
         });
     },
     animation: ({ matchUtilities , theme , config  })=>{
-        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName).default(name)}`
-        ;
-        var ref;
-        let keyframes = Object.fromEntries(Object.entries((ref = theme("keyframes")) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
+        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`;
+        var _theme;
+        let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
             return [
                 key,
                 {
@@ -1037,11 +1233,10 @@ let corePlugins = {
             ];
         }));
         matchUtilities({
-            animate: (value1)=>{
-                let animations = (0, _parseAnimationValue).default(value1);
+            animate: (value)=>{
+                let animations = (0, _parseAnimationValue.default)(value);
                 return [
-                    ...animations.flatMap((animation)=>keyframes[animation.name]
-                    ),
+                    ...animations.flatMap((animation)=>keyframes[animation.name]),
                     {
                         animation: animations.map(({ name , value  })=>{
                             if (name === undefined || keyframes[name] === undefined) {
@@ -1049,14 +1244,14 @@ let corePlugins = {
                             }
                             return value.replace(name, prefixName(name));
                         }).join(", ")
-                    }, 
+                    }
                 ];
             }
         }, {
             values: theme("animation")
         });
     },
-    cursor: (0, _createUtilityPlugin).default("cursor"),
+    cursor: (0, _createUtilityPlugin.default)("cursor"),
     touchAction: ({ addDefaults , addUtilities  })=>{
         addDefaults("touch-action", {
             "--tw-pan-x": " ",
@@ -1197,7 +1392,7 @@ let corePlugins = {
             }
         });
     },
-    scrollMargin: (0, _createUtilityPlugin).default("scrollMargin", [
+    scrollMargin: (0, _createUtilityPlugin.default)("scrollMargin", [
         [
             "scroll-m",
             [
@@ -1218,7 +1413,7 @@ let corePlugins = {
                     "scroll-margin-top",
                     "scroll-margin-bottom"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -1244,12 +1439,12 @@ let corePlugins = {
                 [
                     "scroll-margin-left"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    scrollPadding: (0, _createUtilityPlugin).default("scrollPadding", [
+    scrollPadding: (0, _createUtilityPlugin.default)("scrollPadding", [
         [
             "scroll-p",
             [
@@ -1270,7 +1465,7 @@ let corePlugins = {
                     "scroll-padding-top",
                     "scroll-padding-bottom"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -1296,8 +1491,8 @@ let corePlugins = {
                 [
                     "scroll-padding-left"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
     listStylePosition: ({ addUtilities  })=>{
         addUtilities({
@@ -1309,7 +1504,7 @@ let corePlugins = {
             }
         });
     },
-    listStyleType: (0, _createUtilityPlugin).default("listStyleType", [
+    listStyleType: (0, _createUtilityPlugin.default)("listStyleType", [
         [
             "list",
             [
@@ -1324,7 +1519,7 @@ let corePlugins = {
             }
         });
     },
-    columns: (0, _createUtilityPlugin).default("columns", [
+    columns: (0, _createUtilityPlugin.default)("columns", [
         [
             "columns",
             [
@@ -1404,7 +1599,7 @@ let corePlugins = {
             }
         });
     },
-    gridAutoColumns: (0, _createUtilityPlugin).default("gridAutoColumns", [
+    gridAutoColumns: (0, _createUtilityPlugin.default)("gridAutoColumns", [
         [
             "auto-cols",
             [
@@ -1420,6 +1615,9 @@ let corePlugins = {
             ".grid-flow-col": {
                 gridAutoFlow: "column"
             },
+            ".grid-flow-dense": {
+                gridAutoFlow: "dense"
+            },
             ".grid-flow-row-dense": {
                 gridAutoFlow: "row dense"
             },
@@ -1428,7 +1626,7 @@ let corePlugins = {
             }
         });
     },
-    gridAutoRows: (0, _createUtilityPlugin).default("gridAutoRows", [
+    gridAutoRows: (0, _createUtilityPlugin.default)("gridAutoRows", [
         [
             "auto-rows",
             [
@@ -1436,15 +1634,15 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridTemplateColumns: (0, _createUtilityPlugin).default("gridTemplateColumns", [
+    gridTemplateColumns: (0, _createUtilityPlugin.default)("gridTemplateColumns", [
         [
             "grid-cols",
             [
                 "gridTemplateColumns"
             ]
-        ], 
+        ]
     ]),
-    gridTemplateRows: (0, _createUtilityPlugin).default("gridTemplateRows", [
+    gridTemplateRows: (0, _createUtilityPlugin.default)("gridTemplateRows", [
         [
             "grid-rows",
             [
@@ -1501,6 +1699,9 @@ let corePlugins = {
             ".place-content-evenly": {
                 "place-content": "space-evenly"
             },
+            ".place-content-baseline": {
+                "place-content": "baseline"
+            },
             ".place-content-stretch": {
                 "place-content": "stretch"
             }
@@ -1517,6 +1718,9 @@ let corePlugins = {
             ".place-items-center": {
                 "place-items": "center"
             },
+            ".place-items-baseline": {
+                "place-items": "baseline"
+            },
             ".place-items-stretch": {
                 "place-items": "stretch"
             }
@@ -1541,6 +1745,9 @@ let corePlugins = {
             },
             ".content-evenly": {
                 "align-content": "space-evenly"
+            },
+            ".content-baseline": {
+                "align-content": "baseline"
             }
         });
     },
@@ -1601,7 +1808,7 @@ let corePlugins = {
             }
         });
     },
-    gap: (0, _createUtilityPlugin).default("gap", [
+    gap: (0, _createUtilityPlugin.default)("gap", [
         [
             "gap",
             [
@@ -1620,8 +1827,8 @@ let corePlugins = {
                 [
                     "rowGap"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
     space: ({ matchUtilities , addUtilities , theme  })=>{
         matchUtilities({
@@ -1686,7 +1893,8 @@ let corePlugins = {
             values: theme("divideWidth"),
             type: [
                 "line-width",
-                "length"
+                "length",
+                "any"
             ]
         });
         addUtilities({
@@ -1719,18 +1927,18 @@ let corePlugins = {
             }
         });
     },
-    divideColor: ({ matchUtilities , theme , corePlugins: corePlugins1  })=>{
+    divideColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             divide: (value)=>{
-                if (!corePlugins1("divideOpacity")) {
+                if (!corePlugins("divideOpacity")) {
                     return {
                         ["& > :not([hidden]) ~ :not([hidden])"]: {
-                            "border-color": (0, _toColorValue).default(value)
+                            "border-color": (0, _toColorValue.default)(value)
                         }
                     };
                 }
                 return {
-                    ["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable).default({
+                    ["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable.default)({
                         color: value,
                         property: "border-color",
                         variable: "--tw-divide-opacity"
@@ -1738,9 +1946,11 @@ let corePlugins = {
                 };
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("divideColor"))),
-            type: "color"
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
+            type: [
+                "color",
+                "any"
+            ]
         });
     },
     divideOpacity: ({ matchUtilities , theme  })=>{
@@ -1954,10 +2164,13 @@ let corePlugins = {
             },
             ".break-all": {
                 "word-break": "break-all"
+            },
+            ".break-keep": {
+                "word-break": "keep-all"
             }
         });
     },
-    borderRadius: (0, _createUtilityPlugin).default("borderRadius", [
+    borderRadius: (0, _createUtilityPlugin.default)("borderRadius", [
         [
             "rounded",
             [
@@ -1992,7 +2205,7 @@ let corePlugins = {
                     "border-top-left-radius",
                     "border-bottom-left-radius"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -2018,10 +2231,10 @@ let corePlugins = {
                 [
                     "border-bottom-left-radius"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
-    borderWidth: (0, _createUtilityPlugin).default("borderWidth", [
+    borderWidth: (0, _createUtilityPlugin.default)("borderWidth", [
         [
             "border",
             [
@@ -2054,7 +2267,7 @@ let corePlugins = {
                     "border-top-width",
                     "border-bottom-width"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -2096,8 +2309,8 @@ let corePlugins = {
                     ],
                     "border-left-width"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         type: [
             "line-width",
@@ -2126,36 +2339,36 @@ let corePlugins = {
             }
         });
     },
-    borderColor: ({ matchUtilities , theme , corePlugins: corePlugins2  })=>{
+    borderColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             border: (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-color": (0, _toColorValue).default(value)
+                        "border-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-color",
                     variable: "--tw-border-opacity"
                 });
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
-                "color"
+                "color",
+                "any"
             ]
         });
         matchUtilities({
             "border-x": (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-left-color": (0, _toColorValue).default(value),
-                        "border-right-color": (0, _toColorValue).default(value)
+                        "border-left-color": (0, _toColorValue.default)(value),
+                        "border-right-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: [
                         "border-left-color",
@@ -2165,13 +2378,13 @@ let corePlugins = {
                 });
             },
             "border-y": (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-top-color": (0, _toColorValue).default(value),
-                        "border-bottom-color": (0, _toColorValue).default(value)
+                        "border-top-color": (0, _toColorValue.default)(value),
+                        "border-bottom-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: [
                         "border-top-color",
@@ -2181,101 +2394,108 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("borderColor"))),
-            type: "color"
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
+            type: [
+                "color",
+                "any"
+            ]
         });
         matchUtilities({
             "border-t": (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-top-color": (0, _toColorValue).default(value)
+                        "border-top-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-top-color",
                     variable: "--tw-border-opacity"
                 });
             },
             "border-r": (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-right-color": (0, _toColorValue).default(value)
+                        "border-right-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-right-color",
                     variable: "--tw-border-opacity"
                 });
             },
             "border-b": (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-bottom-color": (0, _toColorValue).default(value)
+                        "border-bottom-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-bottom-color",
                     variable: "--tw-border-opacity"
                 });
             },
             "border-l": (value)=>{
-                if (!corePlugins2("borderOpacity")) {
+                if (!corePlugins("borderOpacity")) {
                     return {
-                        "border-left-color": (0, _toColorValue).default(value)
+                        "border-left-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "border-left-color",
                     variable: "--tw-border-opacity"
                 });
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("borderColor"))),
-            type: "color"
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
+            type: [
+                "color",
+                "any"
+            ]
         });
     },
-    borderOpacity: (0, _createUtilityPlugin).default("borderOpacity", [
+    borderOpacity: (0, _createUtilityPlugin.default)("borderOpacity", [
         [
             "border-opacity",
             [
                 "--tw-border-opacity"
             ]
-        ], 
+        ]
     ]),
-    backgroundColor: ({ matchUtilities , theme , corePlugins: corePlugins3  })=>{
+    backgroundColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             bg: (value)=>{
-                if (!corePlugins3("backgroundOpacity")) {
+                if (!corePlugins("backgroundOpacity")) {
                     return {
-                        "background-color": (0, _toColorValue).default(value)
+                        "background-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "background-color",
                     variable: "--tw-bg-opacity"
                 });
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("backgroundColor")),
-            type: "color"
+            values: (0, _flattenColorPalette.default)(theme("backgroundColor")),
+            type: [
+                "color",
+                "any"
+            ]
         });
     },
-    backgroundOpacity: (0, _createUtilityPlugin).default("backgroundOpacity", [
+    backgroundOpacity: (0, _createUtilityPlugin.default)("backgroundOpacity", [
         [
             "bg-opacity",
             [
                 "--tw-bg-opacity"
             ]
-        ], 
+        ]
     ]),
-    backgroundImage: (0, _createUtilityPlugin).default("backgroundImage", [
+    backgroundImage: (0, _createUtilityPlugin.default)("backgroundImage", [
         [
             "bg",
             [
@@ -2291,11 +2511,11 @@ let corePlugins = {
     }),
     gradientColorStops: (()=>{
         function transparentTo(value) {
-            return (0, _withAlphaVariable).withAlphaValue(value, 0, "rgb(255 255 255 / 0)");
+            return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
         }
         return function({ matchUtilities , theme  }) {
             let options = {
-                values: (0, _flattenColorPalette).default(theme("gradientColorStops")),
+                values: (0, _flattenColorPalette.default)(theme("gradientColorStops")),
                 type: [
                     "color",
                     "any"
@@ -2305,8 +2525,9 @@ let corePlugins = {
                 from: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-from": (0, _toColorValue).default(value, "from"),
-                        "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to, ${transparentToValue})`
+                        "--tw-gradient-from": (0, _toColorValue.default)(value, "from"),
+                        "--tw-gradient-to": transparentToValue,
+                        "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
                     };
                 }
             }, options);
@@ -2314,13 +2535,14 @@ let corePlugins = {
                 via: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue).default(value, "via")}, var(--tw-gradient-to, ${transparentToValue})`
+                        "--tw-gradient-to": transparentToValue,
+                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value, "via")}, var(--tw-gradient-to)`
                     };
                 }
             }, options);
             matchUtilities({
                 to: (value)=>({
-                        "--tw-gradient-to": (0, _toColorValue).default(value, "to")
+                        "--tw-gradient-to": (0, _toColorValue.default)(value, "to")
                     })
             }, options);
         };
@@ -2341,7 +2563,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundSize: (0, _createUtilityPlugin).default("backgroundSize", [
+    backgroundSize: (0, _createUtilityPlugin.default)("backgroundSize", [
         [
             "bg",
             [
@@ -2352,7 +2574,8 @@ let corePlugins = {
         type: [
             "lookup",
             "length",
-            "percentage"
+            "percentage",
+            "size"
         ]
     }),
     backgroundAttachment: ({ addUtilities  })=>{
@@ -2384,7 +2607,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundPosition: (0, _createUtilityPlugin).default("backgroundPosition", [
+    backgroundPosition: (0, _createUtilityPlugin.default)("backgroundPosition", [
         [
             "bg",
             [
@@ -2394,7 +2617,12 @@ let corePlugins = {
     ], {
         type: [
             "lookup",
-            "position"
+            [
+                "position",
+                {
+                    preferOnConflict: true
+                }
+            ]
         ]
     }),
     backgroundRepeat: ({ addUtilities  })=>{
@@ -2436,11 +2664,11 @@ let corePlugins = {
         matchUtilities({
             fill: (value)=>{
                 return {
-                    fill: (0, _toColorValue).default(value)
+                    fill: (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("fill")),
+            values: (0, _flattenColorPalette.default)(theme("fill")),
             type: [
                 "color",
                 "any"
@@ -2451,18 +2679,19 @@ let corePlugins = {
         matchUtilities({
             stroke: (value)=>{
                 return {
-                    stroke: (0, _toColorValue).default(value)
+                    stroke: (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("stroke")),
+            values: (0, _flattenColorPalette.default)(theme("stroke")),
             type: [
                 "color",
-                "url"
+                "url",
+                "any"
             ]
         });
     },
-    strokeWidth: (0, _createUtilityPlugin).default("strokeWidth", [
+    strokeWidth: (0, _createUtilityPlugin.default)("strokeWidth", [
         [
             "stroke",
             [
@@ -2495,7 +2724,7 @@ let corePlugins = {
             }
         });
     },
-    objectPosition: (0, _createUtilityPlugin).default("objectPosition", [
+    objectPosition: (0, _createUtilityPlugin.default)("objectPosition", [
         [
             "object",
             [
@@ -2503,7 +2732,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    padding: (0, _createUtilityPlugin).default("padding", [
+    padding: (0, _createUtilityPlugin.default)("padding", [
         [
             "p",
             [
@@ -2524,7 +2753,7 @@ let corePlugins = {
                     "padding-top",
                     "padding-bottom"
                 ]
-            ], 
+            ]
         ],
         [
             [
@@ -2550,8 +2779,8 @@ let corePlugins = {
                 [
                     "padding-left"
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
     textAlign: ({ addUtilities  })=>{
         addUtilities({
@@ -2575,7 +2804,7 @@ let corePlugins = {
             }
         });
     },
-    textIndent: (0, _createUtilityPlugin).default("textIndent", [
+    textIndent: (0, _createUtilityPlugin.default)("textIndent", [
         [
             "indent",
             [
@@ -2618,27 +2847,42 @@ let corePlugins = {
                 })
         });
     },
-    fontFamily: (0, _createUtilityPlugin).default("fontFamily", [
-        [
-            "font",
-            [
-                "fontFamily"
+    fontFamily: ({ matchUtilities , theme  })=>{
+        matchUtilities({
+            font: (value)=>{
+                let [families, options = {}] = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value : [
+                    value
+                ];
+                let { fontFeatureSettings  } = options;
+                return {
+                    "font-family": Array.isArray(families) ? families.join(", ") : families,
+                    ...fontFeatureSettings === undefined ? {} : {
+                        "font-feature-settings": fontFeatureSettings
+                    }
+                };
+            }
+        }, {
+            values: theme("fontFamily"),
+            type: [
+                "lookup",
+                "generic-name",
+                "family-name"
             ]
-        ]
-    ], {
-        type: [
-            "lookup",
-            "generic-name",
-            "family-name"
-        ]
-    }),
+        });
+    },
     fontSize: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            text: (value)=>{
+            text: (value, { modifier  })=>{
                 let [fontSize, options] = Array.isArray(value) ? value : [
                     value
                 ];
-                let { lineHeight , letterSpacing  } = (0, _isPlainObject).default(options) ? options : {
+                if (modifier) {
+                    return {
+                        "font-size": fontSize,
+                        "line-height": modifier
+                    };
+                }
+                let { lineHeight , letterSpacing , fontWeight  } = (0, _isPlainObject.default)(options) ? options : {
                     lineHeight: options
                 };
                 return {
@@ -2648,11 +2892,15 @@ let corePlugins = {
                     },
                     ...letterSpacing === undefined ? {} : {
                         "letter-spacing": letterSpacing
+                    },
+                    ...fontWeight === undefined ? {} : {
+                        "font-weight": fontWeight
                     }
                 };
             }
         }, {
             values: theme("fontSize"),
+            modifiers: theme("lineHeight"),
             type: [
                 "absolute-size",
                 "relative-size",
@@ -2661,7 +2909,7 @@ let corePlugins = {
             ]
         });
     },
-    fontWeight: (0, _createUtilityPlugin).default("fontWeight", [
+    fontWeight: (0, _createUtilityPlugin.default)("fontWeight", [
         [
             "font",
             [
@@ -2671,7 +2919,8 @@ let corePlugins = {
     ], {
         type: [
             "lookup",
-            "number"
+            "number",
+            "any"
         ]
     }),
     textTransform: ({ addUtilities  })=>{
@@ -2755,7 +3004,7 @@ let corePlugins = {
             }
         });
     },
-    lineHeight: (0, _createUtilityPlugin).default("lineHeight", [
+    lineHeight: (0, _createUtilityPlugin.default)("lineHeight", [
         [
             "leading",
             [
@@ -2763,7 +3012,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    letterSpacing: (0, _createUtilityPlugin).default("letterSpacing", [
+    letterSpacing: (0, _createUtilityPlugin.default)("letterSpacing", [
         [
             "tracking",
             [
@@ -2773,26 +3022,29 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    textColor: ({ matchUtilities , theme , corePlugins: corePlugins4  })=>{
+    textColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             text: (value)=>{
-                if (!corePlugins4("textOpacity")) {
+                if (!corePlugins("textOpacity")) {
                     return {
-                        color: (0, _toColorValue).default(value)
+                        color: (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "color",
                     variable: "--tw-text-opacity"
                 });
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("textColor")),
-            type: "color"
+            values: (0, _flattenColorPalette.default)(theme("textColor")),
+            type: [
+                "color",
+                "any"
+            ]
         });
     },
-    textOpacity: (0, _createUtilityPlugin).default("textOpacity", [
+    textOpacity: (0, _createUtilityPlugin.default)("textOpacity", [
         [
             "text-opacity",
             [
@@ -2820,13 +3072,14 @@ let corePlugins = {
         matchUtilities({
             decoration: (value)=>{
                 return {
-                    "text-decoration-color": (0, _toColorValue).default(value)
+                    "text-decoration-color": (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("textDecorationColor")),
+            values: (0, _flattenColorPalette.default)(theme("textDecorationColor")),
             type: [
-                "color"
+                "color",
+                "any"
             ]
         });
     },
@@ -2849,7 +3102,7 @@ let corePlugins = {
             }
         });
     },
-    textDecorationThickness: (0, _createUtilityPlugin).default("textDecorationThickness", [
+    textDecorationThickness: (0, _createUtilityPlugin.default)("textDecorationThickness", [
         [
             "decoration",
             [
@@ -2862,7 +3115,7 @@ let corePlugins = {
             "percentage"
         ]
     }),
-    textUnderlineOffset: (0, _createUtilityPlugin).default("textUnderlineOffset", [
+    textUnderlineOffset: (0, _createUtilityPlugin.default)("textUnderlineOffset", [
         [
             "underline-offset",
             [
@@ -2872,7 +3125,8 @@ let corePlugins = {
     ], {
         type: [
             "length",
-            "percentage"
+            "percentage",
+            "any"
         ]
     }),
     fontSmoothing: ({ addUtilities  })=>{
@@ -2887,18 +3141,18 @@ let corePlugins = {
             }
         });
     },
-    placeholderColor: ({ matchUtilities , theme , corePlugins: corePlugins5  })=>{
+    placeholderColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             placeholder: (value)=>{
-                if (!corePlugins5("placeholderOpacity")) {
+                if (!corePlugins("placeholderOpacity")) {
                     return {
                         "&::placeholder": {
-                            color: (0, _toColorValue).default(value)
+                            color: (0, _toColorValue.default)(value)
                         }
                     };
                 }
                 return {
-                    "&::placeholder": (0, _withAlphaVariable).default({
+                    "&::placeholder": (0, _withAlphaVariable.default)({
                         color: value,
                         property: "color",
                         variable: "--tw-placeholder-opacity"
@@ -2906,7 +3160,7 @@ let corePlugins = {
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("placeholderColor")),
+            values: (0, _flattenColorPalette.default)(theme("placeholderColor")),
             type: [
                 "color",
                 "any"
@@ -2930,11 +3184,11 @@ let corePlugins = {
         matchUtilities({
             caret: (value)=>{
                 return {
-                    "caret-color": (0, _toColorValue).default(value)
+                    "caret-color": (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("caretColor")),
+            values: (0, _flattenColorPalette.default)(theme("caretColor")),
             type: [
                 "color",
                 "any"
@@ -2945,18 +3199,18 @@ let corePlugins = {
         matchUtilities({
             accent: (value)=>{
                 return {
-                    "accent-color": (0, _toColorValue).default(value)
+                    "accent-color": (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("accentColor")),
+            values: (0, _flattenColorPalette.default)(theme("accentColor")),
             type: [
                 "color",
                 "any"
             ]
         });
     },
-    opacity: (0, _createUtilityPlugin).default("opacity", [
+    opacity: (0, _createUtilityPlugin.default)("opacity", [
         [
             "opacity",
             [
@@ -3065,15 +3319,18 @@ let corePlugins = {
             },
             ".mix-blend-luminosity": {
                 "mix-blend-mode": "luminosity"
+            },
+            ".mix-blend-plus-lighter": {
+                "mix-blend-mode": "plus-lighter"
             }
         });
     },
     boxShadow: (()=>{
-        let transformValue = (0, _transformThemeValue).default("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)`, 
+            `var(--tw-shadow)`
         ].join(", ");
         return function({ matchUtilities , addDefaults , theme  }) {
             addDefaults(" box-shadow", {
@@ -3085,7 +3342,7 @@ let corePlugins = {
             matchUtilities({
                 shadow: (value)=>{
                     value = transformValue(value);
-                    let ast = (0, _parseBoxShadowValue).parseBoxShadowValue(value);
+                    let ast = (0, _parseBoxShadowValue.parseBoxShadowValue)(value);
                     for (let shadow of ast){
                         // Don't override color if the whole shadow is a variable
                         if (!shadow.valid) {
@@ -3096,7 +3353,7 @@ let corePlugins = {
                     return {
                         "@defaults box-shadow": {},
                         "--tw-shadow": value === "none" ? "0 0 #0000" : value,
-                        "--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue).formatBoxShadowValue(ast),
+                        "--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue.formatBoxShadowValue)(ast),
                         "box-shadow": defaultBoxShadow
                     };
                 }
@@ -3112,14 +3369,15 @@ let corePlugins = {
         matchUtilities({
             shadow: (value)=>{
                 return {
-                    "--tw-shadow-color": (0, _toColorValue).default(value),
+                    "--tw-shadow-color": (0, _toColorValue.default)(value),
                     "--tw-shadow": "var(--tw-shadow-colored)"
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("boxShadowColor")),
+            values: (0, _flattenColorPalette.default)(theme("boxShadowColor")),
             type: [
-                "color"
+                "color",
+                "any"
             ]
         });
     },
@@ -3140,13 +3398,10 @@ let corePlugins = {
             },
             ".outline-double": {
                 "outline-style": "double"
-            },
-            ".outline-hidden": {
-                "outline-style": "hidden"
             }
         });
     },
-    outlineWidth: (0, _createUtilityPlugin).default("outlineWidth", [
+    outlineWidth: (0, _createUtilityPlugin.default)("outlineWidth", [
         [
             "outline",
             [
@@ -3160,7 +3415,7 @@ let corePlugins = {
             "percentage"
         ]
     }),
-    outlineOffset: (0, _createUtilityPlugin).default("outlineOffset", [
+    outlineOffset: (0, _createUtilityPlugin.default)("outlineOffset", [
         [
             "outline-offset",
             [
@@ -3171,27 +3426,38 @@ let corePlugins = {
         type: [
             "length",
             "number",
-            "percentage"
-        ]
+            "percentage",
+            "any"
+        ],
+        supportsNegativeValues: true
     }),
     outlineColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             outline: (value)=>{
                 return {
-                    "outline-color": (0, _toColorValue).default(value)
+                    "outline-color": (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("outlineColor")),
+            values: (0, _flattenColorPalette.default)(theme("outlineColor")),
             type: [
-                "color"
+                "color",
+                "any"
             ]
         });
     },
-    ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme  })=>{
-        var ref;
-        let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
-        let ringColorDefault = (0, _withAlphaVariable).withAlphaValue((ref = theme("ringColor")) === null || ref === void 0 ? void 0 : ref.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
+    ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config  })=>{
+        let ringColorDefault = (()=>{
+            var _theme, _theme1;
+            if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
+                return theme("ringColor.DEFAULT");
+            }
+            let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
+            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": " ",
             "--tw-ring-offset-width": theme("ringOffsetWidth.DEFAULT", "0px"),
@@ -3211,7 +3477,7 @@ let corePlugins = {
                     "box-shadow": [
                         `var(--tw-ring-offset-shadow)`,
                         `var(--tw-ring-shadow)`,
-                        `var(--tw-shadow, 0 0 #0000)`, 
+                        `var(--tw-shadow, 0 0 #0000)`
                     ].join(", ")
                 };
             }
@@ -3226,37 +3492,42 @@ let corePlugins = {
             }
         });
     },
-    ringColor: ({ matchUtilities , theme , corePlugins: corePlugins6  })=>{
+    ringColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             ring: (value)=>{
-                if (!corePlugins6("ringOpacity")) {
+                if (!corePlugins("ringOpacity")) {
                     return {
-                        "--tw-ring-color": (0, _toColorValue).default(value)
+                        "--tw-ring-color": (0, _toColorValue.default)(value)
                     };
                 }
-                return (0, _withAlphaVariable).default({
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: "--tw-ring-color",
                     variable: "--tw-ring-opacity"
                 });
             }
         }, {
-            values: Object.fromEntries(Object.entries((0, _flattenColorPalette).default(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT"
-            )),
-            type: "color"
+            values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT")),
+            type: [
+                "color",
+                "any"
+            ]
         });
     },
-    ringOpacity: (0, _createUtilityPlugin).default("ringOpacity", [
-        [
-            "ring-opacity",
+    ringOpacity: (helpers)=>{
+        let { config  } = helpers;
+        return (0, _createUtilityPlugin.default)("ringOpacity", [
             [
-                "--tw-ring-opacity"
+                "ring-opacity",
+                [
+                    "--tw-ring-opacity"
+                ]
             ]
-        ]
-    ], {
-        filterDefault: true
-    }),
-    ringOffsetWidth: (0, _createUtilityPlugin).default("ringOffsetWidth", [
+        ], {
+            filterDefault: !(0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")
+        })(helpers);
+    },
+    ringOffsetWidth: (0, _createUtilityPlugin.default)("ringOffsetWidth", [
         [
             "ring-offset",
             [
@@ -3270,12 +3541,15 @@ let corePlugins = {
         matchUtilities({
             "ring-offset": (value)=>{
                 return {
-                    "--tw-ring-offset-color": (0, _toColorValue).default(value)
+                    "--tw-ring-offset-color": (0, _toColorValue.default)(value)
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme("ringOffsetColor")),
-            type: "color"
+            values: (0, _flattenColorPalette.default)(theme("ringOffsetColor")),
+            type: [
+                "color",
+                "any"
+            ]
         });
     },
     blur: ({ matchUtilities , theme  })=>{
@@ -3321,8 +3595,7 @@ let corePlugins = {
         matchUtilities({
             "drop-shadow": (value)=>{
                 return {
-                    "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`
-                    ).join(" ") : `drop-shadow(${value})`,
+                    "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`).join(" ") : `drop-shadow(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
                 };
@@ -3576,7 +3849,7 @@ let corePlugins = {
             values: theme("transitionProperty")
         });
     },
-    transitionDelay: (0, _createUtilityPlugin).default("transitionDelay", [
+    transitionDelay: (0, _createUtilityPlugin.default)("transitionDelay", [
         [
             "delay",
             [
@@ -3584,7 +3857,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    transitionDuration: (0, _createUtilityPlugin).default("transitionDuration", [
+    transitionDuration: (0, _createUtilityPlugin.default)("transitionDuration", [
         [
             "duration",
             [
@@ -3594,7 +3867,7 @@ let corePlugins = {
     ], {
         filterDefault: true
     }),
-    transitionTimingFunction: (0, _createUtilityPlugin).default("transitionTimingFunction", [
+    transitionTimingFunction: (0, _createUtilityPlugin.default)("transitionTimingFunction", [
         [
             "ease",
             [
@@ -3604,7 +3877,7 @@ let corePlugins = {
     ], {
         filterDefault: true
     }),
-    willChange: (0, _createUtilityPlugin).default("willChange", [
+    willChange: (0, _createUtilityPlugin.default)("willChange", [
         [
             "will-change",
             [
@@ -3612,7 +3885,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    content: (0, _createUtilityPlugin).default("content", [
+    content: (0, _createUtilityPlugin.default)("content", [
         [
             "content",
             [
@@ -3622,7 +3895,6 @@ let corePlugins = {
                     "var(--tw-content)"
                 ]
             ]
-        ], 
+        ]
     ])
 };
-exports.corePlugins = corePlugins;