bromcom-ui 2.12.1-test.1 → 2.12.1

package/dist/esm/{index-3bc8c6e3.js → index-9f698d35.js}

@@ -2,57 +2,24 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var a=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,l=t=>!t||typeof t!="object"||Object.keys(t).length===0,u=(t,e)=>JSON.stringify(t)===JSON.stringify(e);function i(t,e){t.forEach(function(n){Array.isArray(n)?i(n,e):e.push(n);});}function y(t){let e=[];return i(t,e),e}var x=(...t)=>y(t).filter(Boolean),p=(t,e)=>{let n={},c=Object.keys(t),f=Object.keys(e);for(let o of c)if(f.includes(o)){let r=t[o],s=e[o];typeof r=="object"&&typeof s=="object"?n[o]=p(r,s):n[o]=s+" "+r;}else n[o]=t[o];for(let o of f)c.includes(o)||(n[o]=e[o]);return n},g=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();
+import { c as createCommonjsModule } from './_commonjsHelpers-7002e5de.js';
 
-/**
- * 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 twJoin() {
-  var index = 0;
-  var argument;
-  var resolvedValue;
-  var string = '';
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
-      if (resolvedValue = toValue(argument)) {
-        string && (string += ' ');
-        string += resolvedValue;
-      }
-    }
-  }
-  return string;
-}
-function toValue(mix) {
-  if (typeof mix === 'string') {
-    return mix;
-  }
-  var resolvedValue;
-  var string = '';
-  for (var k = 0; k < mix.length; k++) {
-    if (mix[k]) {
-      if (resolvedValue = toValue(mix[k])) {
-        string && (string += ' ');
-        string += resolvedValue;
-      }
-    }
-  }
-  return string;
-}
+var l=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,u=e=>!e||typeof e!="object"||Object.keys(e).length===0,x=(e,o)=>JSON.stringify(e)===JSON.stringify(o);function i(e,o){e.forEach(function(r){Array.isArray(r)?i(r,o):o.push(r);});}function y(e){let o=[];return i(e,o),o}var a=(...e)=>y(e).filter(Boolean),p=(e,o)=>{let r={},c=Object.keys(e),f=Object.keys(o);for(let t of c)if(f.includes(t)){let s=e[t],n=o[t];typeof s=="object"&&typeof n=="object"?r[t]=p(s,n):Array.isArray(s)||Array.isArray(n)?r[t]=a(n,s):r[t]=n+" "+s;}else r[t]=e[t];for(let t of f)c.includes(t)||(r[t]=o[t]);return r},g=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
+
+var bundleCjs = createCommonjsModule(function (module, exports) {
 
-var CLASS_PART_SEPARATOR = '-';
+Object.defineProperty(exports, Symbol.toStringTag, {
+  value: 'Module'
+});
+const CLASS_PART_SEPARATOR = '-';
 function createClassUtils(config) {
-  var classMap = createClassMap(config);
-  var conflictingClassGroups = config.conflictingClassGroups,
-    _config$conflictingCl = config.conflictingClassGroupModifiers,
-    conflictingClassGroupModifiers = _config$conflictingCl === void 0 ? {} : _config$conflictingCl;
+  const classMap = createClassMap(config);
+  const {
+    conflictingClassGroups,
+    conflictingClassGroupModifiers
+  } = config;
   function getClassGroupId(className) {
-    var classParts = className.split(CLASS_PART_SEPARATOR);
+    const classParts = className.split(CLASS_PART_SEPARATOR);
     // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and remove it from classParts.
     if (classParts[0] === '' && classParts.length !== 1) {
       classParts.shift();
@@ -60,41 +27,40 @@ function createClassUtils(config) {
     return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
   }
   function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {
-    var conflicts = conflictingClassGroups[classGroupId] || [];
+    const conflicts = conflictingClassGroups[classGroupId] || [];
     if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [].concat(conflicts, conflictingClassGroupModifiers[classGroupId]);
+      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
     }
     return conflicts;
   }
   return {
-    getClassGroupId: getClassGroupId,
-    getConflictingClassGroupIds: getConflictingClassGroupIds
+    getClassGroupId,
+    getConflictingClassGroupIds
   };
 }
 function getGroupRecursive(classParts, classPartObject) {
   if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
-  var currentClassPart = classParts[0];
-  var nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  var classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
+  const currentClassPart = classParts[0];
+  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
   if (classGroupFromNextClassPart) {
     return classGroupFromNextClassPart;
   }
   if (classPartObject.validators.length === 0) {
     return undefined;
   }
-  var classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return classPartObject.validators.find(function (_ref) {
-    var validator = _ref.validator;
-    return validator(classRest);
-  })?.classGroupId;
+  const classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return classPartObject.validators.find(({
+    validator
+  }) => validator(classRest))?.classGroupId;
 }
-var arbitraryPropertyRegex = /^\[(.+)\]$/;
+const arbitraryPropertyRegex = /^\[(.+)\]$/;
 function getGroupIdForArbitraryProperty(className) {
   if (arbitraryPropertyRegex.test(className)) {
-    var arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    var property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(':'));
+    const arbitraryPropertyClassName = 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;
@@ -105,24 +71,24 @@ function getGroupIdForArbitraryProperty(className) {
  * Exported for testing only
  */
 function createClassMap(config) {
-  var theme = config.theme,
-    prefix = config.prefix;
-  var classMap = {
+  const {
+    theme,
+    prefix
+  } = config;
+  const classMap = {
     nextPart: new Map(),
     validators: []
   };
-  var prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
-  prefixedClassGroupEntries.forEach(function (_ref2) {
-    var classGroupId = _ref2[0],
-      classGroup = _ref2[1];
+  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(function (classDefinition) {
+  classGroup.forEach(classDefinition => {
     if (typeof classDefinition === 'string') {
-      var classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
+      const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
       classPartObjectToEdit.classGroupId = classGroupId;
       return;
     }
@@ -133,20 +99,18 @@ function processClassesRecursively(classGroup, classPartObject, classGroupId, th
       }
       classPartObject.validators.push({
         validator: classDefinition,
-        classGroupId: classGroupId
+        classGroupId
       });
       return;
     }
-    Object.entries(classDefinition).forEach(function (_ref3) {
-      var key = _ref3[0],
-        classGroup = _ref3[1];
+    Object.entries(classDefinition).forEach(([key, classGroup]) => {
       processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);
     });
   });
 }
 function getPart(classPartObject, path) {
-  var currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach(function (pathPart) {
+  let currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach(pathPart => {
     if (!currentClassPartObject.nextPart.has(pathPart)) {
       currentClassPartObject.nextPart.set(pathPart, {
         nextPart: new Map(),
@@ -164,19 +128,13 @@ function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
   if (!prefix) {
     return classGroupEntries;
   }
-  return classGroupEntries.map(function (_ref4) {
-    var classGroupId = _ref4[0],
-      classGroup = _ref4[1];
-    var prefixedClassGroup = classGroup.map(function (classDefinition) {
+  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(function (_ref5) {
-          var key = _ref5[0],
-            value = _ref5[1];
-          return [prefix + key, value];
-        }));
+        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
       }
       return classDefinition;
     });
@@ -188,15 +146,13 @@ function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
 function createLruCache(maxCacheSize) {
   if (maxCacheSize < 1) {
     return {
-      get: function get() {
-        return undefined;
-      },
-      set: function set() {}
+      get: () => undefined,
+      set: () => {}
     };
   }
-  var cacheSize = 0;
-  var cache = new Map();
-  var previousCache = new Map();
+  let cacheSize = 0;
+  let cache = new Map();
+  let previousCache = new Map();
   function update(key, value) {
     cache.set(key, value);
     cacheSize++;
@@ -207,8 +163,8 @@ function createLruCache(maxCacheSize) {
     }
   }
   return {
-    get: function get(key) {
-      var value = cache.get(key);
+    get(key) {
+      let value = cache.get(key);
       if (value !== undefined) {
         return value;
       }
@@ -217,7 +173,7 @@ function createLruCache(maxCacheSize) {
         return value;
       }
     },
-    set: function set(key, value) {
+    set(key, value) {
       if (cache.has(key)) {
         cache.set(key, value);
       } else {
@@ -226,21 +182,20 @@ function createLruCache(maxCacheSize) {
     }
   };
 }
-
-var IMPORTANT_MODIFIER = '!';
+const IMPORTANT_MODIFIER = '!';
 function createSplitModifiers(config) {
-  var separator = config.separator || ':';
-  var isSeparatorSingleCharacter = separator.length === 1;
-  var firstSeparatorCharacter = separator[0];
-  var separatorLength = separator.length;
+  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) {
-    var modifiers = [];
-    var bracketDepth = 0;
-    var modifierStart = 0;
-    var postfixModifierPosition;
-    for (var index = 0; index < className.length; index++) {
-      var currentCharacter = className[index];
+    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));
@@ -258,15 +213,15 @@ function createSplitModifiers(config) {
         bracketDepth--;
       }
     }
-    var baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    var hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-    var baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
-    var maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
+    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 : undefined;
     return {
-      modifiers: modifiers,
-      hasImportantModifier: hasImportantModifier,
-      baseClassName: baseClassName,
-      maybePostfixModifierPosition: maybePostfixModifierPosition
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
     };
   };
 }
@@ -279,21 +234,20 @@ function sortModifiers(modifiers) {
   if (modifiers.length <= 1) {
     return modifiers;
   }
-  var sortedModifiers = [];
-  var unsortedModifiers = [];
-  modifiers.forEach(function (modifier) {
-    var isArbitraryVariant = modifier[0] === '[';
+  const sortedModifiers = [];
+  let unsortedModifiers = [];
+  modifiers.forEach(modifier => {
+    const isArbitraryVariant = modifier[0] === '[';
     if (isArbitraryVariant) {
-      sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort().concat([modifier]));
+      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
       unsortedModifiers = [];
     } else {
       unsortedModifiers.push(modifier);
     }
   });
-  sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort());
+  sortedModifiers.push(...unsortedModifiers.sort());
   return sortedModifiers;
 }
-
 function createConfigUtils(config) {
   return {
     cache: createLruCache(config.cacheSize),
@@ -301,12 +255,13 @@ function createConfigUtils(config) {
     ...createClassUtils(config)
   };
 }
-
-var SPLIT_CLASSES_REGEX = /\s+/;
+const SPLIT_CLASSES_REGEX = /\s+/;
 function mergeClassList(classList, configUtils) {
-  var splitModifiers = configUtils.splitModifiers,
-    getClassGroupId = configUtils.getClassGroupId,
-    getConflictingClassGroupIds = configUtils.getConflictingClassGroupIds;
+  const {
+    splitModifiers,
+    getClassGroupId,
+    getConflictingClassGroupIds
+  } = configUtils;
   /**
    * Set of classGroupIds in following format:
    * `{importantModifier}{variantModifiers}{classGroupId}`
@@ -314,77 +269,109 @@ function mergeClassList(classList, configUtils) {
    * @example 'hover:focus:bg-color'
    * @example 'md:!pr'
    */
-  var classGroupsInConflict = new Set();
-  return classList.trim().split(SPLIT_CLASSES_REGEX).map(function (originalClassName) {
-    var _splitModifiers = splitModifiers(originalClassName),
-      modifiers = _splitModifiers.modifiers,
-      hasImportantModifier = _splitModifiers.hasImportantModifier,
-      baseClassName = _splitModifiers.baseClassName,
-      maybePostfixModifierPosition = _splitModifiers.maybePostfixModifierPosition;
-    var classGroupId = getClassGroupId(maybePostfixModifierPosition ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
-    var hasPostfixModifier = Boolean(maybePostfixModifierPosition);
+  const classGroupsInConflict = new Set();
+  return classList.trim().split(SPLIT_CLASSES_REGEX).map(originalClassName => {
+    const {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      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
+          originalClassName
         };
       }
       classGroupId = getClassGroupId(baseClassName);
       if (!classGroupId) {
         return {
           isTailwindClass: false,
-          originalClassName: originalClassName
+          originalClassName
         };
       }
       hasPostfixModifier = false;
     }
-    var variantModifier = sortModifiers(modifiers).join(':');
-    var modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+    const variantModifier = sortModifiers(modifiers).join(':');
+    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
     return {
       isTailwindClass: true,
-      modifierId: modifierId,
-      classGroupId: classGroupId,
-      originalClassName: originalClassName,
-      hasPostfixModifier: hasPostfixModifier
+      modifierId,
+      classGroupId,
+      originalClassName,
+      hasPostfixModifier
     };
   }).reverse()
   // Last class in conflict wins, so we need to filter conflicting classes in reverse order.
-  .filter(function (parsed) {
+  .filter(parsed => {
     if (!parsed.isTailwindClass) {
       return true;
     }
-    var modifierId = parsed.modifierId,
-      classGroupId = parsed.classGroupId,
-      hasPostfixModifier = parsed.hasPostfixModifier;
-    var classId = modifierId + classGroupId;
+    const {
+      modifierId,
+      classGroupId,
+      hasPostfixModifier
+    } = parsed;
+    const classId = modifierId + classGroupId;
     if (classGroupsInConflict.has(classId)) {
       return false;
     }
     classGroupsInConflict.add(classId);
-    getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(function (group) {
-      return classGroupsInConflict.add(modifierId + group);
-    });
+    getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(group => classGroupsInConflict.add(modifierId + group));
     return true;
-  }).reverse().map(function (parsed) {
-    return parsed.originalClassName;
-  }).join(' ');
+  }).reverse().map(parsed => parsed.originalClassName).join(' ');
 }
 
-function createTailwindMerge() {
-  for (var _len = arguments.length, createConfig = new Array(_len), _key = 0; _key < _len; _key++) {
-    createConfig[_key] = arguments[_key];
+/**
+ * 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 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;
+      }
+    }
+  }
+  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;
+      }
+    }
   }
-  var configUtils;
-  var cacheGet;
-  var cacheSet;
-  var functionToCall = initTailwindMerge;
+  return string;
+}
+function createTailwindMerge(createConfigFirst, ...createConfigRest) {
+  let configUtils;
+  let cacheGet;
+  let cacheSet;
+  let functionToCall = initTailwindMerge;
   function initTailwindMerge(classList) {
-    var firstCreateConfig = createConfig[0],
-      restCreateConfig = createConfig.slice(1);
-    var config = restCreateConfig.reduce(function (previousConfig, createConfigCurrent) {
-      return createConfigCurrent(previousConfig);
-    }, firstCreateConfig());
+    const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
     configUtils = createConfigUtils(config);
     cacheGet = configUtils.cache.get;
     cacheSet = configUtils.cache.set;
@@ -392,11 +379,11 @@ function createTailwindMerge() {
     return tailwindMerge(classList);
   }
   function tailwindMerge(classList) {
-    var cachedResult = cacheGet(classList);
+    const cachedResult = cacheGet(classList);
     if (cachedResult) {
       return cachedResult;
     }
-    var result = mergeClassList(classList, configUtils);
+    const result = mergeClassList(classList, configUtils);
     cacheSet(classList, result);
     return result;
   }
@@ -404,166 +391,156 @@ function createTailwindMerge() {
     return functionToCall(twJoin.apply(null, arguments));
   };
 }
-
 function fromTheme(key) {
-  var themeGetter = function themeGetter(theme) {
-    return theme[key] || [];
-  };
+  const themeGetter = theme => theme[key] || [];
   themeGetter.isThemeGetter = true;
   return themeGetter;
 }
-
-var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
-var fractionRegex = /^\d+\/\d+$/;
-var stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
-var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
-var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-// Shadow always begins with x and y offset separated by underscore
-var shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
+const fractionRegex = /^\d+\/\d+$/;
+const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
+const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+const 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$/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const 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) || isArbitraryLength(value);
+  return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
 }
 function isArbitraryLength(value) {
   return getIsArbitraryValue(value, 'length', isLengthOnly);
 }
-function isArbitrarySize(value) {
-  return getIsArbitraryValue(value, 'size', isNever);
-}
-function isArbitraryPosition(value) {
-  return getIsArbitraryValue(value, 'position', isNever);
-}
-function isArbitraryUrl(value) {
-  return getIsArbitraryValue(value, 'url', isUrl);
+function isNumber(value) {
+  return Boolean(value) && !Number.isNaN(Number(value));
 }
 function isArbitraryNumber(value) {
   return getIsArbitraryValue(value, 'number', isNumber);
 }
-function isNumber(value) {
-  return !Number.isNaN(Number(value));
+function isInteger(value) {
+  return Boolean(value) && Number.isInteger(Number(value));
 }
 function isPercent(value) {
   return value.endsWith('%') && isNumber(value.slice(0, -1));
 }
-function isInteger(value) {
-  return isIntegerOnly(value) || getIsArbitraryValue(value, 'number', isIntegerOnly);
-}
 function isArbitraryValue(value) {
   return arbitraryValueRegex.test(value);
 }
-function isAny() {
-  return true;
-}
 function isTshirtSize(value) {
   return tshirtUnitRegex.test(value);
 }
+const sizeLabels = /*#__PURE__*/new Set(['length', 'size', 'percentage']);
+function isArbitrarySize(value) {
+  return getIsArbitraryValue(value, sizeLabels, isNever);
+}
+function isArbitraryPosition(value) {
+  return getIsArbitraryValue(value, 'position', isNever);
+}
+const imageLabels = /*#__PURE__*/new Set(['image', 'url']);
+function isArbitraryImage(value) {
+  return getIsArbitraryValue(value, imageLabels, isImage);
+}
 function isArbitraryShadow(value) {
   return getIsArbitraryValue(value, '', isShadow);
 }
+function isAny() {
+  return true;
+}
 function getIsArbitraryValue(value, label, testValue) {
-  var result = arbitraryValueRegex.exec(value);
+  const result = arbitraryValueRegex.exec(value);
   if (result) {
     if (result[1]) {
-      return result[1] === label;
+      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` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
 }
 function isNever() {
   return false;
 }
-function isUrl(value) {
-  return value.startsWith('url(');
-}
-function isIntegerOnly(value) {
-  return Number.isInteger(Number(value));
-}
 function isShadow(value) {
   return shadowRegex.test(value);
 }
-
+function isImage(value) {
+  return imageRegex.test(value);
+}
+const validators = /*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  isAny,
+  isArbitraryImage,
+  isArbitraryLength,
+  isArbitraryNumber,
+  isArbitraryPosition,
+  isArbitraryShadow,
+  isArbitrarySize,
+  isArbitraryValue,
+  isInteger,
+  isLength,
+  isNumber,
+  isPercent,
+  isTshirtSize
+}, Symbol.toStringTag, {
+  value: 'Module'
+});
 function getDefaultConfig() {
-  var colors = fromTheme('colors');
-  var spacing = fromTheme('spacing');
-  var blur = fromTheme('blur');
-  var brightness = fromTheme('brightness');
-  var borderColor = fromTheme('borderColor');
-  var borderRadius = fromTheme('borderRadius');
-  var borderSpacing = fromTheme('borderSpacing');
-  var borderWidth = fromTheme('borderWidth');
-  var contrast = fromTheme('contrast');
-  var grayscale = fromTheme('grayscale');
-  var hueRotate = fromTheme('hueRotate');
-  var invert = fromTheme('invert');
-  var gap = fromTheme('gap');
-  var gradientColorStops = fromTheme('gradientColorStops');
-  var gradientColorStopPositions = fromTheme('gradientColorStopPositions');
-  var inset = fromTheme('inset');
-  var margin = fromTheme('margin');
-  var opacity = fromTheme('opacity');
-  var padding = fromTheme('padding');
-  var saturate = fromTheme('saturate');
-  var scale = fromTheme('scale');
-  var sepia = fromTheme('sepia');
-  var skew = fromTheme('skew');
-  var space = fromTheme('space');
-  var translate = fromTheme('translate');
-  var getOverscroll = function getOverscroll() {
-    return ['auto', 'contain', 'none'];
-  };
-  var getOverflow = function getOverflow() {
-    return ['auto', 'hidden', 'clip', 'visible', 'scroll'];
-  };
-  var getSpacingWithAutoAndArbitrary = function getSpacingWithAutoAndArbitrary() {
-    return ['auto', isArbitraryValue, spacing];
-  };
-  var getSpacingWithArbitrary = function getSpacingWithArbitrary() {
-    return [isArbitraryValue, spacing];
-  };
-  var getLengthWithEmpty = function getLengthWithEmpty() {
-    return ['', isLength];
-  };
-  var getNumberWithAutoAndArbitrary = function getNumberWithAutoAndArbitrary() {
-    return ['auto', isNumber, isArbitraryValue];
-  };
-  var getPositions = function getPositions() {
-    return ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
-  };
-  var getLineStyles = function getLineStyles() {
-    return ['solid', 'dashed', 'dotted', 'double', 'none'];
-  };
-  var getBlendModes = function getBlendModes() {
-    return ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];
-  };
-  var getAlign = function getAlign() {
-    return ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];
-  };
-  var getZeroAndEmpty = function getZeroAndEmpty() {
-    return ['', '0', isArbitraryValue];
-  };
-  var getBreaks = function getBreaks() {
-    return ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
-  };
-  var getNumber = function getNumber() {
-    return [isNumber, isArbitraryNumber];
-  };
-  var getNumberAndArbitrary = function getNumberAndArbitrary() {
-    return [isNumber, isArbitraryValue];
-  };
+  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', 'plus-lighter'];
+  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 getNumber = () => [isNumber, isArbitraryNumber];
+  const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];
   return {
     cacheSize: 500,
+    separator: ':',
     theme: {
       colors: [isAny],
-      spacing: [isLength],
+      spacing: [isLength, isArbitraryLength],
       blur: ['none', '', isTshirtSize, isArbitraryValue],
       brightness: getNumber(),
       borderColor: [colors],
       borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue],
       borderSpacing: getSpacingWithArbitrary(),
-      borderWidth: getLengthWithEmpty(),
+      borderWidth: getLengthWithEmptyAndArbitrary(),
       contrast: getNumber(),
       grayscale: getZeroAndEmpty(),
       hueRotate: getNumberAndArbitrary(),
@@ -647,15 +624,15 @@ function getDefaultConfig() {
        * Floats
        * @see https://tailwindcss.com/docs/float
        */
-      "float": [{
-        "float": ['right', 'left', 'none']
+      float: [{
+        float: ['right', 'left', 'none', 'start', 'end']
       }],
       /**
        * Clear
        * @see https://tailwindcss.com/docs/clear
        */
       clear: [{
-        clear: ['left', 'right', 'both', 'none']
+        clear: ['left', 'right', 'both', 'none', 'start', 'end']
       }],
       /**
        * Isolation
@@ -674,7 +651,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/object-position
        */
       'object-position': [{
-        object: [].concat(getPositions(), [isArbitraryValue])
+        object: [...getPositions(), isArbitraryValue]
       }],
       /**
        * Overflow
@@ -796,7 +773,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ['auto', isInteger]
+        z: ['auto', isInteger, isArbitraryValue]
       }],
       // Flexbox and Grid
       /**
@@ -846,7 +823,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ['first', 'last', 'none', isInteger]
+        order: ['first', 'last', 'none', isInteger, isArbitraryValue]
       }],
       /**
        * Grid Template Columns
@@ -861,7 +838,7 @@ function getDefaultConfig() {
        */
       'col-start-end': [{
         col: ['auto', {
-          span: ['full', isInteger]
+          span: ['full', isInteger, isArbitraryValue]
         }, isArbitraryValue]
       }],
       /**
@@ -891,7 +868,7 @@ function getDefaultConfig() {
        */
       'row-start-end': [{
         row: ['auto', {
-          span: [isInteger]
+          span: [isInteger, isArbitraryValue]
         }, isArbitraryValue]
       }],
       /**
@@ -955,7 +932,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/justify-content
        */
       'justify-content': [{
-        justify: ['normal'].concat(getAlign())
+        justify: ['normal', ...getAlign()]
       }],
       /**
        * Justify Items
@@ -976,7 +953,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/align-content
        */
       'align-content': [{
-        content: ['normal'].concat(getAlign(), ['baseline'])
+        content: ['normal', ...getAlign(), 'baseline']
       }],
       /**
        * Align Items
@@ -997,7 +974,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/place-content
        */
       'place-content': [{
-        'place-content': [].concat(getAlign(), ['baseline'])
+        'place-content': [...getAlign(), 'baseline']
       }],
       /**
        * Place Items
@@ -1170,44 +1147,51 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]
+        w: ['auto', 'min', 'max', 'fit', 'svw', 'lvw', 'dvw', isArbitraryValue, spacing]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       'min-w': [{
-        'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]
+        'min-w': [isArbitraryValue, spacing, 'min', 'max', 'fit']
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       'max-w': [{
-        'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {
+        'max-w': [isArbitraryValue, spacing, 'none', 'full', 'min', 'max', 'fit', 'prose', {
           screen: [isTshirtSize]
-        }, isTshirtSize, isArbitraryValue]
+        }, isTshirtSize]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
+        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['min', 'max', 'fit', isArbitraryValue, isLength]
+        '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']
+        '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
       /**
@@ -1290,7 +1274,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose', isArbitraryValue, isLength]
+        leading: ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose', isLength, isArbitraryValue]
       }],
       /**
        * List Style Image
@@ -1359,21 +1343,21 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       'text-decoration-style': [{
-        decoration: [].concat(getLineStyles(), ['wavy'])
+        decoration: [...getLineStyles(), 'wavy']
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       'text-decoration-thickness': [{
-        decoration: ['auto', 'from-font', isLength]
+        decoration: ['auto', 'from-font', isLength, isArbitraryLength]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       'underline-offset': [{
-        'underline-offset': ['auto', isArbitraryValue, isLength]
+        'underline-offset': ['auto', isLength, isArbitraryValue]
       }],
       /**
        * Text Decoration Color
@@ -1392,6 +1376,13 @@ function getDefaultConfig() {
        * @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
@@ -1417,8 +1408,8 @@ function getDefaultConfig() {
        * Word Break
        * @see https://tailwindcss.com/docs/word-break
        */
-      "break": [{
-        "break": ['normal', 'words', 'all', 'keep']
+      break: [{
+        break: ['normal', 'words', 'all', 'keep']
       }],
       /**
        * Hyphens
@@ -1469,7 +1460,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/background-position
        */
       'bg-position': [{
-        bg: [].concat(getPositions(), [isArbitraryPosition])
+        bg: [...getPositions(), isArbitraryPosition]
       }],
       /**
        * Background Repeat
@@ -1494,7 +1485,7 @@ function getDefaultConfig() {
       'bg-image': [{
         bg: ['none', {
           'gradient-to': ['t', 'tr', 'r', 'br', 'b', 'bl', 'l', 'tl']
-        }, isArbitraryUrl]
+        }, isArbitraryImage]
       }],
       /**
        * Background Color
@@ -1726,7 +1717,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/border-style
        */
       'border-style': [{
-        border: [].concat(getLineStyles(), ['hidden'])
+        border: [...getLineStyles(), 'hidden']
       }],
       /**
        * Divide Width X
@@ -1827,21 +1818,21 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/outline-style
        */
       'outline-style': [{
-        outline: [''].concat(getLineStyles())
+        outline: ['', ...getLineStyles()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       'outline-offset': [{
-        'outline-offset': [isArbitraryValue, isLength]
+        'outline-offset': [isLength, isArbitraryValue]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       'outline-w': [{
-        outline: [isLength]
+        outline: [isLength, isArbitraryLength]
       }],
       /**
        * Outline Color
@@ -1855,7 +1846,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/ring-width
        */
       'ring-w': [{
-        ring: getLengthWithEmpty()
+        ring: getLengthWithEmptyAndArbitrary()
       }],
       /**
        * Ring Width Inset
@@ -1881,7 +1872,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       'ring-offset-w': [{
-        'ring-offset': [isLength]
+        'ring-offset': [isLength, isArbitraryLength]
       }],
       /**
        * Ring Offset Color
@@ -2231,7 +2222,9 @@ function getDefaultConfig() {
        * Appearance
        * @see https://tailwindcss.com/docs/appearance
        */
-      appearance: ['appearance-none'],
+      appearance: [{
+        appearance: ['none', 'auto']
+      }],
       /**
        * Cursor
        * @see https://tailwindcss.com/docs/cursor
@@ -2426,10 +2419,27 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/touch-action
        */
       touch: [{
-        touch: ['auto', 'none', 'pinch-zoom', 'manipulation', {
-          pan: ['x', 'left', 'right', 'y', 'up', 'down']
-        }]
+        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
@@ -2457,7 +2467,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       'stroke-w': [{
-        stroke: [isLength, isArbitraryNumber]
+        stroke: [isLength, isArbitraryLength, isArbitraryNumber]
       }],
       /**
        * Stroke
@@ -2471,7 +2481,14 @@ function getDefaultConfig() {
        * Screen Readers
        * @see https://tailwindcss.com/docs/screen-readers
        */
-      sr: ['sr-only', 'not-sr-only']
+      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'],
@@ -2487,6 +2504,7 @@ function getDefaultConfig() {
       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'],
@@ -2494,6 +2512,7 @@ function getDefaultConfig() {
       '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'],
@@ -2513,7 +2532,11 @@ function getDefaultConfig() {
       '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']
+      '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']
@@ -2525,45 +2548,61 @@ function getDefaultConfig() {
  * @param baseConfig Config where other config will be merged into. This object will be mutated.
  * @param configExtension Partial config to merge into the `baseConfig`.
  */
-function mergeConfigs(baseConfig, configExtension) {
-  for (var key in configExtension) {
-    mergePropertyRecursively(baseConfig, key, configExtension[key]);
+function mergeConfigs(baseConfig, {
+  cacheSize,
+  prefix,
+  separator,
+  extend = {},
+  override = {}
+}) {
+  overrideProperty(baseConfig, 'cacheSize', cacheSize);
+  overrideProperty(baseConfig, 'prefix', prefix);
+  overrideProperty(baseConfig, 'separator', separator);
+  for (const configKey in override) {
+    overrideConfigProperties(baseConfig[configKey], override[configKey]);
+  }
+  for (const key in extend) {
+    mergeConfigProperties(baseConfig[key], extend[key]);
   }
   return baseConfig;
 }
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var overrideTypes = /*#__PURE__*/new Set(['string', 'number', 'boolean']);
-function mergePropertyRecursively(baseObject, mergeKey, mergeValue) {
-  if (!hasOwnProperty.call(baseObject, mergeKey) || overrideTypes.has(typeof mergeValue) || mergeValue === null) {
-    baseObject[mergeKey] = mergeValue;
-    return;
+function overrideProperty(baseObject, overrideKey, overrideValue) {
+  if (overrideValue !== undefined) {
+    baseObject[overrideKey] = overrideValue;
   }
-  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 (var nextKey in mergeValue) {
-      mergePropertyRecursively(baseObject[mergeKey], nextKey, mergeValue[nextKey]);
+}
+function overrideConfigProperties(baseObject, overrideObject) {
+  if (overrideObject) {
+    for (const key in overrideObject) {
+      overrideProperty(baseObject, key, overrideObject[key]);
     }
   }
 }
-
-function extendTailwindMerge(configExtension) {
-  for (var _len = arguments.length, createConfig = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    createConfig[_key - 1] = arguments[_key];
+function mergeConfigProperties(baseObject, mergeObject) {
+  if (mergeObject) {
+    for (const key in mergeObject) {
+      const mergeValue = mergeObject[key];
+      if (mergeValue !== undefined) {
+        baseObject[key] = (baseObject[key] || []).concat(mergeValue);
+      }
+    }
   }
-  return typeof configExtension === 'function' ? createTailwindMerge.apply(void 0, [getDefaultConfig, configExtension].concat(createConfig)) : createTailwindMerge.apply(void 0, [function () {
-    return mergeConfigs(getDefaultConfig(), configExtension);
-  }].concat(createConfig));
 }
+function extendTailwindMerge(configExtension, ...createConfig) {
+  return typeof configExtension === 'function' ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
+}
+const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
+exports.createTailwindMerge = createTailwindMerge;
+exports.extendTailwindMerge = extendTailwindMerge;
+exports.fromTheme = fromTheme;
+exports.getDefaultConfig = getDefaultConfig;
+exports.mergeConfigs = mergeConfigs;
+exports.twJoin = twJoin;
+exports.twMerge = twMerge;
+exports.validators = validators;
+//# sourceMappingURL=bundle-cjs.js.map
+});
 
-var twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
-
-var re={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},Z=i=>i||void 0,j=(...i)=>Z(y(i).filter(Boolean).join(" ")),B=null,O={},R=!1,A=(...i)=>v=>v.twMerge?((!B||R)&&(R=!1,B=l(O)?twMerge:extendTailwindMerge(O)),Z(B(j(i)))):j(i),Y=(i,v)=>{for(let e in v)i.hasOwnProperty(e)?i[e]=j(i[e],v[e]):i[e]=v[e];return i},ce=(i,v)=>{let{extend:e$1=null,slots:N={},variants:q={},compoundVariants:C=[],compoundSlots:V=[],defaultVariants:F={}}=i,m={...re,...v},M=e$1!=null&&e$1.base?j(e$1.base,i==null?void 0:i.base):i==null?void 0:i.base,g$1=e$1!=null&&e$1.variants&&!l(e$1.variants)?p(q,e$1.variants):q,h=e$1!=null&&e$1.defaultVariants&&!l(e$1.defaultVariants)?{...e$1.defaultVariants,...F}:F;!l(m.twMergeConfig)&&!u(m.twMergeConfig,O)&&(R=!0,O=m.twMergeConfig);let $=l(N)?{}:{base:i==null?void 0:i.base,...N},w=l(e$1==null?void 0:e$1.slots)?$:Y(e$1==null?void 0:e$1.slots,l($)?{base:i==null?void 0:i.base}:$),d=f=>{if(l(g$1)&&l(N)&&l(e$1==null?void 0:e$1.slots))return A(M,f==null?void 0:f.class,f==null?void 0:f.className)(m);if(C&&!Array.isArray(C))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof C}`);if(V&&!Array.isArray(V))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof V}`);let K=(t,n,a=[],s)=>{let r=a;if(typeof n=="string")r=r.concat(g(n).split(" ").map(l=>`${t}:${l}`));else if(Array.isArray(n))r=r.concat(n.reduce((l,c)=>l.concat(`${t}:${c}`),[]));else if(typeof n=="object"&&typeof s=="string"){for(let l in n)if(n.hasOwnProperty(l)&&l===s){let c=n[l];if(c&&typeof c=="string"){let y=g(c);r[s]?r[s]=r[s].concat(y.split(" ").map(u=>`${t}:${u}`)):r[s]=y.split(" ").map(u=>`${t}:${u}`);}else Array.isArray(c)&&c.length>0&&(r[s]=c.reduce((y,u)=>y.concat(`${t}:${u}`),[]));}}return r},U=(t,n=g$1,a$1=null,s=null)=>{var H;let r=n[t];if(!r||l(r))return null;let l$1=(H=s==null?void 0:s[t])!=null?H:f==null?void 0:f[t];if(l$1===null)return null;let c=a(l$1),y=Array.isArray(m.responsiveVariants)&&m.responsiveVariants.length>0||m.responsiveVariants===!0,u=h==null?void 0:h[t],b$1=[];if(typeof c=="object"&&y)for(let[k,I]of Object.entries(c)){let te=r[I];if(k==="initial"){u=I;continue}Array.isArray(m.responsiveVariants)&&!m.responsiveVariants.includes(k)||(b$1=K(k,te,b$1,a$1));}let S=r[c]||r[a(u)];return typeof b$1=="object"&&typeof a$1=="string"&&b$1[a$1]?Y(b$1,S):b$1.length>0?(b$1.push(S),b$1):S},x$1=()=>g$1?Object.keys(g$1).map(t=>U(t,g$1)):null,P=(t,n)=>{if(!g$1||typeof g$1!="object")return null;let a=new Array;for(let s in g$1){let r=U(s,g$1,t,n),l=t==="base"&&typeof r=="string"?r:r&&r[t];l&&(a[a.length]=l);}return a},W={};for(let t in f)f[t]!==void 0&&(W[t]=f[t]);let z=(t,n)=>{var s;let a=typeof(f==null?void 0:f[t])=="object"?{[t]:(s=f[t])==null?void 0:s.initial}:{};return {...h,...W,...a,...n}},D=(t=[],n)=>{let a=[];for(let{class:s,className:r,...l}of t){let c=!0;for(let[y,u]of Object.entries(l)){let b=z(y,n);if(Array.isArray(u)){if(!u.includes(b[y])){c=!1;break}}else if(b[y]!==u){c=!1;break}}c&&(s&&a.push(s),r&&a.push(r));}return a},G=t=>{let n=D(C,t),a=D(e$1==null?void 0:e$1.compoundVariants,t);return x(a,n)},p=t=>{let n=G(t);if(!Array.isArray(n))return n;let a={};for(let s of n)if(typeof s=="string"&&(a.base=A(a.base,s)(m)),typeof s=="object")for(let[r,l]of Object.entries(s))a[r]=A(a[r],l)(m);return a},ee=t=>{if(V.length<1)return null;let n={};for(let{slots:a=[],class:s,className:r,...l$1}of V){if(!l(l$1)){let c=!0;for(let y of Object.keys(l$1)){let u=z(y,t)[y];if(u===void 0||u!==l$1[y]){c=!1;break}}if(!c)continue}for(let c of a)n[c]=n[c]||[],n[c].push([s,r]);}return n};if(!l(N)||!l(e$1==null?void 0:e$1.slots)){let t={};if(typeof w=="object"&&!l(w))for(let n of Object.keys(w))t[n]=a=>{var s,r;return A(w[n],P(n,a),((s=p(a))!=null?s:[])[n],((r=ee(a))!=null?r:[])[n],a==null?void 0:a.class,a==null?void 0:a.className)(m)};return t}return A(M,x$1(),G(),f==null?void 0:f.class,f==null?void 0:f.className)(m)},_=()=>{if(!(!g$1||typeof g$1!="object"))return Object.keys(g$1)};return d.variantKeys=_(),d.extend=e$1,d.base=M,d.slots=w,d.variants=g$1,d.defaultVariants=h,d.compoundSlots=V,d.compoundVariants=C,d};
+var ie={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},_=s=>s||void 0,M=(...s)=>_(y(s).filter(Boolean).join(" ")),R=null,v={},q=!1,j=(...s)=>b$1=>b$1.twMerge?((!R||q)&&(q=!1,R=u(v)?bundleCjs.twMerge:bundleCjs.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),_(R(M(s)))):M(s),Z=(s,b)=>{for(let e in b)s.hasOwnProperty(e)?s[e]=M(s[e],b[e]):s[e]=b[e];return s},ce=(s,b$1)=>{let{extend:e=null,slots:N={},variants:F={},compoundVariants:U=[],compoundSlots:C=[],defaultVariants:W={}}=s,m={...ie,...b$1},S=e!=null&&e.base?M(e.base,s==null?void 0:s.base):s==null?void 0:s.base,g$1=e!=null&&e.variants&&!u(e.variants)?p(F,e.variants):F,A=e!=null&&e.defaultVariants&&!u(e.defaultVariants)?{...e.defaultVariants,...W}:W;!u(m.twMergeConfig)&&!x(m.twMergeConfig,v)&&(q=!0,v=m.twMergeConfig);let O=u(e==null?void 0:e.slots),$=u(N)?{}:{base:M(s==null?void 0:s.base,O&&(e==null?void 0:e.base)),...N},w=O?$:Z({...e==null?void 0:e.slots},u($)?{base:s==null?void 0:s.base}:$),h$1=u(e==null?void 0:e.compoundVariants)?U:a(e==null?void 0:e.compoundVariants,U),V=f=>{if(u(g$1)&&u(N)&&O)return j(S,f==null?void 0:f.class,f==null?void 0:f.className)(m);if(h$1&&!Array.isArray(h$1))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof h$1}`);if(C&&!Array.isArray(C))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof C}`);let K=(t,n,a=[],i)=>{let r=a;if(typeof n=="string")r=r.concat(g(n).split(" ").map(o=>`${t}:${o}`));else if(Array.isArray(n))r=r.concat(n.reduce((o,c)=>o.concat(`${t}:${c}`),[]));else if(typeof n=="object"&&typeof i=="string"){for(let o in n)if(n.hasOwnProperty(o)&&o===i){let c=n[o];if(c&&typeof c=="string"){let l=g(c);r[i]?r[i]=r[i].concat(l.split(" ").map(u=>`${t}:${u}`)):r[i]=l.split(" ").map(u=>`${t}:${u}`);}else Array.isArray(c)&&c.length>0&&(r[i]=c.reduce((l,u)=>l.concat(`${t}:${u}`),[]));}}return r},z=(t,n=g$1,a$1=null,i=null)=>{var J;let r=n[t];if(!r||u(r))return null;let o=(J=i==null?void 0:i[t])!=null?J:f==null?void 0:f[t];if(o===null)return null;let c=l(o),l$1=Array.isArray(m.responsiveVariants)&&m.responsiveVariants.length>0||m.responsiveVariants===!0,u$1=A==null?void 0:A[t],d=[];if(typeof c=="object"&&l$1)for(let[T,L]of Object.entries(c)){let ne=r[L];if(T==="initial"){u$1=L;continue}Array.isArray(m.responsiveVariants)&&!m.responsiveVariants.includes(T)||(d=K(T,ne,d,a$1));}let ae=c!=null&&typeof c!="object"?c:l(u$1),k=r[ae||"false"];return typeof d=="object"&&typeof a$1=="string"&&d[a$1]?Z(d,k):d.length>0?(d.push(k),d):k},P=()=>g$1?Object.keys(g$1).map(t=>z(t,g$1)):null,p=(t,n)=>{if(!g$1||typeof g$1!="object")return null;let a=new Array;for(let i in g$1){let r=z(i,g$1,t,n),o=t==="base"&&typeof r=="string"?r:r&&r[t];o&&(a[a.length]=o);}return a},D={};for(let t in f)f[t]!==void 0&&(D[t]=f[t]);let H=(t,n)=>{var i;let a=typeof(f==null?void 0:f[t])=="object"?{[t]:(i=f[t])==null?void 0:i.initial}:{};return {...A,...D,...a,...n}},I=(t=[],n)=>{let a=[];for(let{class:i,className:r,...o}of t){let c=!0;for(let[l,u]of Object.entries(o)){let d=H(l,n);if(Array.isArray(u)){if(!u.includes(d[l])){c=!1;break}}else if(d[l]!==u){c=!1;break}}c&&(i&&a.push(i),r&&a.push(r));}return a},ee=t=>{let n=I(h$1,t);if(!Array.isArray(n))return n;let a={};for(let i of n)if(typeof i=="string"&&(a.base=j(a.base,i)(m)),typeof i=="object")for(let[r,o]of Object.entries(i))a[r]=j(a[r],o)(m);return a},te=t=>{if(C.length<1)return null;let n={};for(let{slots:a=[],class:i,className:r,...o}of C){if(!u(o)){let c=!0;for(let l of Object.keys(o)){let u=H(l,t)[l];if(u===void 0||(Array.isArray(o[l])?!o[l].includes(u):o[l]!==u)){c=!1;break}}if(!c)continue}for(let c of a)n[c]=n[c]||[],n[c].push([i,r]);}return n};if(!u(N)||!O){let t={};if(typeof w=="object"&&!u(w))for(let n of Object.keys(w))t[n]=a=>{var i,r;return j(w[n],p(n,a),((i=ee(a))!=null?i:[])[n],((r=te(a))!=null?r:[])[n],a==null?void 0:a.class,a==null?void 0:a.className)(m)};return t}return j(S,P(),I(h$1),f==null?void 0:f.class,f==null?void 0:f.className)(m)},x$1=()=>{if(!(!g$1||typeof g$1!="object"))return Object.keys(g$1)};return V.variantKeys=x$1(),V.extend=e,V.base=S,V.slots=w,V.variants=g$1,V.defaultVariants=A,V.compoundSlots=C,V.compoundVariants=h$1,V};
 
 export { ce as c };