@weapp-tailwindcss/merge 0.0.0 → 1.0.0-alpha.1

package/dist/index.cjs

@@ -1,2389 +1,216 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/index.ts
+var _classvarianceauthority = require('class-variance-authority');
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+
+// ../../node_modules/.pnpm/@weapp-core+escape@3.0.2/node_modules/@weapp-core/escape/dist/index.mjs
+var MappingChars2String = {
+  "[": "_bl_",
+  "]": "_br_",
+  "(": "_pl_",
+  ")": "_qr_",
+  "#": "_h_",
+  "!": "_i_",
+  "/": "_s_",
+  "\\": "_bs_",
+  ".": "_d_",
+  ":": "_c_",
+  "%": "_p_",
+  ",": "_co_",
+  "'": "_q_",
+  '"': "_dq_",
+  "*": "_a_",
+  "&": "_am_",
+  "@": "_at_",
+  "{": "_bal_",
+  "}": "_bar_",
+  // ' ': '_sp_',
+  "+": "_plus_",
+  // '-': '_m_',
+  ";": "_se_",
+  "<": "_l_",
+  "~": "_t_",
+  "=": "_e_",
+  ">": "_g_",
+  "?": "_qu_",
+  "^": "_ca_",
+  "`": "_bq_",
+  "|": "_b_",
+  "$": "_do_"
+  // _: '_u_'
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+var MappingChars2StringEntries = Object.entries(MappingChars2String);
+var SimpleMappingChars2String = {
+  "[": "_",
+  "]": "_",
+  "(": "_",
+  ")": "_",
+  "{": "_",
+  "}": "_",
+  "+": "a",
+  ",": "b",
+  ":": "c",
+  ".": "d",
+  "=": "e",
+  ";": "f",
+  ">": "g",
+  "#": "h",
+  "!": "i",
+  "@": "j",
+  "^": "k",
+  "<": "l",
+  "*": "m",
+  "&": "n",
+  "?": "o",
+  "%": "p",
+  "'": "q",
+  "$": "r",
+  "/": "s",
+  "~": "t",
+  "|": "u",
+  "`": "v",
+  "\\": "w",
+  '"': "x"
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  createTailwindMerge: () => createTailwindMerge,
-  extendTailwindMerge: () => extendTailwindMerge,
-  fromTheme: () => fromTheme,
-  getDefaultConfig: () => getDefaultConfig,
-  mergeConfigs: () => mergeConfigs,
-  twJoin: () => twJoin,
-  twMerge: () => twMerge,
-  validators: () => validators_exports
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/lib/class-group-utils.ts
-var CLASS_PART_SEPARATOR = "-";
-function createClassGroupUtils(config) {
-  const classMap = createClassMap(config);
-  const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
-  const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
-    }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
-    }
-    return conflicts;
-  };
-  return {
-    getClassGroupId,
-    getConflictingClassGroupIds
-  };
-}
-function getGroupRecursive(classParts, classPartObject) {
-  if (classParts.length === 0) {
-    return classPartObject.classGroupId;
+var SimpleMappingChars2StringEntries = Object.entries(SimpleMappingChars2String);
+var MAX_ASCII_CHAR_CODE = 127;
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") {
+    return false;
   }
-  const currentClassPart = classParts[0];
-  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
+  const prototype = Object.getPrototypeOf(value);
+  if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) {
+    return false;
   }
-  if (classPartObject.validators.length === 0) {
-    return void 0;
+  if (Symbol.iterator in value) {
+    return false;
   }
-  const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return classPartObject.validators.find(({ validator }) => validator(classRest))?.classGroupId;
-}
-var arbitraryPropertyRegex = /^\[(.+)\]$/;
-function getGroupIdForArbitraryProperty(className) {
-  if (arbitraryPropertyRegex.test(className)) {
-    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName?.substring(
-      0,
-      arbitraryPropertyClassName.indexOf(":")
-    );
-    if (property) {
-      return `arbitrary..${property}`;
-    }
+  if (Symbol.toStringTag in value) {
+    return Object.prototype.toString.call(value) === "[object Module]";
   }
+  return true;
 }
-function createClassMap(config) {
-  const { theme, prefix } = config;
-  const classMap = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(
-    Object.entries(config.classGroups),
-    prefix
-  );
-  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
-    processClassesRecursively(classGroup, classMap, classGroupId, theme);
-  });
-  return classMap;
-}
-function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {
-  classGroup.forEach((classDefinition) => {
-    if (typeof classDefinition === "string") {
-      const 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
-      });
-      return;
-    }
-    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
-      processClassesRecursively(
-        classGroup2,
-        getPart(classPartObject, key),
-        classGroupId,
-        theme
-      );
-    });
-  });
-}
-function getPart(classPartObject, path) {
-  let currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-    if (!currentClassPartObject.nextPart.has(pathPart)) {
-      currentClassPartObject.nextPart.set(pathPart, {
-        nextPart: /* @__PURE__ */ new Map(),
-        validators: []
-      });
-    }
-    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-  });
-  return currentClassPartObject;
-}
-function isThemeGetter(func) {
-  return func.isThemeGetter;
-}
-function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
-  if (!prefix) {
-    return classGroupEntries;
+function _defu(baseObject, defaults, namespace = ".", merger) {
+  if (!isPlainObject(defaults)) {
+    return _defu(baseObject, {}, namespace, merger);
   }
-  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];
-  });
-}
-
-// src/lib/lru-cache.ts
-function createLruCache(maxCacheSize) {
-  if (maxCacheSize < 1) {
-    return {
-      get: () => void 0,
-      set: () => {
-      }
-    };
-  }
-  let cacheSize = 0;
-  let cache = /* @__PURE__ */ new Map();
-  let previousCache = /* @__PURE__ */ new Map();
-  const update = (key, value) => {
-    cache.set(key, value);
-    cacheSize++;
-    if (cacheSize > maxCacheSize) {
-      cacheSize = 0;
-      previousCache = cache;
-      cache = /* @__PURE__ */ new Map();
+  const object = Object.assign({}, defaults);
+  for (const key in baseObject) {
+    if (key === "__proto__" || key === "constructor") {
+      continue;
     }
-  };
-  return {
-    get(key) {
-      let value = cache.get(key);
-      if (value !== void 0) {
-        return value;
-      }
-      if ((value = previousCache.get(key)) !== void 0) {
-        update(key, value);
-        return value;
-      }
-    },
-    set(key, value) {
-      if (cache.has(key)) {
-        cache.set(key, value);
-      } else {
-        update(key, value);
-      }
+    const value = baseObject[key];
+    if (value === null || value === void 0) {
+      continue;
     }
-  };
-}
-
-// src/lib/parse-class-name.ts
-var IMPORTANT_MODIFIER = "!";
-function createParseClassName(config) {
-  const { separator, experimentalParseClassName } = config;
-  const isSeparatorSingleCharacter = separator.length === 1;
-  const firstSeparatorCharacter = separator[0];
-  const separatorLength = separator.length;
-  const parseClassName = (className) => {
-    const modifiers = [];
-    let bracketDepth = 0;
-    let modifierStart = 0;
-    let postfixModifierPosition;
-    for (let index = 0; index < className.length; index++) {
-      const 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--;
-      }
+    if (merger && merger(object, key, value, namespace)) {
+      continue;
     }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
-    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    };
-  };
-  if (experimentalParseClassName) {
-    return (className) => experimentalParseClassName({ className, parseClassName });
-  }
-  return parseClassName;
-}
-function sortModifiers(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 = [];
+    if (Array.isArray(value) && Array.isArray(object[key])) {
+      object[key] = [...value, ...object[key]];
+    } else if (isPlainObject(value) && isPlainObject(object[key])) {
+      object[key] = _defu(
+        value,
+        object[key],
+        (namespace ? `${namespace}.` : "") + key.toString(),
+        merger
+      );
     } else {
-      unsortedModifiers.push(modifier);
+      object[key] = value;
     }
-  });
-  sortedModifiers.push(...unsortedModifiers.sort());
-  return sortedModifiers;
+  }
+  return object;
 }
-
-// src/lib/config-utils.ts
-function createConfigUtils(config) {
-  return {
-    cache: createLruCache(config.cacheSize),
-    parseClassName: createParseClassName(config),
-    ...createClassGroupUtils(config)
-  };
+function createDefu(merger) {
+  return (...arguments_) => (
+    // eslint-disable-next-line unicorn/no-array-reduce
+    arguments_.reduce((p, c) => _defu(p, c, "", merger), {})
+  );
 }
-
-// src/lib/merge-classlist.ts
-var SPLIT_CLASSES_REGEX = /\s+/;
-function mergeClassList(classList, configUtils) {
-  const { parseClassName, getClassGroupId, getConflictingClassGroupIds } = configUtils;
-  const classGroupsInConflict = [];
-  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-  let result = "";
-  for (let index = classNames.length - 1; index >= 0; index -= 1) {
-    const originalClassName = classNames[index];
-    const { modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
-    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
-    let classGroupId = getClassGroupId(
-      hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName
-    );
-    if (!classGroupId) {
-      if (!hasPostfixModifier) {
-        result = originalClassName + (result.length > 0 ? ` ${result}` : result);
-        continue;
-      }
-      classGroupId = getClassGroupId(baseClassName);
-      if (!classGroupId) {
-        result = originalClassName + (result.length > 0 ? ` ${result}` : result);
-        continue;
-      }
-      hasPostfixModifier = false;
+var defu = createDefu();
+function isAsciiNumber(code) {
+  return code >= 48 && code <= 57;
+}
+function handleFirstCharacter(char, nextChar, ignoreHead) {
+  if (!ignoreHead) {
+    const code = char.codePointAt(0);
+    if (isAsciiNumber(code)) {
+      return `_${char}`;
     }
-    const variantModifier = sortModifiers(modifiers).join(":");
-    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
-      continue;
+    if (char === "-" && nextChar && isAsciiNumber(nextChar.codePointAt(0))) {
+      return `_${char}`;
     }
-    classGroupsInConflict.push(classId);
-    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-    for (let i = 0; i < conflictGroups.length; ++i) {
-      const group = conflictGroups[i];
-      classGroupsInConflict.push(modifierId + group);
+    if (char === "-" && nextChar === void 0) {
+      return `_${char}`;
     }
-    result = originalClassName + (result.length > 0 ? ` ${result}` : result);
   }
-  return result;
+  return char;
 }
-
-// src/lib/tw-join.ts
-function twJoin() {
-  let index = 0;
-  let argument;
-  let resolvedValue;
-  let string = "";
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
-      if (resolvedValue = toValue(argument)) {
-        string && (string += " ");
-        string += resolvedValue;
-      }
-    }
+function escape(selectors, options) {
+  if (selectors.length === 0) {
+    return "";
   }
-  return string;
-}
-function 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 = toValue(mix[k])) {
-        string && (string += " ");
-        string += resolvedValue;
+  const { map, ignoreHead } = defu(options, {
+    map: SimpleMappingChars2String,
+    ignoreHead: false
+  });
+  const sb = [];
+  for (let i = 0; i < selectors.length; i++) {
+    const char = selectors[i];
+    const code = char.codePointAt(0);
+    if (code !== void 0) {
+      if (code > MAX_ASCII_CHAR_CODE) {
+        sb.push(`u${code.toString(16)}`);
+      } else {
+        const hit = map[char];
+        if (hit) {
+          sb.push(hit);
+        } else if (i === 0) {
+          sb.push(handleFirstCharacter(char, selectors[i + 1], ignoreHead));
+        } else {
+          sb.push(char);
+        }
       }
     }
   }
-  return string;
+  return sb.join("");
 }
 
-// src/lib/create-tailwind-merge.ts
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
-  let configUtils;
-  let cacheGet;
-  let cacheSet;
-  let functionToCall = initTailwindMerge;
-  function initTailwindMerge(classList) {
-    const config = createConfigRest.reduce(
-      (previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig),
-      createConfigFirst()
-    );
-    configUtils = createConfigUtils(config);
-    cacheGet = configUtils.cache.get;
-    cacheSet = configUtils.cache.set;
-    functionToCall = tailwindMerge;
-    return tailwindMerge(classList);
+// ../weapp-tailwindcss/dist/chunk-U7O2XXYR.mjs
+function replaceWxml(original, options = {
+  keepEOL: false,
+  escapeMap: SimpleMappingChars2String
+}) {
+  const { keepEOL, escapeMap, mangleContext, ignoreHead } = options;
+  let res = original;
+  if (!keepEOL) {
+    res = res.replaceAll(/[\n\r]+/g, "");
   }
-  function tailwindMerge(classList) {
-    const cachedResult = cacheGet(classList);
-    if (cachedResult) {
-      return cachedResult;
-    }
-    const result = mergeClassList(classList, configUtils);
-    cacheSet(classList, result);
-    return result;
+  if (mangleContext) {
+    res = mangleContext.wxmlHandler(res);
   }
-  return function callTailwindMerge() {
-    return functionToCall(twJoin.apply(null, arguments));
-  };
+  res = escape(res, {
+    map: escapeMap,
+    ignoreHead
+  });
+  return res;
 }
 
-// src/lib/from-theme.ts
-function fromTheme(key) {
-  const themeGetter = (theme) => theme[key] || [];
-  themeGetter.isThemeGetter = true;
-  return themeGetter;
-}
+// ../weapp-tailwindcss/dist/escape.mjs
+var weappTwIgnore = String.raw;
 
-// src/lib/validators.ts
-var validators_exports = {};
-__export(validators_exports, {
-  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
-});
-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([whib]|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
-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)\(.+\)$/;
-function isLength(value) {
-  return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
-}
-function isArbitraryLength(value) {
-  return getIsArbitraryValue(value, "length", isLengthOnly);
-}
-var isNumber = (value) => Boolean(value) && !Number.isNaN(Number(value));
-var isArbitraryNumber = (value) => getIsArbitraryValue(value, "number", isNumber);
-var isInteger = (value) => Boolean(value) && Number.isInteger(Number(value));
-var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
-var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
-var isTshirtSize = (value) => tshirtUnitRegex.test(value);
-var sizeLabels = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
-var isArbitrarySize = (value) => getIsArbitraryValue(value, sizeLabels, isNever);
-function isArbitraryPosition(value) {
-  return getIsArbitraryValue(value, "position", isNever);
-}
-var imageLabels = /* @__PURE__ */ new Set(["image", "url"]);
-var isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
-var isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
-var isAny = () => true;
-function getIsArbitraryValue(value, label, testValue) {
-  const 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;
-}
-function isLengthOnly(value) {
-  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
+// src/index.ts
+function cn(...inputs) {
+  return replaceWxml(_tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs)));
 }
-var isNever = () => false;
-var isShadow = (value) => shadowRegex.test(value);
-var isImage = (value) => imageRegex.test(value);
-
-// src/lib/default-config.ts
-function getDefaultConfig() {
-  const colors = fromTheme("colors");
-  const spacing = fromTheme("spacing");
-  const blur = fromTheme("blur");
-  const brightness = fromTheme("brightness");
-  const borderColor = fromTheme("borderColor");
-  const borderRadius = fromTheme("borderRadius");
-  const borderSpacing = fromTheme("borderSpacing");
-  const borderWidth = fromTheme("borderWidth");
-  const contrast = fromTheme("contrast");
-  const grayscale = fromTheme("grayscale");
-  const hueRotate = fromTheme("hueRotate");
-  const invert = fromTheme("invert");
-  const gap = fromTheme("gap");
-  const gradientColorStops = fromTheme("gradientColorStops");
-  const gradientColorStopPositions = fromTheme("gradientColorStopPositions");
-  const inset = fromTheme("inset");
-  const margin = fromTheme("margin");
-  const opacity = fromTheme("opacity");
-  const padding = fromTheme("padding");
-  const saturate = fromTheme("saturate");
-  const scale = fromTheme("scale");
-  const sepia = fromTheme("sepia");
-  const skew = fromTheme("skew");
-  const space = fromTheme("space");
-  const translate = fromTheme("translate");
-  const getOverscroll = () => ["auto", "contain", "none"];
-  const getOverflow = () => ["auto", "hidden", "clip", "visible", "scroll"];
-  const getSpacingWithAutoAndArbitrary = () => ["auto", isArbitraryValue, spacing];
-  const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];
-  const getLengthWithEmptyAndArbitrary = () => ["", isLength, isArbitraryLength];
-  const getNumberWithAutoAndArbitrary = () => ["auto", isNumber, isArbitraryValue];
-  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"
-  ];
-  const getAlign = () => ["start", "end", "center", "between", "around", "evenly", "stretch"];
-  const getZeroAndEmpty = () => ["", "0", isArbitraryValue];
-  const getBreaks = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
-  const getNumberAndArbitrary = () => [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: [...getPositions(), isArbitraryValue] }],
-      /**
-       * Overflow
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow": [{ overflow: getOverflow() }],
-      /**
-       * Overflow X
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-x": [{ "overflow-x": getOverflow() }],
-      /**
-       * Overflow Y
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-y": [{ "overflow-y": getOverflow() }],
-      /**
-       * Overscroll Behavior
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll": [{ overscroll: getOverscroll() }],
-      /**
-       * Overscroll Behavior X
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-x": [{ "overscroll-x": getOverscroll() }],
-      /**
-       * Overscroll Behavior Y
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-y": [{ "overscroll-y": getOverscroll() }],
-      /**
-       * Position
-       * @see https://tailwindcss.com/docs/position
-       */
-      "position": ["static", "fixed", "absolute", "relative", "sticky"],
-      /**
-       * Top / Right / Bottom / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset": [{ inset: [inset] }],
-      /**
-       * Right / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-x": [{ "inset-x": [inset] }],
-      /**
-       * Top / Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-y": [{ "inset-y": [inset] }],
-      /**
-       * Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "start": [{ start: [inset] }],
-      /**
-       * End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "end": [{ end: [inset] }],
-      /**
-       * Top
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "top": [{ top: [inset] }],
-      /**
-       * Right
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "right": [{ right: [inset] }],
-      /**
-       * Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "bottom": [{ bottom: [inset] }],
-      /**
-       * Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "left": [{ left: [inset] }],
-      /**
-       * Visibility
-       * @see https://tailwindcss.com/docs/visibility
-       */
-      "visibility": ["visible", "invisible", "collapse"],
-      /**
-       * Z-Index
-       * @see https://tailwindcss.com/docs/z-index
-       */
-      "z": [{ z: ["auto", isInteger, isArbitraryValue] }],
-      // Flexbox and Grid
-      /**
-       * Flex Basis
-       * @see https://tailwindcss.com/docs/flex-basis
-       */
-      "basis": [{ basis: getSpacingWithAutoAndArbitrary() }],
-      /**
-       * Flex Direction
-       * @see https://tailwindcss.com/docs/flex-direction
-       */
-      "flex-direction": [{ flex: ["row", "row-reverse", "col", "col-reverse"] }],
-      /**
-       * Flex Wrap
-       * @see https://tailwindcss.com/docs/flex-wrap
-       */
-      "flex-wrap": [{ flex: ["wrap", "wrap-reverse", "nowrap"] }],
-      /**
-       * Flex
-       * @see https://tailwindcss.com/docs/flex
-       */
-      "flex": [{ flex: ["1", "auto", "initial", "none", isArbitraryValue] }],
-      /**
-       * Flex Grow
-       * @see https://tailwindcss.com/docs/flex-grow
-       */
-      "grow": [{ grow: getZeroAndEmpty() }],
-      /**
-       * Flex Shrink
-       * @see https://tailwindcss.com/docs/flex-shrink
-       */
-      "shrink": [{ shrink: getZeroAndEmpty() }],
-      /**
-       * Order
-       * @see https://tailwindcss.com/docs/order
-       */
-      "order": [{ order: ["first", "last", "none", isInteger, isArbitraryValue] }],
-      /**
-       * Grid Template Columns
-       * @see https://tailwindcss.com/docs/grid-template-columns
-       */
-      "grid-cols": [{ "grid-cols": [isAny] }],
-      /**
-       * Grid Column Start / End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start-end": [
-        {
-          col: [
-            "auto",
-            { span: ["full", isInteger, isArbitraryValue] },
-            isArbitraryValue
-          ]
-        }
-      ],
-      /**
-       * Grid Column Start
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start": [{ "col-start": getNumberWithAutoAndArbitrary() }],
-      /**
-       * Grid Column End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-end": [{ "col-end": getNumberWithAutoAndArbitrary() }],
-      /**
-       * Grid Template Rows
-       * @see https://tailwindcss.com/docs/grid-template-rows
-       */
-      "grid-rows": [{ "grid-rows": [isAny] }],
-      /**
-       * Grid Row Start / End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start-end": [
-        { row: ["auto", { span: [isInteger, isArbitraryValue] }, isArbitraryValue] }
-      ],
-      /**
-       * Grid Row Start
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start": [{ "row-start": getNumberWithAutoAndArbitrary() }],
-      /**
-       * Grid Row End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-end": [{ "row-end": getNumberWithAutoAndArbitrary() }],
-      /**
-       * Grid Auto Flow
-       * @see https://tailwindcss.com/docs/grid-auto-flow
-       */
-      "grid-flow": [{ "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"] }],
-      /**
-       * Grid Auto Columns
-       * @see https://tailwindcss.com/docs/grid-auto-columns
-       */
-      "auto-cols": [{ "auto-cols": ["auto", "min", "max", "fr", isArbitraryValue] }],
-      /**
-       * Grid Auto Rows
-       * @see https://tailwindcss.com/docs/grid-auto-rows
-       */
-      "auto-rows": [{ "auto-rows": ["auto", "min", "max", "fr", isArbitraryValue] }],
-      /**
-       * Gap
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap": [{ gap: [gap] }],
-      /**
-       * Gap X
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-x": [{ "gap-x": [gap] }],
-      /**
-       * Gap Y
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-y": [{ "gap-y": [gap] }],
-      /**
-       * Justify Content
-       * @see https://tailwindcss.com/docs/justify-content
-       */
-      "justify-content": [{ justify: ["normal", ...getAlign()] }],
-      /**
-       * Justify Items
-       * @see https://tailwindcss.com/docs/justify-items
-       */
-      "justify-items": [{ "justify-items": ["start", "end", "center", "stretch"] }],
-      /**
-       * Justify Self
-       * @see https://tailwindcss.com/docs/justify-self
-       */
-      "justify-self": [{ "justify-self": ["auto", "start", "end", "center", "stretch"] }],
-      /**
-       * Align Content
-       * @see https://tailwindcss.com/docs/align-content
-       */
-      "align-content": [{ content: ["normal", ...getAlign(), "baseline"] }],
-      /**
-       * Align Items
-       * @see https://tailwindcss.com/docs/align-items
-       */
-      "align-items": [{ items: ["start", "end", "center", "baseline", "stretch"] }],
-      /**
-       * Align Self
-       * @see https://tailwindcss.com/docs/align-self
-       */
-      "align-self": [{ self: ["auto", "start", "end", "center", "stretch", "baseline"] }],
-      /**
-       * Place Content
-       * @see https://tailwindcss.com/docs/place-content
-       */
-      "place-content": [{ "place-content": [...getAlign(), "baseline"] }],
-      /**
-       * Place Items
-       * @see https://tailwindcss.com/docs/place-items
-       */
-      "place-items": [{ "place-items": ["start", "end", "center", "baseline", "stretch"] }],
-      /**
-       * Place Self
-       * @see https://tailwindcss.com/docs/place-self
-       */
-      "place-self": [{ "place-self": ["auto", "start", "end", "center", "stretch"] }],
-      // Spacing
-      /**
-       * Padding
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "p": [{ p: [padding] }],
-      /**
-       * Padding X
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "px": [{ px: [padding] }],
-      /**
-       * Padding Y
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "py": [{ py: [padding] }],
-      /**
-       * Padding Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "ps": [{ ps: [padding] }],
-      /**
-       * Padding End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "pe": [{ pe: [padding] }],
-      /**
-       * Padding Top
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "pt": [{ pt: [padding] }],
-      /**
-       * Padding Right
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "pr": [{ pr: [padding] }],
-      /**
-       * Padding Bottom
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "pb": [{ pb: [padding] }],
-      /**
-       * Padding Left
-       * @see https://tailwindcss.com/docs/padding
-       */
-      "pl": [{ pl: [padding] }],
-      /**
-       * Margin
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "m": [{ m: [margin] }],
-      /**
-       * Margin X
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "mx": [{ mx: [margin] }],
-      /**
-       * Margin Y
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "my": [{ my: [margin] }],
-      /**
-       * Margin Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "ms": [{ ms: [margin] }],
-      /**
-       * Margin End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "me": [{ me: [margin] }],
-      /**
-       * Margin Top
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "mt": [{ mt: [margin] }],
-      /**
-       * Margin Right
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "mr": [{ mr: [margin] }],
-      /**
-       * Margin Bottom
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "mb": [{ mb: [margin] }],
-      /**
-       * Margin Left
-       * @see https://tailwindcss.com/docs/margin
-       */
-      "ml": [{ ml: [margin] }],
-      /**
-       * Space Between X
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x": [{ "space-x": [space] }],
-      /**
-       * Space Between X Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x-reverse": ["space-x-reverse"],
-      /**
-       * Space Between Y
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y": [{ "space-y": [space] }],
-      /**
-       * Space Between Y Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y-reverse": ["space-y-reverse"],
-      // Sizing
-      /**
-       * Width
-       * @see https://tailwindcss.com/docs/width
-       */
-      "w": [
-        {
-          w: [
-            "auto",
-            "min",
-            "max",
-            "fit",
-            "svw",
-            "lvw",
-            "dvw",
-            isArbitraryValue,
-            spacing
-          ]
-        }
-      ],
-      /**
-       * Min-Width
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-w": [{ "min-w": [isArbitraryValue, spacing, "min", "max", "fit"] }],
-      /**
-       * Max-Width
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-w": [
-        {
-          "max-w": [
-            isArbitraryValue,
-            spacing,
-            "none",
-            "full",
-            "min",
-            "max",
-            "fit",
-            "prose",
-            { screen: [isTshirtSize] },
-            isTshirtSize
-          ]
-        }
-      ],
-      /**
-       * Height
-       * @see https://tailwindcss.com/docs/height
-       */
-      "h": [
-        {
-          h: [
-            isArbitraryValue,
-            spacing,
-            "auto",
-            "min",
-            "max",
-            "fit",
-            "svh",
-            "lvh",
-            "dvh"
-          ]
-        }
-      ],
-      /**
-       * Min-Height
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-h": [
-        { "min-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"] }
-      ],
-      /**
-       * Max-Height
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-h": [
-        { "max-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"] }
-      ],
-      /**
-       * Size
-       * @see https://tailwindcss.com/docs/size
-       */
-      "size": [{ size: [isArbitraryValue, spacing, "auto", "min", "max", "fit"] }],
-      // Typography
-      /**
-       * Font Size
-       * @see https://tailwindcss.com/docs/font-size
-       */
-      "font-size": [{ text: ["base", isTshirtSize, isArbitraryLength] }],
-      /**
-       * Font Smoothing
-       * @see https://tailwindcss.com/docs/font-smoothing
-       */
-      "font-smoothing": ["antialiased", "subpixel-antialiased"],
-      /**
-       * Font Style
-       * @see https://tailwindcss.com/docs/font-style
-       */
-      "font-style": ["italic", "not-italic"],
-      /**
-       * Font Weight
-       * @see https://tailwindcss.com/docs/font-weight
-       */
-      "font-weight": [
-        {
-          font: [
-            "thin",
-            "extralight",
-            "light",
-            "normal",
-            "medium",
-            "semibold",
-            "bold",
-            "extrabold",
-            "black",
-            isArbitraryNumber
-          ]
-        }
-      ],
-      /**
-       * Font Family
-       * @see https://tailwindcss.com/docs/font-family
-       */
-      "font-family": [{ font: [isAny] }],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-normal": ["normal-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-ordinal": ["ordinal"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-slashed-zero": ["slashed-zero"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-figure": ["lining-nums", "oldstyle-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-spacing": ["proportional-nums", "tabular-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-fraction": ["diagonal-fractions", "stacked-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: [...getLineStyles(), "wavy"] }],
-      /**
-       * Text Decoration Thickness
-       * @see https://tailwindcss.com/docs/text-decoration-thickness
-       */
-      "text-decoration-thickness": [
-        { decoration: ["auto", "from-font", isLength, isArbitraryLength] }
-      ],
-      /**
-       * Text Underline Offset
-       * @see https://tailwindcss.com/docs/text-underline-offset
-       */
-      "underline-offset": [{ "underline-offset": ["auto", isLength, isArbitraryValue] }],
-      /**
-       * Text Decoration Color
-       * @see https://tailwindcss.com/docs/text-decoration-color
-       */
-      "text-decoration-color": [{ decoration: [colors] }],
-      /**
-       * Text Transform
-       * @see https://tailwindcss.com/docs/text-transform
-       */
-      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
-      /**
-       * Text Overflow
-       * @see https://tailwindcss.com/docs/text-overflow
-       */
-      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
-      /**
-       * Text Wrap
-       * @see https://tailwindcss.com/docs/text-wrap
-       */
-      "text-wrap": [{ text: ["wrap", "nowrap", "balance", "pretty"] }],
-      /**
-       * Text Indent
-       * @see https://tailwindcss.com/docs/text-indent
-       */
-      "indent": [{ indent: getSpacingWithArbitrary() }],
-      /**
-       * Vertical Alignment
-       * @see https://tailwindcss.com/docs/vertical-align
-       */
-      "vertical-align": [
-        {
-          align: [
-            "baseline",
-            "top",
-            "middle",
-            "bottom",
-            "text-top",
-            "text-bottom",
-            "sub",
-            "super",
-            isArbitraryValue
-          ]
-        }
-      ],
-      /**
-       * Whitespace
-       * @see https://tailwindcss.com/docs/whitespace
-       */
-      "whitespace": [
-        { whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"] }
-      ],
-      /**
-       * Word Break
-       * @see https://tailwindcss.com/docs/word-break
-       */
-      "break": [{ break: ["normal", "words", "all", "keep"] }],
-      /**
-       * Hyphens
-       * @see https://tailwindcss.com/docs/hyphens
-       */
-      "hyphens": [{ hyphens: ["none", "manual", "auto"] }],
-      /**
-       * Content
-       * @see https://tailwindcss.com/docs/content
-       */
-      "content": [{ content: ["none", isArbitraryValue] }],
-      // Backgrounds
-      /**
-       * Background Attachment
-       * @see https://tailwindcss.com/docs/background-attachment
-       */
-      "bg-attachment": [{ bg: ["fixed", "local", "scroll"] }],
-      /**
-       * Background Clip
-       * @see https://tailwindcss.com/docs/background-clip
-       */
-      "bg-clip": [{ "bg-clip": ["border", "padding", "content", "text"] }],
-      /**
-       * Background Opacity
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/background-opacity
-       */
-      "bg-opacity": [{ "bg-opacity": [opacity] }],
-      /**
-       * Background Origin
-       * @see https://tailwindcss.com/docs/background-origin
-       */
-      "bg-origin": [{ "bg-origin": ["border", "padding", "content"] }],
-      /**
-       * Background Position
-       * @see https://tailwindcss.com/docs/background-position
-       */
-      "bg-position": [{ bg: [...getPositions(), isArbitraryPosition] }],
-      /**
-       * Background Repeat
-       * @see https://tailwindcss.com/docs/background-repeat
-       */
-      "bg-repeat": [{ bg: ["no-repeat", { repeat: ["", "x", "y", "round", "space"] }] }],
-      /**
-       * Background Size
-       * @see https://tailwindcss.com/docs/background-size
-       */
-      "bg-size": [{ bg: ["auto", "cover", "contain", isArbitrarySize] }],
-      /**
-       * Background Image
-       * @see https://tailwindcss.com/docs/background-image
-       */
-      "bg-image": [
-        {
-          bg: [
-            "none",
-            { "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"] },
-            isArbitraryImage
-          ]
-        }
-      ],
-      /**
-       * Background Color
-       * @see https://tailwindcss.com/docs/background-color
-       */
-      "bg-color": [{ bg: [colors] }],
-      /**
-       * Gradient Color Stops From Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from-pos": [{ from: [gradientColorStopPositions] }],
-      /**
-       * Gradient Color Stops Via Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via-pos": [{ via: [gradientColorStopPositions] }],
-      /**
-       * Gradient Color Stops To Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to-pos": [{ to: [gradientColorStopPositions] }],
-      /**
-       * Gradient Color Stops From
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from": [{ from: [gradientColorStops] }],
-      /**
-       * Gradient Color Stops Via
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via": [{ via: [gradientColorStops] }],
-      /**
-       * Gradient Color Stops To
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to": [{ to: [gradientColorStops] }],
-      // Borders
-      /**
-       * Border Radius
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded": [{ rounded: [borderRadius] }],
-      /**
-       * Border Radius Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-s": [{ "rounded-s": [borderRadius] }],
-      /**
-       * Border Radius End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-e": [{ "rounded-e": [borderRadius] }],
-      /**
-       * Border Radius Top
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-t": [{ "rounded-t": [borderRadius] }],
-      /**
-       * Border Radius Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-r": [{ "rounded-r": [borderRadius] }],
-      /**
-       * Border Radius Bottom
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-b": [{ "rounded-b": [borderRadius] }],
-      /**
-       * Border Radius Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-l": [{ "rounded-l": [borderRadius] }],
-      /**
-       * Border Radius Start Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ss": [{ "rounded-ss": [borderRadius] }],
-      /**
-       * Border Radius Start End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-se": [{ "rounded-se": [borderRadius] }],
-      /**
-       * Border Radius End End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ee": [{ "rounded-ee": [borderRadius] }],
-      /**
-       * Border Radius End Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-es": [{ "rounded-es": [borderRadius] }],
-      /**
-       * Border Radius Top Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tl": [{ "rounded-tl": [borderRadius] }],
-      /**
-       * Border Radius Top Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tr": [{ "rounded-tr": [borderRadius] }],
-      /**
-       * Border Radius Bottom Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-br": [{ "rounded-br": [borderRadius] }],
-      /**
-       * Border Radius Bottom Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-bl": [{ "rounded-bl": [borderRadius] }],
-      /**
-       * Border Width
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w": [{ border: [borderWidth] }],
-      /**
-       * Border Width X
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-x": [{ "border-x": [borderWidth] }],
-      /**
-       * Border Width Y
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-y": [{ "border-y": [borderWidth] }],
-      /**
-       * Border Width Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-s": [{ "border-s": [borderWidth] }],
-      /**
-       * Border Width End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-e": [{ "border-e": [borderWidth] }],
-      /**
-       * Border Width Top
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-t": [{ "border-t": [borderWidth] }],
-      /**
-       * Border Width Right
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-r": [{ "border-r": [borderWidth] }],
-      /**
-       * Border Width Bottom
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-b": [{ "border-b": [borderWidth] }],
-      /**
-       * Border Width Left
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-l": [{ "border-l": [borderWidth] }],
-      /**
-       * Border Opacity
-       * @see https://tailwindcss.com/docs/border-opacity
-       */
-      "border-opacity": [{ "border-opacity": [opacity] }],
-      /**
-       * Border Style
-       * @see https://tailwindcss.com/docs/border-style
-       */
-      "border-style": [{ border: [...getLineStyles(), "hidden"] }],
-      /**
-       * Divide Width X
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x": [{ "divide-x": [borderWidth] }],
-      /**
-       * Divide Width X Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x-reverse": ["divide-x-reverse"],
-      /**
-       * Divide Width Y
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y": [{ "divide-y": [borderWidth] }],
-      /**
-       * Divide Width Y Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y-reverse": ["divide-y-reverse"],
-      /**
-       * Divide Opacity
-       * @see https://tailwindcss.com/docs/divide-opacity
-       */
-      "divide-opacity": [{ "divide-opacity": [opacity] }],
-      /**
-       * Divide Style
-       * @see https://tailwindcss.com/docs/divide-style
-       */
-      "divide-style": [{ divide: getLineStyles() }],
-      /**
-       * Border Color
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color": [{ border: [borderColor] }],
-      /**
-       * Border Color X
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-x": [{ "border-x": [borderColor] }],
-      /**
-       * Border Color Y
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-y": [{ "border-y": [borderColor] }],
-      /**
-       * Border Color 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: ["", ...getLineStyles()] }],
-      /**
-       * Outline Offset
-       * @see https://tailwindcss.com/docs/outline-offset
-       */
-      "outline-offset": [{ "outline-offset": [isLength, isArbitraryValue] }],
-      /**
-       * Outline Width
-       * @see https://tailwindcss.com/docs/outline-width
-       */
-      "outline-w": [{ outline: [isLength, isArbitraryLength] }],
-      /**
-       * Outline Color
-       * @see https://tailwindcss.com/docs/outline-color
-       */
-      "outline-color": [{ outline: [colors] }],
-      /**
-       * Ring Width
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w": [{ ring: getLengthWithEmptyAndArbitrary() }],
-      /**
-       * Ring Width Inset
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w-inset": ["ring-inset"],
-      /**
-       * Ring Color
-       * @see https://tailwindcss.com/docs/ring-color
-       */
-      "ring-color": [{ ring: [colors] }],
-      /**
-       * Ring Opacity
-       * @see https://tailwindcss.com/docs/ring-opacity
-       */
-      "ring-opacity": [{ "ring-opacity": [opacity] }],
-      /**
-       * Ring Offset Width
-       * @see https://tailwindcss.com/docs/ring-offset-width
-       */
-      "ring-offset-w": [{ "ring-offset": [isLength, isArbitraryLength] }],
-      /**
-       * Ring Offset Color
-       * @see https://tailwindcss.com/docs/ring-offset-color
-       */
-      "ring-offset-color": [{ "ring-offset": [colors] }],
-      // Effects
-      /**
-       * Box Shadow
-       * @see https://tailwindcss.com/docs/box-shadow
-       */
-      "shadow": [{ shadow: ["", "inner", "none", isTshirtSize, isArbitraryShadow] }],
-      /**
-       * Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow-color
-       */
-      "shadow-color": [{ shadow: [isAny] }],
-      /**
-       * Opacity
-       * @see https://tailwindcss.com/docs/opacity
-       */
-      "opacity": [{ opacity: [opacity] }],
-      /**
-       * Mix Blend Mode
-       * @see https://tailwindcss.com/docs/mix-blend-mode
-       */
-      "mix-blend": [{ "mix-blend": [...getBlendModes(), "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"]
-    }
+function cva(...inputs) {
+  const fn = _classvarianceauthority.cva.call(void 0, ...inputs);
+  return (...props) => {
+    return replaceWxml(fn(...props));
   };
 }
 
-// src/lib/merge-configs.ts
-function mergeConfigs(baseConfig, {
-  cacheSize,
-  prefix,
-  separator,
-  experimentalParseClassName,
-  extend = {},
-  override = {}
-}) {
-  overrideProperty(baseConfig, "cacheSize", cacheSize);
-  overrideProperty(baseConfig, "prefix", prefix);
-  overrideProperty(baseConfig, "separator", separator);
-  overrideProperty(baseConfig, "experimentalParseClassName", experimentalParseClassName);
-  for (const configKey in override) {
-    overrideConfigProperties(
-      baseConfig[configKey],
-      override[configKey]
-    );
-  }
-  for (const key in extend) {
-    mergeConfigProperties(
-      baseConfig[key],
-      extend[key]
-    );
-  }
-  return baseConfig;
-}
-function overrideProperty(baseObject, overrideKey, overrideValue) {
-  if (overrideValue !== void 0) {
-    baseObject[overrideKey] = overrideValue;
-  }
-}
-function overrideConfigProperties(baseObject, overrideObject) {
-  if (overrideObject) {
-    for (const key in overrideObject) {
-      overrideProperty(baseObject, key, overrideObject[key]);
-    }
-  }
-}
-function mergeConfigProperties(baseObject, mergeObject) {
-  if (mergeObject) {
-    for (const key in mergeObject) {
-      const mergeValue = mergeObject[key];
-      if (mergeValue !== void 0) {
-        baseObject[key] = (baseObject[key] || []).concat(mergeValue);
-      }
-    }
-  }
-}
 
-// src/lib/extend-tailwind-merge.ts
-function extendTailwindMerge(configExtension, ...createConfig) {
-  return typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(
-    () => mergeConfigs(getDefaultConfig(), configExtension),
-    ...createConfig
-  );
-}
 
-// src/lib/tw-merge.ts
-var twMerge = createTailwindMerge(getDefaultConfig);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createTailwindMerge,
-  extendTailwindMerge,
-  fromTheme,
-  getDefaultConfig,
-  mergeConfigs,
-  twJoin,
-  twMerge,
-  validators
-});
+
+exports.cn = cn; exports.cva = cva; exports.weappTwIgnore = weappTwIgnore;