@abcagency/hc-ui-components 1.6.7 → 1.7.1

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

@@ -1,31 +1,31 @@
 const CLASS_PART_SEPARATOR = '-';
-function createClassGroupUtils(config) {
+const createClassGroupUtils = config => {
   const classMap = createClassMap(config);
   const {
     conflictingClassGroups,
     conflictingClassGroupModifiers
   } = config;
-  function getClassGroupId(className) {
+  const 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);
-  }
-  function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {
+  };
+  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) {
+};
+const getGroupRecursive = (classParts, classPartObject) => {
   if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
@@ -42,9 +42,9 @@ function getGroupRecursive(classParts, classPartObject) {
   return classPartObject.validators.find(({
     validator
   }) => validator(classRest))?.classGroupId;
-}
+};
 const arbitraryPropertyRegex = /^\[(.+)\]$/;
-function getGroupIdForArbitraryProperty(className) {
+const getGroupIdForArbitraryProperty = className => {
   if (arbitraryPropertyRegex.test(className)) {
     const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
     const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(':'));
@@ -53,11 +53,11 @@ function getGroupIdForArbitraryProperty(className) {
       return 'arbitrary..' + property;
     }
   }
-}
+};
 /**
  * Exported for testing only
  */
-function createClassMap(config) {
+const createClassMap = config => {
   const {
     theme,
     prefix
@@ -71,8 +71,8 @@ function createClassMap(config) {
     processClassesRecursively(classGroup, classMap, classGroupId, theme);
   });
   return classMap;
-}
-function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {
+};
+const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
   classGroup.forEach(classDefinition => {
     if (typeof classDefinition === 'string') {
       const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
@@ -94,8 +94,8 @@ function processClassesRecursively(classGroup, classPartObject, classGroupId, th
       processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);
     });
   });
-}
-function getPart(classPartObject, path) {
+};
+const getPart = (classPartObject, path) => {
   let currentClassPartObject = classPartObject;
   path.split(CLASS_PART_SEPARATOR).forEach(pathPart => {
     if (!currentClassPartObject.nextPart.has(pathPart)) {
@@ -107,11 +107,9 @@ function getPart(classPartObject, path) {
     currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
   });
   return currentClassPartObject;
-}
-function isThemeGetter(func) {
-  return func.isThemeGetter;
-}
-function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
+};
+const isThemeGetter = func => func.isThemeGetter;
+const getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
   if (!prefix) {
     return classGroupEntries;
   }
@@ -127,10 +125,10 @@ function 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
-function createLruCache(maxCacheSize) {
+const createLruCache = maxCacheSize => {
   if (maxCacheSize < 1) {
     return {
       get: () => undefined,
@@ -140,7 +138,7 @@ function createLruCache(maxCacheSize) {
   let cacheSize = 0;
   let cache = new Map();
   let previousCache = new Map();
-  function update(key, value) {
+  const update = (key, value) => {
     cache.set(key, value);
     cacheSize++;
     if (cacheSize > maxCacheSize) {
@@ -148,7 +146,7 @@ function createLruCache(maxCacheSize) {
       previousCache = cache;
       cache = new Map();
     }
-  }
+  };
   return {
     get(key) {
       let value = cache.get(key);
@@ -168,9 +166,9 @@ function createLruCache(maxCacheSize) {
       }
     }
   };
-}
+};
 const IMPORTANT_MODIFIER = '!';
-function createParseClassName(config) {
+const createParseClassName = config => {
   const {
     separator,
     experimentalParseClassName
@@ -179,7 +177,7 @@ function 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
-  function parseClassName(className) {
+  const parseClassName = className => {
     const modifiers = [];
     let bracketDepth = 0;
     let modifierStart = 0;
@@ -213,23 +211,21 @@ function createParseClassName(config) {
       baseClassName,
       maybePostfixModifierPosition
     };
-  }
+  };
   if (experimentalParseClassName) {
-    return function parseClassNameExperimental(className) {
-      return experimentalParseClassName({
-        className,
-        parseClassName
-      });
-    };
+    return className => 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
  */
-function sortModifiers(modifiers) {
+const sortModifiers = modifiers => {
   if (modifiers.length <= 1) {
     return modifiers;
   }
@@ -246,16 +242,14 @@ function sortModifiers(modifiers) {
   });
   sortedModifiers.push(...unsortedModifiers.sort());
   return sortedModifiers;
-}
-function createConfigUtils(config) {
-  return {
-    cache: createLruCache(config.cacheSize),
-    parseClassName: createParseClassName(config),
-    ...createClassGroupUtils(config)
-  };
-}
+};
+const createConfigUtils = config => ({
+  cache: createLruCache(config.cacheSize),
+  parseClassName: createParseClassName(config),
+  ...createClassGroupUtils(config)
+});
 const SPLIT_CLASSES_REGEX = /\s+/;
-function mergeClassList(classList, configUtils) {
+const mergeClassList = (classList, configUtils) => {
   const {
     parseClassName,
     getClassGroupId,
@@ -268,8 +262,11 @@ function mergeClassList(classList, configUtils) {
    * @example 'hover:focus:bg-color'
    * @example 'md:!pr'
    */
-  const classGroupsInConflict = new Set();
-  return classList.trim().split(SPLIT_CLASSES_REGEX).map(originalClassName => {
+  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,
@@ -280,49 +277,36 @@ function mergeClassList(classList, configUtils) {
     let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
     if (!classGroupId) {
       if (!hasPostfixModifier) {
-        return {
-          isTailwindClass: false,
-          originalClassName
-        };
+        // Not a Tailwind class
+        result = originalClassName + (result.length > 0 ? ' ' + result : result);
+        continue;
       }
       classGroupId = getClassGroupId(baseClassName);
       if (!classGroupId) {
-        return {
-          isTailwindClass: false,
-          originalClassName
-        };
+        // Not a Tailwind class
+        result = originalClassName + (result.length > 0 ? ' ' + result : result);
+        continue;
       }
       hasPostfixModifier = false;
     }
     const variantModifier = sortModifiers(modifiers).join(':');
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    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;
-    }
-    const {
-      modifierId,
-      classGroupId,
-      hasPostfixModifier
-    } = parsed;
     const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.has(classId)) {
-      return false;
+    if (classGroupsInConflict.includes(classId)) {
+      // Tailwind class omitted due to conflict
+      continue;
     }
-    classGroupsInConflict.add(classId);
-    getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(group => classGroupsInConflict.add(modifierId + group));
-    return true;
-  }).reverse().map(parsed => parsed.originalClassName).join(' ');
-}
+    classGroupsInConflict.push(classId);
+    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
+    for (let i = 0; i < conflictGroups.length; ++i) {
+      const group = conflictGroups[i];
+      classGroupsInConflict.push(modifierId + group);
+    }
+    // Tailwind class not in conflict
+    result = originalClassName + (result.length > 0 ? ' ' + result : result);
+  }
+  return result;
+};
 
 /**
  * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
@@ -348,7 +332,7 @@ function twJoin() {
   }
   return string;
 }
-function toValue(mix) {
+const toValue = mix => {
   if (typeof mix === 'string') {
     return mix;
   }
@@ -363,7 +347,7 @@ function toValue(mix) {
     }
   }
   return string;
-}
+};
 function createTailwindMerge(createConfigFirst, ...createConfigRest) {
   let configUtils;
   let cacheGet;
@@ -390,11 +374,11 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
     return functionToCall(twJoin.apply(null, arguments));
   };
 }
-function fromTheme(key) {
+const 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']);
@@ -404,48 +388,22 @@ 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);
-}
-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 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);
 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 isArbitrarySize = value => getIsArbitraryValue(value, sizeLabels, isNever);
+const isArbitraryPosition = value => 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) {
+const isArbitraryImage = value => getIsArbitraryValue(value, imageLabels, isImage);
+const isArbitraryShadow = value => getIsArbitraryValue(value, '', isShadow);
+const isAny = () => true;
+const getIsArbitraryValue = (value, label, testValue) => {
   const result = arbitraryValueRegex.exec(value);
   if (result) {
     if (result[1]) {
@@ -454,23 +412,16 @@ function getIsArbitraryValue(value, label, testValue) {
     return testValue(result[2]);
   }
   return false;
-}
-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 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 = () => {
   const colors = fromTheme('colors');
   const spacing = fromTheme('spacing');
   const blur = fromTheme('blur');
@@ -508,7 +459,6 @@ function 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,
@@ -517,12 +467,12 @@ function getDefaultConfig() {
       colors: [isAny],
       spacing: [isLength, isArbitraryLength],
       blur: ['none', '', isTshirtSize, isArbitraryValue],
-      brightness: getNumber(),
+      brightness: getNumberAndArbitrary(),
       borderColor: [colors],
       borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue],
       borderSpacing: getSpacingWithArbitrary(),
       borderWidth: getLengthWithEmptyAndArbitrary(),
-      contrast: getNumber(),
+      contrast: getNumberAndArbitrary(),
       grayscale: getZeroAndEmpty(),
       hueRotate: getNumberAndArbitrary(),
       invert: getZeroAndEmpty(),
@@ -531,10 +481,10 @@ function getDefaultConfig() {
       gradientColorStopPositions: [isPercent, isArbitraryLength],
       inset: getSpacingWithAutoAndArbitrary(),
       margin: getSpacingWithAutoAndArbitrary(),
-      opacity: getNumber(),
+      opacity: getNumberAndArbitrary(),
       padding: getSpacingWithArbitrary(),
-      saturate: getNumber(),
-      scale: getNumber(),
+      saturate: getNumberAndArbitrary(),
+      scale: getNumberAndArbitrary(),
       sepia: getZeroAndEmpty(),
       skew: getNumberAndArbitrary(),
       space: getSpacingWithArbitrary(),
@@ -1235,7 +1185,7 @@ function getDefaultConfig() {
        * Font Variant Numeric
        * @see https://tailwindcss.com/docs/font-variant-numeric
        */
-      'fvn-fraction': ['diagonal-fractions', 'stacked-fractons'],
+      'fvn-fraction': ['diagonal-fractions', 'stacked-fractions'],
       /**
        * Letter Spacing
        * @see https://tailwindcss.com/docs/letter-spacing
@@ -1759,6 +1709,20 @@ function 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
@@ -2505,7 +2469,7 @@ function 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-t', 'border-color-r', 'border-color-b', 'border-color-l'],
+      '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'],
@@ -2523,20 +2487,20 @@ function 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`.
  */
-function mergeConfigs(baseConfig, {
+const mergeConfigs = (baseConfig, {
   cacheSize,
   prefix,
   separator,
   experimentalParseClassName,
   extend = {},
   override = {}
-}) {
+}) => {
   overrideProperty(baseConfig, 'cacheSize', cacheSize);
   overrideProperty(baseConfig, 'prefix', prefix);
   overrideProperty(baseConfig, 'separator', separator);
@@ -2548,20 +2512,20 @@ function mergeConfigs(baseConfig, {
     mergeConfigProperties(baseConfig[key], extend[key]);
   }
   return baseConfig;
-}
-function overrideProperty(baseObject, overrideKey, overrideValue) {
+};
+const overrideProperty = (baseObject, overrideKey, overrideValue) => {
   if (overrideValue !== undefined) {
     baseObject[overrideKey] = overrideValue;
   }
-}
-function overrideConfigProperties(baseObject, overrideObject) {
+};
+const overrideConfigProperties = (baseObject, overrideObject) => {
   if (overrideObject) {
     for (const key in overrideObject) {
       overrideProperty(baseObject, key, overrideObject[key]);
     }
   }
-}
-function mergeConfigProperties(baseObject, mergeObject) {
+};
+const mergeConfigProperties = (baseObject, mergeObject) => {
   if (mergeObject) {
     for (const key in mergeObject) {
       const mergeValue = mergeObject[key];
@@ -2570,10 +2534,8 @@ function mergeConfigProperties(baseObject, mergeObject) {
       }
     }
   }
-}
-function extendTailwindMerge(configExtension, ...createConfig) {
-  return typeof configExtension === 'function' ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
-}
+};
+const extendTailwindMerge = (configExtension, ...createConfig) => 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 };