tailwindcss 0.0.0-insiders.d3e754a → 0.0.0-insiders.d3f2221

package/lib/corePlugins.js

@@ -2,55 +2,100 @@
 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 _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 _interopRequireDefault(obj) {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    variantPlugins: function() {
+        return variantPlugins;
+    },
+    corePlugins: function() {
+        return corePlugins;
+    }
+});
+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 _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");
+const _setupContextUtils = require("./lib/setupContextUtils");
+function _interop_require_default(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 _interop_require_wildcard(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  })=>{
+    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',
@@ -58,7 +103,8 @@ let variantPlugins = {
         ]);
         addVariant('file', '&::file-selector-button');
         addVariant('placeholder', '&::placeholder');
-        addVariant('before', ({ container  })=>{
+        addVariant('backdrop', '&::backdrop');
+        addVariant('before', ({ container })=>{
             container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls('content', ()=>{
@@ -73,7 +119,7 @@ let variantPlugins = {
             });
             return '&::before';
         });
-        addVariant('after', ({ container  })=>{
+        addVariant('after', ({ container })=>{
             container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls('content', ()=>{
@@ -89,28 +135,28 @@ let variantPlugins = {
             return '&::after';
         });
     },
-    pseudoClassVariants: ({ addVariant  })=>{
+    pseudoClassVariants: ({ addVariant, matchVariant, config, prefix })=>{
         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',
@@ -118,30 +164,19 @@ let variantPlugins = {
             // State
             [
                 'visited',
-                ({ container  })=>{
-                    let toRemove = [
+                ({ container })=>{
+                    (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',
@@ -149,6 +184,7 @@ let variantPlugins = {
             'indeterminate',
             'placeholder-shown',
             'autofill',
+            'optional',
             'required',
             'valid',
             'invalid',
@@ -159,93 +195,284 @@ 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',
-            'disabled', 
+            'enabled',
+            '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}`;
-            });
-        }
-        for (let [variantName1, state1] of pseudoVariants){
-            addVariant(`group-${variantName1}`, (ctx)=>{
-                let result = typeof state1 === 'function' ? state1(ctx) : state1;
-                return `:merge(.group)${result} &`;
+                return 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(${prefix('.group')}\\/${(0, _escapeClassName.default)(modifier)})`,
+                    ' &'
+                ] : [
+                    `:merge(${prefix('.group')})`,
+                    ' &'
+                ],
+            peer: (_, { modifier })=>modifier ? [
+                    `:merge(${prefix('.peer')}\\/${(0, _escapeClassName.default)(modifier)})`,
+                    ' ~ &'
+                ] : [
+                    `:merge(${prefix('.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);
+                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),
+                [_setupContextUtils.INTERNAL_FEATURES]: {
+                    respectPrefix: false
+                }
             });
         }
     },
-    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"] &';
-        });
+    directionVariants: ({ addVariant })=>{
+        addVariant('ltr', ':is([dir="ltr"] &)');
+        addVariant('rtl', ':is([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 = config('darkMode', 'media');
+    darkVariants: ({ config, addVariant })=>{
+        let [mode, className = '.dark'] = [].concat(config('darkMode', 'media'));
         if (mode === false) {
             mode = 'media';
             _log.default.warn('darkmode-false', [
                 'The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.',
                 'Change `darkMode` to `media` or remove it entirely.',
-                'https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration', 
+                'https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration'
             ]);
         }
         if (mode === 'class') {
-            addVariant('dark', '.dark &');
+            addVariant('dark', `:is(${className} &)`);
         } else if (mode === 'media') {
             addVariant('dark', '@media (prefers-color-scheme: dark)');
         }
     },
-    printVariant: ({ addVariant  })=>{
+    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 screen of screens){
+            addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
+                id,
+                sort: areSimpleScreens && screensUseConsistentUnits ? minSort : undefined,
+                value: screen
+            });
+        }
+        matchVariant('min', buildScreenVariant('min'), {
+            id,
+            sort: minSort
+        });
     },
-    orientationVariants: ({ addVariant  })=>{
+    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 `(condition1)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 : {}
+        });
+    },
+    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 _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)',
@@ -256,7 +483,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)',
@@ -267,24 +494,16 @@ 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'));
-        addBase([
-            _postcss.default.comment({
-                text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
-            }),
-            ...preflightStyles.nodes, 
-        ]);
+    preflight: ({ addBase })=>{
+        let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, './css/preflight.css'), 'utf8'));
+        addBase(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') {
@@ -296,7 +515,7 @@ let corePlugins = {
                         screen: 'DEFAULT',
                         minWidth: 0,
                         padding: paddings
-                    }, 
+                    }
                 ];
             }
             let mapping = [];
@@ -309,7 +528,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,
@@ -321,13 +540,12 @@ let corePlugins = {
             }
             return mapping;
         }
-        return function({ addComponents , theme  }) {
-            let screens = (0, _normalizeScreens).normalizeScreens(theme('container.screens', theme('screens')));
+        return function({ addComponents, theme }) {
+            let screens = (0, _normalizeScreens.normalizeScreens)(theme('container.screens', theme('screens')));
             let minWidths = extractMinWidths(screens);
             let paddings = mapMinWidthsToPadding(minWidths, screens, theme('container.padding'));
             let generatePaddingFor = (minWidth)=>{
-                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth
-                );
+                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
                 if (!paddingConfig) {
                     return {};
                 }
@@ -336,16 +554,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({
@@ -355,11 +571,11 @@ let corePlugins = {
                         marginLeft: 'auto'
                     } : {}, generatePaddingFor(0))
                 },
-                ...atRules, 
+                ...atRules
             ]);
         };
     })(),
-    accessibility: ({ addUtilities  })=>{
+    accessibility: ({ addUtilities })=>{
         addUtilities({
             '.sr-only': {
                 position: 'absolute',
@@ -384,7 +600,7 @@ let corePlugins = {
             }
         });
     },
-    pointerEvents: ({ addUtilities  })=>{
+    pointerEvents: ({ addUtilities })=>{
         addUtilities({
             '.pointer-events-none': {
                 'pointer-events': 'none'
@@ -394,17 +610,20 @@ let corePlugins = {
             }
         });
     },
-    visibility: ({ addUtilities  })=>{
+    visibility: ({ addUtilities })=>{
         addUtilities({
             '.visible': {
                 visibility: 'visible'
             },
             '.invisible': {
                 visibility: 'hidden'
+            },
+            '.collapse': {
+                visibility: 'collapse'
             }
         });
     },
-    position: ({ addUtilities  })=>{
+    position: ({ addUtilities })=>{
         addUtilities({
             '.static': {
                 position: 'static'
@@ -423,14 +642,11 @@ let corePlugins = {
             }
         });
     },
-    inset: (0, _createUtilityPlugin).default('inset', [
+    inset: (0, _createUtilityPlugin.default)('inset', [
         [
             'inset',
             [
-                'top',
-                'right',
-                'bottom',
-                'left'
+                'inset'
             ]
         ],
         [
@@ -447,9 +663,21 @@ let corePlugins = {
                     'top',
                     'bottom'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                'start',
+                [
+                    'inset-inline-start'
+                ]
+            ],
+            [
+                'end',
+                [
+                    'inset-inline-end'
+                ]
+            ],
             [
                 'top',
                 [
@@ -473,12 +701,12 @@ let corePlugins = {
                 [
                     'left'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    isolation: ({ addUtilities  })=>{
+    isolation: ({ addUtilities })=>{
         addUtilities({
             '.isolate': {
                 isolation: 'isolate'
@@ -488,7 +716,7 @@ let corePlugins = {
             }
         });
     },
-    zIndex: (0, _createUtilityPlugin).default('zIndex', [
+    zIndex: (0, _createUtilityPlugin.default)('zIndex', [
         [
             'z',
             [
@@ -498,10 +726,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',
             [
@@ -509,7 +737,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridColumnStart: (0, _createUtilityPlugin).default('gridColumnStart', [
+    gridColumnStart: (0, _createUtilityPlugin.default)('gridColumnStart', [
         [
             'col-start',
             [
@@ -517,7 +745,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridColumnEnd: (0, _createUtilityPlugin).default('gridColumnEnd', [
+    gridColumnEnd: (0, _createUtilityPlugin.default)('gridColumnEnd', [
         [
             'col-end',
             [
@@ -525,7 +753,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridRow: (0, _createUtilityPlugin).default('gridRow', [
+    gridRow: (0, _createUtilityPlugin.default)('gridRow', [
         [
             'row',
             [
@@ -533,7 +761,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridRowStart: (0, _createUtilityPlugin).default('gridRowStart', [
+    gridRowStart: (0, _createUtilityPlugin.default)('gridRowStart', [
         [
             'row-start',
             [
@@ -541,7 +769,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridRowEnd: (0, _createUtilityPlugin).default('gridRowEnd', [
+    gridRowEnd: (0, _createUtilityPlugin.default)('gridRowEnd', [
         [
             'row-end',
             [
@@ -549,7 +777,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    float: ({ addUtilities  })=>{
+    float: ({ addUtilities })=>{
         addUtilities({
             '.float-right': {
                 float: 'right'
@@ -562,7 +790,7 @@ let corePlugins = {
             }
         });
     },
-    clear: ({ addUtilities  })=>{
+    clear: ({ addUtilities })=>{
         addUtilities({
             '.clear-left': {
                 clear: 'left'
@@ -578,7 +806,7 @@ let corePlugins = {
             }
         });
     },
-    margin: (0, _createUtilityPlugin).default('margin', [
+    margin: (0, _createUtilityPlugin.default)('margin', [
         [
             'm',
             [
@@ -599,9 +827,21 @@ let corePlugins = {
                     'margin-top',
                     'margin-bottom'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                'ms',
+                [
+                    'margin-inline-start'
+                ]
+            ],
+            [
+                'me',
+                [
+                    'margin-inline-end'
+                ]
+            ],
             [
                 'mt',
                 [
@@ -625,12 +865,12 @@ let corePlugins = {
                 [
                     'margin-left'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    boxSizing: ({ addUtilities  })=>{
+    boxSizing: ({ addUtilities })=>{
         addUtilities({
             '.box-border': {
                 'box-sizing': 'border-box'
@@ -640,7 +880,27 @@ let corePlugins = {
             }
         });
     },
-    display: ({ addUtilities  })=>{
+    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': {
                 display: 'block'
@@ -707,7 +967,7 @@ let corePlugins = {
             }
         });
     },
-    aspectRatio: (0, _createUtilityPlugin).default('aspectRatio', [
+    aspectRatio: (0, _createUtilityPlugin.default)('aspectRatio', [
         [
             'aspect',
             [
@@ -715,7 +975,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    height: (0, _createUtilityPlugin).default('height', [
+    height: (0, _createUtilityPlugin.default)('height', [
         [
             'h',
             [
@@ -723,7 +983,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    maxHeight: (0, _createUtilityPlugin).default('maxHeight', [
+    maxHeight: (0, _createUtilityPlugin.default)('maxHeight', [
         [
             'max-h',
             [
@@ -731,7 +991,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    minHeight: (0, _createUtilityPlugin).default('minHeight', [
+    minHeight: (0, _createUtilityPlugin.default)('minHeight', [
         [
             'min-h',
             [
@@ -739,7 +999,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    width: (0, _createUtilityPlugin).default('width', [
+    width: (0, _createUtilityPlugin.default)('width', [
         [
             'w',
             [
@@ -747,7 +1007,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    minWidth: (0, _createUtilityPlugin).default('minWidth', [
+    minWidth: (0, _createUtilityPlugin.default)('minWidth', [
         [
             'min-w',
             [
@@ -755,7 +1015,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    maxWidth: (0, _createUtilityPlugin).default('maxWidth', [
+    maxWidth: (0, _createUtilityPlugin.default)('maxWidth', [
         [
             'max-w',
             [
@@ -763,8 +1023,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',
             [
@@ -776,9 +1036,9 @@ let corePlugins = {
             [
                 'flex-shrink'
             ]
-        ], 
+        ]
     ]),
-    flexGrow: (0, _createUtilityPlugin).default('flexGrow', [
+    flexGrow: (0, _createUtilityPlugin.default)('flexGrow', [
         [
             'flex-grow',
             [
@@ -790,9 +1050,9 @@ let corePlugins = {
             [
                 'flex-grow'
             ]
-        ], 
+        ]
     ]),
-    flexBasis: (0, _createUtilityPlugin).default('flexBasis', [
+    flexBasis: (0, _createUtilityPlugin.default)('flexBasis', [
         [
             'basis',
             [
@@ -800,7 +1060,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    tableLayout: ({ addUtilities  })=>{
+    tableLayout: ({ addUtilities })=>{
         addUtilities({
             '.table-auto': {
                 'table-layout': 'auto'
@@ -810,7 +1070,17 @@ let corePlugins = {
             }
         });
     },
-    borderCollapse: ({ addUtilities  })=>{
+    captionSide: ({ addUtilities })=>{
+        addUtilities({
+            '.caption-top': {
+                'caption-side': 'top'
+            },
+            '.caption-bottom': {
+                'caption-side': 'bottom'
+            }
+        });
+    },
+    borderCollapse: ({ addUtilities })=>{
         addUtilities({
             '.border-collapse': {
                 'border-collapse': 'collapse'
@@ -820,7 +1090,39 @@ let corePlugins = {
             }
         });
     },
-    transformOrigin: (0, _createUtilityPlugin).default('transformOrigin', [
+    borderSpacing: ({ addDefaults, matchUtilities, theme })=>{
+        addDefaults('border-spacing', {
+            '--tw-border-spacing-x': 0,
+            '--tw-border-spacing-y': 0
+        });
+        matchUtilities({
+            'border-spacing': (value)=>{
+                return {
+                    '--tw-border-spacing-x': value,
+                    '--tw-border-spacing-y': value,
+                    '@defaults border-spacing': {},
+                    'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)'
+                };
+            },
+            'border-spacing-x': (value)=>{
+                return {
+                    '--tw-border-spacing-x': value,
+                    '@defaults border-spacing': {},
+                    'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)'
+                };
+            },
+            'border-spacing-y': (value)=>{
+                return {
+                    '--tw-border-spacing-y': value,
+                    '@defaults border-spacing': {},
+                    'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)'
+                };
+            }
+        }, {
+            values: theme('borderSpacing')
+        });
+    },
+    transformOrigin: (0, _createUtilityPlugin.default)('transformOrigin', [
         [
             'origin',
             [
@@ -828,7 +1130,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    translate: (0, _createUtilityPlugin).default('translate', [
+    translate: (0, _createUtilityPlugin.default)('translate', [
         [
             [
                 'translate-x',
@@ -842,7 +1144,7 @@ let corePlugins = {
                         'transform',
                         cssTransformValue
                     ]
-                ], 
+                ]
             ],
             [
                 'translate-y',
@@ -856,13 +1158,13 @@ let corePlugins = {
                         'transform',
                         cssTransformValue
                     ]
-                ], 
-            ], 
-        ], 
+                ]
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    rotate: (0, _createUtilityPlugin).default('rotate', [
+    rotate: (0, _createUtilityPlugin.default)('rotate', [
         [
             'rotate',
             [
@@ -880,7 +1182,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    skew: (0, _createUtilityPlugin).default('skew', [
+    skew: (0, _createUtilityPlugin.default)('skew', [
         [
             [
                 'skew-x',
@@ -909,12 +1211,12 @@ let corePlugins = {
                         cssTransformValue
                     ]
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    scale: (0, _createUtilityPlugin).default('scale', [
+    scale: (0, _createUtilityPlugin.default)('scale', [
         [
             'scale',
             [
@@ -927,8 +1229,8 @@ let corePlugins = {
                 [
                     'transform',
                     cssTransformValue
-                ], 
-            ], 
+                ]
+            ]
         ],
         [
             [
@@ -943,7 +1245,7 @@ let corePlugins = {
                         'transform',
                         cssTransformValue
                     ]
-                ], 
+                ]
             ],
             [
                 'scale-y',
@@ -957,13 +1259,13 @@ let corePlugins = {
                         'transform',
                         cssTransformValue
                     ]
-                ], 
-            ], 
-        ], 
+                ]
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    transform: ({ addDefaults , addUtilities  })=>{
+    transform: ({ addDefaults, addUtilities })=>{
         addDefaults('transform', {
             '--tw-translate-x': '0',
             '--tw-translate-y': '0',
@@ -989,11 +1291,10 @@ let corePlugins = {
             }
         });
     },
-    animation: ({ matchUtilities , theme , prefix  })=>{
-        let prefixName = (name)=>prefix(`.${name}`).slice(1)
-        ;
-        var ref;
-        let keyframes = Object.fromEntries(Object.entries((ref = theme('keyframes')) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
+    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])=>{
             return [
                 key,
                 {
@@ -1002,27 +1303,26 @@ 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  })=>{
+                        animation: animations.map(({ name, value })=>{
                             if (name === undefined || keyframes[name] === undefined) {
                                 return value;
                             }
                             return value.replace(name, prefixName(name));
                         }).join(', ')
-                    }, 
+                    }
                 ];
             }
         }, {
             values: theme('animation')
         });
     },
-    cursor: (0, _createUtilityPlugin).default('cursor'),
-    touchAction: ({ addDefaults , addUtilities  })=>{
+    cursor: (0, _createUtilityPlugin.default)('cursor'),
+    touchAction: ({ addDefaults, addUtilities })=>{
         addDefaults('touch-action', {
             '--tw-pan-x': ' ',
             '--tw-pan-y': ' ',
@@ -1076,7 +1376,7 @@ let corePlugins = {
             }
         });
     },
-    userSelect: ({ addUtilities  })=>{
+    userSelect: ({ addUtilities })=>{
         addUtilities({
             '.select-none': {
                 'user-select': 'none'
@@ -1092,7 +1392,7 @@ let corePlugins = {
             }
         });
     },
-    resize: ({ addUtilities  })=>{
+    resize: ({ addUtilities })=>{
         addUtilities({
             '.resize-none': {
                 resize: 'none'
@@ -1108,7 +1408,7 @@ let corePlugins = {
             }
         });
     },
-    scrollSnapType: ({ addDefaults , addUtilities  })=>{
+    scrollSnapType: ({ addDefaults, addUtilities })=>{
         addDefaults('scroll-snap-type', {
             '--tw-scroll-snap-strictness': 'proximity'
         });
@@ -1136,7 +1436,7 @@ let corePlugins = {
             }
         });
     },
-    scrollSnapAlign: ({ addUtilities  })=>{
+    scrollSnapAlign: ({ addUtilities })=>{
         addUtilities({
             '.snap-start': {
                 'scroll-snap-align': 'start'
@@ -1152,7 +1452,7 @@ let corePlugins = {
             }
         });
     },
-    scrollSnapStop: ({ addUtilities  })=>{
+    scrollSnapStop: ({ addUtilities })=>{
         addUtilities({
             '.snap-normal': {
                 'scroll-snap-stop': 'normal'
@@ -1162,7 +1462,7 @@ let corePlugins = {
             }
         });
     },
-    scrollMargin: (0, _createUtilityPlugin).default('scrollMargin', [
+    scrollMargin: (0, _createUtilityPlugin.default)('scrollMargin', [
         [
             'scroll-m',
             [
@@ -1183,9 +1483,21 @@ let corePlugins = {
                     'scroll-margin-top',
                     'scroll-margin-bottom'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                'scroll-ms',
+                [
+                    'scroll-margin-inline-start'
+                ]
+            ],
+            [
+                'scroll-me',
+                [
+                    'scroll-margin-inline-end'
+                ]
+            ],
             [
                 'scroll-mt',
                 [
@@ -1209,12 +1521,12 @@ let corePlugins = {
                 [
                     'scroll-margin-left'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         supportsNegativeValues: true
     }),
-    scrollPadding: (0, _createUtilityPlugin).default('scrollPadding', [
+    scrollPadding: (0, _createUtilityPlugin.default)('scrollPadding', [
         [
             'scroll-p',
             [
@@ -1235,9 +1547,21 @@ let corePlugins = {
                     'scroll-padding-top',
                     'scroll-padding-bottom'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                'scroll-ps',
+                [
+                    'scroll-padding-inline-start'
+                ]
+            ],
+            [
+                'scroll-pe',
+                [
+                    'scroll-padding-inline-end'
+                ]
+            ],
             [
                 'scroll-pt',
                 [
@@ -1261,10 +1585,10 @@ let corePlugins = {
                 [
                     'scroll-padding-left'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
-    listStylePosition: ({ addUtilities  })=>{
+    listStylePosition: ({ addUtilities })=>{
         addUtilities({
             '.list-inside': {
                 'list-style-position': 'inside'
@@ -1274,7 +1598,7 @@ let corePlugins = {
             }
         });
     },
-    listStyleType: (0, _createUtilityPlugin).default('listStyleType', [
+    listStyleType: (0, _createUtilityPlugin.default)('listStyleType', [
         [
             'list',
             [
@@ -1282,14 +1606,22 @@ let corePlugins = {
             ]
         ]
     ]),
-    appearance: ({ addUtilities  })=>{
+    listStyleImage: (0, _createUtilityPlugin.default)('listStyleImage', [
+        [
+            'list-image',
+            [
+                'listStyleImage'
+            ]
+        ]
+    ]),
+    appearance: ({ addUtilities })=>{
         addUtilities({
             '.appearance-none': {
                 appearance: 'none'
             }
         });
     },
-    columns: (0, _createUtilityPlugin).default('columns', [
+    columns: (0, _createUtilityPlugin.default)('columns', [
         [
             'columns',
             [
@@ -1297,7 +1629,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    breakBefore: ({ addUtilities  })=>{
+    breakBefore: ({ addUtilities })=>{
         addUtilities({
             '.break-before-auto': {
                 'break-before': 'auto'
@@ -1325,7 +1657,7 @@ let corePlugins = {
             }
         });
     },
-    breakInside: ({ addUtilities  })=>{
+    breakInside: ({ addUtilities })=>{
         addUtilities({
             '.break-inside-auto': {
                 'break-inside': 'auto'
@@ -1341,7 +1673,7 @@ let corePlugins = {
             }
         });
     },
-    breakAfter: ({ addUtilities  })=>{
+    breakAfter: ({ addUtilities })=>{
         addUtilities({
             '.break-after-auto': {
                 'break-after': 'auto'
@@ -1369,7 +1701,7 @@ let corePlugins = {
             }
         });
     },
-    gridAutoColumns: (0, _createUtilityPlugin).default('gridAutoColumns', [
+    gridAutoColumns: (0, _createUtilityPlugin.default)('gridAutoColumns', [
         [
             'auto-cols',
             [
@@ -1377,7 +1709,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    gridAutoFlow: ({ addUtilities  })=>{
+    gridAutoFlow: ({ addUtilities })=>{
         addUtilities({
             '.grid-flow-row': {
                 gridAutoFlow: 'row'
@@ -1385,6 +1717,9 @@ let corePlugins = {
             '.grid-flow-col': {
                 gridAutoFlow: 'column'
             },
+            '.grid-flow-dense': {
+                gridAutoFlow: 'dense'
+            },
             '.grid-flow-row-dense': {
                 gridAutoFlow: 'row dense'
             },
@@ -1393,7 +1728,7 @@ let corePlugins = {
             }
         });
     },
-    gridAutoRows: (0, _createUtilityPlugin).default('gridAutoRows', [
+    gridAutoRows: (0, _createUtilityPlugin.default)('gridAutoRows', [
         [
             'auto-rows',
             [
@@ -1401,15 +1736,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',
             [
@@ -1417,7 +1752,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    flexDirection: ({ addUtilities  })=>{
+    flexDirection: ({ addUtilities })=>{
         addUtilities({
             '.flex-row': {
                 'flex-direction': 'row'
@@ -1433,7 +1768,7 @@ let corePlugins = {
             }
         });
     },
-    flexWrap: ({ addUtilities  })=>{
+    flexWrap: ({ addUtilities })=>{
         addUtilities({
             '.flex-wrap': {
                 'flex-wrap': 'wrap'
@@ -1446,7 +1781,7 @@ let corePlugins = {
             }
         });
     },
-    placeContent: ({ addUtilities  })=>{
+    placeContent: ({ addUtilities })=>{
         addUtilities({
             '.place-content-center': {
                 'place-content': 'center'
@@ -1466,12 +1801,15 @@ let corePlugins = {
             '.place-content-evenly': {
                 'place-content': 'space-evenly'
             },
+            '.place-content-baseline': {
+                'place-content': 'baseline'
+            },
             '.place-content-stretch': {
                 'place-content': 'stretch'
             }
         });
     },
-    placeItems: ({ addUtilities  })=>{
+    placeItems: ({ addUtilities })=>{
         addUtilities({
             '.place-items-start': {
                 'place-items': 'start'
@@ -1482,13 +1820,19 @@ let corePlugins = {
             '.place-items-center': {
                 'place-items': 'center'
             },
+            '.place-items-baseline': {
+                'place-items': 'baseline'
+            },
             '.place-items-stretch': {
                 'place-items': 'stretch'
             }
         });
     },
-    alignContent: ({ addUtilities  })=>{
+    alignContent: ({ addUtilities })=>{
         addUtilities({
+            '.content-normal': {
+                'align-content': 'normal'
+            },
             '.content-center': {
                 'align-content': 'center'
             },
@@ -1506,10 +1850,16 @@ let corePlugins = {
             },
             '.content-evenly': {
                 'align-content': 'space-evenly'
+            },
+            '.content-baseline': {
+                'align-content': 'baseline'
+            },
+            '.content-stretch': {
+                'align-content': 'stretch'
             }
         });
     },
-    alignItems: ({ addUtilities  })=>{
+    alignItems: ({ addUtilities })=>{
         addUtilities({
             '.items-start': {
                 'align-items': 'flex-start'
@@ -1528,8 +1878,11 @@ let corePlugins = {
             }
         });
     },
-    justifyContent: ({ addUtilities  })=>{
+    justifyContent: ({ addUtilities })=>{
         addUtilities({
+            '.justify-normal': {
+                'justify-content': 'normal'
+            },
             '.justify-start': {
                 'justify-content': 'flex-start'
             },
@@ -1547,10 +1900,13 @@ let corePlugins = {
             },
             '.justify-evenly': {
                 'justify-content': 'space-evenly'
+            },
+            '.justify-stretch': {
+                'justify-content': 'stretch'
             }
         });
     },
-    justifyItems: ({ addUtilities  })=>{
+    justifyItems: ({ addUtilities })=>{
         addUtilities({
             '.justify-items-start': {
                 'justify-items': 'start'
@@ -1566,7 +1922,7 @@ let corePlugins = {
             }
         });
     },
-    gap: (0, _createUtilityPlugin).default('gap', [
+    gap: (0, _createUtilityPlugin.default)('gap', [
         [
             'gap',
             [
@@ -1585,13 +1941,22 @@ let corePlugins = {
                 [
                     'rowGap'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
-    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',
@@ -1623,10 +1988,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': {},
@@ -1651,7 +2026,8 @@ let corePlugins = {
             values: theme('divideWidth'),
             type: [
                 'line-width',
-                'length'
+                'length',
+                'any'
             ]
         });
         addUtilities({
@@ -1665,7 +2041,7 @@ let corePlugins = {
             }
         });
     },
-    divideStyle: ({ addUtilities  })=>{
+    divideStyle: ({ addUtilities })=>{
         addUtilities({
             '.divide-solid > :not([hidden]) ~ :not([hidden])': {
                 'border-style': 'solid'
@@ -1684,18 +2060,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'
@@ -1703,12 +2079,14 @@ 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  })=>{
+    divideOpacity: ({ matchUtilities, theme })=>{
         matchUtilities({
             'divide-opacity': (value)=>{
                 return {
@@ -1721,7 +2099,7 @@ let corePlugins = {
             values: theme('divideOpacity')
         });
     },
-    placeSelf: ({ addUtilities  })=>{
+    placeSelf: ({ addUtilities })=>{
         addUtilities({
             '.place-self-auto': {
                 'place-self': 'auto'
@@ -1740,7 +2118,7 @@ let corePlugins = {
             }
         });
     },
-    alignSelf: ({ addUtilities  })=>{
+    alignSelf: ({ addUtilities })=>{
         addUtilities({
             '.self-auto': {
                 'align-self': 'auto'
@@ -1762,7 +2140,7 @@ let corePlugins = {
             }
         });
     },
-    justifySelf: ({ addUtilities  })=>{
+    justifySelf: ({ addUtilities })=>{
         addUtilities({
             '.justify-self-auto': {
                 'justify-self': 'auto'
@@ -1781,7 +2159,7 @@ let corePlugins = {
             }
         });
     },
-    overflow: ({ addUtilities  })=>{
+    overflow: ({ addUtilities })=>{
         addUtilities({
             '.overflow-auto': {
                 overflow: 'auto'
@@ -1830,7 +2208,7 @@ let corePlugins = {
             }
         });
     },
-    overscrollBehavior: ({ addUtilities  })=>{
+    overscrollBehavior: ({ addUtilities })=>{
         addUtilities({
             '.overscroll-auto': {
                 'overscroll-behavior': 'auto'
@@ -1861,7 +2239,7 @@ let corePlugins = {
             }
         });
     },
-    scrollBehavior: ({ addUtilities  })=>{
+    scrollBehavior: ({ addUtilities })=>{
         addUtilities({
             '.scroll-auto': {
                 'scroll-behavior': 'auto'
@@ -1871,7 +2249,7 @@ let corePlugins = {
             }
         });
     },
-    textOverflow: ({ addUtilities  })=>{
+    textOverflow: ({ addUtilities })=>{
         addUtilities({
             '.truncate': {
                 overflow: 'hidden',
@@ -1889,7 +2267,20 @@ let corePlugins = {
             }
         });
     },
-    whitespace: ({ addUtilities  })=>{
+    hyphens: ({ addUtilities })=>{
+        addUtilities({
+            '.hyphens-none': {
+                hyphens: 'none'
+            },
+            '.hyphens-manual': {
+                hyphens: 'manual'
+            },
+            '.hyphens-auto': {
+                hyphens: 'auto'
+            }
+        });
+    },
+    whitespace: ({ addUtilities })=>{
         addUtilities({
             '.whitespace-normal': {
                 'white-space': 'normal'
@@ -1905,10 +2296,29 @@ let corePlugins = {
             },
             '.whitespace-pre-wrap': {
                 'white-space': 'pre-wrap'
+            },
+            '.whitespace-break-spaces': {
+                'white-space': 'break-spaces'
             }
         });
     },
-    wordBreak: ({ addUtilities  })=>{
+    textWrap: ({ addUtilities })=>{
+        addUtilities({
+            '.text-wrap': {
+                'text-wrap': 'wrap'
+            },
+            '.text-nowrap': {
+                'text-wrap': 'nowrap'
+            },
+            '.text-balance': {
+                'text-wrap': 'balance'
+            },
+            '.text-pretty': {
+                'text-wrap': 'pretty'
+            }
+        });
+    },
+    wordBreak: ({ addUtilities })=>{
         addUtilities({
             '.break-normal': {
                 'overflow-wrap': 'normal',
@@ -1919,10 +2329,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',
             [
@@ -1930,6 +2343,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',
                 [
@@ -1957,9 +2384,33 @@ let corePlugins = {
                     'border-top-left-radius',
                     'border-bottom-left-radius'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                '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',
                 [
@@ -1983,10 +2434,10 @@ let corePlugins = {
                 [
                     'border-bottom-left-radius'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
-    borderWidth: (0, _createUtilityPlugin).default('borderWidth', [
+    borderWidth: (0, _createUtilityPlugin.default)('borderWidth', [
         [
             'border',
             [
@@ -2019,9 +2470,29 @@ let corePlugins = {
                     'border-top-width',
                     'border-bottom-width'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                'border-s',
+                [
+                    [
+                        '@defaults border-width',
+                        {}
+                    ],
+                    'border-inline-start-width'
+                ]
+            ],
+            [
+                'border-e',
+                [
+                    [
+                        '@defaults border-width',
+                        {}
+                    ],
+                    'border-inline-end-width'
+                ]
+            ],
             [
                 'border-t',
                 [
@@ -2061,15 +2532,15 @@ let corePlugins = {
                     ],
                     'border-left-width'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ], {
         type: [
             'line-width',
             'length'
         ]
     }),
-    borderStyle: ({ addUtilities  })=>{
+    borderStyle: ({ addUtilities })=>{
         addUtilities({
             '.border-solid': {
                 'border-style': 'solid'
@@ -2091,36 +2562,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',
@@ -2130,13 +2601,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',
@@ -2146,101 +2617,132 @@ 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-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 (!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',
             [
@@ -2256,41 +2758,79 @@ 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  }) {
+        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')),
+                values: (0, _flattenColorPalette.default)(theme('gradientColorStops')),
                 type: [
                     'color',
                     '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-stops': `var(--tw-gradient-from), var(--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-stops': `var(--tw-gradient-from), ${(0, _toColorValue).default(value, 'via')}, var(--tw-gradient-to, ${transparentToValue})`
+                        '@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  })=>{
+    boxDecorationBreak: ({ addUtilities })=>{
         addUtilities({
             '.decoration-slice': {
                 'box-decoration-break': 'slice'
@@ -2306,7 +2846,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundSize: (0, _createUtilityPlugin).default('backgroundSize', [
+    backgroundSize: (0, _createUtilityPlugin.default)('backgroundSize', [
         [
             'bg',
             [
@@ -2317,10 +2857,11 @@ let corePlugins = {
         type: [
             'lookup',
             'length',
-            'percentage'
+            'percentage',
+            'size'
         ]
     }),
-    backgroundAttachment: ({ addUtilities  })=>{
+    backgroundAttachment: ({ addUtilities })=>{
         addUtilities({
             '.bg-fixed': {
                 'background-attachment': 'fixed'
@@ -2333,7 +2874,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundClip: ({ addUtilities  })=>{
+    backgroundClip: ({ addUtilities })=>{
         addUtilities({
             '.bg-clip-border': {
                 'background-clip': 'border-box'
@@ -2349,7 +2890,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundPosition: (0, _createUtilityPlugin).default('backgroundPosition', [
+    backgroundPosition: (0, _createUtilityPlugin.default)('backgroundPosition', [
         [
             'bg',
             [
@@ -2359,10 +2900,15 @@ let corePlugins = {
     ], {
         type: [
             'lookup',
-            'position'
+            [
+                'position',
+                {
+                    preferOnConflict: true
+                }
+            ]
         ]
     }),
-    backgroundRepeat: ({ addUtilities  })=>{
+    backgroundRepeat: ({ addUtilities })=>{
         addUtilities({
             '.bg-repeat': {
                 'background-repeat': 'repeat'
@@ -2384,7 +2930,7 @@ let corePlugins = {
             }
         });
     },
-    backgroundOrigin: ({ addUtilities  })=>{
+    backgroundOrigin: ({ addUtilities })=>{
         addUtilities({
             '.bg-origin-border': {
                 'background-origin': 'border-box'
@@ -2397,37 +2943,38 @@ let corePlugins = {
             }
         });
     },
-    fill: ({ matchUtilities , theme  })=>{
+    fill: ({ matchUtilities, theme })=>{
         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'
             ]
         });
     },
-    stroke: ({ matchUtilities , theme  })=>{
+    stroke: ({ matchUtilities, theme })=>{
         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',
             [
@@ -2441,7 +2988,7 @@ let corePlugins = {
             'percentage'
         ]
     }),
-    objectFit: ({ addUtilities  })=>{
+    objectFit: ({ addUtilities })=>{
         addUtilities({
             '.object-contain': {
                 'object-fit': 'contain'
@@ -2460,7 +3007,7 @@ let corePlugins = {
             }
         });
     },
-    objectPosition: (0, _createUtilityPlugin).default('objectPosition', [
+    objectPosition: (0, _createUtilityPlugin.default)('objectPosition', [
         [
             'object',
             [
@@ -2468,7 +3015,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    padding: (0, _createUtilityPlugin).default('padding', [
+    padding: (0, _createUtilityPlugin.default)('padding', [
         [
             'p',
             [
@@ -2489,9 +3036,21 @@ let corePlugins = {
                     'padding-top',
                     'padding-bottom'
                 ]
-            ], 
+            ]
         ],
         [
+            [
+                'ps',
+                [
+                    'padding-inline-start'
+                ]
+            ],
+            [
+                'pe',
+                [
+                    'padding-inline-end'
+                ]
+            ],
             [
                 'pt',
                 [
@@ -2515,10 +3074,10 @@ let corePlugins = {
                 [
                     'padding-left'
                 ]
-            ], 
-        ], 
+            ]
+        ]
     ]),
-    textAlign: ({ addUtilities  })=>{
+    textAlign: ({ addUtilities })=>{
         addUtilities({
             '.text-left': {
                 'text-align': 'left'
@@ -2531,10 +3090,16 @@ let corePlugins = {
             },
             '.text-justify': {
                 'text-align': 'justify'
+            },
+            '.text-start': {
+                'text-align': 'start'
+            },
+            '.text-end': {
+                'text-align': 'end'
             }
         });
     },
-    textIndent: (0, _createUtilityPlugin).default('textIndent', [
+    textIndent: (0, _createUtilityPlugin.default)('textIndent', [
         [
             'indent',
             [
@@ -2544,7 +3109,7 @@ let corePlugins = {
     ], {
         supportsNegativeValues: true
     }),
-    verticalAlign: ({ addUtilities , matchUtilities  })=>{
+    verticalAlign: ({ addUtilities, matchUtilities })=>{
         addUtilities({
             '.align-baseline': {
                 'vertical-align': 'baseline'
@@ -2577,27 +3142,45 @@ 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, fontVariationSettings } = options;
+                return {
+                    'font-family': Array.isArray(families) ? families.join(', ') : families,
+                    ...fontFeatureSettings === undefined ? {} : {
+                        'font-feature-settings': fontFeatureSettings
+                    },
+                    ...fontVariationSettings === undefined ? {} : {
+                        'font-variation-settings': fontVariationSettings
+                    }
+                };
+            }
+        }, {
+            values: theme('fontFamily'),
+            type: [
+                'lookup',
+                'generic-name',
+                'family-name'
             ]
-        ]
-    ], {
-        type: [
-            'lookup',
-            'generic-name',
-            'family-name'
-        ]
-    }),
-    fontSize: ({ matchUtilities , theme  })=>{
+        });
+    },
+    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 {
@@ -2607,11 +3190,15 @@ let corePlugins = {
                     },
                     ...letterSpacing === undefined ? {} : {
                         'letter-spacing': letterSpacing
+                    },
+                    ...fontWeight === undefined ? {} : {
+                        'font-weight': fontWeight
                     }
                 };
             }
         }, {
             values: theme('fontSize'),
+            modifiers: theme('lineHeight'),
             type: [
                 'absolute-size',
                 'relative-size',
@@ -2620,7 +3207,7 @@ let corePlugins = {
             ]
         });
     },
-    fontWeight: (0, _createUtilityPlugin).default('fontWeight', [
+    fontWeight: (0, _createUtilityPlugin.default)('fontWeight', [
         [
             'font',
             [
@@ -2630,10 +3217,11 @@ let corePlugins = {
     ], {
         type: [
             'lookup',
-            'number'
+            'number',
+            'any'
         ]
     }),
-    textTransform: ({ addUtilities  })=>{
+    textTransform: ({ addUtilities })=>{
         addUtilities({
             '.uppercase': {
                 'text-transform': 'uppercase'
@@ -2649,7 +3237,7 @@ let corePlugins = {
             }
         });
     },
-    fontStyle: ({ addUtilities  })=>{
+    fontStyle: ({ addUtilities })=>{
         addUtilities({
             '.italic': {
                 'font-style': 'italic'
@@ -2659,7 +3247,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': ' ',
@@ -2714,7 +3302,7 @@ let corePlugins = {
             }
         });
     },
-    lineHeight: (0, _createUtilityPlugin).default('lineHeight', [
+    lineHeight: (0, _createUtilityPlugin.default)('lineHeight', [
         [
             'leading',
             [
@@ -2722,7 +3310,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    letterSpacing: (0, _createUtilityPlugin).default('letterSpacing', [
+    letterSpacing: (0, _createUtilityPlugin.default)('letterSpacing', [
         [
             'tracking',
             [
@@ -2732,26 +3320,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',
             [
@@ -2759,7 +3350,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    textDecoration: ({ addUtilities  })=>{
+    textDecoration: ({ addUtilities })=>{
         addUtilities({
             '.underline': {
                 'text-decoration-line': 'underline'
@@ -2775,21 +3366,22 @@ let corePlugins = {
             }
         });
     },
-    textDecorationColor: ({ matchUtilities , theme  })=>{
+    textDecorationColor: ({ matchUtilities, theme })=>{
         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'
             ]
         });
     },
-    textDecorationStyle: ({ addUtilities  })=>{
+    textDecorationStyle: ({ addUtilities })=>{
         addUtilities({
             '.decoration-solid': {
                 'text-decoration-style': 'solid'
@@ -2808,7 +3400,7 @@ let corePlugins = {
             }
         });
     },
-    textDecorationThickness: (0, _createUtilityPlugin).default('textDecorationThickness', [
+    textDecorationThickness: (0, _createUtilityPlugin.default)('textDecorationThickness', [
         [
             'decoration',
             [
@@ -2821,7 +3413,7 @@ let corePlugins = {
             'percentage'
         ]
     }),
-    textUnderlineOffset: (0, _createUtilityPlugin).default('textUnderlineOffset', [
+    textUnderlineOffset: (0, _createUtilityPlugin.default)('textUnderlineOffset', [
         [
             'underline-offset',
             [
@@ -2831,10 +3423,11 @@ let corePlugins = {
     ], {
         type: [
             'length',
-            'percentage'
+            'percentage',
+            'any'
         ]
     }),
-    fontSmoothing: ({ addUtilities  })=>{
+    fontSmoothing: ({ addUtilities })=>{
         addUtilities({
             '.antialiased': {
                 '-webkit-font-smoothing': 'antialiased',
@@ -2846,18 +3439,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'
@@ -2865,14 +3458,14 @@ let corePlugins = {
                 };
             }
         }, {
-            values: (0, _flattenColorPalette).default(theme('placeholderColor')),
+            values: (0, _flattenColorPalette.default)(theme('placeholderColor')),
             type: [
                 'color',
                 'any'
             ]
         });
     },
-    placeholderOpacity: ({ matchUtilities , theme  })=>{
+    placeholderOpacity: ({ matchUtilities, theme })=>{
         matchUtilities({
             'placeholder-opacity': (value)=>{
                 return {
@@ -2885,37 +3478,37 @@ let corePlugins = {
             values: theme('placeholderOpacity')
         });
     },
-    caretColor: ({ matchUtilities , theme  })=>{
+    caretColor: ({ matchUtilities, theme })=>{
         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'
             ]
         });
     },
-    accentColor: ({ matchUtilities , theme  })=>{
+    accentColor: ({ matchUtilities, theme })=>{
         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',
             [
@@ -2923,7 +3516,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    backgroundBlendMode: ({ addUtilities  })=>{
+    backgroundBlendMode: ({ addUtilities })=>{
         addUtilities({
             '.bg-blend-normal': {
                 'background-blend-mode': 'normal'
@@ -2975,7 +3568,7 @@ let corePlugins = {
             }
         });
     },
-    mixBlendMode: ({ addUtilities  })=>{
+    mixBlendMode: ({ addUtilities })=>{
         addUtilities({
             '.mix-blend-normal': {
                 'mix-blend-mode': 'normal'
@@ -3024,17 +3617,20 @@ 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  }) {
+        return function({ matchUtilities, addDefaults, theme }) {
             addDefaults(' box-shadow', {
                 '--tw-ring-offset-shadow': '0 0 #0000',
                 '--tw-ring-shadow': '0 0 #0000',
@@ -3044,7 +3640,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) {
@@ -3055,7 +3651,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
                     };
                 }
@@ -3067,22 +3663,23 @@ let corePlugins = {
             });
         };
     })(),
-    boxShadowColor: ({ matchUtilities , theme  })=>{
+    boxShadowColor: ({ matchUtilities, theme })=>{
         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'
             ]
         });
     },
-    outlineStyle: ({ addUtilities  })=>{
+    outlineStyle: ({ addUtilities })=>{
         addUtilities({
             '.outline-none': {
                 outline: '2px solid transparent',
@@ -3099,13 +3696,10 @@ let corePlugins = {
             },
             '.outline-double': {
                 'outline-style': 'double'
-            },
-            '.outline-hidden': {
-                'outline-style': 'hidden'
             }
         });
     },
-    outlineWidth: (0, _createUtilityPlugin).default('outlineWidth', [
+    outlineWidth: (0, _createUtilityPlugin.default)('outlineWidth', [
         [
             'outline',
             [
@@ -3119,7 +3713,7 @@ let corePlugins = {
             'percentage'
         ]
     }),
-    outlineOffset: (0, _createUtilityPlugin).default('outlineOffset', [
+    outlineOffset: (0, _createUtilityPlugin.default)('outlineOffset', [
         [
             'outline-offset',
             [
@@ -3130,27 +3724,38 @@ let corePlugins = {
         type: [
             'length',
             'number',
-            'percentage'
-        ]
+            'percentage',
+            'any'
+        ],
+        supportsNegativeValues: true
     }),
-    outlineColor: ({ matchUtilities , theme  })=>{
+    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'),
@@ -3170,7 +3775,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(', ')
                 };
             }
@@ -3185,32 +3790,42 @@ let corePlugins = {
             }
         });
     },
-    ringColor: ({ matchUtilities , theme  })=>{
+    ringColor: ({ matchUtilities, theme, corePlugins })=>{
         matchUtilities({
             ring: (value)=>{
-                return (0, _withAlphaVariable).default({
+                if (!corePlugins('ringOpacity')) {
+                    return {
+                        '--tw-ring-color': (0, _toColorValue.default)(value)
+                    };
+                }
+                return (0, _withAlphaVariable.default)({
                     color: value,
                     property: '--tw-ring-color',
                     variable: '--tw-ring-opacity'
                 });
             }
         }, {
-            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',
             [
@@ -3220,19 +3835,22 @@ let corePlugins = {
     ], {
         type: 'length'
     }),
-    ringOffsetColor: ({ matchUtilities , theme  })=>{
+    ringOffsetColor: ({ matchUtilities, theme })=>{
         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  })=>{
+    blur: ({ matchUtilities, theme })=>{
         matchUtilities({
             blur: (value)=>{
                 return {
@@ -3245,7 +3863,7 @@ let corePlugins = {
             values: theme('blur')
         });
     },
-    brightness: ({ matchUtilities , theme  })=>{
+    brightness: ({ matchUtilities, theme })=>{
         matchUtilities({
             brightness: (value)=>{
                 return {
@@ -3258,7 +3876,7 @@ let corePlugins = {
             values: theme('brightness')
         });
     },
-    contrast: ({ matchUtilities , theme  })=>{
+    contrast: ({ matchUtilities, theme })=>{
         matchUtilities({
             contrast: (value)=>{
                 return {
@@ -3271,12 +3889,11 @@ let corePlugins = {
             values: theme('contrast')
         });
     },
-    dropShadow: ({ matchUtilities , theme  })=>{
+    dropShadow: ({ matchUtilities, theme })=>{
         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
                 };
@@ -3285,7 +3902,7 @@ let corePlugins = {
             values: theme('dropShadow')
         });
     },
-    grayscale: ({ matchUtilities , theme  })=>{
+    grayscale: ({ matchUtilities, theme })=>{
         matchUtilities({
             grayscale: (value)=>{
                 return {
@@ -3298,7 +3915,7 @@ let corePlugins = {
             values: theme('grayscale')
         });
     },
-    hueRotate: ({ matchUtilities , theme  })=>{
+    hueRotate: ({ matchUtilities, theme })=>{
         matchUtilities({
             'hue-rotate': (value)=>{
                 return {
@@ -3312,7 +3929,7 @@ let corePlugins = {
             supportsNegativeValues: true
         });
     },
-    invert: ({ matchUtilities , theme  })=>{
+    invert: ({ matchUtilities, theme })=>{
         matchUtilities({
             invert: (value)=>{
                 return {
@@ -3325,7 +3942,7 @@ let corePlugins = {
             values: theme('invert')
         });
     },
-    saturate: ({ matchUtilities , theme  })=>{
+    saturate: ({ matchUtilities, theme })=>{
         matchUtilities({
             saturate: (value)=>{
                 return {
@@ -3338,7 +3955,7 @@ let corePlugins = {
             values: theme('saturate')
         });
     },
-    sepia: ({ matchUtilities , theme  })=>{
+    sepia: ({ matchUtilities, theme })=>{
         matchUtilities({
             sepia: (value)=>{
                 return {
@@ -3351,7 +3968,7 @@ let corePlugins = {
             values: theme('sepia')
         });
     },
-    filter: ({ addDefaults , addUtilities  })=>{
+    filter: ({ addDefaults, addUtilities })=>{
         addDefaults('filter', {
             '--tw-blur': ' ',
             '--tw-brightness': ' ',
@@ -3373,7 +3990,7 @@ let corePlugins = {
             }
         });
     },
-    backdropBlur: ({ matchUtilities , theme  })=>{
+    backdropBlur: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-blur': (value)=>{
                 return {
@@ -3386,7 +4003,7 @@ let corePlugins = {
             values: theme('backdropBlur')
         });
     },
-    backdropBrightness: ({ matchUtilities , theme  })=>{
+    backdropBrightness: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-brightness': (value)=>{
                 return {
@@ -3399,7 +4016,7 @@ let corePlugins = {
             values: theme('backdropBrightness')
         });
     },
-    backdropContrast: ({ matchUtilities , theme  })=>{
+    backdropContrast: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-contrast': (value)=>{
                 return {
@@ -3412,7 +4029,7 @@ let corePlugins = {
             values: theme('backdropContrast')
         });
     },
-    backdropGrayscale: ({ matchUtilities , theme  })=>{
+    backdropGrayscale: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-grayscale': (value)=>{
                 return {
@@ -3425,7 +4042,7 @@ let corePlugins = {
             values: theme('backdropGrayscale')
         });
     },
-    backdropHueRotate: ({ matchUtilities , theme  })=>{
+    backdropHueRotate: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-hue-rotate': (value)=>{
                 return {
@@ -3439,7 +4056,7 @@ let corePlugins = {
             supportsNegativeValues: true
         });
     },
-    backdropInvert: ({ matchUtilities , theme  })=>{
+    backdropInvert: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-invert': (value)=>{
                 return {
@@ -3452,7 +4069,7 @@ let corePlugins = {
             values: theme('backdropInvert')
         });
     },
-    backdropOpacity: ({ matchUtilities , theme  })=>{
+    backdropOpacity: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-opacity': (value)=>{
                 return {
@@ -3465,7 +4082,7 @@ let corePlugins = {
             values: theme('backdropOpacity')
         });
     },
-    backdropSaturate: ({ matchUtilities , theme  })=>{
+    backdropSaturate: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-saturate': (value)=>{
                 return {
@@ -3478,7 +4095,7 @@ let corePlugins = {
             values: theme('backdropSaturate')
         });
     },
-    backdropSepia: ({ matchUtilities , theme  })=>{
+    backdropSepia: ({ matchUtilities, theme })=>{
         matchUtilities({
             'backdrop-sepia': (value)=>{
                 return {
@@ -3491,7 +4108,7 @@ let corePlugins = {
             values: theme('backdropSepia')
         });
     },
-    backdropFilter: ({ addDefaults , addUtilities  })=>{
+    backdropFilter: ({ addDefaults, addUtilities })=>{
         addDefaults('backdrop-filter', {
             '--tw-backdrop-blur': ' ',
             '--tw-backdrop-brightness': ' ',
@@ -3513,7 +4130,7 @@ let corePlugins = {
             }
         });
     },
-    transitionProperty: ({ matchUtilities , theme  })=>{
+    transitionProperty: ({ matchUtilities, theme })=>{
         let defaultTimingFunction = theme('transitionTimingFunction.DEFAULT');
         let defaultDuration = theme('transitionDuration.DEFAULT');
         matchUtilities({
@@ -3530,7 +4147,7 @@ let corePlugins = {
             values: theme('transitionProperty')
         });
     },
-    transitionDelay: (0, _createUtilityPlugin).default('transitionDelay', [
+    transitionDelay: (0, _createUtilityPlugin.default)('transitionDelay', [
         [
             'delay',
             [
@@ -3538,7 +4155,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    transitionDuration: (0, _createUtilityPlugin).default('transitionDuration', [
+    transitionDuration: (0, _createUtilityPlugin.default)('transitionDuration', [
         [
             'duration',
             [
@@ -3548,7 +4165,7 @@ let corePlugins = {
     ], {
         filterDefault: true
     }),
-    transitionTimingFunction: (0, _createUtilityPlugin).default('transitionTimingFunction', [
+    transitionTimingFunction: (0, _createUtilityPlugin.default)('transitionTimingFunction', [
         [
             'ease',
             [
@@ -3558,7 +4175,7 @@ let corePlugins = {
     ], {
         filterDefault: true
     }),
-    willChange: (0, _createUtilityPlugin).default('willChange', [
+    willChange: (0, _createUtilityPlugin.default)('willChange', [
         [
             'will-change',
             [
@@ -3566,7 +4183,7 @@ let corePlugins = {
             ]
         ]
     ]),
-    content: (0, _createUtilityPlugin).default('content', [
+    content: (0, _createUtilityPlugin.default)('content', [
         [
             'content',
             [
@@ -3576,7 +4193,6 @@ let corePlugins = {
                     'var(--tw-content)'
                 ]
             ]
-        ], 
+        ]
     ])
 };
-exports.corePlugins = corePlugins;