@abcagency/hc-ui-components 1.7.1 → 1.7.3

package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js

@@ -1,31 +1,31 @@
 const CLASS_PART_SEPARATOR = '-';
-const createClassGroupUtils = config => {
+function createClassGroupUtils(config) {
   const classMap = createClassMap(config);
   const {
     conflictingClassGroups,
     conflictingClassGroupModifiers
   } = config;
-  const getClassGroupId = className => {
+  function getClassGroupId(className) {
     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();
     }
     return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+  }
+  function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {
     const conflicts = conflictingClassGroups[classGroupId] || [];
     if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
       return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
     }
     return conflicts;
-  };
+  }
   return {
     getClassGroupId,
     getConflictingClassGroupIds
   };
-};
-const getGroupRecursive = (classParts, classPartObject) => {
+}
+function getGroupRecursive(classParts, classPartObject) {
   if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
@@ -42,9 +42,9 @@ const getGroupRecursive = (classParts, classPartObject) => {
   return classPartObject.validators.find(({
     validator
   }) => validator(classRest))?.classGroupId;
-};
+}
 const arbitraryPropertyRegex = /^\[(.+)\]$/;
-const getGroupIdForArbitraryProperty = className => {
+function getGroupIdForArbitraryProperty(className) {
   if (arbitraryPropertyRegex.test(className)) {
     const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
     const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(':'));
@@ -53,11 +53,11 @@ const getGroupIdForArbitraryProperty = className => {
       return 'arbitrary..' + property;
     }
   }
-};
+}
 /**
  * Exported for testing only
  */
-const createClassMap = config => {
+function createClassMap(config) {
   const {
     theme,
     prefix
@@ -71,8 +71,8 @@ const createClassMap = config => {
     processClassesRecursively(classGroup, classMap, classGroupId, theme);
   });
   return classMap;
-};
-const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+}
+function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {
   classGroup.forEach(classDefinition => {
     if (typeof classDefinition === 'string') {
       const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
@@ -94,8 +94,8 @@ const processClassesRecursively = (classGroup, classPartObject, classGroupId, th
       processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);
     });
   });
-};
-const getPart = (classPartObject, path) => {
+}
+function getPart(classPartObject, path) {
   let currentClassPartObject = classPartObject;
   path.split(CLASS_PART_SEPARATOR).forEach(pathPart => {
     if (!currentClassPartObject.nextPart.has(pathPart)) {
@@ -107,9 +107,11 @@ const getPart = (classPartObject, path) => {
     currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
   });
   return currentClassPartObject;
-};
-const isThemeGetter = func => func.isThemeGetter;
-const getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
+}
+function isThemeGetter(func) {
+  return func.isThemeGetter;
+}
+function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
   if (!prefix) {
     return classGroupEntries;
   }
@@ -125,10 +127,10 @@ const getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
     });
     return [classGroupId, prefixedClassGroup];
   });
-};
+}
 
 // LRU cache inspired from hashlru (https://github.com/dominictarr/hashlru/blob/v1.0.4/index.js) but object replaced with Map to improve performance
-const createLruCache = maxCacheSize => {
+function createLruCache(maxCacheSize) {
   if (maxCacheSize < 1) {
     return {
       get: () => undefined,
@@ -138,7 +140,7 @@ const createLruCache = maxCacheSize => {
   let cacheSize = 0;
   let cache = new Map();
   let previousCache = new Map();
-  const update = (key, value) => {
+  function update(key, value) {
     cache.set(key, value);
     cacheSize++;
     if (cacheSize > maxCacheSize) {
@@ -146,7 +148,7 @@ const createLruCache = maxCacheSize => {
       previousCache = cache;
       cache = new Map();
     }
-  };
+  }
   return {
     get(key) {
       let value = cache.get(key);
@@ -166,9 +168,9 @@ const createLruCache = maxCacheSize => {
       }
     }
   };
-};
+}
 const IMPORTANT_MODIFIER = '!';
-const createParseClassName = config => {
+function createParseClassName(config) {
   const {
     separator,
     experimentalParseClassName
@@ -177,7 +179,7 @@ const createParseClassName = config => {
   const firstSeparatorCharacter = separator[0];
   const separatorLength = separator.length;
   // parseClassName inspired by https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
-  const parseClassName = className => {
+  function parseClassName(className) {
     const modifiers = [];
     let bracketDepth = 0;
     let modifierStart = 0;
@@ -211,21 +213,23 @@ const createParseClassName = config => {
       baseClassName,
       maybePostfixModifierPosition
     };
-  };
+  }
   if (experimentalParseClassName) {
-    return className => experimentalParseClassName({
-      className,
-      parseClassName
-    });
+    return function parseClassNameExperimental(className) {
+      return experimentalParseClassName({
+        className,
+        parseClassName
+      });
+    };
   }
   return parseClassName;
-};
+}
 /**
  * Sorts modifiers according to following schema:
  * - Predefined modifiers are sorted alphabetically
  * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
  */
-const sortModifiers = modifiers => {
+function sortModifiers(modifiers) {
   if (modifiers.length <= 1) {
     return modifiers;
   }
@@ -242,14 +246,16 @@ const sortModifiers = modifiers => {
   });
   sortedModifiers.push(...unsortedModifiers.sort());
   return sortedModifiers;
-};
-const createConfigUtils = config => ({
-  cache: createLruCache(config.cacheSize),
-  parseClassName: createParseClassName(config),
-  ...createClassGroupUtils(config)
-});
+}
+function createConfigUtils(config) {
+  return {
+    cache: createLruCache(config.cacheSize),
+    parseClassName: createParseClassName(config),
+    ...createClassGroupUtils(config)
+  };
+}
 const SPLIT_CLASSES_REGEX = /\s+/;
-const mergeClassList = (classList, configUtils) => {
+function mergeClassList(classList, configUtils) {
   const {
     parseClassName,
     getClassGroupId,
@@ -262,11 +268,8 @@ const mergeClassList = (classList, configUtils) => {
    * @example 'hover:focus:bg-color'
    * @example 'md:!pr'
    */
-  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 classGroupsInConflict = new Set();
+  return classList.trim().split(SPLIT_CLASSES_REGEX).map(originalClassName => {
     const {
       modifiers,
       hasImportantModifier,
@@ -277,36 +280,49 @@ const mergeClassList = (classList, configUtils) => {
     let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
     if (!classGroupId) {
       if (!hasPostfixModifier) {
-        // Not a Tailwind class
-        result = originalClassName + (result.length > 0 ? ' ' + result : result);
-        continue;
+        return {
+          isTailwindClass: false,
+          originalClassName
+        };
       }
       classGroupId = getClassGroupId(baseClassName);
       if (!classGroupId) {
-        // Not a Tailwind class
-        result = originalClassName + (result.length > 0 ? ' ' + result : result);
-        continue;
+        return {
+          isTailwindClass: false,
+          originalClassName
+        };
       }
       hasPostfixModifier = false;
     }
     const variantModifier = sortModifiers(modifiers).join(':');
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
-      // Tailwind class omitted due to conflict
-      continue;
+    return {
+      isTailwindClass: true,
+      modifierId,
+      classGroupId,
+      originalClassName,
+      hasPostfixModifier
+    };
+  }).reverse()
+  // Last class in conflict wins, so we need to filter conflicting classes in reverse order.
+  .filter(parsed => {
+    if (!parsed.isTailwindClass) {
+      return true;
     }
-    classGroupsInConflict.push(classId);
-    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-    for (let i = 0; i < conflictGroups.length; ++i) {
-      const group = conflictGroups[i];
-      classGroupsInConflict.push(modifierId + group);
+    const {
+      modifierId,
+      classGroupId,
+      hasPostfixModifier
+    } = parsed;
+    const classId = modifierId + classGroupId;
+    if (classGroupsInConflict.has(classId)) {
+      return false;
     }
-    // Tailwind class not in conflict
-    result = originalClassName + (result.length > 0 ? ' ' + result : result);
-  }
-  return result;
-};
+    classGroupsInConflict.add(classId);
+    getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(group => classGroupsInConflict.add(modifierId + group));
+    return true;
+  }).reverse().map(parsed => parsed.originalClassName).join(' ');
+}
 
 /**
  * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
@@ -332,7 +348,7 @@ function twJoin() {
   }
   return string;
 }
-const toValue = mix => {
+function toValue(mix) {
   if (typeof mix === 'string') {
     return mix;
   }
@@ -347,7 +363,7 @@ const toValue = mix => {
     }
   }
   return string;
-};
+}
 function createTailwindMerge(createConfigFirst, ...createConfigRest) {
   let configUtils;
   let cacheGet;
@@ -374,11 +390,11 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
     return functionToCall(twJoin.apply(null, arguments));
   };
 }
-const fromTheme = key => {
+function fromTheme(key) {
   const themeGetter = theme => theme[key] || [];
   themeGetter.isThemeGetter = true;
   return themeGetter;
-};
+}
 const arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
 const fractionRegex = /^\d+\/\d+$/;
 const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
@@ -388,22 +404,48 @@ 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)\(.+\)$/;
-const isLength = value => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
-const isArbitraryLength = value => getIsArbitraryValue(value, 'length', isLengthOnly);
-const isNumber = value => Boolean(value) && !Number.isNaN(Number(value));
-const isArbitraryNumber = value => getIsArbitraryValue(value, 'number', isNumber);
-const isInteger = value => Boolean(value) && Number.isInteger(Number(value));
-const isPercent = value => value.endsWith('%') && isNumber(value.slice(0, -1));
-const isArbitraryValue = value => arbitraryValueRegex.test(value);
-const isTshirtSize = value => tshirtUnitRegex.test(value);
+function isLength(value) {
+  return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
+}
+function isArbitraryLength(value) {
+  return getIsArbitraryValue(value, 'length', isLengthOnly);
+}
+function isNumber(value) {
+  return Boolean(value) && !Number.isNaN(Number(value));
+}
+function isArbitraryNumber(value) {
+  return getIsArbitraryValue(value, 'number', isNumber);
+}
+function isInteger(value) {
+  return Boolean(value) && Number.isInteger(Number(value));
+}
+function isPercent(value) {
+  return value.endsWith('%') && isNumber(value.slice(0, -1));
+}
+function isArbitraryValue(value) {
+  return arbitraryValueRegex.test(value);
+}
+function isTshirtSize(value) {
+  return tshirtUnitRegex.test(value);
+}
 const sizeLabels = /*#__PURE__*/new Set(['length', 'size', 'percentage']);
-const isArbitrarySize = value => getIsArbitraryValue(value, sizeLabels, isNever);
-const isArbitraryPosition = value => getIsArbitraryValue(value, 'position', isNever);
+function isArbitrarySize(value) {
+  return getIsArbitraryValue(value, sizeLabels, isNever);
+}
+function isArbitraryPosition(value) {
+  return getIsArbitraryValue(value, 'position', isNever);
+}
 const imageLabels = /*#__PURE__*/new Set(['image', 'url']);
-const isArbitraryImage = value => getIsArbitraryValue(value, imageLabels, isImage);
-const isArbitraryShadow = value => getIsArbitraryValue(value, '', isShadow);
-const isAny = () => true;
-const getIsArbitraryValue = (value, label, testValue) => {
+function isArbitraryImage(value) {
+  return getIsArbitraryValue(value, imageLabels, isImage);
+}
+function isArbitraryShadow(value) {
+  return getIsArbitraryValue(value, '', isShadow);
+}
+function isAny() {
+  return true;
+}
+function getIsArbitraryValue(value, label, testValue) {
   const result = arbitraryValueRegex.exec(value);
   if (result) {
     if (result[1]) {
@@ -412,16 +454,23 @@ const getIsArbitraryValue = (value, label, testValue) => {
     return testValue(result[2]);
   }
   return false;
-};
-const isLengthOnly = 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.
-lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
-const isNever = () => false;
-const isShadow = value => shadowRegex.test(value);
-const isImage = value => imageRegex.test(value);
-const getDefaultConfig = () => {
+}
+function isLengthOnly(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 isShadow(value) {
+  return shadowRegex.test(value);
+}
+function isImage(value) {
+  return imageRegex.test(value);
+}
+function getDefaultConfig() {
   const colors = fromTheme('colors');
   const spacing = fromTheme('spacing');
   const blur = fromTheme('blur');
@@ -459,6 +508,7 @@ const getDefaultConfig = () => {
   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,
@@ -467,12 +517,12 @@ const getDefaultConfig = () => {
       colors: [isAny],
       spacing: [isLength, isArbitraryLength],
       blur: ['none', '', isTshirtSize, isArbitraryValue],
-      brightness: getNumberAndArbitrary(),
+      brightness: getNumber(),
       borderColor: [colors],
       borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue],
       borderSpacing: getSpacingWithArbitrary(),
       borderWidth: getLengthWithEmptyAndArbitrary(),
-      contrast: getNumberAndArbitrary(),
+      contrast: getNumber(),
       grayscale: getZeroAndEmpty(),
       hueRotate: getNumberAndArbitrary(),
       invert: getZeroAndEmpty(),
@@ -481,10 +531,10 @@ const getDefaultConfig = () => {
       gradientColorStopPositions: [isPercent, isArbitraryLength],
       inset: getSpacingWithAutoAndArbitrary(),
       margin: getSpacingWithAutoAndArbitrary(),
-      opacity: getNumberAndArbitrary(),
+      opacity: getNumber(),
       padding: getSpacingWithArbitrary(),
-      saturate: getNumberAndArbitrary(),
-      scale: getNumberAndArbitrary(),
+      saturate: getNumber(),
+      scale: getNumber(),
       sepia: getZeroAndEmpty(),
       skew: getNumberAndArbitrary(),
       space: getSpacingWithArbitrary(),
@@ -1185,7 +1235,7 @@ const getDefaultConfig = () => {
        * Font Variant Numeric
        * @see https://tailwindcss.com/docs/font-variant-numeric
        */
-      'fvn-fraction': ['diagonal-fractions', 'stacked-fractions'],
+      'fvn-fraction': ['diagonal-fractions', 'stacked-fractons'],
       /**
        * Letter Spacing
        * @see https://tailwindcss.com/docs/letter-spacing
@@ -1709,20 +1759,6 @@ const getDefaultConfig = () => {
       '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
@@ -2469,7 +2505,7 @@ const getDefaultConfig = () => {
       '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': ['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'],
@@ -2487,20 +2523,20 @@ const getDefaultConfig = () => {
       'font-size': ['leading']
     }
   };
-};
+}
 
 /**
  * @param baseConfig Config where other config will be merged into. This object will be mutated.
  * @param configExtension Partial config to merge into the `baseConfig`.
  */
-const mergeConfigs = (baseConfig, {
+function mergeConfigs(baseConfig, {
   cacheSize,
   prefix,
   separator,
   experimentalParseClassName,
   extend = {},
   override = {}
-}) => {
+}) {
   overrideProperty(baseConfig, 'cacheSize', cacheSize);
   overrideProperty(baseConfig, 'prefix', prefix);
   overrideProperty(baseConfig, 'separator', separator);
@@ -2512,20 +2548,20 @@ const mergeConfigs = (baseConfig, {
     mergeConfigProperties(baseConfig[key], extend[key]);
   }
   return baseConfig;
-};
-const overrideProperty = (baseObject, overrideKey, overrideValue) => {
+}
+function overrideProperty(baseObject, overrideKey, overrideValue) {
   if (overrideValue !== undefined) {
     baseObject[overrideKey] = overrideValue;
   }
-};
-const overrideConfigProperties = (baseObject, overrideObject) => {
+}
+function overrideConfigProperties(baseObject, overrideObject) {
   if (overrideObject) {
     for (const key in overrideObject) {
       overrideProperty(baseObject, key, overrideObject[key]);
     }
   }
-};
-const mergeConfigProperties = (baseObject, mergeObject) => {
+}
+function mergeConfigProperties(baseObject, mergeObject) {
   if (mergeObject) {
     for (const key in mergeObject) {
       const mergeValue = mergeObject[key];
@@ -2534,8 +2570,10 @@ const mergeConfigProperties = (baseObject, mergeObject) => {
       }
     }
   }
-};
-const extendTailwindMerge = (configExtension, ...createConfig) => typeof configExtension === 'function' ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
+}
+function extendTailwindMerge(configExtension, ...createConfig) {
+  return typeof configExtension === 'function' ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
+}
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
 export { createTailwindMerge, extendTailwindMerge, fromTheme, getDefaultConfig, mergeConfigs, twJoin, twMerge };