@epic-web/workshop-app 4.0.0

package/node_modules/tailwind-merge/src/lib/default-config.ts

@@ -0,0 +1,1866 @@
+import { fromTheme } from './from-theme'
+import { Config, DefaultClassGroupIds, DefaultThemeGroupIds } from './types'
+import {
+    isAny,
+    isArbitraryImage,
+    isArbitraryLength,
+    isArbitraryNumber,
+    isArbitraryPosition,
+    isArbitraryShadow,
+    isArbitrarySize,
+    isArbitraryValue,
+    isInteger,
+    isLength,
+    isNumber,
+    isPercent,
+    isTshirtSize,
+} from './validators'
+
+export function getDefaultConfig() {
+    const colors = fromTheme('colors')
+    const spacing = fromTheme('spacing')
+    const blur = fromTheme('blur')
+    const brightness = fromTheme('brightness')
+    const borderColor = fromTheme('borderColor')
+    const borderRadius = fromTheme('borderRadius')
+    const borderSpacing = fromTheme('borderSpacing')
+    const borderWidth = fromTheme('borderWidth')
+    const contrast = fromTheme('contrast')
+    const grayscale = fromTheme('grayscale')
+    const hueRotate = fromTheme('hueRotate')
+    const invert = fromTheme('invert')
+    const gap = fromTheme('gap')
+    const gradientColorStops = fromTheme('gradientColorStops')
+    const gradientColorStopPositions = fromTheme('gradientColorStopPositions')
+    const inset = fromTheme('inset')
+    const margin = fromTheme('margin')
+    const opacity = fromTheme('opacity')
+    const padding = fromTheme('padding')
+    const saturate = fromTheme('saturate')
+    const scale = fromTheme('scale')
+    const sepia = fromTheme('sepia')
+    const skew = fromTheme('skew')
+    const space = fromTheme('space')
+    const translate = fromTheme('translate')
+
+    const getOverscroll = () => ['auto', 'contain', 'none'] as const
+    const getOverflow = () => ['auto', 'hidden', 'clip', 'visible', 'scroll'] as const
+    const getSpacingWithAutoAndArbitrary = () => ['auto', isArbitraryValue, spacing] as const
+    const getSpacingWithArbitrary = () => [isArbitraryValue, spacing] as const
+    const getLengthWithEmptyAndArbitrary = () => ['', isLength, isArbitraryLength] as const
+    const getNumberWithAutoAndArbitrary = () => ['auto', isNumber, isArbitraryValue] as const
+    const getPositions = () =>
+        [
+            'bottom',
+            'center',
+            'left',
+            'left-bottom',
+            'left-top',
+            'right',
+            'right-bottom',
+            'right-top',
+            'top',
+        ] as const
+    const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'] as const
+    const getBlendModes = () =>
+        [
+            'normal',
+            'multiply',
+            'screen',
+            'overlay',
+            'darken',
+            'lighten',
+            'color-dodge',
+            'color-burn',
+            'hard-light',
+            'soft-light',
+            'difference',
+            'exclusion',
+            'hue',
+            'saturation',
+            'color',
+            'luminosity',
+            'plus-lighter',
+        ] as const
+    const getAlign = () =>
+        ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'] as const
+    const getZeroAndEmpty = () => ['', '0', isArbitraryValue] as const
+    const getBreaks = () =>
+        ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'] as const
+    const getNumber = () => [isNumber, isArbitraryNumber]
+    const getNumberAndArbitrary = () => [isNumber, isArbitraryValue]
+
+    return {
+        cacheSize: 500,
+        separator: ':',
+        theme: {
+            colors: [isAny],
+            spacing: [isLength, isArbitraryLength],
+            blur: ['none', '', isTshirtSize, isArbitraryValue],
+            brightness: getNumber(),
+            borderColor: [colors],
+            borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue],
+            borderSpacing: getSpacingWithArbitrary(),
+            borderWidth: getLengthWithEmptyAndArbitrary(),
+            contrast: getNumber(),
+            grayscale: getZeroAndEmpty(),
+            hueRotate: getNumberAndArbitrary(),
+            invert: getZeroAndEmpty(),
+            gap: getSpacingWithArbitrary(),
+            gradientColorStops: [colors],
+            gradientColorStopPositions: [isPercent, isArbitraryLength],
+            inset: getSpacingWithAutoAndArbitrary(),
+            margin: getSpacingWithAutoAndArbitrary(),
+            opacity: getNumber(),
+            padding: getSpacingWithArbitrary(),
+            saturate: getNumber(),
+            scale: getNumber(),
+            sepia: getZeroAndEmpty(),
+            skew: getNumberAndArbitrary(),
+            space: getSpacingWithArbitrary(),
+            translate: getSpacingWithArbitrary(),
+        },
+        classGroups: {
+            // Layout
+            /**
+             * Aspect Ratio
+             * @see https://tailwindcss.com/docs/aspect-ratio
+             */
+            aspect: [{ aspect: ['auto', 'square', 'video', isArbitraryValue] }],
+            /**
+             * Container
+             * @see https://tailwindcss.com/docs/container
+             */
+            container: ['container'],
+            /**
+             * Columns
+             * @see https://tailwindcss.com/docs/columns
+             */
+            columns: [{ columns: [isTshirtSize] }],
+            /**
+             * Break After
+             * @see https://tailwindcss.com/docs/break-after
+             */
+            'break-after': [{ 'break-after': getBreaks() }],
+            /**
+             * Break Before
+             * @see https://tailwindcss.com/docs/break-before
+             */
+            'break-before': [{ 'break-before': getBreaks() }],
+            /**
+             * Break Inside
+             * @see https://tailwindcss.com/docs/break-inside
+             */
+            'break-inside': [{ 'break-inside': ['auto', 'avoid', 'avoid-page', 'avoid-column'] }],
+            /**
+             * Box Decoration Break
+             * @see https://tailwindcss.com/docs/box-decoration-break
+             */
+            'box-decoration': [{ 'box-decoration': ['slice', 'clone'] }],
+            /**
+             * Box Sizing
+             * @see https://tailwindcss.com/docs/box-sizing
+             */
+            box: [{ box: ['border', 'content'] }],
+            /**
+             * Display
+             * @see https://tailwindcss.com/docs/display
+             */
+            display: [
+                'block',
+                'inline-block',
+                'inline',
+                'flex',
+                'inline-flex',
+                'table',
+                'inline-table',
+                'table-caption',
+                'table-cell',
+                'table-column',
+                'table-column-group',
+                'table-footer-group',
+                'table-header-group',
+                'table-row-group',
+                'table-row',
+                'flow-root',
+                'grid',
+                'inline-grid',
+                'contents',
+                'list-item',
+                'hidden',
+            ],
+            /**
+             * Floats
+             * @see https://tailwindcss.com/docs/float
+             */
+            float: [{ float: ['right', 'left', 'none', 'start', 'end'] }],
+            /**
+             * Clear
+             * @see https://tailwindcss.com/docs/clear
+             */
+            clear: [{ clear: ['left', 'right', 'both', 'none', 'start', 'end'] }],
+            /**
+             * Isolation
+             * @see https://tailwindcss.com/docs/isolation
+             */
+            isolation: ['isolate', 'isolation-auto'],
+            /**
+             * Object Fit
+             * @see https://tailwindcss.com/docs/object-fit
+             */
+            'object-fit': [{ object: ['contain', 'cover', 'fill', 'none', 'scale-down'] }],
+            /**
+             * Object Position
+             * @see https://tailwindcss.com/docs/object-position
+             */
+            'object-position': [{ object: [...getPositions(), isArbitraryValue] }],
+            /**
+             * Overflow
+             * @see https://tailwindcss.com/docs/overflow
+             */
+            overflow: [{ overflow: getOverflow() }],
+            /**
+             * Overflow X
+             * @see https://tailwindcss.com/docs/overflow
+             */
+            'overflow-x': [{ 'overflow-x': getOverflow() }],
+            /**
+             * Overflow Y
+             * @see https://tailwindcss.com/docs/overflow
+             */
+            'overflow-y': [{ 'overflow-y': getOverflow() }],
+            /**
+             * Overscroll Behavior
+             * @see https://tailwindcss.com/docs/overscroll-behavior
+             */
+            overscroll: [{ overscroll: getOverscroll() }],
+            /**
+             * Overscroll Behavior X
+             * @see https://tailwindcss.com/docs/overscroll-behavior
+             */
+            'overscroll-x': [{ 'overscroll-x': getOverscroll() }],
+            /**
+             * Overscroll Behavior Y
+             * @see https://tailwindcss.com/docs/overscroll-behavior
+             */
+            'overscroll-y': [{ 'overscroll-y': getOverscroll() }],
+            /**
+             * Position
+             * @see https://tailwindcss.com/docs/position
+             */
+            position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],
+            /**
+             * Top / Right / Bottom / Left
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            inset: [{ inset: [inset] }],
+            /**
+             * Right / Left
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            'inset-x': [{ 'inset-x': [inset] }],
+            /**
+             * Top / Bottom
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            'inset-y': [{ 'inset-y': [inset] }],
+            /**
+             * Start
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            start: [{ start: [inset] }],
+            /**
+             * End
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            end: [{ end: [inset] }],
+            /**
+             * Top
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            top: [{ top: [inset] }],
+            /**
+             * Right
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            right: [{ right: [inset] }],
+            /**
+             * Bottom
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            bottom: [{ bottom: [inset] }],
+            /**
+             * Left
+             * @see https://tailwindcss.com/docs/top-right-bottom-left
+             */
+            left: [{ left: [inset] }],
+            /**
+             * Visibility
+             * @see https://tailwindcss.com/docs/visibility
+             */
+            visibility: ['visible', 'invisible', 'collapse'],
+            /**
+             * Z-Index
+             * @see https://tailwindcss.com/docs/z-index
+             */
+            z: [{ z: ['auto', isInteger, isArbitraryValue] }],
+            // Flexbox and Grid
+            /**
+             * Flex Basis
+             * @see https://tailwindcss.com/docs/flex-basis
+             */
+            basis: [{ basis: getSpacingWithAutoAndArbitrary() }],
+            /**
+             * Flex Direction
+             * @see https://tailwindcss.com/docs/flex-direction
+             */
+            'flex-direction': [{ flex: ['row', 'row-reverse', 'col', 'col-reverse'] }],
+            /**
+             * Flex Wrap
+             * @see https://tailwindcss.com/docs/flex-wrap
+             */
+            'flex-wrap': [{ flex: ['wrap', 'wrap-reverse', 'nowrap'] }],
+            /**
+             * Flex
+             * @see https://tailwindcss.com/docs/flex
+             */
+            flex: [{ flex: ['1', 'auto', 'initial', 'none', isArbitraryValue] }],
+            /**
+             * Flex Grow
+             * @see https://tailwindcss.com/docs/flex-grow
+             */
+            grow: [{ grow: getZeroAndEmpty() }],
+            /**
+             * Flex Shrink
+             * @see https://tailwindcss.com/docs/flex-shrink
+             */
+            shrink: [{ shrink: getZeroAndEmpty() }],
+            /**
+             * Order
+             * @see https://tailwindcss.com/docs/order
+             */
+            order: [{ order: ['first', 'last', 'none', isInteger, isArbitraryValue] }],
+            /**
+             * Grid Template Columns
+             * @see https://tailwindcss.com/docs/grid-template-columns
+             */
+            'grid-cols': [{ 'grid-cols': [isAny] }],
+            /**
+             * Grid Column Start / End
+             * @see https://tailwindcss.com/docs/grid-column
+             */
+            'col-start-end': [
+                {
+                    col: [
+                        'auto',
+                        { span: ['full', isInteger, isArbitraryValue] },
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            /**
+             * Grid Column Start
+             * @see https://tailwindcss.com/docs/grid-column
+             */
+            'col-start': [{ 'col-start': getNumberWithAutoAndArbitrary() }],
+            /**
+             * Grid Column End
+             * @see https://tailwindcss.com/docs/grid-column
+             */
+            'col-end': [{ 'col-end': getNumberWithAutoAndArbitrary() }],
+            /**
+             * Grid Template Rows
+             * @see https://tailwindcss.com/docs/grid-template-rows
+             */
+            'grid-rows': [{ 'grid-rows': [isAny] }],
+            /**
+             * Grid Row Start / End
+             * @see https://tailwindcss.com/docs/grid-row
+             */
+            'row-start-end': [
+                { row: ['auto', { span: [isInteger, isArbitraryValue] }, isArbitraryValue] },
+            ],
+            /**
+             * Grid Row Start
+             * @see https://tailwindcss.com/docs/grid-row
+             */
+            'row-start': [{ 'row-start': getNumberWithAutoAndArbitrary() }],
+            /**
+             * Grid Row End
+             * @see https://tailwindcss.com/docs/grid-row
+             */
+            'row-end': [{ 'row-end': getNumberWithAutoAndArbitrary() }],
+            /**
+             * Grid Auto Flow
+             * @see https://tailwindcss.com/docs/grid-auto-flow
+             */
+            'grid-flow': [{ 'grid-flow': ['row', 'col', 'dense', 'row-dense', 'col-dense'] }],
+            /**
+             * Grid Auto Columns
+             * @see https://tailwindcss.com/docs/grid-auto-columns
+             */
+            'auto-cols': [{ 'auto-cols': ['auto', 'min', 'max', 'fr', isArbitraryValue] }],
+            /**
+             * Grid Auto Rows
+             * @see https://tailwindcss.com/docs/grid-auto-rows
+             */
+            'auto-rows': [{ 'auto-rows': ['auto', 'min', 'max', 'fr', isArbitraryValue] }],
+            /**
+             * Gap
+             * @see https://tailwindcss.com/docs/gap
+             */
+            gap: [{ gap: [gap] }],
+            /**
+             * Gap X
+             * @see https://tailwindcss.com/docs/gap
+             */
+            'gap-x': [{ 'gap-x': [gap] }],
+            /**
+             * Gap Y
+             * @see https://tailwindcss.com/docs/gap
+             */
+            'gap-y': [{ 'gap-y': [gap] }],
+            /**
+             * Justify Content
+             * @see https://tailwindcss.com/docs/justify-content
+             */
+            'justify-content': [{ justify: ['normal', ...getAlign()] }],
+            /**
+             * Justify Items
+             * @see https://tailwindcss.com/docs/justify-items
+             */
+            'justify-items': [{ 'justify-items': ['start', 'end', 'center', 'stretch'] }],
+            /**
+             * Justify Self
+             * @see https://tailwindcss.com/docs/justify-self
+             */
+            'justify-self': [{ 'justify-self': ['auto', 'start', 'end', 'center', 'stretch'] }],
+            /**
+             * Align Content
+             * @see https://tailwindcss.com/docs/align-content
+             */
+            'align-content': [{ content: ['normal', ...getAlign(), 'baseline'] }],
+            /**
+             * Align Items
+             * @see https://tailwindcss.com/docs/align-items
+             */
+            'align-items': [{ items: ['start', 'end', 'center', 'baseline', 'stretch'] }],
+            /**
+             * Align Self
+             * @see https://tailwindcss.com/docs/align-self
+             */
+            'align-self': [{ self: ['auto', 'start', 'end', 'center', 'stretch', 'baseline'] }],
+            /**
+             * Place Content
+             * @see https://tailwindcss.com/docs/place-content
+             */
+            'place-content': [{ 'place-content': [...getAlign(), 'baseline'] }],
+            /**
+             * Place Items
+             * @see https://tailwindcss.com/docs/place-items
+             */
+            'place-items': [{ 'place-items': ['start', 'end', 'center', 'baseline', 'stretch'] }],
+            /**
+             * Place Self
+             * @see https://tailwindcss.com/docs/place-self
+             */
+            'place-self': [{ 'place-self': ['auto', 'start', 'end', 'center', 'stretch'] }],
+            // Spacing
+            /**
+             * Padding
+             * @see https://tailwindcss.com/docs/padding
+             */
+            p: [{ p: [padding] }],
+            /**
+             * Padding X
+             * @see https://tailwindcss.com/docs/padding
+             */
+            px: [{ px: [padding] }],
+            /**
+             * Padding Y
+             * @see https://tailwindcss.com/docs/padding
+             */
+            py: [{ py: [padding] }],
+            /**
+             * Padding Start
+             * @see https://tailwindcss.com/docs/padding
+             */
+            ps: [{ ps: [padding] }],
+            /**
+             * Padding End
+             * @see https://tailwindcss.com/docs/padding
+             */
+            pe: [{ pe: [padding] }],
+            /**
+             * Padding Top
+             * @see https://tailwindcss.com/docs/padding
+             */
+            pt: [{ pt: [padding] }],
+            /**
+             * Padding Right
+             * @see https://tailwindcss.com/docs/padding
+             */
+            pr: [{ pr: [padding] }],
+            /**
+             * Padding Bottom
+             * @see https://tailwindcss.com/docs/padding
+             */
+            pb: [{ pb: [padding] }],
+            /**
+             * Padding Left
+             * @see https://tailwindcss.com/docs/padding
+             */
+            pl: [{ pl: [padding] }],
+            /**
+             * Margin
+             * @see https://tailwindcss.com/docs/margin
+             */
+            m: [{ m: [margin] }],
+            /**
+             * Margin X
+             * @see https://tailwindcss.com/docs/margin
+             */
+            mx: [{ mx: [margin] }],
+            /**
+             * Margin Y
+             * @see https://tailwindcss.com/docs/margin
+             */
+            my: [{ my: [margin] }],
+            /**
+             * Margin Start
+             * @see https://tailwindcss.com/docs/margin
+             */
+            ms: [{ ms: [margin] }],
+            /**
+             * Margin End
+             * @see https://tailwindcss.com/docs/margin
+             */
+            me: [{ me: [margin] }],
+            /**
+             * Margin Top
+             * @see https://tailwindcss.com/docs/margin
+             */
+            mt: [{ mt: [margin] }],
+            /**
+             * Margin Right
+             * @see https://tailwindcss.com/docs/margin
+             */
+            mr: [{ mr: [margin] }],
+            /**
+             * Margin Bottom
+             * @see https://tailwindcss.com/docs/margin
+             */
+            mb: [{ mb: [margin] }],
+            /**
+             * Margin Left
+             * @see https://tailwindcss.com/docs/margin
+             */
+            ml: [{ ml: [margin] }],
+            /**
+             * Space Between X
+             * @see https://tailwindcss.com/docs/space
+             */
+            'space-x': [{ 'space-x': [space] }],
+            /**
+             * Space Between X Reverse
+             * @see https://tailwindcss.com/docs/space
+             */
+            'space-x-reverse': ['space-x-reverse'],
+            /**
+             * Space Between Y
+             * @see https://tailwindcss.com/docs/space
+             */
+            'space-y': [{ 'space-y': [space] }],
+            /**
+             * Space Between Y Reverse
+             * @see https://tailwindcss.com/docs/space
+             */
+            'space-y-reverse': ['space-y-reverse'],
+            // Sizing
+            /**
+             * Width
+             * @see https://tailwindcss.com/docs/width
+             */
+            w: [
+                {
+                    w: [
+                        'auto',
+                        'min',
+                        'max',
+                        'fit',
+                        'svw',
+                        'lvw',
+                        'dvw',
+                        isArbitraryValue,
+                        spacing,
+                    ],
+                },
+            ],
+            /**
+             * Min-Width
+             * @see https://tailwindcss.com/docs/min-width
+             */
+            'min-w': [{ 'min-w': [isArbitraryValue, spacing, 'min', 'max', 'fit'] }],
+            /**
+             * Max-Width
+             * @see https://tailwindcss.com/docs/max-width
+             */
+            'max-w': [
+                {
+                    'max-w': [
+                        isArbitraryValue,
+                        spacing,
+                        'none',
+                        'full',
+                        'min',
+                        'max',
+                        'fit',
+                        'prose',
+                        { screen: [isTshirtSize] },
+                        isTshirtSize,
+                    ],
+                },
+            ],
+            /**
+             * Height
+             * @see https://tailwindcss.com/docs/height
+             */
+            h: [
+                {
+                    h: [
+                        isArbitraryValue,
+                        spacing,
+                        'auto',
+                        'min',
+                        'max',
+                        'fit',
+                        'svh',
+                        'lvh',
+                        'dvh',
+                    ],
+                },
+            ],
+            /**
+             * Min-Height
+             * @see https://tailwindcss.com/docs/min-height
+             */
+            'min-h': [
+                { 'min-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh'] },
+            ],
+            /**
+             * Max-Height
+             * @see https://tailwindcss.com/docs/max-height
+             */
+            'max-h': [
+                { 'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh'] },
+            ],
+            /**
+             * Size
+             * @see https://tailwindcss.com/docs/size
+             */
+            size: [{ size: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit'] }],
+            // Typography
+            /**
+             * Font Size
+             * @see https://tailwindcss.com/docs/font-size
+             */
+            'font-size': [{ text: ['base', isTshirtSize, isArbitraryLength] }],
+            /**
+             * Font Smoothing
+             * @see https://tailwindcss.com/docs/font-smoothing
+             */
+            'font-smoothing': ['antialiased', 'subpixel-antialiased'],
+            /**
+             * Font Style
+             * @see https://tailwindcss.com/docs/font-style
+             */
+            'font-style': ['italic', 'not-italic'],
+            /**
+             * Font Weight
+             * @see https://tailwindcss.com/docs/font-weight
+             */
+            'font-weight': [
+                {
+                    font: [
+                        'thin',
+                        'extralight',
+                        'light',
+                        'normal',
+                        'medium',
+                        'semibold',
+                        'bold',
+                        'extrabold',
+                        'black',
+                        isArbitraryNumber,
+                    ],
+                },
+            ],
+            /**
+             * Font Family
+             * @see https://tailwindcss.com/docs/font-family
+             */
+            'font-family': [{ font: [isAny] }],
+            /**
+             * Font Variant Numeric
+             * @see https://tailwindcss.com/docs/font-variant-numeric
+             */
+            'fvn-normal': ['normal-nums'],
+            /**
+             * Font Variant Numeric
+             * @see https://tailwindcss.com/docs/font-variant-numeric
+             */
+            'fvn-ordinal': ['ordinal'],
+            /**
+             * Font Variant Numeric
+             * @see https://tailwindcss.com/docs/font-variant-numeric
+             */
+            'fvn-slashed-zero': ['slashed-zero'],
+            /**
+             * Font Variant Numeric
+             * @see https://tailwindcss.com/docs/font-variant-numeric
+             */
+            'fvn-figure': ['lining-nums', 'oldstyle-nums'],
+            /**
+             * Font Variant Numeric
+             * @see https://tailwindcss.com/docs/font-variant-numeric
+             */
+            'fvn-spacing': ['proportional-nums', 'tabular-nums'],
+            /**
+             * Font Variant Numeric
+             * @see https://tailwindcss.com/docs/font-variant-numeric
+             */
+            'fvn-fraction': ['diagonal-fractions', 'stacked-fractons'],
+            /**
+             * Letter Spacing
+             * @see https://tailwindcss.com/docs/letter-spacing
+             */
+            tracking: [
+                {
+                    tracking: [
+                        'tighter',
+                        'tight',
+                        'normal',
+                        'wide',
+                        'wider',
+                        'widest',
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            /**
+             * Line Clamp
+             * @see https://tailwindcss.com/docs/line-clamp
+             */
+            'line-clamp': [{ 'line-clamp': ['none', isNumber, isArbitraryNumber] }],
+            /**
+             * Line Height
+             * @see https://tailwindcss.com/docs/line-height
+             */
+            leading: [
+                {
+                    leading: [
+                        'none',
+                        'tight',
+                        'snug',
+                        'normal',
+                        'relaxed',
+                        'loose',
+                        isLength,
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            /**
+             * List Style Image
+             * @see https://tailwindcss.com/docs/list-style-image
+             */
+            'list-image': [{ 'list-image': ['none', isArbitraryValue] }],
+            /**
+             * List Style Type
+             * @see https://tailwindcss.com/docs/list-style-type
+             */
+            'list-style-type': [{ list: ['none', 'disc', 'decimal', isArbitraryValue] }],
+            /**
+             * List Style Position
+             * @see https://tailwindcss.com/docs/list-style-position
+             */
+            'list-style-position': [{ list: ['inside', 'outside'] }],
+            /**
+             * Placeholder Color
+             * @deprecated since Tailwind CSS v3.0.0
+             * @see https://tailwindcss.com/docs/placeholder-color
+             */
+            'placeholder-color': [{ placeholder: [colors] }],
+            /**
+             * Placeholder Opacity
+             * @see https://tailwindcss.com/docs/placeholder-opacity
+             */
+            'placeholder-opacity': [{ 'placeholder-opacity': [opacity] }],
+            /**
+             * Text Alignment
+             * @see https://tailwindcss.com/docs/text-align
+             */
+            'text-alignment': [{ text: ['left', 'center', 'right', 'justify', 'start', 'end'] }],
+            /**
+             * Text Color
+             * @see https://tailwindcss.com/docs/text-color
+             */
+            'text-color': [{ text: [colors] }],
+            /**
+             * Text Opacity
+             * @see https://tailwindcss.com/docs/text-opacity
+             */
+            'text-opacity': [{ 'text-opacity': [opacity] }],
+            /**
+             * Text Decoration
+             * @see https://tailwindcss.com/docs/text-decoration
+             */
+            'text-decoration': ['underline', 'overline', 'line-through', 'no-underline'],
+            /**
+             * Text Decoration Style
+             * @see https://tailwindcss.com/docs/text-decoration-style
+             */
+            'text-decoration-style': [{ decoration: [...getLineStyles(), 'wavy'] }],
+            /**
+             * Text Decoration Thickness
+             * @see https://tailwindcss.com/docs/text-decoration-thickness
+             */
+            'text-decoration-thickness': [
+                { decoration: ['auto', 'from-font', isLength, isArbitraryLength] },
+            ],
+            /**
+             * Text Underline Offset
+             * @see https://tailwindcss.com/docs/text-underline-offset
+             */
+            'underline-offset': [{ 'underline-offset': ['auto', isLength, isArbitraryValue] }],
+            /**
+             * Text Decoration Color
+             * @see https://tailwindcss.com/docs/text-decoration-color
+             */
+            'text-decoration-color': [{ decoration: [colors] }],
+            /**
+             * Text Transform
+             * @see https://tailwindcss.com/docs/text-transform
+             */
+            'text-transform': ['uppercase', 'lowercase', 'capitalize', 'normal-case'],
+            /**
+             * Text Overflow
+             * @see https://tailwindcss.com/docs/text-overflow
+             */
+            'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
+            /**
+             * Text Wrap
+             * @see https://tailwindcss.com/docs/text-wrap
+             */
+            'text-wrap': [{ text: ['wrap', 'nowrap', 'balance', 'pretty'] }],
+            /**
+             * Text Indent
+             * @see https://tailwindcss.com/docs/text-indent
+             */
+            indent: [{ indent: getSpacingWithArbitrary() }],
+            /**
+             * Vertical Alignment
+             * @see https://tailwindcss.com/docs/vertical-align
+             */
+            'vertical-align': [
+                {
+                    align: [
+                        'baseline',
+                        'top',
+                        'middle',
+                        'bottom',
+                        'text-top',
+                        'text-bottom',
+                        'sub',
+                        'super',
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            /**
+             * Whitespace
+             * @see https://tailwindcss.com/docs/whitespace
+             */
+            whitespace: [
+                { whitespace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'] },
+            ],
+            /**
+             * Word Break
+             * @see https://tailwindcss.com/docs/word-break
+             */
+            break: [{ break: ['normal', 'words', 'all', 'keep'] }],
+            /**
+             * Hyphens
+             * @see https://tailwindcss.com/docs/hyphens
+             */
+            hyphens: [{ hyphens: ['none', 'manual', 'auto'] }],
+            /**
+             * Content
+             * @see https://tailwindcss.com/docs/content
+             */
+            content: [{ content: ['none', isArbitraryValue] }],
+            // Backgrounds
+            /**
+             * Background Attachment
+             * @see https://tailwindcss.com/docs/background-attachment
+             */
+            'bg-attachment': [{ bg: ['fixed', 'local', 'scroll'] }],
+            /**
+             * Background Clip
+             * @see https://tailwindcss.com/docs/background-clip
+             */
+            'bg-clip': [{ 'bg-clip': ['border', 'padding', 'content', 'text'] }],
+            /**
+             * Background Opacity
+             * @deprecated since Tailwind CSS v3.0.0
+             * @see https://tailwindcss.com/docs/background-opacity
+             */
+            'bg-opacity': [{ 'bg-opacity': [opacity] }],
+            /**
+             * Background Origin
+             * @see https://tailwindcss.com/docs/background-origin
+             */
+            'bg-origin': [{ 'bg-origin': ['border', 'padding', 'content'] }],
+            /**
+             * Background Position
+             * @see https://tailwindcss.com/docs/background-position
+             */
+            'bg-position': [{ bg: [...getPositions(), isArbitraryPosition] }],
+            /**
+             * Background Repeat
+             * @see https://tailwindcss.com/docs/background-repeat
+             */
+            'bg-repeat': [{ bg: ['no-repeat', { repeat: ['', 'x', 'y', 'round', 'space'] }] }],
+            /**
+             * Background Size
+             * @see https://tailwindcss.com/docs/background-size
+             */
+            'bg-size': [{ bg: ['auto', 'cover', 'contain', isArbitrarySize] }],
+            /**
+             * Background Image
+             * @see https://tailwindcss.com/docs/background-image
+             */
+            'bg-image': [
+                {
+                    bg: [
+                        'none',
+                        { 'gradient-to': ['t', 'tr', 'r', 'br', 'b', 'bl', 'l', 'tl'] },
+                        isArbitraryImage,
+                    ],
+                },
+            ],
+            /**
+             * Background Color
+             * @see https://tailwindcss.com/docs/background-color
+             */
+            'bg-color': [{ bg: [colors] }],
+            /**
+             * Gradient Color Stops From Position
+             * @see https://tailwindcss.com/docs/gradient-color-stops
+             */
+            'gradient-from-pos': [{ from: [gradientColorStopPositions] }],
+            /**
+             * Gradient Color Stops Via Position
+             * @see https://tailwindcss.com/docs/gradient-color-stops
+             */
+            'gradient-via-pos': [{ via: [gradientColorStopPositions] }],
+            /**
+             * Gradient Color Stops To Position
+             * @see https://tailwindcss.com/docs/gradient-color-stops
+             */
+            'gradient-to-pos': [{ to: [gradientColorStopPositions] }],
+            /**
+             * Gradient Color Stops From
+             * @see https://tailwindcss.com/docs/gradient-color-stops
+             */
+            'gradient-from': [{ from: [gradientColorStops] }],
+            /**
+             * Gradient Color Stops Via
+             * @see https://tailwindcss.com/docs/gradient-color-stops
+             */
+            'gradient-via': [{ via: [gradientColorStops] }],
+            /**
+             * Gradient Color Stops To
+             * @see https://tailwindcss.com/docs/gradient-color-stops
+             */
+            'gradient-to': [{ to: [gradientColorStops] }],
+            // Borders
+            /**
+             * Border Radius
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            rounded: [{ rounded: [borderRadius] }],
+            /**
+             * Border Radius Start
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-s': [{ 'rounded-s': [borderRadius] }],
+            /**
+             * Border Radius End
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-e': [{ 'rounded-e': [borderRadius] }],
+            /**
+             * Border Radius Top
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-t': [{ 'rounded-t': [borderRadius] }],
+            /**
+             * Border Radius Right
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-r': [{ 'rounded-r': [borderRadius] }],
+            /**
+             * Border Radius Bottom
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-b': [{ 'rounded-b': [borderRadius] }],
+            /**
+             * Border Radius Left
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-l': [{ 'rounded-l': [borderRadius] }],
+            /**
+             * Border Radius Start Start
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-ss': [{ 'rounded-ss': [borderRadius] }],
+            /**
+             * Border Radius Start End
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-se': [{ 'rounded-se': [borderRadius] }],
+            /**
+             * Border Radius End End
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-ee': [{ 'rounded-ee': [borderRadius] }],
+            /**
+             * Border Radius End Start
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-es': [{ 'rounded-es': [borderRadius] }],
+            /**
+             * Border Radius Top Left
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-tl': [{ 'rounded-tl': [borderRadius] }],
+            /**
+             * Border Radius Top Right
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-tr': [{ 'rounded-tr': [borderRadius] }],
+            /**
+             * Border Radius Bottom Right
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-br': [{ 'rounded-br': [borderRadius] }],
+            /**
+             * Border Radius Bottom Left
+             * @see https://tailwindcss.com/docs/border-radius
+             */
+            'rounded-bl': [{ 'rounded-bl': [borderRadius] }],
+            /**
+             * Border Width
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w': [{ border: [borderWidth] }],
+            /**
+             * Border Width X
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-x': [{ 'border-x': [borderWidth] }],
+            /**
+             * Border Width Y
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-y': [{ 'border-y': [borderWidth] }],
+            /**
+             * Border Width Start
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-s': [{ 'border-s': [borderWidth] }],
+            /**
+             * Border Width End
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-e': [{ 'border-e': [borderWidth] }],
+            /**
+             * Border Width Top
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-t': [{ 'border-t': [borderWidth] }],
+            /**
+             * Border Width Right
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-r': [{ 'border-r': [borderWidth] }],
+            /**
+             * Border Width Bottom
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-b': [{ 'border-b': [borderWidth] }],
+            /**
+             * Border Width Left
+             * @see https://tailwindcss.com/docs/border-width
+             */
+            'border-w-l': [{ 'border-l': [borderWidth] }],
+            /**
+             * Border Opacity
+             * @see https://tailwindcss.com/docs/border-opacity
+             */
+            'border-opacity': [{ 'border-opacity': [opacity] }],
+            /**
+             * Border Style
+             * @see https://tailwindcss.com/docs/border-style
+             */
+            'border-style': [{ border: [...getLineStyles(), 'hidden'] }],
+            /**
+             * Divide Width X
+             * @see https://tailwindcss.com/docs/divide-width
+             */
+            'divide-x': [{ 'divide-x': [borderWidth] }],
+            /**
+             * Divide Width X Reverse
+             * @see https://tailwindcss.com/docs/divide-width
+             */
+            'divide-x-reverse': ['divide-x-reverse'],
+            /**
+             * Divide Width Y
+             * @see https://tailwindcss.com/docs/divide-width
+             */
+            'divide-y': [{ 'divide-y': [borderWidth] }],
+            /**
+             * Divide Width Y Reverse
+             * @see https://tailwindcss.com/docs/divide-width
+             */
+            'divide-y-reverse': ['divide-y-reverse'],
+            /**
+             * Divide Opacity
+             * @see https://tailwindcss.com/docs/divide-opacity
+             */
+            'divide-opacity': [{ 'divide-opacity': [opacity] }],
+            /**
+             * Divide Style
+             * @see https://tailwindcss.com/docs/divide-style
+             */
+            'divide-style': [{ divide: getLineStyles() }],
+            /**
+             * Border Color
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color': [{ border: [borderColor] }],
+            /**
+             * Border Color X
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color-x': [{ 'border-x': [borderColor] }],
+            /**
+             * Border Color Y
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color-y': [{ 'border-y': [borderColor] }],
+            /**
+             * Border Color Top
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color-t': [{ 'border-t': [borderColor] }],
+            /**
+             * Border Color Right
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color-r': [{ 'border-r': [borderColor] }],
+            /**
+             * Border Color Bottom
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color-b': [{ 'border-b': [borderColor] }],
+            /**
+             * Border Color Left
+             * @see https://tailwindcss.com/docs/border-color
+             */
+            'border-color-l': [{ 'border-l': [borderColor] }],
+            /**
+             * Divide Color
+             * @see https://tailwindcss.com/docs/divide-color
+             */
+            'divide-color': [{ divide: [borderColor] }],
+            /**
+             * Outline Style
+             * @see https://tailwindcss.com/docs/outline-style
+             */
+            'outline-style': [{ outline: ['', ...getLineStyles()] }],
+            /**
+             * Outline Offset
+             * @see https://tailwindcss.com/docs/outline-offset
+             */
+            'outline-offset': [{ 'outline-offset': [isLength, isArbitraryValue] }],
+            /**
+             * Outline Width
+             * @see https://tailwindcss.com/docs/outline-width
+             */
+            'outline-w': [{ outline: [isLength, isArbitraryLength] }],
+            /**
+             * Outline Color
+             * @see https://tailwindcss.com/docs/outline-color
+             */
+            'outline-color': [{ outline: [colors] }],
+            /**
+             * Ring Width
+             * @see https://tailwindcss.com/docs/ring-width
+             */
+            'ring-w': [{ ring: getLengthWithEmptyAndArbitrary() }],
+            /**
+             * Ring Width Inset
+             * @see https://tailwindcss.com/docs/ring-width
+             */
+            'ring-w-inset': ['ring-inset'],
+            /**
+             * Ring Color
+             * @see https://tailwindcss.com/docs/ring-color
+             */
+            'ring-color': [{ ring: [colors] }],
+            /**
+             * Ring Opacity
+             * @see https://tailwindcss.com/docs/ring-opacity
+             */
+            'ring-opacity': [{ 'ring-opacity': [opacity] }],
+            /**
+             * Ring Offset Width
+             * @see https://tailwindcss.com/docs/ring-offset-width
+             */
+            'ring-offset-w': [{ 'ring-offset': [isLength, isArbitraryLength] }],
+            /**
+             * Ring Offset Color
+             * @see https://tailwindcss.com/docs/ring-offset-color
+             */
+            'ring-offset-color': [{ 'ring-offset': [colors] }],
+            // Effects
+            /**
+             * Box Shadow
+             * @see https://tailwindcss.com/docs/box-shadow
+             */
+            shadow: [{ shadow: ['', 'inner', 'none', isTshirtSize, isArbitraryShadow] }],
+            /**
+             * Box Shadow Color
+             * @see https://tailwindcss.com/docs/box-shadow-color
+             */
+            'shadow-color': [{ shadow: [isAny] }],
+            /**
+             * Opacity
+             * @see https://tailwindcss.com/docs/opacity
+             */
+            opacity: [{ opacity: [opacity] }],
+            /**
+             * Mix Blend Mode
+             * @see https://tailwindcss.com/docs/mix-blend-mode
+             */
+            'mix-blend': [{ 'mix-blend': getBlendModes() }],
+            /**
+             * Background Blend Mode
+             * @see https://tailwindcss.com/docs/background-blend-mode
+             */
+            'bg-blend': [{ 'bg-blend': getBlendModes() }],
+            // Filters
+            /**
+             * Filter
+             * @deprecated since Tailwind CSS v3.0.0
+             * @see https://tailwindcss.com/docs/filter
+             */
+            filter: [{ filter: ['', 'none'] }],
+            /**
+             * Blur
+             * @see https://tailwindcss.com/docs/blur
+             */
+            blur: [{ blur: [blur] }],
+            /**
+             * Brightness
+             * @see https://tailwindcss.com/docs/brightness
+             */
+            brightness: [{ brightness: [brightness] }],
+            /**
+             * Contrast
+             * @see https://tailwindcss.com/docs/contrast
+             */
+            contrast: [{ contrast: [contrast] }],
+            /**
+             * Drop Shadow
+             * @see https://tailwindcss.com/docs/drop-shadow
+             */
+            'drop-shadow': [{ 'drop-shadow': ['', 'none', isTshirtSize, isArbitraryValue] }],
+            /**
+             * Grayscale
+             * @see https://tailwindcss.com/docs/grayscale
+             */
+            grayscale: [{ grayscale: [grayscale] }],
+            /**
+             * Hue Rotate
+             * @see https://tailwindcss.com/docs/hue-rotate
+             */
+            'hue-rotate': [{ 'hue-rotate': [hueRotate] }],
+            /**
+             * Invert
+             * @see https://tailwindcss.com/docs/invert
+             */
+            invert: [{ invert: [invert] }],
+            /**
+             * Saturate
+             * @see https://tailwindcss.com/docs/saturate
+             */
+            saturate: [{ saturate: [saturate] }],
+            /**
+             * Sepia
+             * @see https://tailwindcss.com/docs/sepia
+             */
+            sepia: [{ sepia: [sepia] }],
+            /**
+             * Backdrop Filter
+             * @deprecated since Tailwind CSS v3.0.0
+             * @see https://tailwindcss.com/docs/backdrop-filter
+             */
+            'backdrop-filter': [{ 'backdrop-filter': ['', 'none'] }],
+            /**
+             * Backdrop Blur
+             * @see https://tailwindcss.com/docs/backdrop-blur
+             */
+            'backdrop-blur': [{ 'backdrop-blur': [blur] }],
+            /**
+             * Backdrop Brightness
+             * @see https://tailwindcss.com/docs/backdrop-brightness
+             */
+            'backdrop-brightness': [{ 'backdrop-brightness': [brightness] }],
+            /**
+             * Backdrop Contrast
+             * @see https://tailwindcss.com/docs/backdrop-contrast
+             */
+            'backdrop-contrast': [{ 'backdrop-contrast': [contrast] }],
+            /**
+             * Backdrop Grayscale
+             * @see https://tailwindcss.com/docs/backdrop-grayscale
+             */
+            'backdrop-grayscale': [{ 'backdrop-grayscale': [grayscale] }],
+            /**
+             * Backdrop Hue Rotate
+             * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+             */
+            'backdrop-hue-rotate': [{ 'backdrop-hue-rotate': [hueRotate] }],
+            /**
+             * Backdrop Invert
+             * @see https://tailwindcss.com/docs/backdrop-invert
+             */
+            'backdrop-invert': [{ 'backdrop-invert': [invert] }],
+            /**
+             * Backdrop Opacity
+             * @see https://tailwindcss.com/docs/backdrop-opacity
+             */
+            'backdrop-opacity': [{ 'backdrop-opacity': [opacity] }],
+            /**
+             * Backdrop Saturate
+             * @see https://tailwindcss.com/docs/backdrop-saturate
+             */
+            'backdrop-saturate': [{ 'backdrop-saturate': [saturate] }],
+            /**
+             * Backdrop Sepia
+             * @see https://tailwindcss.com/docs/backdrop-sepia
+             */
+            'backdrop-sepia': [{ 'backdrop-sepia': [sepia] }],
+            // Tables
+            /**
+             * Border Collapse
+             * @see https://tailwindcss.com/docs/border-collapse
+             */
+            'border-collapse': [{ border: ['collapse', 'separate'] }],
+            /**
+             * Border Spacing
+             * @see https://tailwindcss.com/docs/border-spacing
+             */
+            'border-spacing': [{ 'border-spacing': [borderSpacing] }],
+            /**
+             * Border Spacing X
+             * @see https://tailwindcss.com/docs/border-spacing
+             */
+            'border-spacing-x': [{ 'border-spacing-x': [borderSpacing] }],
+            /**
+             * Border Spacing Y
+             * @see https://tailwindcss.com/docs/border-spacing
+             */
+            'border-spacing-y': [{ 'border-spacing-y': [borderSpacing] }],
+            /**
+             * Table Layout
+             * @see https://tailwindcss.com/docs/table-layout
+             */
+            'table-layout': [{ table: ['auto', 'fixed'] }],
+            /**
+             * Caption Side
+             * @see https://tailwindcss.com/docs/caption-side
+             */
+            caption: [{ caption: ['top', 'bottom'] }],
+            // Transitions and Animation
+            /**
+             * Tranisition Property
+             * @see https://tailwindcss.com/docs/transition-property
+             */
+            transition: [
+                {
+                    transition: [
+                        'none',
+                        'all',
+                        '',
+                        'colors',
+                        'opacity',
+                        'shadow',
+                        'transform',
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            /**
+             * Transition Duration
+             * @see https://tailwindcss.com/docs/transition-duration
+             */
+            duration: [{ duration: getNumberAndArbitrary() }],
+            /**
+             * Transition Timing Function
+             * @see https://tailwindcss.com/docs/transition-timing-function
+             */
+            ease: [{ ease: ['linear', 'in', 'out', 'in-out', isArbitraryValue] }],
+            /**
+             * Transition Delay
+             * @see https://tailwindcss.com/docs/transition-delay
+             */
+            delay: [{ delay: getNumberAndArbitrary() }],
+            /**
+             * Animation
+             * @see https://tailwindcss.com/docs/animation
+             */
+            animate: [{ animate: ['none', 'spin', 'ping', 'pulse', 'bounce', isArbitraryValue] }],
+            // Transforms
+            /**
+             * Transform
+             * @see https://tailwindcss.com/docs/transform
+             */
+            transform: [{ transform: ['', 'gpu', 'none'] }],
+            /**
+             * Scale
+             * @see https://tailwindcss.com/docs/scale
+             */
+            scale: [{ scale: [scale] }],
+            /**
+             * Scale X
+             * @see https://tailwindcss.com/docs/scale
+             */
+            'scale-x': [{ 'scale-x': [scale] }],
+            /**
+             * Scale Y
+             * @see https://tailwindcss.com/docs/scale
+             */
+            'scale-y': [{ 'scale-y': [scale] }],
+            /**
+             * Rotate
+             * @see https://tailwindcss.com/docs/rotate
+             */
+            rotate: [{ rotate: [isInteger, isArbitraryValue] }],
+            /**
+             * Translate X
+             * @see https://tailwindcss.com/docs/translate
+             */
+            'translate-x': [{ 'translate-x': [translate] }],
+            /**
+             * Translate Y
+             * @see https://tailwindcss.com/docs/translate
+             */
+            'translate-y': [{ 'translate-y': [translate] }],
+            /**
+             * Skew X
+             * @see https://tailwindcss.com/docs/skew
+             */
+            'skew-x': [{ 'skew-x': [skew] }],
+            /**
+             * Skew Y
+             * @see https://tailwindcss.com/docs/skew
+             */
+            'skew-y': [{ 'skew-y': [skew] }],
+            /**
+             * Transform Origin
+             * @see https://tailwindcss.com/docs/transform-origin
+             */
+            'transform-origin': [
+                {
+                    origin: [
+                        'center',
+                        'top',
+                        'top-right',
+                        'right',
+                        'bottom-right',
+                        'bottom',
+                        'bottom-left',
+                        'left',
+                        'top-left',
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            // Interactivity
+            /**
+             * Accent Color
+             * @see https://tailwindcss.com/docs/accent-color
+             */
+            accent: [{ accent: ['auto', colors] }],
+            /**
+             * Appearance
+             * @see https://tailwindcss.com/docs/appearance
+             */
+            appearance: [{ appearance: ['none', 'auto'] }],
+            /**
+             * Cursor
+             * @see https://tailwindcss.com/docs/cursor
+             */
+            cursor: [
+                {
+                    cursor: [
+                        'auto',
+                        'default',
+                        'pointer',
+                        'wait',
+                        'text',
+                        'move',
+                        'help',
+                        'not-allowed',
+                        'none',
+                        'context-menu',
+                        'progress',
+                        'cell',
+                        'crosshair',
+                        'vertical-text',
+                        'alias',
+                        'copy',
+                        'no-drop',
+                        'grab',
+                        'grabbing',
+                        'all-scroll',
+                        'col-resize',
+                        'row-resize',
+                        'n-resize',
+                        'e-resize',
+                        's-resize',
+                        'w-resize',
+                        'ne-resize',
+                        'nw-resize',
+                        'se-resize',
+                        'sw-resize',
+                        'ew-resize',
+                        'ns-resize',
+                        'nesw-resize',
+                        'nwse-resize',
+                        'zoom-in',
+                        'zoom-out',
+                        isArbitraryValue,
+                    ],
+                },
+            ],
+            /**
+             * Caret Color
+             * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+             */
+            'caret-color': [{ caret: [colors] }],
+            /**
+             * Pointer Events
+             * @see https://tailwindcss.com/docs/pointer-events
+             */
+            'pointer-events': [{ 'pointer-events': ['none', 'auto'] }],
+            /**
+             * Resize
+             * @see https://tailwindcss.com/docs/resize
+             */
+            resize: [{ resize: ['none', 'y', 'x', ''] }],
+            /**
+             * Scroll Behavior
+             * @see https://tailwindcss.com/docs/scroll-behavior
+             */
+            'scroll-behavior': [{ scroll: ['auto', 'smooth'] }],
+            /**
+             * Scroll Margin
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-m': [{ 'scroll-m': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin X
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-mx': [{ 'scroll-mx': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin Y
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-my': [{ 'scroll-my': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin Start
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-ms': [{ 'scroll-ms': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin End
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-me': [{ 'scroll-me': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin Top
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-mt': [{ 'scroll-mt': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin Right
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-mr': [{ 'scroll-mr': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin Bottom
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-mb': [{ 'scroll-mb': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Margin Left
+             * @see https://tailwindcss.com/docs/scroll-margin
+             */
+            'scroll-ml': [{ 'scroll-ml': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-p': [{ 'scroll-p': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding X
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-px': [{ 'scroll-px': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding Y
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-py': [{ 'scroll-py': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding Start
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-ps': [{ 'scroll-ps': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding End
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-pe': [{ 'scroll-pe': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding Top
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-pt': [{ 'scroll-pt': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding Right
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-pr': [{ 'scroll-pr': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding Bottom
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-pb': [{ 'scroll-pb': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Padding Left
+             * @see https://tailwindcss.com/docs/scroll-padding
+             */
+            'scroll-pl': [{ 'scroll-pl': getSpacingWithArbitrary() }],
+            /**
+             * Scroll Snap Align
+             * @see https://tailwindcss.com/docs/scroll-snap-align
+             */
+            'snap-align': [{ snap: ['start', 'end', 'center', 'align-none'] }],
+            /**
+             * Scroll Snap Stop
+             * @see https://tailwindcss.com/docs/scroll-snap-stop
+             */
+            'snap-stop': [{ snap: ['normal', 'always'] }],
+            /**
+             * Scroll Snap Type
+             * @see https://tailwindcss.com/docs/scroll-snap-type
+             */
+            'snap-type': [{ snap: ['none', 'x', 'y', 'both'] }],
+            /**
+             * Scroll Snap Type Strictness
+             * @see https://tailwindcss.com/docs/scroll-snap-type
+             */
+            'snap-strictness': [{ snap: ['mandatory', 'proximity'] }],
+            /**
+             * Touch Action
+             * @see https://tailwindcss.com/docs/touch-action
+             */
+            touch: [
+                {
+                    touch: ['auto', 'none', 'manipulation'],
+                },
+            ],
+            /**
+             * Touch Action X
+             * @see https://tailwindcss.com/docs/touch-action
+             */
+            'touch-x': [
+                {
+                    'touch-pan': ['x', 'left', 'right'],
+                },
+            ],
+            /**
+             * Touch Action Y
+             * @see https://tailwindcss.com/docs/touch-action
+             */
+            'touch-y': [
+                {
+                    'touch-pan': ['y', 'up', 'down'],
+                },
+            ],
+            /**
+             * Touch Action Pinch Zoom
+             * @see https://tailwindcss.com/docs/touch-action
+             */
+            'touch-pz': ['touch-pinch-zoom'],
+            /**
+             * User Select
+             * @see https://tailwindcss.com/docs/user-select
+             */
+            select: [{ select: ['none', 'text', 'all', 'auto'] }],
+            /**
+             * Will Change
+             * @see https://tailwindcss.com/docs/will-change
+             */
+            'will-change': [
+                { 'will-change': ['auto', 'scroll', 'contents', 'transform', isArbitraryValue] },
+            ],
+            // SVG
+            /**
+             * Fill
+             * @see https://tailwindcss.com/docs/fill
+             */
+            fill: [{ fill: [colors, 'none'] }],
+            /**
+             * Stroke Width
+             * @see https://tailwindcss.com/docs/stroke-width
+             */
+            'stroke-w': [{ stroke: [isLength, isArbitraryLength, isArbitraryNumber] }],
+            /**
+             * Stroke
+             * @see https://tailwindcss.com/docs/stroke
+             */
+            stroke: [{ stroke: [colors, 'none'] }],
+            // Accessibility
+            /**
+             * Screen Readers
+             * @see https://tailwindcss.com/docs/screen-readers
+             */
+            sr: ['sr-only', 'not-sr-only'],
+            /**
+             * Forced Color Adjust
+             * @see https://tailwindcss.com/docs/forced-color-adjust
+             */
+            'forced-color-adjust': [{ 'forced-color-adjust': ['auto', 'none'] }],
+        },
+        conflictingClassGroups: {
+            overflow: ['overflow-x', 'overflow-y'],
+            overscroll: ['overscroll-x', 'overscroll-y'],
+            inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],
+            'inset-x': ['right', 'left'],
+            'inset-y': ['top', 'bottom'],
+            flex: ['basis', 'grow', 'shrink'],
+            gap: ['gap-x', 'gap-y'],
+            p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],
+            px: ['pr', 'pl'],
+            py: ['pt', 'pb'],
+            m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
+            mx: ['mr', 'ml'],
+            my: ['mt', 'mb'],
+            size: ['w', 'h'],
+            'font-size': ['leading'],
+            'fvn-normal': [
+                'fvn-ordinal',
+                'fvn-slashed-zero',
+                'fvn-figure',
+                'fvn-spacing',
+                'fvn-fraction',
+            ],
+            'fvn-ordinal': ['fvn-normal'],
+            'fvn-slashed-zero': ['fvn-normal'],
+            'fvn-figure': ['fvn-normal'],
+            'fvn-spacing': ['fvn-normal'],
+            'fvn-fraction': ['fvn-normal'],
+            'line-clamp': ['display', 'overflow'],
+            rounded: [
+                'rounded-s',
+                'rounded-e',
+                'rounded-t',
+                'rounded-r',
+                'rounded-b',
+                'rounded-l',
+                'rounded-ss',
+                'rounded-se',
+                'rounded-ee',
+                'rounded-es',
+                'rounded-tl',
+                'rounded-tr',
+                'rounded-br',
+                'rounded-bl',
+            ],
+            'rounded-s': ['rounded-ss', 'rounded-es'],
+            'rounded-e': ['rounded-se', 'rounded-ee'],
+            'rounded-t': ['rounded-tl', 'rounded-tr'],
+            'rounded-r': ['rounded-tr', 'rounded-br'],
+            'rounded-b': ['rounded-br', 'rounded-bl'],
+            'rounded-l': ['rounded-tl', 'rounded-bl'],
+            'border-spacing': ['border-spacing-x', 'border-spacing-y'],
+            'border-w': [
+                'border-w-s',
+                'border-w-e',
+                'border-w-t',
+                'border-w-r',
+                'border-w-b',
+                'border-w-l',
+            ],
+            'border-w-x': ['border-w-r', 'border-w-l'],
+            'border-w-y': ['border-w-t', 'border-w-b'],
+            'border-color': [
+                'border-color-t',
+                'border-color-r',
+                'border-color-b',
+                'border-color-l',
+            ],
+            'border-color-x': ['border-color-r', 'border-color-l'],
+            'border-color-y': ['border-color-t', 'border-color-b'],
+            'scroll-m': [
+                'scroll-mx',
+                'scroll-my',
+                'scroll-ms',
+                'scroll-me',
+                'scroll-mt',
+                'scroll-mr',
+                'scroll-mb',
+                'scroll-ml',
+            ],
+            'scroll-mx': ['scroll-mr', 'scroll-ml'],
+            'scroll-my': ['scroll-mt', 'scroll-mb'],
+            'scroll-p': [
+                'scroll-px',
+                'scroll-py',
+                'scroll-ps',
+                'scroll-pe',
+                'scroll-pt',
+                'scroll-pr',
+                'scroll-pb',
+                'scroll-pl',
+            ],
+            'scroll-px': ['scroll-pr', 'scroll-pl'],
+            'scroll-py': ['scroll-pt', 'scroll-pb'],
+            touch: ['touch-x', 'touch-y', 'touch-pz'],
+            'touch-x': ['touch'],
+            'touch-y': ['touch'],
+            'touch-pz': ['touch'],
+        },
+        conflictingClassGroupModifiers: {
+            'font-size': ['leading'],
+        },
+    } as const satisfies Config<DefaultClassGroupIds, DefaultThemeGroupIds>
+}