tailwindcss 0.0.0-insiders.ea10bb9 → 0.0.0-insiders.ea3d9cd

package/lib/corePlugins.js

@@ -9,29 +9,33 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    variantPlugins: ()=>variantPlugins,
-    corePlugins: ()=>corePlugins
+    variantPlugins: function() {
+        return variantPlugins;
+    },
+    corePlugins: function() {
+        return 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 _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_wildcard(require("path"));
+const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
+const _createUtilityPlugin = /*#__PURE__*/ _interop_require_default(require("./util/createUtilityPlugin"));
+const _buildMediaQuery = /*#__PURE__*/ _interop_require_default(require("./util/buildMediaQuery"));
+const _escapeClassName = /*#__PURE__*/ _interop_require_default(require("./util/escapeClassName"));
+const _parseAnimationValue = /*#__PURE__*/ _interop_require_default(require("./util/parseAnimationValue"));
+const _flattenColorPalette = /*#__PURE__*/ _interop_require_default(require("./util/flattenColorPalette"));
+const _withAlphaVariable = /*#__PURE__*/ _interop_require_wildcard(require("./util/withAlphaVariable"));
+const _toColorValue = /*#__PURE__*/ _interop_require_default(require("./util/toColorValue"));
+const _isPlainObject = /*#__PURE__*/ _interop_require_default(require("./util/isPlainObject"));
+const _transformThemeValue = /*#__PURE__*/ _interop_require_default(require("./util/transformThemeValue"));
+const _packagejson = require("../package.json");
+const _log = /*#__PURE__*/ _interop_require_default(require("./util/log"));
 const _normalizeScreens = require("./util/normalizeScreens");
 const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
 const _removeAlphaVariables = require("./util/removeAlphaVariables");
 const _featureFlags = require("./featureFlags");
 const _dataTypes = require("./util/dataTypes");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -44,7 +48,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -212,14 +216,14 @@ let variantPlugins = {
         }
         let variants = {
             group: (_, { modifier  })=>modifier ? [
-                    `:merge(.group\\/${modifier})`,
+                    `:merge(.group\\/${(0, _escapeClassName.default)(modifier)})`,
                     " &"
                 ] : [
                     `:merge(.group)`,
                     " &"
                 ],
             peer: (_, { modifier  })=>modifier ? [
-                    `:merge(.peer\\/${modifier})`,
+                    `:merge(.peer\\/${(0, _escapeClassName.default)(modifier)})`,
                     " ~ &"
                 ] : [
                     `:merge(.peer)`,
@@ -231,27 +235,33 @@ let variantPlugins = {
                 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);
+                let start = null;
+                let end = null;
+                let quotes = 0;
+                for(let i = 0; i < result.length; ++i){
+                    let c = result[i];
+                    if (c === "&") {
+                        start = i;
+                    } else if (c === "'" || c === '"') {
+                        quotes += 1;
+                    } else if (start !== null && c === " " && !quotes) {
+                        end = i;
+                    }
+                }
+                if (start !== null && end === null) {
+                    end = result.length;
+                }
+                // Basically this but can handle quotes:
+                // result.replace(/&(\S+)?/g, (_, pseudo = '') => a + pseudo + b)
+                return result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
             }, {
                 values: Object.fromEntries(pseudoVariants)
             });
         }
     },
     directionVariants: ({ addVariant  })=>{
-        addVariant("ltr", ()=>{
-            _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."
-            ]);
-            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."
-            ]);
-            return '[dir="rtl"] &';
-        });
+        addVariant("ltr", ':is([dir="ltr"] &)');
+        addVariant("rtl", ':is([dir="rtl"] &)');
     },
     reducedMotionVariants: ({ addVariant  })=>{
         addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)");
@@ -268,7 +278,7 @@ let variantPlugins = {
             ]);
         }
         if (mode === "class") {
-            addVariant("dark", `${className} &`);
+            addVariant("dark", `:is(${className} &)`);
         } else if (mode === "media") {
             addVariant("dark", "@media (prefers-color-scheme: dark)");
         }
@@ -277,15 +287,15 @@ let variantPlugins = {
         addVariant("print", "@media print");
     },
     screenVariants: ({ theme , addVariant , matchVariant  })=>{
-        var ref;
-        let rawScreens = (ref = theme("screens")) !== null && ref !== void 0 ? ref : {};
+        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 ref;
-            var ref1;
-            return (ref1 = (ref = value.match(/(\D+)$/)) === null || ref === void 0 ? void 0 : ref[1]) !== null && ref1 !== void 0 ? ref1 : "(none)";
+            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) {
@@ -371,11 +381,11 @@ let variantPlugins = {
         });
         // 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)}`, {
+        for (let screen of screens){
+            addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
                 id,
                 sort: areSimpleScreens && screensUseConsistentUnits ? minSort : undefined,
-                value: screen1
+                value: screen
             });
         }
         matchVariant("min", buildScreenVariant("min"), {
@@ -384,7 +394,7 @@ let variantPlugins = {
         });
     },
     supportsVariants: ({ matchVariant , theme  })=>{
-        var ref;
+        var _theme;
         matchVariant("supports", (value = "")=>{
             let check = (0, _dataTypes.normalize)(value);
             let isRaw = /^\w*\s*\(/.test(check);
@@ -402,35 +412,46 @@ let variantPlugins = {
             }
             return `@supports ${check}`;
         }, {
-            values: (ref = theme("supports")) !== null && ref !== void 0 ? ref : {}
+            values: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
+        });
+    },
+    hasVariants: ({ matchVariant  })=>{
+        matchVariant("has", (value)=>`&:has(${(0, _dataTypes.normalize)(value)})`, {
+            values: {}
+        });
+        matchVariant("group-has", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) &` : `:merge(.group):has(${(0, _dataTypes.normalize)(value)}) &`, {
+            values: {}
+        });
+        matchVariant("peer-has", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) ~ &` : `:merge(.peer):has(${(0, _dataTypes.normalize)(value)}) ~ &`, {
+            values: {}
         });
     },
     ariaVariants: ({ matchVariant , theme  })=>{
-        var ref;
+        var _theme;
         matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
-            values: (ref = theme("aria")) !== null && ref !== void 0 ? ref : {}
+            values: (_theme = theme("aria")) !== null && _theme !== void 0 ? _theme : {}
         });
-        var ref1;
+        var _theme1;
         matchVariant("group-aria", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
-            values: (ref1 = theme("aria")) !== null && ref1 !== void 0 ? ref1 : {}
+            values: (_theme1 = theme("aria")) !== null && _theme1 !== void 0 ? _theme1 : {}
         });
-        var ref2;
+        var _theme2;
         matchVariant("peer-aria", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
-            values: (ref2 = theme("aria")) !== null && ref2 !== void 0 ? ref2 : {}
+            values: (_theme2 = theme("aria")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     dataVariants: ({ matchVariant , theme  })=>{
-        var ref;
+        var _theme;
         matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
-            values: (ref = theme("data")) !== null && ref !== void 0 ? ref : {}
+            values: (_theme = theme("data")) !== null && _theme !== void 0 ? _theme : {}
         });
-        var ref1;
+        var _theme1;
         matchVariant("group-data", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
-            values: (ref1 = theme("data")) !== null && ref1 !== void 0 ? ref1 : {}
+            values: (_theme1 = theme("data")) !== null && _theme1 !== void 0 ? _theme1 : {}
         });
-        var ref2;
+        var _theme2;
         matchVariant("peer-data", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
-            values: (ref2 = theme("data")) !== null && ref2 !== void 0 ? ref2 : {}
+            values: (_theme2 = theme("data")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     orientationVariants: ({ addVariant  })=>{
@@ -477,7 +498,7 @@ let corePlugins = {
         let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
         addBase([
             _postcss.default.comment({
-                text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
+                text: `! tailwindcss v${_packagejson.version} | MIT License | https://tailwindcss.com`
             }),
             ...preflightStyles.nodes
         ]);
@@ -627,10 +648,7 @@ let corePlugins = {
         [
             "inset",
             [
-                "top",
-                "right",
-                "bottom",
-                "left"
+                "inset"
             ]
         ],
         [
@@ -650,6 +668,18 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "start",
+                [
+                    "inset-inline-start"
+                ]
+            ],
+            [
+                "end",
+                [
+                    "inset-inline-end"
+                ]
+            ],
             [
                 "top",
                 [
@@ -802,6 +832,18 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "ms",
+                [
+                    "margin-inline-start"
+                ]
+            ],
+            [
+                "me",
+                [
+                    "margin-inline-end"
+                ]
+            ],
             [
                 "mt",
                 [
@@ -840,6 +882,26 @@ let corePlugins = {
             }
         });
     },
+    lineClamp: ({ matchUtilities , addUtilities , theme  })=>{
+        matchUtilities({
+            "line-clamp": (value)=>({
+                    overflow: "hidden",
+                    display: "-webkit-box",
+                    "-webkit-box-orient": "vertical",
+                    "-webkit-line-clamp": `${value}`
+                })
+        }, {
+            values: theme("lineClamp")
+        });
+        addUtilities({
+            ".line-clamp-none": {
+                overflow: "visible",
+                display: "block",
+                "-webkit-box-orient": "horizontal",
+                "-webkit-line-clamp": "none"
+            }
+        });
+    },
     display: ({ addUtilities  })=>{
         addUtilities({
             ".block": {
@@ -1010,6 +1072,16 @@ let corePlugins = {
             }
         });
     },
+    captionSide: ({ addUtilities  })=>{
+        addUtilities({
+            ".caption-top": {
+                "caption-side": "top"
+            },
+            ".caption-bottom": {
+                "caption-side": "bottom"
+            }
+        });
+    },
     borderCollapse: ({ addUtilities  })=>{
         addUtilities({
             ".border-collapse": {
@@ -1223,8 +1295,8 @@ 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])=>{
+        var _theme;
+        let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
             return [
                 key,
                 {
@@ -1416,6 +1488,18 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "scroll-ms",
+                [
+                    "scroll-margin-inline-start"
+                ]
+            ],
+            [
+                "scroll-me",
+                [
+                    "scroll-margin-inline-end"
+                ]
+            ],
             [
                 "scroll-mt",
                 [
@@ -1468,6 +1552,18 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "scroll-ps",
+                [
+                    "scroll-padding-inline-start"
+                ]
+            ],
+            [
+                "scroll-pe",
+                [
+                    "scroll-padding-inline-end"
+                ]
+            ],
             [
                 "scroll-pt",
                 [
@@ -1512,6 +1608,14 @@ let corePlugins = {
             ]
         ]
     ]),
+    listStyleImage: (0, _createUtilityPlugin.default)("listStyleImage", [
+        [
+            "list-image",
+            [
+                "listStyleImage"
+            ]
+        ]
+    ]),
     appearance: ({ addUtilities  })=>{
         addUtilities({
             ".appearance-none": {
@@ -1728,6 +1832,9 @@ let corePlugins = {
     },
     alignContent: ({ addUtilities  })=>{
         addUtilities({
+            ".content-normal": {
+                "align-content": "normal"
+            },
             ".content-center": {
                 "align-content": "center"
             },
@@ -1748,6 +1855,9 @@ let corePlugins = {
             },
             ".content-baseline": {
                 "align-content": "baseline"
+            },
+            ".content-stretch": {
+                "align-content": "stretch"
             }
         });
     },
@@ -1772,6 +1882,9 @@ let corePlugins = {
     },
     justifyContent: ({ addUtilities  })=>{
         addUtilities({
+            ".justify-normal": {
+                "justify-content": "normal"
+            },
             ".justify-start": {
                 "justify-content": "flex-start"
             },
@@ -1789,6 +1902,9 @@ let corePlugins = {
             },
             ".justify-evenly": {
                 "justify-content": "space-evenly"
+            },
+            ".justify-stretch": {
+                "justify-content": "stretch"
             }
         });
     },
@@ -1830,10 +1946,19 @@ let corePlugins = {
             ]
         ]
     ]),
-    space: ({ matchUtilities , addUtilities , theme  })=>{
+    space: ({ matchUtilities , addUtilities , theme , config  })=>{
         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",
@@ -1865,10 +1990,20 @@ let corePlugins = {
             }
         });
     },
-    divideWidth: ({ matchUtilities , addUtilities , theme  })=>{
+    divideWidth: ({ matchUtilities , addUtilities , theme , config  })=>{
         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": {},
@@ -2134,6 +2269,19 @@ let corePlugins = {
             }
         });
     },
+    hyphens: ({ addUtilities  })=>{
+        addUtilities({
+            ".hyphens-none": {
+                hyphens: "none"
+            },
+            ".hyphens-manual": {
+                hyphens: "manual"
+            },
+            ".hyphens-auto": {
+                hyphens: "auto"
+            }
+        });
+    },
     whitespace: ({ addUtilities  })=>{
         addUtilities({
             ".whitespace-normal": {
@@ -2150,6 +2298,22 @@ let corePlugins = {
             },
             ".whitespace-pre-wrap": {
                 "white-space": "pre-wrap"
+            },
+            ".whitespace-break-spaces": {
+                "white-space": "break-spaces"
+            }
+        });
+    },
+    textWrap: ({ addUtilities  })=>{
+        addUtilities({
+            ".text-wrap": {
+                "text-wrap": "wrap"
+            },
+            ".text-nowrap": {
+                "text-wrap": "nowrap"
+            },
+            ".text-balance": {
+                "text-wrap": "balance"
             }
         });
     },
@@ -2178,6 +2342,20 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "rounded-s",
+                [
+                    "border-start-start-radius",
+                    "border-end-start-radius"
+                ]
+            ],
+            [
+                "rounded-e",
+                [
+                    "border-start-end-radius",
+                    "border-end-end-radius"
+                ]
+            ],
             [
                 "rounded-t",
                 [
@@ -2208,6 +2386,30 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "rounded-ss",
+                [
+                    "border-start-start-radius"
+                ]
+            ],
+            [
+                "rounded-se",
+                [
+                    "border-start-end-radius"
+                ]
+            ],
+            [
+                "rounded-ee",
+                [
+                    "border-end-end-radius"
+                ]
+            ],
+            [
+                "rounded-es",
+                [
+                    "border-end-start-radius"
+                ]
+            ],
             [
                 "rounded-tl",
                 [
@@ -2270,6 +2472,26 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "border-s",
+                [
+                    [
+                        "@defaults border-width",
+                        {}
+                    ],
+                    "border-inline-start-width"
+                ]
+            ],
+            [
+                "border-e",
+                [
+                    [
+                        "@defaults border-width",
+                        {}
+                    ],
+                    "border-inline-end-width"
+                ]
+            ],
             [
                 "border-t",
                 [
@@ -2401,6 +2623,30 @@ let corePlugins = {
             ]
         });
         matchUtilities({
+            "border-s": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-inline-start-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
+                    color: value,
+                    property: "border-inline-start-color",
+                    variable: "--tw-border-opacity"
+                });
+            },
+            "border-e": (value)=>{
+                if (!corePlugins("borderOpacity")) {
+                    return {
+                        "border-inline-end-color": (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
+                    color: value,
+                    property: "border-inline-end-color",
+                    variable: "--tw-border-opacity"
+                });
+            },
             "border-t": (value)=>{
                 if (!corePlugins("borderOpacity")) {
                     return {
@@ -2513,7 +2759,12 @@ let corePlugins = {
         function transparentTo(value) {
             return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
         }
-        return function({ matchUtilities , theme  }) {
+        return function({ matchUtilities , theme , addDefaults  }) {
+            addDefaults("gradient-color-stops", {
+                "--tw-gradient-from-position": " ",
+                "--tw-gradient-via-position": " ",
+                "--tw-gradient-to-position": " "
+            });
             let options = {
                 values: (0, _flattenColorPalette.default)(theme("gradientColorStops")),
                 type: [
@@ -2521,30 +2772,61 @@ let corePlugins = {
                     "any"
                 ]
             };
+            let positionOptions = {
+                values: theme("gradientColorStopPositions"),
+                type: [
+                    "length",
+                    "percentage"
+                ]
+            };
             matchUtilities({
                 from: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-from": (0, _toColorValue.default)(value, "from"),
-                        "--tw-gradient-to": transparentToValue,
+                        "@defaults gradient-color-stops": {},
+                        "--tw-gradient-from": `${(0, _toColorValue.default)(value)} var(--tw-gradient-from-position)`,
+                        "--tw-gradient-to": `${transparentToValue} var(--tw-gradient-to-position)`,
                         "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
                     };
                 }
             }, options);
+            matchUtilities({
+                from: (value)=>{
+                    return {
+                        "--tw-gradient-from-position": value
+                    };
+                }
+            }, positionOptions);
             matchUtilities({
                 via: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-to": transparentToValue,
-                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value, "via")}, var(--tw-gradient-to)`
+                        "@defaults gradient-color-stops": {},
+                        "--tw-gradient-to": `${transparentToValue}  var(--tw-gradient-to-position)`,
+                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value)} var(--tw-gradient-via-position), var(--tw-gradient-to)`
                     };
                 }
             }, options);
+            matchUtilities({
+                via: (value)=>{
+                    return {
+                        "--tw-gradient-via-position": value
+                    };
+                }
+            }, positionOptions);
             matchUtilities({
                 to: (value)=>({
-                        "--tw-gradient-to": (0, _toColorValue.default)(value, "to")
+                        "@defaults gradient-color-stops": {},
+                        "--tw-gradient-to": `${(0, _toColorValue.default)(value)} var(--tw-gradient-to-position)`
                     })
             }, options);
+            matchUtilities({
+                to: (value)=>{
+                    return {
+                        "--tw-gradient-to-position": value
+                    };
+                }
+            }, positionOptions);
         };
     })(),
     boxDecorationBreak: ({ addUtilities  })=>{
@@ -2756,6 +3038,18 @@ let corePlugins = {
             ]
         ],
         [
+            [
+                "ps",
+                [
+                    "padding-inline-start"
+                ]
+            ],
+            [
+                "pe",
+                [
+                    "padding-inline-end"
+                ]
+            ],
             [
                 "pt",
                 [
@@ -2853,11 +3147,14 @@ let corePlugins = {
                 let [families, options = {}] = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value : [
                     value
                 ];
-                let { fontFeatureSettings  } = options;
+                let { fontFeatureSettings , fontVariationSettings  } = options;
                 return {
                     "font-family": Array.isArray(families) ? families.join(", ") : families,
                     ...fontFeatureSettings === undefined ? {} : {
                         "font-feature-settings": fontFeatureSettings
+                    },
+                    ...fontVariationSettings === undefined ? {} : {
+                        "font-variation-settings": fontVariationSettings
                     }
                 };
             }
@@ -3448,15 +3745,15 @@ let corePlugins = {
     },
     ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config  })=>{
         let ringColorDefault = (()=>{
-            var ref, ref1;
+            var _theme, _theme1;
             if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
                 return theme("ringColor.DEFAULT");
             }
             let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
-            if (!((ref = theme("ringColor")) === null || ref === void 0 ? void 0 : ref.DEFAULT)) {
+            if (!((_theme = theme("ringColor")) === null || _theme === void 0 ? void 0 : _theme.DEFAULT)) {
                 return `rgb(147 197 253 / ${ringOpacityDefault})`;
             }
-            return (0, _withAlphaVariable.withAlphaValue)((ref1 = theme("ringColor")) === null || ref1 === void 0 ? void 0 : ref1.DEFAULT, ringOpacityDefault, `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": " ",