tailwindcss 0.0.0-insiders.eeec89a → 0.0.0-insiders.eef91c9

package/lib/corePlugins.js

@@ -28,6 +28,7 @@ const _withAlphaVariable = /*#__PURE__*/ _interop_require_wildcard(require("./ut
 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");
@@ -80,17 +81,20 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 let variantPlugins = {
-    pseudoElementVariants: ({ addVariant })=>{
+    childVariant: ({ addVariant  })=>{
+        addVariant("*", "& > *");
+    },
+    pseudoElementVariants: ({ addVariant  })=>{
         addVariant("first-letter", "&::first-letter");
         addVariant("first-line", "&::first-line");
         addVariant("marker", [
-            ({ container })=>{
+            ({ container  })=>{
                 (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                     "--tw-text-opacity"
                 ]);
                 return "& *::marker";
             },
-            ({ container })=>{
+            ({ container  })=>{
                 (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                     "--tw-text-opacity"
                 ]);
@@ -104,7 +108,7 @@ let variantPlugins = {
         addVariant("file", "&::file-selector-button");
         addVariant("placeholder", "&::placeholder");
         addVariant("backdrop", "&::backdrop");
-        addVariant("before", ({ container })=>{
+        addVariant("before", ({ container  })=>{
             container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls("content", ()=>{
@@ -119,7 +123,7 @@ let variantPlugins = {
             });
             return "&::before";
         });
-        addVariant("after", ({ container })=>{
+        addVariant("after", ({ container  })=>{
             container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls("content", ()=>{
@@ -135,7 +139,7 @@ let variantPlugins = {
             return "&::after";
         });
     },
-    pseudoClassVariants: ({ addVariant, matchVariant, config, prefix })=>{
+    pseudoClassVariants: ({ addVariant , matchVariant , config , prefix  })=>{
         let pseudoVariants = [
             // Positional
             [
@@ -164,7 +168,7 @@ let variantPlugins = {
             // State
             [
                 "visited",
-                ({ container })=>{
+                ({ container  })=>{
                     (0, _removeAlphaVariables.removeAlphaVariables)(container, [
                         "--tw-text-opacity",
                         "--tw-border-opacity",
@@ -215,14 +219,14 @@ let variantPlugins = {
             });
         }
         let variants = {
-            group: (_, { modifier })=>modifier ? [
+            group: (_, { modifier  })=>modifier ? [
                     `:merge(${prefix(".group")}\\/${(0, _escapeClassName.default)(modifier)})`,
                     " &"
                 ] : [
                     `:merge(${prefix(".group")})`,
                     " &"
                 ],
-            peer: (_, { modifier })=>modifier ? [
+            peer: (_, { modifier  })=>modifier ? [
                     `:merge(${prefix(".peer")}\\/${(0, _escapeClassName.default)(modifier)})`,
                     " ~ &"
                 ] : [
@@ -262,16 +266,16 @@ let variantPlugins = {
             });
         }
     },
-    directionVariants: ({ addVariant })=>{
-        addVariant("ltr", ':is([dir="ltr"] &)');
-        addVariant("rtl", ':is([dir="rtl"] &)');
+    directionVariants: ({ addVariant  })=>{
+        addVariant("ltr", '&:where([dir="ltr"], [dir="ltr"] *)');
+        addVariant("rtl", '&:where([dir="rtl"], [dir="rtl"] *)');
     },
-    reducedMotionVariants: ({ addVariant })=>{
+    reducedMotionVariants: ({ addVariant  })=>{
         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"));
+    darkVariants: ({ config , addVariant  })=>{
+        let [mode, selector = ".dark"] = [].concat(config("darkMode", "media"));
         if (mode === false) {
             mode = "media";
             _log.default.warn("darkmode-false", [
@@ -280,16 +284,54 @@ let variantPlugins = {
                 "https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
             ]);
         }
-        if (mode === "class") {
-            addVariant("dark", `:is(${className} &)`);
+        if (mode === "variant") {
+            let formats;
+            if (Array.isArray(selector)) {
+                formats = selector;
+            } else if (typeof selector === "function") {
+                formats = selector;
+            } else if (typeof selector === "string") {
+                formats = [
+                    selector
+                ];
+            }
+            // TODO: We could also add these warnings if the user passes a function that returns string | string[]
+            // But this is an advanced enough use case that it's probably not necessary
+            if (Array.isArray(formats)) {
+                for (let format of formats){
+                    if (format === ".dark") {
+                        mode = false;
+                        _log.default.warn("darkmode-variant-without-selector", [
+                            "When using `variant` for `darkMode`, you must provide a selector.",
+                            'Example: `darkMode: ["variant", ".your-selector &"]`'
+                        ]);
+                    } else if (!format.includes("&")) {
+                        mode = false;
+                        _log.default.warn("darkmode-variant-without-ampersand", [
+                            "When using `variant` for `darkMode`, your selector must contain `&`.",
+                            'Example `darkMode: ["variant", ".your-selector &"]`'
+                        ]);
+                    }
+                }
+            }
+            selector = formats;
+        }
+        if (mode === "selector") {
+            // New preferred behavior
+            addVariant("dark", `&:where(${selector}, ${selector} *)`);
         } else if (mode === "media") {
             addVariant("dark", "@media (prefers-color-scheme: dark)");
+        } else if (mode === "variant") {
+            addVariant("dark", selector);
+        } else if (mode === "class") {
+            // Old behavior
+            addVariant("dark", `&:is(${selector} *)`);
         }
     },
-    printVariant: ({ addVariant })=>{
+    printVariant: ({ addVariant  })=>{
         addVariant("print", "@media print");
     },
-    screenVariants: ({ theme, addVariant, matchVariant })=>{
+    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");
@@ -326,7 +368,7 @@ let variantPlugins = {
      * @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];
+                let { min , max  } = screen.values[0];
                 if (type === "min" && min !== undefined) {
                     return screen;
                 } else if (type === "min" && max !== undefined) {
@@ -396,7 +438,7 @@ let variantPlugins = {
             sort: minSort
         });
     },
-    supportsVariants: ({ matchVariant, theme })=>{
+    supportsVariants: ({ matchVariant , theme  })=>{
         var _theme;
         matchVariant("supports", (value = "")=>{
             let check = (0, _dataTypes.normalize)(value);
@@ -418,52 +460,64 @@ let variantPlugins = {
             values: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
         });
     },
-    hasVariants: ({ matchVariant })=>{
+    hasVariants: ({ matchVariant , prefix  })=>{
         matchVariant("has", (value)=>`&:has(${(0, _dataTypes.normalize)(value)})`, {
-            values: {}
+            values: {},
+            [_setupContextUtils.INTERNAL_FEATURES]: {
+                respectPrefix: false
+            }
         });
-        matchVariant("group-has", (value, { modifier })=>modifier ? `:merge(.group\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) &` : `:merge(.group):has(${(0, _dataTypes.normalize)(value)}) &`, {
-            values: {}
+        matchVariant("group-has", (value, { modifier  })=>modifier ? `:merge(${prefix(".group")}\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) &` : `:merge(${prefix(".group")}):has(${(0, _dataTypes.normalize)(value)}) &`, {
+            values: {},
+            [_setupContextUtils.INTERNAL_FEATURES]: {
+                respectPrefix: false
+            }
         });
-        matchVariant("peer-has", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) ~ &` : `:merge(.peer):has(${(0, _dataTypes.normalize)(value)}) ~ &`, {
-            values: {}
+        matchVariant("peer-has", (value, { modifier  })=>modifier ? `:merge(${prefix(".peer")}\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) ~ &` : `:merge(${prefix(".peer")}):has(${(0, _dataTypes.normalize)(value)}) ~ &`, {
+            values: {},
+            [_setupContextUtils.INTERNAL_FEATURES]: {
+                respectPrefix: false
+            }
         });
     },
-    ariaVariants: ({ matchVariant, 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)}] &`, {
+        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)}] ~ &`, {
+        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 })=>{
+    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)}] &`, {
+        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)}] ~ &`, {
+        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 })=>{
+    orientationVariants: ({ addVariant  })=>{
         addVariant("portrait", "@media (orientation: portrait)");
         addVariant("landscape", "@media (orientation: landscape)");
     },
-    prefersContrastVariants: ({ addVariant })=>{
+    prefersContrastVariants: ({ addVariant  })=>{
         addVariant("contrast-more", "@media (prefers-contrast: more)");
         addVariant("contrast-less", "@media (prefers-contrast: less)");
+    },
+    forcedColorsVariants: ({ addVariant  })=>{
+        addVariant("forced-colors", "@media (forced-colors: active)");
     }
 };
 let cssTransformValue = [
@@ -497,9 +551,14 @@ let cssBackdropFilterValue = [
     "var(--tw-backdrop-sepia)"
 ].join(" ");
 let corePlugins = {
-    preflight: ({ addBase })=>{
+    preflight: ({ addBase  })=>{
         let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
-        addBase(preflightStyles.nodes);
+        addBase([
+            _postcss.default.comment({
+                text: `! tailwindcss v${_packagejson.version} | MIT License | https://tailwindcss.com`
+            }),
+            ...preflightStyles.nodes
+        ]);
     },
     container: (()=>{
         function extractMinWidths(breakpoints = []) {
@@ -528,7 +587,7 @@ let corePlugins = {
             }
             for (let minWidth of minWidths){
                 for (let screen of screens){
-                    for (let { min } of screen.values){
+                    for (let { min  } of screen.values){
                         if (min === minWidth) {
                             mapping.push({
                                 minWidth,
@@ -540,7 +599,7 @@ let corePlugins = {
             }
             return mapping;
         }
-        return function({ addComponents, theme }) {
+        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"));
@@ -575,7 +634,7 @@ let corePlugins = {
             ]);
         };
     })(),
-    accessibility: ({ addUtilities })=>{
+    accessibility: ({ addUtilities  })=>{
         addUtilities({
             ".sr-only": {
                 position: "absolute",
@@ -600,7 +659,7 @@ let corePlugins = {
             }
         });
     },
-    pointerEvents: ({ addUtilities })=>{
+    pointerEvents: ({ addUtilities  })=>{
         addUtilities({
             ".pointer-events-none": {
                 "pointer-events": "none"
@@ -610,7 +669,7 @@ let corePlugins = {
             }
         });
     },
-    visibility: ({ addUtilities })=>{
+    visibility: ({ addUtilities  })=>{
         addUtilities({
             ".visible": {
                 visibility: "visible"
@@ -623,7 +682,7 @@ let corePlugins = {
             }
         });
     },
-    position: ({ addUtilities })=>{
+    position: ({ addUtilities  })=>{
         addUtilities({
             ".static": {
                 position: "static"
@@ -706,7 +765,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    isolation: ({ addUtilities })=>{
+    isolation: ({ addUtilities  })=>{
         addUtilities({
             ".isolate": {
                 isolation: "isolate"
@@ -744,7 +803,9 @@ let corePlugins = {
                 "gridColumnStart"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     gridColumnEnd: (0, _createUtilityPlugin.default)("gridColumnEnd", [
         [
             "col-end",
@@ -752,7 +813,9 @@ let corePlugins = {
                 "gridColumnEnd"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     gridRow: (0, _createUtilityPlugin.default)("gridRow", [
         [
             "row",
@@ -768,7 +831,9 @@ let corePlugins = {
                 "gridRowStart"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     gridRowEnd: (0, _createUtilityPlugin.default)("gridRowEnd", [
         [
             "row-end",
@@ -776,9 +841,17 @@ let corePlugins = {
                 "gridRowEnd"
             ]
         ]
-    ]),
-    float: ({ addUtilities })=>{
+    ], {
+        supportsNegativeValues: true
+    }),
+    float: ({ addUtilities  })=>{
         addUtilities({
+            ".float-start": {
+                float: "inline-start"
+            },
+            ".float-end": {
+                float: "inline-end"
+            },
             ".float-right": {
                 float: "right"
             },
@@ -790,8 +863,14 @@ let corePlugins = {
             }
         });
     },
-    clear: ({ addUtilities })=>{
+    clear: ({ addUtilities  })=>{
         addUtilities({
+            ".clear-start": {
+                clear: "inline-start"
+            },
+            ".clear-end": {
+                clear: "inline-end"
+            },
             ".clear-left": {
                 clear: "left"
             },
@@ -870,7 +949,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    boxSizing: ({ addUtilities })=>{
+    boxSizing: ({ addUtilities  })=>{
         addUtilities({
             ".box-border": {
                 "box-sizing": "border-box"
@@ -880,7 +959,7 @@ let corePlugins = {
             }
         });
     },
-    lineClamp: ({ matchUtilities, addUtilities, theme })=>{
+    lineClamp: ({ matchUtilities , addUtilities , theme  })=>{
         matchUtilities({
             "line-clamp": (value)=>({
                     overflow: "hidden",
@@ -900,7 +979,7 @@ let corePlugins = {
             }
         });
     },
-    display: ({ addUtilities })=>{
+    display: ({ addUtilities  })=>{
         addUtilities({
             ".block": {
                 display: "block"
@@ -975,6 +1054,15 @@ let corePlugins = {
             ]
         ]
     ]),
+    size: (0, _createUtilityPlugin.default)("size", [
+        [
+            "size",
+            [
+                "width",
+                "height"
+            ]
+        ]
+    ]),
     height: (0, _createUtilityPlugin.default)("height", [
         [
             "h",
@@ -1060,7 +1148,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    tableLayout: ({ addUtilities })=>{
+    tableLayout: ({ addUtilities  })=>{
         addUtilities({
             ".table-auto": {
                 "table-layout": "auto"
@@ -1070,7 +1158,7 @@ let corePlugins = {
             }
         });
     },
-    captionSide: ({ addUtilities })=>{
+    captionSide: ({ addUtilities  })=>{
         addUtilities({
             ".caption-top": {
                 "caption-side": "top"
@@ -1080,7 +1168,7 @@ let corePlugins = {
             }
         });
     },
-    borderCollapse: ({ addUtilities })=>{
+    borderCollapse: ({ addUtilities  })=>{
         addUtilities({
             ".border-collapse": {
                 "border-collapse": "collapse"
@@ -1090,7 +1178,7 @@ let corePlugins = {
             }
         });
     },
-    borderSpacing: ({ addDefaults, matchUtilities, theme })=>{
+    borderSpacing: ({ addDefaults , matchUtilities , theme  })=>{
         addDefaults("border-spacing", {
             "--tw-border-spacing-x": 0,
             "--tw-border-spacing-y": 0
@@ -1265,7 +1353,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    transform: ({ addDefaults, addUtilities })=>{
+    transform: ({ addDefaults , addUtilities  })=>{
         addDefaults("transform", {
             "--tw-translate-x": "0",
             "--tw-translate-y": "0",
@@ -1291,7 +1379,7 @@ let corePlugins = {
             }
         });
     },
-    animation: ({ matchUtilities, theme, config })=>{
+    animation: ({ matchUtilities , theme , config  })=>{
         let prefixName = (name)=>(0, _escapeClassName.default)(config("prefix") + name);
         var _theme;
         let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
@@ -1308,7 +1396,7 @@ let corePlugins = {
                 return [
                     ...animations.flatMap((animation)=>keyframes[animation.name]),
                     {
-                        animation: animations.map(({ name, value })=>{
+                        animation: animations.map(({ name , value  })=>{
                             if (name === undefined || keyframes[name] === undefined) {
                                 return value;
                             }
@@ -1322,7 +1410,7 @@ let corePlugins = {
         });
     },
     cursor: (0, _createUtilityPlugin.default)("cursor"),
-    touchAction: ({ addDefaults, addUtilities })=>{
+    touchAction: ({ addDefaults , addUtilities  })=>{
         addDefaults("touch-action", {
             "--tw-pan-x": " ",
             "--tw-pan-y": " ",
@@ -1376,7 +1464,7 @@ let corePlugins = {
             }
         });
     },
-    userSelect: ({ addUtilities })=>{
+    userSelect: ({ addUtilities  })=>{
         addUtilities({
             ".select-none": {
                 "user-select": "none"
@@ -1392,7 +1480,7 @@ let corePlugins = {
             }
         });
     },
-    resize: ({ addUtilities })=>{
+    resize: ({ addUtilities  })=>{
         addUtilities({
             ".resize-none": {
                 resize: "none"
@@ -1408,7 +1496,7 @@ let corePlugins = {
             }
         });
     },
-    scrollSnapType: ({ addDefaults, addUtilities })=>{
+    scrollSnapType: ({ addDefaults , addUtilities  })=>{
         addDefaults("scroll-snap-type", {
             "--tw-scroll-snap-strictness": "proximity"
         });
@@ -1436,7 +1524,7 @@ let corePlugins = {
             }
         });
     },
-    scrollSnapAlign: ({ addUtilities })=>{
+    scrollSnapAlign: ({ addUtilities  })=>{
         addUtilities({
             ".snap-start": {
                 "scroll-snap-align": "start"
@@ -1452,7 +1540,7 @@ let corePlugins = {
             }
         });
     },
-    scrollSnapStop: ({ addUtilities })=>{
+    scrollSnapStop: ({ addUtilities  })=>{
         addUtilities({
             ".snap-normal": {
                 "scroll-snap-stop": "normal"
@@ -1588,7 +1676,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    listStylePosition: ({ addUtilities })=>{
+    listStylePosition: ({ addUtilities  })=>{
         addUtilities({
             ".list-inside": {
                 "list-style-position": "inside"
@@ -1614,10 +1702,13 @@ let corePlugins = {
             ]
         ]
     ]),
-    appearance: ({ addUtilities })=>{
+    appearance: ({ addUtilities  })=>{
         addUtilities({
             ".appearance-none": {
                 appearance: "none"
+            },
+            ".appearance-auto": {
+                appearance: "auto"
             }
         });
     },
@@ -1629,7 +1720,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    breakBefore: ({ addUtilities })=>{
+    breakBefore: ({ addUtilities  })=>{
         addUtilities({
             ".break-before-auto": {
                 "break-before": "auto"
@@ -1657,7 +1748,7 @@ let corePlugins = {
             }
         });
     },
-    breakInside: ({ addUtilities })=>{
+    breakInside: ({ addUtilities  })=>{
         addUtilities({
             ".break-inside-auto": {
                 "break-inside": "auto"
@@ -1673,7 +1764,7 @@ let corePlugins = {
             }
         });
     },
-    breakAfter: ({ addUtilities })=>{
+    breakAfter: ({ addUtilities  })=>{
         addUtilities({
             ".break-after-auto": {
                 "break-after": "auto"
@@ -1709,7 +1800,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridAutoFlow: ({ addUtilities })=>{
+    gridAutoFlow: ({ addUtilities  })=>{
         addUtilities({
             ".grid-flow-row": {
                 gridAutoFlow: "row"
@@ -1752,7 +1843,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    flexDirection: ({ addUtilities })=>{
+    flexDirection: ({ addUtilities  })=>{
         addUtilities({
             ".flex-row": {
                 "flex-direction": "row"
@@ -1768,7 +1859,7 @@ let corePlugins = {
             }
         });
     },
-    flexWrap: ({ addUtilities })=>{
+    flexWrap: ({ addUtilities  })=>{
         addUtilities({
             ".flex-wrap": {
                 "flex-wrap": "wrap"
@@ -1781,7 +1872,7 @@ let corePlugins = {
             }
         });
     },
-    placeContent: ({ addUtilities })=>{
+    placeContent: ({ addUtilities  })=>{
         addUtilities({
             ".place-content-center": {
                 "place-content": "center"
@@ -1809,7 +1900,7 @@ let corePlugins = {
             }
         });
     },
-    placeItems: ({ addUtilities })=>{
+    placeItems: ({ addUtilities  })=>{
         addUtilities({
             ".place-items-start": {
                 "place-items": "start"
@@ -1828,7 +1919,7 @@ let corePlugins = {
             }
         });
     },
-    alignContent: ({ addUtilities })=>{
+    alignContent: ({ addUtilities  })=>{
         addUtilities({
             ".content-normal": {
                 "align-content": "normal"
@@ -1859,7 +1950,7 @@ let corePlugins = {
             }
         });
     },
-    alignItems: ({ addUtilities })=>{
+    alignItems: ({ addUtilities  })=>{
         addUtilities({
             ".items-start": {
                 "align-items": "flex-start"
@@ -1878,7 +1969,7 @@ let corePlugins = {
             }
         });
     },
-    justifyContent: ({ addUtilities })=>{
+    justifyContent: ({ addUtilities  })=>{
         addUtilities({
             ".justify-normal": {
                 "justify-content": "normal"
@@ -1906,7 +1997,7 @@ let corePlugins = {
             }
         });
     },
-    justifyItems: ({ addUtilities })=>{
+    justifyItems: ({ addUtilities  })=>{
         addUtilities({
             ".justify-items-start": {
                 "justify-items": "start"
@@ -1944,19 +2035,10 @@ let corePlugins = {
             ]
         ]
     ]),
-    space: ({ matchUtilities, addUtilities, theme, config })=>{
+    space: ({ matchUtilities , addUtilities , theme  })=>{
         matchUtilities({
             "space-x": (value)=>{
                 value = value === "0" ? "0px" : value;
-                if ((0, _featureFlags.flagEnabled)(config(), "logicalSiblingUtilities")) {
-                    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",
@@ -1988,20 +2070,10 @@ let corePlugins = {
             }
         });
     },
-    divideWidth: ({ matchUtilities, addUtilities, theme, config })=>{
+    divideWidth: ({ matchUtilities , addUtilities , theme  })=>{
         matchUtilities({
             "divide-x": (value)=>{
                 value = value === "0" ? "0px" : value;
-                if ((0, _featureFlags.flagEnabled)(config(), "logicalSiblingUtilities")) {
-                    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": {},
@@ -2041,7 +2113,7 @@ let corePlugins = {
             }
         });
     },
-    divideStyle: ({ addUtilities })=>{
+    divideStyle: ({ addUtilities  })=>{
         addUtilities({
             ".divide-solid > :not([hidden]) ~ :not([hidden])": {
                 "border-style": "solid"
@@ -2060,7 +2132,7 @@ let corePlugins = {
             }
         });
     },
-    divideColor: ({ matchUtilities, theme, corePlugins })=>{
+    divideColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             divide: (value)=>{
                 if (!corePlugins("divideOpacity")) {
@@ -2079,14 +2151,14 @@ let corePlugins = {
                 };
             }
         }, {
-            values: (({ DEFAULT: _, ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
             type: [
                 "color",
                 "any"
             ]
         });
     },
-    divideOpacity: ({ matchUtilities, theme })=>{
+    divideOpacity: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "divide-opacity": (value)=>{
                 return {
@@ -2099,7 +2171,7 @@ let corePlugins = {
             values: theme("divideOpacity")
         });
     },
-    placeSelf: ({ addUtilities })=>{
+    placeSelf: ({ addUtilities  })=>{
         addUtilities({
             ".place-self-auto": {
                 "place-self": "auto"
@@ -2118,7 +2190,7 @@ let corePlugins = {
             }
         });
     },
-    alignSelf: ({ addUtilities })=>{
+    alignSelf: ({ addUtilities  })=>{
         addUtilities({
             ".self-auto": {
                 "align-self": "auto"
@@ -2140,7 +2212,7 @@ let corePlugins = {
             }
         });
     },
-    justifySelf: ({ addUtilities })=>{
+    justifySelf: ({ addUtilities  })=>{
         addUtilities({
             ".justify-self-auto": {
                 "justify-self": "auto"
@@ -2159,7 +2231,7 @@ let corePlugins = {
             }
         });
     },
-    overflow: ({ addUtilities })=>{
+    overflow: ({ addUtilities  })=>{
         addUtilities({
             ".overflow-auto": {
                 overflow: "auto"
@@ -2208,7 +2280,7 @@ let corePlugins = {
             }
         });
     },
-    overscrollBehavior: ({ addUtilities })=>{
+    overscrollBehavior: ({ addUtilities  })=>{
         addUtilities({
             ".overscroll-auto": {
                 "overscroll-behavior": "auto"
@@ -2239,7 +2311,7 @@ let corePlugins = {
             }
         });
     },
-    scrollBehavior: ({ addUtilities })=>{
+    scrollBehavior: ({ addUtilities  })=>{
         addUtilities({
             ".scroll-auto": {
                 "scroll-behavior": "auto"
@@ -2249,7 +2321,7 @@ let corePlugins = {
             }
         });
     },
-    textOverflow: ({ addUtilities })=>{
+    textOverflow: ({ addUtilities  })=>{
         addUtilities({
             ".truncate": {
                 overflow: "hidden",
@@ -2267,7 +2339,7 @@ let corePlugins = {
             }
         });
     },
-    hyphens: ({ addUtilities })=>{
+    hyphens: ({ addUtilities  })=>{
         addUtilities({
             ".hyphens-none": {
                 hyphens: "none"
@@ -2280,7 +2352,7 @@ let corePlugins = {
             }
         });
     },
-    whitespace: ({ addUtilities })=>{
+    whitespace: ({ addUtilities  })=>{
         addUtilities({
             ".whitespace-normal": {
                 "white-space": "normal"
@@ -2302,7 +2374,7 @@ let corePlugins = {
             }
         });
     },
-    textWrap: ({ addUtilities })=>{
+    textWrap: ({ addUtilities  })=>{
         addUtilities({
             ".text-wrap": {
                 "text-wrap": "wrap"
@@ -2312,10 +2384,13 @@ let corePlugins = {
             },
             ".text-balance": {
                 "text-wrap": "balance"
+            },
+            ".text-pretty": {
+                "text-wrap": "pretty"
             }
         });
     },
-    wordBreak: ({ addUtilities })=>{
+    wordBreak: ({ addUtilities  })=>{
         addUtilities({
             ".break-normal": {
                 "overflow-wrap": "normal",
@@ -2537,7 +2612,7 @@ let corePlugins = {
             "length"
         ]
     }),
-    borderStyle: ({ addUtilities })=>{
+    borderStyle: ({ addUtilities  })=>{
         addUtilities({
             ".border-solid": {
                 "border-style": "solid"
@@ -2559,7 +2634,7 @@ let corePlugins = {
             }
         });
     },
-    borderColor: ({ matchUtilities, theme, corePlugins })=>{
+    borderColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             border: (value)=>{
                 if (!corePlugins("borderOpacity")) {
@@ -2574,7 +2649,7 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _, ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
                 "color",
                 "any"
@@ -2614,7 +2689,7 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _, ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
                 "color",
                 "any"
@@ -2694,7 +2769,7 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _, ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
             type: [
                 "color",
                 "any"
@@ -2709,7 +2784,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    backgroundColor: ({ matchUtilities, theme, corePlugins })=>{
+    backgroundColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             bg: (value)=>{
                 if (!corePlugins("backgroundOpacity")) {
@@ -2757,7 +2832,7 @@ let corePlugins = {
         function transparentTo(value) {
             return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
         }
-        return function({ matchUtilities, theme, addDefaults }) {
+        return function({ matchUtilities , theme , addDefaults  }) {
             addDefaults("gradient-color-stops", {
                 "--tw-gradient-from-position": " ",
                 "--tw-gradient-via-position": " ",
@@ -2827,7 +2902,7 @@ let corePlugins = {
             }, positionOptions);
         };
     })(),
-    boxDecorationBreak: ({ addUtilities })=>{
+    boxDecorationBreak: ({ addUtilities  })=>{
         addUtilities({
             ".decoration-slice": {
                 "box-decoration-break": "slice"
@@ -2858,7 +2933,7 @@ let corePlugins = {
             "size"
         ]
     }),
-    backgroundAttachment: ({ addUtilities })=>{
+    backgroundAttachment: ({ addUtilities  })=>{
         addUtilities({
             ".bg-fixed": {
                 "background-attachment": "fixed"
@@ -2871,7 +2946,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundClip: ({ addUtilities })=>{
+    backgroundClip: ({ addUtilities  })=>{
         addUtilities({
             ".bg-clip-border": {
                 "background-clip": "border-box"
@@ -2905,7 +2980,7 @@ let corePlugins = {
             ]
         ]
     }),
-    backgroundRepeat: ({ addUtilities })=>{
+    backgroundRepeat: ({ addUtilities  })=>{
         addUtilities({
             ".bg-repeat": {
                 "background-repeat": "repeat"
@@ -2927,7 +3002,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundOrigin: ({ addUtilities })=>{
+    backgroundOrigin: ({ addUtilities  })=>{
         addUtilities({
             ".bg-origin-border": {
                 "background-origin": "border-box"
@@ -2940,7 +3015,7 @@ let corePlugins = {
             }
         });
     },
-    fill: ({ matchUtilities, theme })=>{
+    fill: ({ matchUtilities , theme  })=>{
         matchUtilities({
             fill: (value)=>{
                 return {
@@ -2955,7 +3030,7 @@ let corePlugins = {
             ]
         });
     },
-    stroke: ({ matchUtilities, theme })=>{
+    stroke: ({ matchUtilities , theme  })=>{
         matchUtilities({
             stroke: (value)=>{
                 return {
@@ -2985,7 +3060,7 @@ let corePlugins = {
             "percentage"
         ]
     }),
-    objectFit: ({ addUtilities })=>{
+    objectFit: ({ addUtilities  })=>{
         addUtilities({
             ".object-contain": {
                 "object-fit": "contain"
@@ -3074,7 +3149,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    textAlign: ({ addUtilities })=>{
+    textAlign: ({ addUtilities  })=>{
         addUtilities({
             ".text-left": {
                 "text-align": "left"
@@ -3106,7 +3181,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    verticalAlign: ({ addUtilities, matchUtilities })=>{
+    verticalAlign: ({ addUtilities , matchUtilities  })=>{
         addUtilities({
             ".align-baseline": {
                 "vertical-align": "baseline"
@@ -3139,13 +3214,13 @@ let corePlugins = {
                 })
         });
     },
-    fontFamily: ({ matchUtilities, theme })=>{
+    fontFamily: ({ matchUtilities , theme  })=>{
         matchUtilities({
             font: (value)=>{
                 let [families, options = {}] = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value : [
                     value
                 ];
-                let { fontFeatureSettings, fontVariationSettings } = options;
+                let { fontFeatureSettings , fontVariationSettings  } = options;
                 return {
                     "font-family": Array.isArray(families) ? families.join(", ") : families,
                     ...fontFeatureSettings === undefined ? {} : {
@@ -3165,9 +3240,9 @@ let corePlugins = {
             ]
         });
     },
-    fontSize: ({ matchUtilities, theme })=>{
+    fontSize: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            text: (value, { modifier })=>{
+            text: (value, { modifier  })=>{
                 let [fontSize, options] = Array.isArray(value) ? value : [
                     value
                 ];
@@ -3177,7 +3252,7 @@ let corePlugins = {
                         "line-height": modifier
                     };
                 }
-                let { lineHeight, letterSpacing, fontWeight } = (0, _isPlainObject.default)(options) ? options : {
+                let { lineHeight , letterSpacing , fontWeight  } = (0, _isPlainObject.default)(options) ? options : {
                     lineHeight: options
                 };
                 return {
@@ -3218,7 +3293,7 @@ let corePlugins = {
             "any"
         ]
     }),
-    textTransform: ({ addUtilities })=>{
+    textTransform: ({ addUtilities  })=>{
         addUtilities({
             ".uppercase": {
                 "text-transform": "uppercase"
@@ -3234,7 +3309,7 @@ let corePlugins = {
             }
         });
     },
-    fontStyle: ({ addUtilities })=>{
+    fontStyle: ({ addUtilities  })=>{
         addUtilities({
             ".italic": {
                 "font-style": "italic"
@@ -3244,7 +3319,7 @@ let corePlugins = {
             }
         });
     },
-    fontVariantNumeric: ({ addDefaults, addUtilities })=>{
+    fontVariantNumeric: ({ addDefaults , addUtilities  })=>{
         let cssFontVariantNumericValue = "var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)";
         addDefaults("font-variant-numeric", {
             "--tw-ordinal": " ",
@@ -3317,7 +3392,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    textColor: ({ matchUtilities, theme, corePlugins })=>{
+    textColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             text: (value)=>{
                 if (!corePlugins("textOpacity")) {
@@ -3347,7 +3422,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    textDecoration: ({ addUtilities })=>{
+    textDecoration: ({ addUtilities  })=>{
         addUtilities({
             ".underline": {
                 "text-decoration-line": "underline"
@@ -3363,7 +3438,7 @@ let corePlugins = {
             }
         });
     },
-    textDecorationColor: ({ matchUtilities, theme })=>{
+    textDecorationColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             decoration: (value)=>{
                 return {
@@ -3378,7 +3453,7 @@ let corePlugins = {
             ]
         });
     },
-    textDecorationStyle: ({ addUtilities })=>{
+    textDecorationStyle: ({ addUtilities  })=>{
         addUtilities({
             ".decoration-solid": {
                 "text-decoration-style": "solid"
@@ -3424,7 +3499,7 @@ let corePlugins = {
             "any"
         ]
     }),
-    fontSmoothing: ({ addUtilities })=>{
+    fontSmoothing: ({ addUtilities  })=>{
         addUtilities({
             ".antialiased": {
                 "-webkit-font-smoothing": "antialiased",
@@ -3436,7 +3511,7 @@ let corePlugins = {
             }
         });
     },
-    placeholderColor: ({ matchUtilities, theme, corePlugins })=>{
+    placeholderColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             placeholder: (value)=>{
                 if (!corePlugins("placeholderOpacity")) {
@@ -3462,7 +3537,7 @@ let corePlugins = {
             ]
         });
     },
-    placeholderOpacity: ({ matchUtilities, theme })=>{
+    placeholderOpacity: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "placeholder-opacity": (value)=>{
                 return {
@@ -3475,7 +3550,7 @@ let corePlugins = {
             values: theme("placeholderOpacity")
         });
     },
-    caretColor: ({ matchUtilities, theme })=>{
+    caretColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             caret: (value)=>{
                 return {
@@ -3490,7 +3565,7 @@ let corePlugins = {
             ]
         });
     },
-    accentColor: ({ matchUtilities, theme })=>{
+    accentColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             accent: (value)=>{
                 return {
@@ -3513,7 +3588,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    backgroundBlendMode: ({ addUtilities })=>{
+    backgroundBlendMode: ({ addUtilities  })=>{
         addUtilities({
             ".bg-blend-normal": {
                 "background-blend-mode": "normal"
@@ -3565,7 +3640,7 @@ let corePlugins = {
             }
         });
     },
-    mixBlendMode: ({ addUtilities })=>{
+    mixBlendMode: ({ addUtilities  })=>{
         addUtilities({
             ".mix-blend-normal": {
                 "mix-blend-mode": "normal"
@@ -3615,6 +3690,9 @@ let corePlugins = {
             ".mix-blend-luminosity": {
                 "mix-blend-mode": "luminosity"
             },
+            ".mix-blend-plus-darker": {
+                "mix-blend-mode": "plus-darker"
+            },
             ".mix-blend-plus-lighter": {
                 "mix-blend-mode": "plus-lighter"
             }
@@ -3627,8 +3705,8 @@ let corePlugins = {
             `var(--tw-ring-shadow, 0 0 #0000)`,
             `var(--tw-shadow)`
         ].join(", ");
-        return function({ matchUtilities, addDefaults, theme }) {
-            addDefaults(" box-shadow", {
+        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",
@@ -3660,7 +3738,7 @@ let corePlugins = {
             });
         };
     })(),
-    boxShadowColor: ({ matchUtilities, theme })=>{
+    boxShadowColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             shadow: (value)=>{
                 return {
@@ -3676,7 +3754,7 @@ let corePlugins = {
             ]
         });
     },
-    outlineStyle: ({ addUtilities })=>{
+    outlineStyle: ({ addUtilities  })=>{
         addUtilities({
             ".outline-none": {
                 outline: "2px solid transparent",
@@ -3726,7 +3804,7 @@ let corePlugins = {
         ],
         supportsNegativeValues: true
     }),
-    outlineColor: ({ matchUtilities, theme })=>{
+    outlineColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             outline: (value)=>{
                 return {
@@ -3741,7 +3819,7 @@ let corePlugins = {
             ]
         });
     },
-    ringWidth: ({ matchUtilities, addDefaults, addUtilities, theme, config })=>{
+    ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config  })=>{
         let ringColorDefault = (()=>{
             var _theme, _theme1;
             if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
@@ -3787,7 +3865,7 @@ let corePlugins = {
             }
         });
     },
-    ringColor: ({ matchUtilities, theme, corePlugins })=>{
+    ringColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             ring: (value)=>{
                 if (!corePlugins("ringOpacity")) {
@@ -3810,7 +3888,7 @@ let corePlugins = {
         });
     },
     ringOpacity: (helpers)=>{
-        let { config } = helpers;
+        let { config  } = helpers;
         return (0, _createUtilityPlugin.default)("ringOpacity", [
             [
                 "ring-opacity",
@@ -3832,7 +3910,7 @@ let corePlugins = {
     ], {
         type: "length"
     }),
-    ringOffsetColor: ({ matchUtilities, theme })=>{
+    ringOffsetColor: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "ring-offset": (value)=>{
                 return {
@@ -3847,11 +3925,11 @@ let corePlugins = {
             ]
         });
     },
-    blur: ({ matchUtilities, theme })=>{
+    blur: ({ matchUtilities , theme  })=>{
         matchUtilities({
             blur: (value)=>{
                 return {
-                    "--tw-blur": `blur(${value})`,
+                    "--tw-blur": value.trim() === "" ? " " : `blur(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
                 };
@@ -3860,7 +3938,7 @@ let corePlugins = {
             values: theme("blur")
         });
     },
-    brightness: ({ matchUtilities, theme })=>{
+    brightness: ({ matchUtilities , theme  })=>{
         matchUtilities({
             brightness: (value)=>{
                 return {
@@ -3873,7 +3951,7 @@ let corePlugins = {
             values: theme("brightness")
         });
     },
-    contrast: ({ matchUtilities, theme })=>{
+    contrast: ({ matchUtilities , theme  })=>{
         matchUtilities({
             contrast: (value)=>{
                 return {
@@ -3886,7 +3964,7 @@ let corePlugins = {
             values: theme("contrast")
         });
     },
-    dropShadow: ({ matchUtilities, theme })=>{
+    dropShadow: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "drop-shadow": (value)=>{
                 return {
@@ -3899,7 +3977,7 @@ let corePlugins = {
             values: theme("dropShadow")
         });
     },
-    grayscale: ({ matchUtilities, theme })=>{
+    grayscale: ({ matchUtilities , theme  })=>{
         matchUtilities({
             grayscale: (value)=>{
                 return {
@@ -3912,7 +3990,7 @@ let corePlugins = {
             values: theme("grayscale")
         });
     },
-    hueRotate: ({ matchUtilities, theme })=>{
+    hueRotate: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "hue-rotate": (value)=>{
                 return {
@@ -3926,7 +4004,7 @@ let corePlugins = {
             supportsNegativeValues: true
         });
     },
-    invert: ({ matchUtilities, theme })=>{
+    invert: ({ matchUtilities , theme  })=>{
         matchUtilities({
             invert: (value)=>{
                 return {
@@ -3939,7 +4017,7 @@ let corePlugins = {
             values: theme("invert")
         });
     },
-    saturate: ({ matchUtilities, theme })=>{
+    saturate: ({ matchUtilities , theme  })=>{
         matchUtilities({
             saturate: (value)=>{
                 return {
@@ -3952,7 +4030,7 @@ let corePlugins = {
             values: theme("saturate")
         });
     },
-    sepia: ({ matchUtilities, theme })=>{
+    sepia: ({ matchUtilities , theme  })=>{
         matchUtilities({
             sepia: (value)=>{
                 return {
@@ -3965,7 +4043,7 @@ let corePlugins = {
             values: theme("sepia")
         });
     },
-    filter: ({ addDefaults, addUtilities })=>{
+    filter: ({ addDefaults , addUtilities  })=>{
         addDefaults("filter", {
             "--tw-blur": " ",
             "--tw-brightness": " ",
@@ -3987,11 +4065,11 @@ let corePlugins = {
             }
         });
     },
-    backdropBlur: ({ matchUtilities, theme })=>{
+    backdropBlur: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-blur": (value)=>{
                 return {
-                    "--tw-backdrop-blur": `blur(${value})`,
+                    "--tw-backdrop-blur": value.trim() === "" ? " " : `blur(${value})`,
                     "@defaults backdrop-filter": {},
                     "backdrop-filter": cssBackdropFilterValue
                 };
@@ -4000,7 +4078,7 @@ let corePlugins = {
             values: theme("backdropBlur")
         });
     },
-    backdropBrightness: ({ matchUtilities, theme })=>{
+    backdropBrightness: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-brightness": (value)=>{
                 return {
@@ -4013,7 +4091,7 @@ let corePlugins = {
             values: theme("backdropBrightness")
         });
     },
-    backdropContrast: ({ matchUtilities, theme })=>{
+    backdropContrast: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-contrast": (value)=>{
                 return {
@@ -4026,7 +4104,7 @@ let corePlugins = {
             values: theme("backdropContrast")
         });
     },
-    backdropGrayscale: ({ matchUtilities, theme })=>{
+    backdropGrayscale: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-grayscale": (value)=>{
                 return {
@@ -4039,7 +4117,7 @@ let corePlugins = {
             values: theme("backdropGrayscale")
         });
     },
-    backdropHueRotate: ({ matchUtilities, theme })=>{
+    backdropHueRotate: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-hue-rotate": (value)=>{
                 return {
@@ -4053,7 +4131,7 @@ let corePlugins = {
             supportsNegativeValues: true
         });
     },
-    backdropInvert: ({ matchUtilities, theme })=>{
+    backdropInvert: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-invert": (value)=>{
                 return {
@@ -4066,7 +4144,7 @@ let corePlugins = {
             values: theme("backdropInvert")
         });
     },
-    backdropOpacity: ({ matchUtilities, theme })=>{
+    backdropOpacity: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-opacity": (value)=>{
                 return {
@@ -4079,7 +4157,7 @@ let corePlugins = {
             values: theme("backdropOpacity")
         });
     },
-    backdropSaturate: ({ matchUtilities, theme })=>{
+    backdropSaturate: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-saturate": (value)=>{
                 return {
@@ -4092,7 +4170,7 @@ let corePlugins = {
             values: theme("backdropSaturate")
         });
     },
-    backdropSepia: ({ matchUtilities, theme })=>{
+    backdropSepia: ({ matchUtilities , theme  })=>{
         matchUtilities({
             "backdrop-sepia": (value)=>{
                 return {
@@ -4105,7 +4183,7 @@ let corePlugins = {
             values: theme("backdropSepia")
         });
     },
-    backdropFilter: ({ addDefaults, addUtilities })=>{
+    backdropFilter: ({ addDefaults , addUtilities  })=>{
         addDefaults("backdrop-filter", {
             "--tw-backdrop-blur": " ",
             "--tw-backdrop-brightness": " ",
@@ -4127,7 +4205,7 @@ let corePlugins = {
             }
         });
     },
-    transitionProperty: ({ matchUtilities, theme })=>{
+    transitionProperty: ({ matchUtilities , theme  })=>{
         let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT");
         let defaultDuration = theme("transitionDuration.DEFAULT");
         matchUtilities({
@@ -4180,6 +4258,51 @@ let corePlugins = {
             ]
         ]
     ]),
+    contain: ({ addDefaults , addUtilities  })=>{
+        let cssContainValue = "var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)";
+        addDefaults("contain", {
+            "--tw-contain-size": " ",
+            "--tw-contain-layout": " ",
+            "--tw-contain-paint": " ",
+            "--tw-contain-style": " "
+        });
+        addUtilities({
+            ".contain-none": {
+                contain: "none"
+            },
+            ".contain-content": {
+                contain: "content"
+            },
+            ".contain-strict": {
+                contain: "strict"
+            },
+            ".contain-size": {
+                "@defaults contain": {},
+                "--tw-contain-size": "size",
+                contain: cssContainValue
+            },
+            ".contain-inline-size": {
+                "@defaults contain": {},
+                "--tw-contain-size": "inline-size",
+                contain: cssContainValue
+            },
+            ".contain-layout": {
+                "@defaults contain": {},
+                "--tw-contain-layout": "layout",
+                contain: cssContainValue
+            },
+            ".contain-paint": {
+                "@defaults contain": {},
+                "--tw-contain-paint": "paint",
+                contain: cssContainValue
+            },
+            ".contain-style": {
+                "@defaults contain": {},
+                "--tw-contain-style": "style",
+                contain: cssContainValue
+            }
+        });
+    },
     content: (0, _createUtilityPlugin.default)("content", [
         [
             "content",
@@ -4191,5 +4314,15 @@ let corePlugins = {
                 ]
             ]
         ]
-    ])
+    ]),
+    forcedColorAdjust: ({ addUtilities  })=>{
+        addUtilities({
+            ".forced-color-adjust-auto": {
+                "forced-color-adjust": "auto"
+            },
+            ".forced-color-adjust-none": {
+                "forced-color-adjust": "none"
+            }
+        });
+    }
 };