'use strict'; function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); var CLASS_PART_SEPARATOR = '-'; var createClassGroupUtils = function createClassGroupUtils(config) { var classMap = createClassMap(config); var conflictingClassGroups = config.conflictingClassGroups, conflictingClassGroupModifiers = config.conflictingClassGroupModifiers; var getClassGroupId = function getClassGroupId(className) { var classParts = className.split(CLASS_PART_SEPARATOR); // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and remove it from classParts. if (classParts[0] === '' && classParts.length !== 1) { classParts.shift(); } return _getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className); }; var getConflictingClassGroupIds = function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) { var conflicts = conflictingClassGroups[classGroupId] || []; if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) { return [].concat(conflicts, conflictingClassGroupModifiers[classGroupId]); } return conflicts; }; return { getClassGroupId: getClassGroupId, getConflictingClassGroupIds: getConflictingClassGroupIds }; }; var _getGroupRecursive = function getGroupRecursive(classParts, classPartObject) { var _classPartObject$vali; if (classParts.length === 0) { return classPartObject.classGroupId; } var currentClassPart = classParts[0]; var nextClassPartObject = classPartObject.nextPart.get(currentClassPart); var classGroupFromNextClassPart = nextClassPartObject ? _getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined; if (classGroupFromNextClassPart) { return classGroupFromNextClassPart; } if (classPartObject.validators.length === 0) { return undefined; } var classRest = classParts.join(CLASS_PART_SEPARATOR); return (_classPartObject$vali = classPartObject.validators.find(function (_ref) { var validator = _ref.validator; return validator(classRest); })) == null ? void 0 : _classPartObject$vali.classGroupId; }; var arbitraryPropertyRegex = /^\[(.+)\]$/; var getGroupIdForArbitraryProperty = function getGroupIdForArbitraryProperty(className) { if (arbitraryPropertyRegex.test(className)) { var arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1]; var property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(':')); if (property) { // I use two dots here because one dot is used as prefix for class groups in plugins return 'arbitrary..' + property; } } }; /** * Exported for testing only */ var createClassMap = function createClassMap(config) { var theme = config.theme, prefix = config.prefix; var classMap = { nextPart: new Map(), validators: [] }; var prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix); prefixedClassGroupEntries.forEach(function (_ref2) { var classGroupId = _ref2[0], classGroup = _ref2[1]; _processClassesRecursively(classGroup, classMap, classGroupId, theme); }); return classMap; }; var _processClassesRecursively = function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) { classGroup.forEach(function (classDefinition) { if (typeof classDefinition === 'string') { var classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition); classPartObjectToEdit.classGroupId = classGroupId; return; } if (typeof classDefinition === 'function') { if (isThemeGetter(classDefinition)) { _processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme); return; } classPartObject.validators.push({ validator: classDefinition, classGroupId: classGroupId }); return; } Object.entries(classDefinition).forEach(function (_ref3) { var key = _ref3[0], classGroup = _ref3[1]; _processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme); }); }); }; var getPart = function getPart(classPartObject, path) { var currentClassPartObject = classPartObject; path.split(CLASS_PART_SEPARATOR).forEach(function (pathPart) { if (!currentClassPartObject.nextPart.has(pathPart)) { currentClassPartObject.nextPart.set(pathPart, { nextPart: new Map(), validators: [] }); } currentClassPartObject = currentClassPartObject.nextPart.get(pathPart); }); return currentClassPartObject; }; var isThemeGetter = function isThemeGetter(func) { return func.isThemeGetter; }; var getPrefixedClassGroupEntries = function getPrefixedClassGroupEntries(classGroupEntries, prefix) { if (!prefix) { return classGroupEntries; } return classGroupEntries.map(function (_ref4) { var classGroupId = _ref4[0], classGroup = _ref4[1]; var prefixedClassGroup = classGroup.map(function (classDefinition) { if (typeof classDefinition === 'string') { return prefix + classDefinition; } if (typeof classDefinition === 'object') { return Object.fromEntries(Object.entries(classDefinition).map(function (_ref5) { var key = _ref5[0], value = _ref5[1]; return [prefix + key, value]; })); } return classDefinition; }); return [classGroupId, prefixedClassGroup]; }); }; // LRU cache inspired from hashlru (https://github.com/dominictarr/hashlru/blob/v1.0.4/index.js) but object replaced with Map to improve performance var createLruCache = function createLruCache(maxCacheSize) { if (maxCacheSize < 1) { return { get: function get() { return undefined; }, set: function set() {} }; } var cacheSize = 0; var cache = new Map(); var previousCache = new Map(); var update = function update(key, value) { cache.set(key, value); cacheSize++; if (cacheSize > maxCacheSize) { cacheSize = 0; previousCache = cache; cache = new Map(); } }; return { get: function get(key) { var value = cache.get(key); if (value !== undefined) { return value; } if ((value = previousCache.get(key)) !== undefined) { update(key, value); return value; } }, set: function set(key, value) { if (cache.has(key)) { cache.set(key, value); } else { update(key, value); } } }; }; var IMPORTANT_MODIFIER = '!'; var createParseClassName = function createParseClassName(config) { var separator = config.separator, experimentalParseClassName = config.experimentalParseClassName; var isSeparatorSingleCharacter = separator.length === 1; var firstSeparatorCharacter = separator[0]; var separatorLength = separator.length; // parseClassName inspired by https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js var parseClassName = function parseClassName(className) { var modifiers = []; var bracketDepth = 0; var modifierStart = 0; var postfixModifierPosition; for (var index = 0; index < className.length; index++) { var currentCharacter = className[index]; if (bracketDepth === 0) { if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) { modifiers.push(className.slice(modifierStart, index)); modifierStart = index + separatorLength; continue; } if (currentCharacter === '/') { postfixModifierPosition = index; continue; } } if (currentCharacter === '[') { bracketDepth++; } else if (currentCharacter === ']') { bracketDepth--; } } var baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart); var hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER); var baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier; var maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined; return { modifiers: modifiers, hasImportantModifier: hasImportantModifier, baseClassName: baseClassName, maybePostfixModifierPosition: maybePostfixModifierPosition }; }; if (experimentalParseClassName) { return function (className) { return experimentalParseClassName({ className: className, parseClassName: parseClassName }); }; } return parseClassName; }; /** * Sorts modifiers according to following schema: * - Predefined modifiers are sorted alphabetically * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it */ var sortModifiers = function sortModifiers(modifiers) { if (modifiers.length <= 1) { return modifiers; } var sortedModifiers = []; var unsortedModifiers = []; modifiers.forEach(function (modifier) { var isArbitraryVariant = modifier[0] === '['; if (isArbitraryVariant) { sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort().concat([modifier])); unsortedModifiers = []; } else { unsortedModifiers.push(modifier); } }); sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort()); return sortedModifiers; }; var createConfigUtils = function createConfigUtils(config) { return _extends({ cache: createLruCache(config.cacheSize), parseClassName: createParseClassName(config) }, createClassGroupUtils(config)); }; var SPLIT_CLASSES_REGEX = /\s+/; var mergeClassList = function mergeClassList(classList, configUtils) { var parseClassName = configUtils.parseClassName, getClassGroupId = configUtils.getClassGroupId, getConflictingClassGroupIds = configUtils.getConflictingClassGroupIds; /** * Set of classGroupIds in following format: * `{importantModifier}{variantModifiers}{classGroupId}` * @example 'float' * @example 'hover:focus:bg-color' * @example 'md:!pr' */ var classGroupsInConflict = []; var classNames = classList.trim().split(SPLIT_CLASSES_REGEX); var result = ''; for (var index = classNames.length - 1; index >= 0; index -= 1) { var originalClassName = classNames[index]; var _parseClassName = parseClassName(originalClassName), modifiers = _parseClassName.modifiers, hasImportantModifier = _parseClassName.hasImportantModifier, baseClassName = _parseClassName.baseClassName, maybePostfixModifierPosition = _parseClassName.maybePostfixModifierPosition; var hasPostfixModifier = Boolean(maybePostfixModifierPosition); var classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName); if (!classGroupId) { if (!hasPostfixModifier) { // Not a Tailwind class result = originalClassName + (result.length > 0 ? ' ' + result : result); continue; } classGroupId = getClassGroupId(baseClassName); if (!classGroupId) { // Not a Tailwind class result = originalClassName + (result.length > 0 ? ' ' + result : result); continue; } hasPostfixModifier = false; } var variantModifier = sortModifiers(modifiers).join(':'); var modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier; var classId = modifierId + classGroupId; if (classGroupsInConflict.includes(classId)) { // Tailwind class omitted due to conflict continue; } classGroupsInConflict.push(classId); var conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier); for (var i = 0; i < conflictGroups.length; ++i) { var group = conflictGroups[i]; classGroupsInConflict.push(modifierId + group); } // Tailwind class not in conflict result = originalClassName + (result.length > 0 ? ' ' + result : result); } return result; }; /** * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better. * * Specifically: * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts * * Original code has MIT license: Copyright (c) Luke Edwards (lukeed.com) */ function twJoin() { var index = 0; var argument; var resolvedValue; var string = ''; while (index < arguments.length) { if (argument = arguments[index++]) { if (resolvedValue = _toValue(argument)) { string && (string += ' '); string += resolvedValue; } } } return string; } var _toValue = function toValue(mix) { if (typeof mix === 'string') { return mix; } var resolvedValue; var string = ''; for (var k = 0; k < mix.length; k++) { if (mix[k]) { if (resolvedValue = _toValue(mix[k])) { string && (string += ' '); string += resolvedValue; } } } return string; }; function createTailwindMerge(createConfigFirst) { for (var _len = arguments.length, createConfigRest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { createConfigRest[_key - 1] = arguments[_key]; } var configUtils; var cacheGet; var cacheSet; var functionToCall = initTailwindMerge; function initTailwindMerge(classList) { var config = createConfigRest.reduce(function (previousConfig, createConfigCurrent) { return createConfigCurrent(previousConfig); }, createConfigFirst()); configUtils = createConfigUtils(config); cacheGet = configUtils.cache.get; cacheSet = configUtils.cache.set; functionToCall = tailwindMerge; return tailwindMerge(classList); } function tailwindMerge(classList) { var cachedResult = cacheGet(classList); if (cachedResult) { return cachedResult; } var result = mergeClassList(classList, configUtils); cacheSet(classList, result); return result; } return function callTailwindMerge() { return functionToCall(twJoin.apply(null, arguments)); }; } var fromTheme = function fromTheme(key) { var themeGetter = function themeGetter(theme) { return theme[key] || []; }; themeGetter.isThemeGetter = true; return themeGetter; }; var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i; var fractionRegex = /^\d+\/\d+$/; var stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']); var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/; var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/; var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/; // Shadow always begins with x and y offset separated by underscore optionally prepended by inset var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/; var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/; var isLength = function isLength(value) { return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value); }; var isArbitraryLength = function isArbitraryLength(value) { return getIsArbitraryValue(value, 'length', isLengthOnly); }; var isNumber = function isNumber(value) { return Boolean(value) && !Number.isNaN(Number(value)); }; var isArbitraryNumber = function isArbitraryNumber(value) { return getIsArbitraryValue(value, 'number', isNumber); }; var isInteger = function isInteger(value) { return Boolean(value) && Number.isInteger(Number(value)); }; var isPercent = function isPercent(value) { return value.endsWith('%') && isNumber(value.slice(0, -1)); }; var isArbitraryValue = function isArbitraryValue(value) { return arbitraryValueRegex.test(value); }; var isTshirtSize = function isTshirtSize(value) { return tshirtUnitRegex.test(value); }; var sizeLabels = /*#__PURE__*/new Set(['length', 'size', 'percentage']); var isArbitrarySize = function isArbitrarySize(value) { return getIsArbitraryValue(value, sizeLabels, isNever); }; var isArbitraryPosition = function isArbitraryPosition(value) { return getIsArbitraryValue(value, 'position', isNever); }; var imageLabels = /*#__PURE__*/new Set(['image', 'url']); var isArbitraryImage = function isArbitraryImage(value) { return getIsArbitraryValue(value, imageLabels, isImage); }; var isArbitraryShadow = function isArbitraryShadow(value) { return getIsArbitraryValue(value, '', isShadow); }; var isAny = function isAny() { return true; }; var getIsArbitraryValue = function getIsArbitraryValue(value, label, testValue) { var result = arbitraryValueRegex.exec(value); if (result) { if (result[1]) { return typeof label === 'string' ? result[1] === label : label.has(result[1]); } return testValue(result[2]); } return false; }; var isLengthOnly = function isLengthOnly(value) { return ( // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths. // For example, `hsl(0 0% 0%)` would be classified as a length without this check. // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough. lengthUnitRegex.test(value) && !colorFunctionRegex.test(value) ); }; var isNever = function isNever() { return false; }; var isShadow = function isShadow(value) { return shadowRegex.test(value); }; var isImage = function isImage(value) { return imageRegex.test(value); }; var validators = /*#__PURE__*/Object.defineProperty({ __proto__: null, isAny: isAny, isArbitraryImage: isArbitraryImage, isArbitraryLength: isArbitraryLength, isArbitraryNumber: isArbitraryNumber, isArbitraryPosition: isArbitraryPosition, isArbitraryShadow: isArbitraryShadow, isArbitrarySize: isArbitrarySize, isArbitraryValue: isArbitraryValue, isInteger: isInteger, isLength: isLength, isNumber: isNumber, isPercent: isPercent, isTshirtSize: isTshirtSize }, Symbol.toStringTag, { value: 'Module' }); var getDefaultConfig = function getDefaultConfig() { var colors = fromTheme('colors'); var spacing = fromTheme('spacing'); var blur = fromTheme('blur'); var brightness = fromTheme('brightness'); var borderColor = fromTheme('borderColor'); var borderRadius = fromTheme('borderRadius'); var borderSpacing = fromTheme('borderSpacing'); var borderWidth = fromTheme('borderWidth'); var contrast = fromTheme('contrast'); var grayscale = fromTheme('grayscale'); var hueRotate = fromTheme('hueRotate'); var invert = fromTheme('invert'); var gap = fromTheme('gap'); var gradientColorStops = fromTheme('gradientColorStops'); var gradientColorStopPositions = fromTheme('gradientColorStopPositions'); var inset = fromTheme('inset'); var margin = fromTheme('margin'); var opacity = fromTheme('opacity'); var padding = fromTheme('padding'); var saturate = fromTheme('saturate'); var scale = fromTheme('scale'); var sepia = fromTheme('sepia'); var skew = fromTheme('skew'); var space = fromTheme('space'); var translate = fromTheme('translate'); var getOverscroll = function getOverscroll() { return ['auto', 'contain', 'none']; }; var getOverflow = function getOverflow() { return ['auto', 'hidden', 'clip', 'visible', 'scroll']; }; var getSpacingWithAutoAndArbitrary = function getSpacingWithAutoAndArbitrary() { return ['auto', isArbitraryValue, spacing]; }; var getSpacingWithArbitrary = function getSpacingWithArbitrary() { return [isArbitraryValue, spacing]; }; var getLengthWithEmptyAndArbitrary = function getLengthWithEmptyAndArbitrary() { return ['', isLength, isArbitraryLength]; }; var getNumberWithAutoAndArbitrary = function getNumberWithAutoAndArbitrary() { return ['auto', isNumber, isArbitraryValue]; }; var getPositions = function getPositions() { return ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top']; }; var getLineStyles = function getLineStyles() { return ['solid', 'dashed', 'dotted', 'double', 'none']; }; var getBlendModes = function getBlendModes() { return ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity']; }; var getAlign = function getAlign() { return ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch']; }; var getZeroAndEmpty = function getZeroAndEmpty() { return ['', '0', isArbitraryValue]; }; var getBreaks = function getBreaks() { return ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column']; }; var getNumberAndArbitrary = function getNumberAndArbitrary() { return [isNumber, isArbitraryValue]; }; return { cacheSize: 500, separator: ':', theme: { colors: [isAny], spacing: [isLength, isArbitraryLength], blur: ['none', '', isTshirtSize, isArbitraryValue], brightness: getNumberAndArbitrary(), borderColor: [colors], borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue], borderSpacing: getSpacingWithArbitrary(), borderWidth: getLengthWithEmptyAndArbitrary(), contrast: getNumberAndArbitrary(), grayscale: getZeroAndEmpty(), hueRotate: getNumberAndArbitrary(), invert: getZeroAndEmpty(), gap: getSpacingWithArbitrary(), gradientColorStops: [colors], gradientColorStopPositions: [isPercent, isArbitraryLength], inset: getSpacingWithAutoAndArbitrary(), margin: getSpacingWithAutoAndArbitrary(), opacity: getNumberAndArbitrary(), padding: getSpacingWithArbitrary(), saturate: getNumberAndArbitrary(), scale: getNumberAndArbitrary(), 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: [].concat(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'].concat(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'].concat(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': [].concat(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-fractions'], /** * 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: [].concat(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: [].concat(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: [].concat(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 S * @see https://tailwindcss.com/docs/border-color */ 'border-color-s': [{ 'border-s': [borderColor] }], /** * Border Color E * @see https://tailwindcss.com/docs/border-color */ 'border-color-e': [{ 'border-e': [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: [''].concat(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': [].concat(getBlendModes(), ['plus-lighter', 'plus-darker']) }], /** * 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-s', 'border-color-e', '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'] } }; }; /** * @param baseConfig Config where other config will be merged into. This object will be mutated. * @param configExtension Partial config to merge into the `baseConfig`. */ var mergeConfigs = function mergeConfigs(baseConfig, _ref6) { var cacheSize = _ref6.cacheSize, prefix = _ref6.prefix, separator = _ref6.separator, experimentalParseClassName = _ref6.experimentalParseClassName, _ref6$extend = _ref6.extend, extend = _ref6$extend === void 0 ? {} : _ref6$extend, _ref6$override = _ref6.override, override = _ref6$override === void 0 ? {} : _ref6$override; overrideProperty(baseConfig, 'cacheSize', cacheSize); overrideProperty(baseConfig, 'prefix', prefix); overrideProperty(baseConfig, 'separator', separator); overrideProperty(baseConfig, 'experimentalParseClassName', experimentalParseClassName); for (var configKey in override) { overrideConfigProperties(baseConfig[configKey], override[configKey]); } for (var key in extend) { mergeConfigProperties(baseConfig[key], extend[key]); } return baseConfig; }; var overrideProperty = function overrideProperty(baseObject, overrideKey, overrideValue) { if (overrideValue !== undefined) { baseObject[overrideKey] = overrideValue; } }; var overrideConfigProperties = function overrideConfigProperties(baseObject, overrideObject) { if (overrideObject) { for (var key in overrideObject) { overrideProperty(baseObject, key, overrideObject[key]); } } }; var mergeConfigProperties = function mergeConfigProperties(baseObject, mergeObject) { if (mergeObject) { for (var key in mergeObject) { var mergeValue = mergeObject[key]; if (mergeValue !== undefined) { baseObject[key] = (baseObject[key] || []).concat(mergeValue); } } } }; var extendTailwindMerge = function extendTailwindMerge(configExtension) { for (var _len2 = arguments.length, createConfig = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { createConfig[_key2 - 1] = arguments[_key2]; } return typeof configExtension === 'function' ? createTailwindMerge.apply(void 0, [getDefaultConfig, configExtension].concat(createConfig)) : createTailwindMerge.apply(void 0, [function () { return mergeConfigs(getDefaultConfig(), configExtension); }].concat(createConfig)); }; var twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig); exports.createTailwindMerge = createTailwindMerge; exports.extendTailwindMerge = extendTailwindMerge; exports.fromTheme = fromTheme; exports.getDefaultConfig = getDefaultConfig; exports.mergeConfigs = mergeConfigs; exports.twJoin = twJoin; exports.twMerge = twMerge; exports.validators = validators; //# sourceMappingURL=bundle-cjs.js.map