Add ES5 build #283
Labels
Comments
|
Some thoughts:
|
|
Just made an attempt with Parcel, but probably will use rollup instead because of hard to read variable names and a bug. Some findings: Pros
Cons
Parcel ESM build for tailwind-merge@1.14.0function $parcel$export(e, n, v, s) {
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}
/**
* 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 <luke.edwards05@gmail.com> (lukeed.com)
*/ function $0be7015e7cd55216$export$a8bbfb445e1f163f() {
let index = 0;
let argument;
let resolvedValue;
let string = "";
while(index < arguments.length){
if (argument = arguments[index++]) {
if (resolvedValue = $0be7015e7cd55216$var$toValue(argument)) {
string && (string += " ");
string += resolvedValue;
}
}
}
return string;
}
function $0be7015e7cd55216$var$toValue(mix) {
if (typeof mix === "string") return mix;
let resolvedValue;
let string = "";
for(let k = 0; k < mix.length; k++){
if (mix[k]) {
if (resolvedValue = $0be7015e7cd55216$var$toValue(mix[k])) {
string && (string += " ");
string += resolvedValue;
}
}
}
return string;
}
const $ef99ce51c345bfb6$var$CLASS_PART_SEPARATOR = "-";
function $ef99ce51c345bfb6$export$e3a687438e51f555(config) {
const classMap = $ef99ce51c345bfb6$export$936eaf1f027937d7(config);
const { conflictingClassGroups: conflictingClassGroups, conflictingClassGroupModifiers: conflictingClassGroupModifiers = {} } = config;
function getClassGroupId(className) {
const classParts = className.split($ef99ce51c345bfb6$var$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 $ef99ce51c345bfb6$var$getGroupRecursive(classParts, classMap) || $ef99ce51c345bfb6$var$getGroupIdForArbitraryProperty(className);
}
function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {
const conflicts = conflictingClassGroups[classGroupId] || [];
if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) return [
...conflicts,
...conflictingClassGroupModifiers[classGroupId]
];
return conflicts;
}
return {
getClassGroupId: getClassGroupId,
getConflictingClassGroupIds: getConflictingClassGroupIds
};
}
function $ef99ce51c345bfb6$var$getGroupRecursive(classParts, classPartObject) {
if (classParts.length === 0) return classPartObject.classGroupId;
const currentClassPart = classParts[0];
const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
const classGroupFromNextClassPart = nextClassPartObject ? $ef99ce51c345bfb6$var$getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
if (classGroupFromNextClassPart) return classGroupFromNextClassPart;
if (classPartObject.validators.length === 0) return undefined;
const classRest = classParts.join($ef99ce51c345bfb6$var$CLASS_PART_SEPARATOR);
return classPartObject.validators.find(({ validator: validator })=>validator(classRest))?.classGroupId;
}
const $ef99ce51c345bfb6$var$arbitraryPropertyRegex = /^\[(.+)\]$/;
function $ef99ce51c345bfb6$var$getGroupIdForArbitraryProperty(className) {
if ($ef99ce51c345bfb6$var$arbitraryPropertyRegex.test(className)) {
const arbitraryPropertyClassName = $ef99ce51c345bfb6$var$arbitraryPropertyRegex.exec(className)[1];
const property = 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;
}
}
function $ef99ce51c345bfb6$export$936eaf1f027937d7(config) {
const { theme: theme, prefix: prefix } = config;
const classMap = {
nextPart: new Map(),
validators: []
};
const prefixedClassGroupEntries = $ef99ce51c345bfb6$var$getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
prefixedClassGroupEntries.forEach(([classGroupId, classGroup])=>{
$ef99ce51c345bfb6$var$processClassesRecursively(classGroup, classMap, classGroupId, theme);
});
return classMap;
}
function $ef99ce51c345bfb6$var$processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {
classGroup.forEach((classDefinition)=>{
if (typeof classDefinition === "string") {
const classPartObjectToEdit = classDefinition === "" ? classPartObject : $ef99ce51c345bfb6$var$getPart(classPartObject, classDefinition);
classPartObjectToEdit.classGroupId = classGroupId;
return;
}
if (typeof classDefinition === "function") {
if ($ef99ce51c345bfb6$var$isThemeGetter(classDefinition)) {
$ef99ce51c345bfb6$var$processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
return;
}
classPartObject.validators.push({
validator: classDefinition,
classGroupId: classGroupId
});
return;
}
Object.entries(classDefinition).forEach(([key, classGroup])=>{
$ef99ce51c345bfb6$var$processClassesRecursively(classGroup, $ef99ce51c345bfb6$var$getPart(classPartObject, key), classGroupId, theme);
});
});
}
function $ef99ce51c345bfb6$var$getPart(classPartObject, path) {
let currentClassPartObject = classPartObject;
path.split($ef99ce51c345bfb6$var$CLASS_PART_SEPARATOR).forEach((pathPart)=>{
if (!currentClassPartObject.nextPart.has(pathPart)) currentClassPartObject.nextPart.set(pathPart, {
nextPart: new Map(),
validators: []
});
currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
});
return currentClassPartObject;
}
function $ef99ce51c345bfb6$var$isThemeGetter(func) {
return func.isThemeGetter;
}
function $ef99ce51c345bfb6$var$getPrefixedClassGroupEntries(classGroupEntries, prefix) {
if (!prefix) return classGroupEntries;
return classGroupEntries.map(([classGroupId, classGroup])=>{
const prefixedClassGroup = classGroup.map((classDefinition)=>{
if (typeof classDefinition === "string") return prefix + classDefinition;
if (typeof classDefinition === "object") return Object.fromEntries(Object.entries(classDefinition).map(([key, value])=>[
prefix + key,
value
]));
return classDefinition;
});
return [
classGroupId,
prefixedClassGroup
];
});
}
// Export is needed because TypeScript complains about an error otherwise:
// Error: …/tailwind-merge/src/config-utils.ts(8,17): semantic error TS4058: Return type of exported function has or is using name 'LruCache' from external module "…/tailwind-merge/src/lru-cache" but cannot be named.
function $cd82ec0a07a64c0d$export$cf6a7cbaa5f64437(maxCacheSize) {
if (maxCacheSize < 1) return {
get: ()=>undefined,
set: ()=>{}
};
let cacheSize = 0;
let cache = new Map();
let previousCache = new Map();
function update(key, value) {
cache.set(key, value);
cacheSize++;
if (cacheSize > maxCacheSize) {
cacheSize = 0;
previousCache = cache;
cache = new Map();
}
}
return {
get (key) {
let value = cache.get(key);
if (value !== undefined) return value;
if ((value = previousCache.get(key)) !== undefined) {
update(key, value);
return value;
}
},
set (key, value) {
if (cache.has(key)) cache.set(key, value);
else update(key, value);
}
};
}
const $75d51da26bde40b9$export$61823b46426d06fa = "!";
function $75d51da26bde40b9$export$b5f40ac45a8dd583(config) {
const separator = config.separator || ":";
const isSeparatorSingleCharacter = separator.length === 1;
const firstSeparatorCharacter = separator[0];
const separatorLength = separator.length;
// splitModifiers inspired by https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
return function splitModifiers(className) {
const modifiers = [];
let bracketDepth = 0;
let modifierStart = 0;
let postfixModifierPosition;
for(let index = 0; index < className.length; index++){
let 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--;
}
const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
const hasImportantModifier = baseClassNameWithImportantModifier.startsWith($75d51da26bde40b9$export$61823b46426d06fa);
const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
return {
modifiers: modifiers,
hasImportantModifier: hasImportantModifier,
baseClassName: baseClassName,
maybePostfixModifierPosition: maybePostfixModifierPosition
};
};
}
function $75d51da26bde40b9$export$4f247a60f8a83b3a(modifiers) {
if (modifiers.length <= 1) return modifiers;
const sortedModifiers = [];
let unsortedModifiers = [];
modifiers.forEach((modifier)=>{
const isArbitraryVariant = modifier[0] === "[";
if (isArbitraryVariant) {
sortedModifiers.push(...unsortedModifiers.sort(), modifier);
unsortedModifiers = [];
} else unsortedModifiers.push(modifier);
});
sortedModifiers.push(...unsortedModifiers.sort());
return sortedModifiers;
}
function $906654a7c39e5334$export$56ab4ba5b0b25eb0(config) {
return {
cache: (0, $cd82ec0a07a64c0d$export$cf6a7cbaa5f64437)(config.cacheSize),
splitModifiers: (0, $75d51da26bde40b9$export$b5f40ac45a8dd583)(config),
...(0, $ef99ce51c345bfb6$export$e3a687438e51f555)(config)
};
}
const $97b1504a5330abc5$var$SPLIT_CLASSES_REGEX = /\s+/;
function $97b1504a5330abc5$export$b41084d9255a3248(classList, configUtils) {
const { splitModifiers: splitModifiers, getClassGroupId: getClassGroupId, getConflictingClassGroupIds: getConflictingClassGroupIds } = configUtils;
/**
* Set of classGroupIds in following format:
* `{importantModifier}{variantModifiers}{classGroupId}`
* @example 'float'
* @example 'hover:focus:bg-color'
* @example 'md:!pr'
*/ const classGroupsInConflict = new Set();
return classList.trim().split($97b1504a5330abc5$var$SPLIT_CLASSES_REGEX).map((originalClassName)=>{
const { modifiers: modifiers, hasImportantModifier: hasImportantModifier, baseClassName: baseClassName, maybePostfixModifierPosition: maybePostfixModifierPosition } = splitModifiers(originalClassName);
let classGroupId = getClassGroupId(maybePostfixModifierPosition ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
if (!classGroupId) {
if (!maybePostfixModifierPosition) return {
isTailwindClass: false,
originalClassName: originalClassName
};
classGroupId = getClassGroupId(baseClassName);
if (!classGroupId) return {
isTailwindClass: false,
originalClassName: originalClassName
};
hasPostfixModifier = false;
}
const variantModifier = (0, $75d51da26bde40b9$export$4f247a60f8a83b3a)(modifiers).join(":");
const modifierId = hasImportantModifier ? variantModifier + (0, $75d51da26bde40b9$export$61823b46426d06fa) : variantModifier;
return {
isTailwindClass: true,
modifierId: modifierId,
classGroupId: classGroupId,
originalClassName: originalClassName,
hasPostfixModifier: hasPostfixModifier
};
}).reverse()// Last class in conflict wins, so we need to filter conflicting classes in reverse order.
.filter((parsed)=>{
if (!parsed.isTailwindClass) return true;
const { modifierId: modifierId, classGroupId: classGroupId, hasPostfixModifier: hasPostfixModifier } = parsed;
const classId = modifierId + classGroupId;
if (classGroupsInConflict.has(classId)) return false;
classGroupsInConflict.add(classId);
getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach((group)=>classGroupsInConflict.add(modifierId + group));
return true;
}).reverse().map((parsed)=>parsed.originalClassName).join(" ");
}
function $bc438306d0c95316$export$ea2d4fba4d1bd27f(...createConfig) {
let configUtils;
let cacheGet;
let cacheSet;
let functionToCall = initTailwindMerge;
function initTailwindMerge(classList) {
const [firstCreateConfig, ...restCreateConfig] = createConfig;
const config = restCreateConfig.reduce((previousConfig, createConfigCurrent)=>createConfigCurrent(previousConfig), firstCreateConfig());
configUtils = (0, $906654a7c39e5334$export$56ab4ba5b0b25eb0)(config);
cacheGet = configUtils.cache.get;
cacheSet = configUtils.cache.set;
functionToCall = tailwindMerge;
return tailwindMerge(classList);
}
function tailwindMerge(classList) {
const cachedResult = cacheGet(classList);
if (cachedResult) return cachedResult;
const result = (0, $97b1504a5330abc5$export$b41084d9255a3248)(classList, configUtils);
cacheSet(classList, result);
return result;
}
return function callTailwindMerge() {
return functionToCall((0, $0be7015e7cd55216$export$a8bbfb445e1f163f).apply(null, arguments));
};
}
function $03830068480a8fa1$export$e176af7b8eefe933(key) {
const themeGetter = (theme)=>theme[key] || [];
themeGetter.isThemeGetter = true;
return themeGetter;
}
var $7404cf3ec8983ab6$exports = {};
$parcel$export($7404cf3ec8983ab6$exports, "isLength", () => $7404cf3ec8983ab6$export$38db3d147cb3433);
$parcel$export($7404cf3ec8983ab6$exports, "isNumber", () => $7404cf3ec8983ab6$export$7e4aa119212bc614);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryLength", () => $7404cf3ec8983ab6$export$f5e3af6d4c0fbe38);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitrarySize", () => $7404cf3ec8983ab6$export$92dbd3a305a7cb8b);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryPosition", () => $7404cf3ec8983ab6$export$57d00f225f425549);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryUrl", () => $7404cf3ec8983ab6$export$478a5386e985802b);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryNumber", () => $7404cf3ec8983ab6$export$ea45ce4f1b2d6088);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryWeight", () => $7404cf3ec8983ab6$export$cd3ce15f42623f06);
$parcel$export($7404cf3ec8983ab6$exports, "isPercent", () => $7404cf3ec8983ab6$export$e50269385c77c348);
$parcel$export($7404cf3ec8983ab6$exports, "isInteger", () => $7404cf3ec8983ab6$export$a287f47fed4544b8);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryValue", () => $7404cf3ec8983ab6$export$5534a8576501817d);
$parcel$export($7404cf3ec8983ab6$exports, "isAny", () => $7404cf3ec8983ab6$export$ebb65efc98a3b5f7);
$parcel$export($7404cf3ec8983ab6$exports, "isTshirtSize", () => $7404cf3ec8983ab6$export$a40791c6b7db5bcc);
$parcel$export($7404cf3ec8983ab6$exports, "isArbitraryShadow", () => $7404cf3ec8983ab6$export$d01106465b385604);
const $7404cf3ec8983ab6$var$arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
const $7404cf3ec8983ab6$var$fractionRegex = /^\d+\/\d+$/;
const $7404cf3ec8983ab6$var$stringLengths = new Set([
"px",
"full",
"screen"
]);
const $7404cf3ec8983ab6$var$tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
const $7404cf3ec8983ab6$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$/;
// Shadow always begins with x and y offset separated by underscore
const $7404cf3ec8983ab6$var$shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
function $7404cf3ec8983ab6$export$38db3d147cb3433(value) {
return $7404cf3ec8983ab6$export$7e4aa119212bc614(value) || $7404cf3ec8983ab6$var$stringLengths.has(value) || $7404cf3ec8983ab6$var$fractionRegex.test(value) || $7404cf3ec8983ab6$export$f5e3af6d4c0fbe38(value);
}
function $7404cf3ec8983ab6$export$f5e3af6d4c0fbe38(value) {
return $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "length", $7404cf3ec8983ab6$var$isLengthOnly);
}
function $7404cf3ec8983ab6$export$92dbd3a305a7cb8b(value) {
return $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "size", $7404cf3ec8983ab6$var$isNever);
}
function $7404cf3ec8983ab6$export$57d00f225f425549(value) {
return $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "position", $7404cf3ec8983ab6$var$isNever);
}
function $7404cf3ec8983ab6$export$478a5386e985802b(value) {
return $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "url", $7404cf3ec8983ab6$var$isUrl);
}
function $7404cf3ec8983ab6$export$ea45ce4f1b2d6088(value) {
return $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "number", $7404cf3ec8983ab6$export$7e4aa119212bc614);
}
const $7404cf3ec8983ab6$export$cd3ce15f42623f06 = $7404cf3ec8983ab6$export$ea45ce4f1b2d6088;
function $7404cf3ec8983ab6$export$7e4aa119212bc614(value) {
return !Number.isNaN(Number(value));
}
function $7404cf3ec8983ab6$export$e50269385c77c348(value) {
return value.endsWith("%") && $7404cf3ec8983ab6$export$7e4aa119212bc614(value.slice(0, -1));
}
function $7404cf3ec8983ab6$export$a287f47fed4544b8(value) {
return $7404cf3ec8983ab6$var$isIntegerOnly(value) || $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "number", $7404cf3ec8983ab6$var$isIntegerOnly);
}
function $7404cf3ec8983ab6$export$5534a8576501817d(value) {
return $7404cf3ec8983ab6$var$arbitraryValueRegex.test(value);
}
function $7404cf3ec8983ab6$export$ebb65efc98a3b5f7() {
return true;
}
function $7404cf3ec8983ab6$export$a40791c6b7db5bcc(value) {
return $7404cf3ec8983ab6$var$tshirtUnitRegex.test(value);
}
function $7404cf3ec8983ab6$export$d01106465b385604(value) {
return $7404cf3ec8983ab6$var$getIsArbitraryValue(value, "", $7404cf3ec8983ab6$var$isShadow);
}
function $7404cf3ec8983ab6$var$getIsArbitraryValue(value, label, testValue) {
const result = $7404cf3ec8983ab6$var$arbitraryValueRegex.exec(value);
if (result) {
if (result[1]) return result[1] === label;
return testValue(result[2]);
}
return false;
}
function $7404cf3ec8983ab6$var$isLengthOnly(value) {
return $7404cf3ec8983ab6$var$lengthUnitRegex.test(value);
}
function $7404cf3ec8983ab6$var$isNever() {
return false;
}
function $7404cf3ec8983ab6$var$isUrl(value) {
return value.startsWith("url(");
}
function $7404cf3ec8983ab6$var$isIntegerOnly(value) {
return Number.isInteger(Number(value));
}
function $7404cf3ec8983ab6$var$isShadow(value) {
return $7404cf3ec8983ab6$var$shadowRegex.test(value);
}
function $5cdef333a1047141$export$ed30944e0fe6ae5c() {
const colors = (0, $03830068480a8fa1$export$e176af7b8eefe933)("colors");
const spacing = (0, $03830068480a8fa1$export$e176af7b8eefe933)("spacing");
const blur = (0, $03830068480a8fa1$export$e176af7b8eefe933)("blur");
const brightness = (0, $03830068480a8fa1$export$e176af7b8eefe933)("brightness");
const borderColor = (0, $03830068480a8fa1$export$e176af7b8eefe933)("borderColor");
const borderRadius = (0, $03830068480a8fa1$export$e176af7b8eefe933)("borderRadius");
const borderSpacing = (0, $03830068480a8fa1$export$e176af7b8eefe933)("borderSpacing");
const borderWidth = (0, $03830068480a8fa1$export$e176af7b8eefe933)("borderWidth");
const contrast = (0, $03830068480a8fa1$export$e176af7b8eefe933)("contrast");
const grayscale = (0, $03830068480a8fa1$export$e176af7b8eefe933)("grayscale");
const hueRotate = (0, $03830068480a8fa1$export$e176af7b8eefe933)("hueRotate");
const invert = (0, $03830068480a8fa1$export$e176af7b8eefe933)("invert");
const gap = (0, $03830068480a8fa1$export$e176af7b8eefe933)("gap");
const gradientColorStops = (0, $03830068480a8fa1$export$e176af7b8eefe933)("gradientColorStops");
const gradientColorStopPositions = (0, $03830068480a8fa1$export$e176af7b8eefe933)("gradientColorStopPositions");
const inset = (0, $03830068480a8fa1$export$e176af7b8eefe933)("inset");
const margin = (0, $03830068480a8fa1$export$e176af7b8eefe933)("margin");
const opacity = (0, $03830068480a8fa1$export$e176af7b8eefe933)("opacity");
const padding = (0, $03830068480a8fa1$export$e176af7b8eefe933)("padding");
const saturate = (0, $03830068480a8fa1$export$e176af7b8eefe933)("saturate");
const scale = (0, $03830068480a8fa1$export$e176af7b8eefe933)("scale");
const sepia = (0, $03830068480a8fa1$export$e176af7b8eefe933)("sepia");
const skew = (0, $03830068480a8fa1$export$e176af7b8eefe933)("skew");
const space = (0, $03830068480a8fa1$export$e176af7b8eefe933)("space");
const translate = (0, $03830068480a8fa1$export$e176af7b8eefe933)("translate");
const getOverscroll = ()=>[
"auto",
"contain",
"none"
];
const getOverflow = ()=>[
"auto",
"hidden",
"clip",
"visible",
"scroll"
];
const getSpacingWithAutoAndArbitrary = ()=>[
"auto",
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
spacing
];
const getSpacingWithArbitrary = ()=>[
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
spacing
];
const getLengthWithEmpty = ()=>[
"",
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
];
const getNumberWithAutoAndArbitrary = ()=>[
"auto",
(0, $7404cf3ec8983ab6$export$7e4aa119212bc614),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
];
const getPositions = ()=>[
"bottom",
"center",
"left",
"left-bottom",
"left-top",
"right",
"right-bottom",
"right-top",
"top"
];
const getLineStyles = ()=>[
"solid",
"dashed",
"dotted",
"double",
"none"
];
const getBlendModes = ()=>[
"normal",
"multiply",
"screen",
"overlay",
"darken",
"lighten",
"color-dodge",
"color-burn",
"hard-light",
"soft-light",
"difference",
"exclusion",
"hue",
"saturation",
"color",
"luminosity",
"plus-lighter"
];
const getAlign = ()=>[
"start",
"end",
"center",
"between",
"around",
"evenly",
"stretch"
];
const getZeroAndEmpty = ()=>[
"",
"0",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
];
const getBreaks = ()=>[
"auto",
"avoid",
"all",
"avoid-page",
"page",
"left",
"right",
"column"
];
const getNumber = ()=>[
(0, $7404cf3ec8983ab6$export$7e4aa119212bc614),
(0, $7404cf3ec8983ab6$export$ea45ce4f1b2d6088)
];
const getNumberAndArbitrary = ()=>[
(0, $7404cf3ec8983ab6$export$7e4aa119212bc614),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
];
return {
cacheSize: 500,
theme: {
colors: [
(0, $7404cf3ec8983ab6$export$ebb65efc98a3b5f7)
],
spacing: [
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
],
blur: [
"none",
"",
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
],
brightness: getNumber(),
borderColor: [
colors
],
borderRadius: [
"none",
"",
"full",
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
],
borderSpacing: getSpacingWithArbitrary(),
borderWidth: getLengthWithEmpty(),
contrast: getNumber(),
grayscale: getZeroAndEmpty(),
hueRotate: getNumberAndArbitrary(),
invert: getZeroAndEmpty(),
gap: getSpacingWithArbitrary(),
gradientColorStops: [
colors
],
gradientColorStopPositions: [
(0, $7404cf3ec8983ab6$export$e50269385c77c348),
(0, $7404cf3ec8983ab6$export$f5e3af6d4c0fbe38)
],
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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* Container
* @see https://tailwindcss.com/docs/container
*/ container: [
"container"
],
/**
* Columns
* @see https://tailwindcss.com/docs/columns
*/ columns: [
{
columns: [
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc)
]
}
],
/**
* 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"
]
}
],
/**
* Clear
* @see https://tailwindcss.com/docs/clear
*/ clear: [
{
clear: [
"left",
"right",
"both",
"none"
]
}
],
/**
* 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(),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$a287f47fed4544b8)
]
}
],
// 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$a287f47fed4544b8)
]
}
],
/**
* Grid Template Columns
* @see https://tailwindcss.com/docs/grid-template-columns
*/ "grid-cols": [
{
"grid-cols": [
(0, $7404cf3ec8983ab6$export$ebb65efc98a3b5f7)
]
}
],
/**
* Grid Column Start / End
* @see https://tailwindcss.com/docs/grid-column
*/ "col-start-end": [
{
col: [
"auto",
{
span: [
"full",
(0, $7404cf3ec8983ab6$export$a287f47fed4544b8)
]
},
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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": [
(0, $7404cf3ec8983ab6$export$ebb65efc98a3b5f7)
]
}
],
/**
* Grid Row Start / End
* @see https://tailwindcss.com/docs/grid-row
*/ "row-start-end": [
{
row: [
"auto",
{
span: [
(0, $7404cf3ec8983ab6$export$a287f47fed4544b8)
]
},
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* Grid Auto Rows
* @see https://tailwindcss.com/docs/grid-auto-rows
*/ "auto-rows": [
{
"auto-rows": [
"auto",
"min",
"max",
"fr",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
spacing
]
}
],
/**
* Min-Width
* @see https://tailwindcss.com/docs/min-width
*/ "min-w": [
{
"min-w": [
"min",
"max",
"fit",
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* Max-Width
* @see https://tailwindcss.com/docs/max-width
*/ "max-w": [
{
"max-w": [
"0",
"none",
"full",
"min",
"max",
"fit",
"prose",
{
screen: [
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc)
]
},
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* Height
* @see https://tailwindcss.com/docs/height
*/ h: [
{
h: [
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
spacing,
"auto",
"min",
"max",
"fit"
]
}
],
/**
* Min-Height
* @see https://tailwindcss.com/docs/min-height
*/ "min-h": [
{
"min-h": [
"min",
"max",
"fit",
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* Max-Height
* @see https://tailwindcss.com/docs/max-height
*/ "max-h": [
{
"max-h": [
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
spacing,
"min",
"max",
"fit"
]
}
],
// Typography
/**
* Font Size
* @see https://tailwindcss.com/docs/font-size
*/ "font-size": [
{
text: [
"base",
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc),
(0, $7404cf3ec8983ab6$export$f5e3af6d4c0fbe38)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$ea45ce4f1b2d6088)
]
}
],
/**
* Font Family
* @see https://tailwindcss.com/docs/font-family
*/ "font-family": [
{
font: [
(0, $7404cf3ec8983ab6$export$ebb65efc98a3b5f7)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* Line Clamp
* @see https://tailwindcss.com/docs/line-clamp
*/ "line-clamp": [
{
"line-clamp": [
"none",
(0, $7404cf3ec8983ab6$export$7e4aa119212bc614),
(0, $7404cf3ec8983ab6$export$ea45ce4f1b2d6088)
]
}
],
/**
* Line Height
* @see https://tailwindcss.com/docs/line-height
*/ leading: [
{
leading: [
"none",
"tight",
"snug",
"normal",
"relaxed",
"loose",
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* List Style Image
* @see https://tailwindcss.com/docs/list-style-image
*/ "list-image": [
{
"list-image": [
"none",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* List Style Type
* @see https://tailwindcss.com/docs/list-style-type
*/ "list-style-type": [
{
list: [
"none",
"disc",
"decimal",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* Text Underline Offset
* @see https://tailwindcss.com/docs/text-underline-offset
*/ "underline-offset": [
{
"underline-offset": [
"auto",
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* 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 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
// 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(),
(0, $7404cf3ec8983ab6$export$57d00f225f425549)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$92dbd3a305a7cb8b)
]
}
],
/**
* Background Image
* @see https://tailwindcss.com/docs/background-image
*/ "bg-image": [
{
bg: [
"none",
{
"gradient-to": [
"t",
"tr",
"r",
"br",
"b",
"bl",
"l",
"tl"
]
},
(0, $7404cf3ec8983ab6$export$478a5386e985802b)
]
}
],
/**
* 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": [
(0, $7404cf3ec8983ab6$export$5534a8576501817d),
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* Outline Width
* @see https://tailwindcss.com/docs/outline-width
*/ "outline-w": [
{
outline: [
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* 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: getLengthWithEmpty()
}
],
/**
* 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": [
(0, $7404cf3ec8983ab6$export$38db3d147cb3433)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc),
(0, $7404cf3ec8983ab6$export$d01106465b385604)
]
}
],
/**
* Box Shadow Color
* @see https://tailwindcss.com/docs/box-shadow-color
*/ "shadow-color": [
{
shadow: [
(0, $7404cf3ec8983ab6$export$ebb65efc98a3b5f7)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$a40791c6b7db5bcc),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
// 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: [
(0, $7404cf3ec8983ab6$export$a287f47fed4544b8),
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
// Interactivity
/**
* Accent Color
* @see https://tailwindcss.com/docs/accent-color
*/ accent: [
{
accent: [
"auto",
colors
]
}
],
/**
* Appearance
* @see https://tailwindcss.com/docs/appearance
*/ appearance: [
"appearance-none"
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
/**
* 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",
"pinch-zoom",
"manipulation",
{
pan: [
"x",
"left",
"right",
"y",
"up",
"down"
]
}
]
}
],
/**
* 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",
(0, $7404cf3ec8983ab6$export$5534a8576501817d)
]
}
],
// SVG
/**
* Fill
* @see https://tailwindcss.com/docs/fill
*/ fill: [
{
fill: [
colors,
"none"
]
}
],
/**
* Stroke Width
* @see https://tailwindcss.com/docs/stroke-width
*/ "stroke-w": [
{
stroke: [
(0, $7404cf3ec8983ab6$export$38db3d147cb3433),
(0, $7404cf3ec8983ab6$export$ea45ce4f1b2d6088)
]
}
],
/**
* 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"
]
},
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"
],
"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"
],
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"
]
},
conflictingClassGroupModifiers: {
"font-size": [
"leading"
]
}
};
}
function $556366443a52c946$export$5d86b86a654a7039(baseConfig, configExtension) {
for(const key in configExtension)$556366443a52c946$var$mergePropertyRecursively(baseConfig, key, configExtension[key]);
return baseConfig;
}
const $556366443a52c946$var$hasOwnProperty = Object.prototype.hasOwnProperty;
const $556366443a52c946$var$overrideTypes = new Set([
"string",
"number",
"boolean"
]);
function $556366443a52c946$var$mergePropertyRecursively(baseObject, mergeKey, mergeValue) {
if (!$556366443a52c946$var$hasOwnProperty.call(baseObject, mergeKey) || $556366443a52c946$var$overrideTypes.has(typeof mergeValue) || mergeValue === null) {
baseObject[mergeKey] = mergeValue;
return;
}
if (Array.isArray(mergeValue) && Array.isArray(baseObject[mergeKey])) {
baseObject[mergeKey] = baseObject[mergeKey].concat(mergeValue);
return;
}
if (typeof mergeValue === "object" && typeof baseObject[mergeKey] === "object") {
if (baseObject[mergeKey] === null) {
baseObject[mergeKey] = mergeValue;
return;
}
for(const nextKey in mergeValue)$556366443a52c946$var$mergePropertyRecursively(baseObject[mergeKey], nextKey, mergeValue[nextKey]);
}
}
function $f10f23f6a2b7332b$export$c8d8406b6cd2243e(configExtension, ...createConfig) {
return typeof configExtension === "function" ? (0, $bc438306d0c95316$export$ea2d4fba4d1bd27f)((0, $5cdef333a1047141$export$ed30944e0fe6ae5c), configExtension, ...createConfig) : (0, $bc438306d0c95316$export$ea2d4fba4d1bd27f)(()=>(0, $556366443a52c946$export$5d86b86a654a7039)((0, $5cdef333a1047141$export$ed30944e0fe6ae5c)(), configExtension), ...createConfig);
}
const $8ce07f32ad138427$export$b4660bb6000dfbc9 = (0, $bc438306d0c95316$export$ea2d4fba4d1bd27f)((0, $5cdef333a1047141$export$ed30944e0fe6ae5c));
const $149c1bd638913645$export$f7e2c8231c57a8bd = (0, $0be7015e7cd55216$export$a8bbfb445e1f163f);
export {$149c1bd638913645$export$f7e2c8231c57a8bd as join, $bc438306d0c95316$export$ea2d4fba4d1bd27f as createTailwindMerge, $5cdef333a1047141$export$ed30944e0fe6ae5c as getDefaultConfig, $f10f23f6a2b7332b$export$c8d8406b6cd2243e as extendTailwindMerge, $03830068480a8fa1$export$e176af7b8eefe933 as fromTheme, $556366443a52c946$export$5d86b86a654a7039 as mergeConfigs, $0be7015e7cd55216$export$a8bbfb445e1f163f as twJoin, $8ce07f32ad138427$export$b4660bb6000dfbc9 as twMerge, $7404cf3ec8983ab6$export$38db3d147cb3433 as isLength, $7404cf3ec8983ab6$export$7e4aa119212bc614 as isNumber, $7404cf3ec8983ab6$export$f5e3af6d4c0fbe38 as isArbitraryLength, $7404cf3ec8983ab6$export$92dbd3a305a7cb8b as isArbitrarySize, $7404cf3ec8983ab6$export$57d00f225f425549 as isArbitraryPosition, $7404cf3ec8983ab6$export$478a5386e985802b as isArbitraryUrl, $7404cf3ec8983ab6$export$ea45ce4f1b2d6088 as isArbitraryNumber, $7404cf3ec8983ab6$export$cd3ce15f42623f06 as isArbitraryWeight, $7404cf3ec8983ab6$export$e50269385c77c348 as isPercent, $7404cf3ec8983ab6$export$a287f47fed4544b8 as isInteger, $7404cf3ec8983ab6$export$5534a8576501817d as isArbitraryValue, $7404cf3ec8983ab6$export$ebb65efc98a3b5f7 as isAny, $7404cf3ec8983ab6$export$a40791c6b7db5bcc as isTshirtSize, $7404cf3ec8983ab6$export$d01106465b385604 as isArbitraryShadow};
//# sourceMappingURL=tailwind-merge.mjs.mapMaybe I should try Parcel again when they resolve those issues. So far it looks like I'll go with rollup. |
Merged
Closed
|
This was addressed in release v2.0.0. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The current build is not fully ES5-compatible. However, I don't want to make the normal build ES5-compatible since that would increase its bundle size even more (related: #126).
I think it would make sense to add a second entry point which contains the entire bundle in ES5 format:
This was requested by @yuuk in #126 (comment):
The text was updated successfully, but these errors were encountered: