| const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i |
| const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i |
| const fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/ |
| 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)|color-mix)\(.+\)$/ |
| |
| 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)\(.+\)$/ |
|
|
| export const isFraction = (value: string) => fractionRegex.test(value) |
|
|
| export const isNumber = (value: string) => !!value && !Number.isNaN(Number(value)) |
|
|
| export const isInteger = (value: string) => !!value && Number.isInteger(Number(value)) |
|
|
| export const isPercent = (value: string) => value.endsWith('%') && isNumber(value.slice(0, -1)) |
|
|
| export const isTshirtSize = (value: string) => tshirtUnitRegex.test(value) |
|
|
| export const isAny = () => true |
|
|
| const isLengthOnly = (value: string) => |
| |
| |
| |
| lengthUnitRegex.test(value) && !colorFunctionRegex.test(value) |
|
|
| const isNever = () => false |
|
|
| const isShadow = (value: string) => shadowRegex.test(value) |
|
|
| const isImage = (value: string) => imageRegex.test(value) |
|
|
| export const isAnyNonArbitrary = (value: string) => |
| !isArbitraryValue(value) && !isArbitraryVariable(value) |
|
|
| export const isArbitrarySize = (value: string) => getIsArbitraryValue(value, isLabelSize, isNever) |
|
|
| export const isArbitraryValue = (value: string) => arbitraryValueRegex.test(value) |
|
|
| export const isArbitraryLength = (value: string) => |
| getIsArbitraryValue(value, isLabelLength, isLengthOnly) |
|
|
| export const isArbitraryNumber = (value: string) => |
| getIsArbitraryValue(value, isLabelNumber, isNumber) |
|
|
| export const isArbitraryWeight = (value: string) => getIsArbitraryValue(value, isLabelWeight, isAny) |
|
|
| export const isArbitraryFamilyName = (value: string) => |
| getIsArbitraryValue(value, isLabelFamilyName, isNever) |
|
|
| export const isArbitraryPosition = (value: string) => |
| getIsArbitraryValue(value, isLabelPosition, isNever) |
|
|
| export const isArbitraryImage = (value: string) => getIsArbitraryValue(value, isLabelImage, isImage) |
|
|
| export const isArbitraryShadow = (value: string) => |
| getIsArbitraryValue(value, isLabelShadow, isShadow) |
|
|
| export const isArbitraryVariable = (value: string) => arbitraryVariableRegex.test(value) |
|
|
| export const isArbitraryVariableLength = (value: string) => |
| getIsArbitraryVariable(value, isLabelLength) |
|
|
| export const isArbitraryVariableFamilyName = (value: string) => |
| getIsArbitraryVariable(value, isLabelFamilyName) |
|
|
| export const isArbitraryVariablePosition = (value: string) => |
| getIsArbitraryVariable(value, isLabelPosition) |
|
|
| export const isArbitraryVariableSize = (value: string) => getIsArbitraryVariable(value, isLabelSize) |
|
|
| export const isArbitraryVariableImage = (value: string) => |
| getIsArbitraryVariable(value, isLabelImage) |
|
|
| export const isArbitraryVariableShadow = (value: string) => |
| getIsArbitraryVariable(value, isLabelShadow, true) |
|
|
| export const isArbitraryVariableWeight = (value: string) => |
| getIsArbitraryVariable(value, isLabelWeight, true) |
|
|
| |
|
|
| const getIsArbitraryValue = ( |
| value: string, |
| testLabel: (label: string) => boolean, |
| testValue: (value: string) => boolean, |
| ) => { |
| const result = arbitraryValueRegex.exec(value) |
|
|
| if (result) { |
| if (result[1]) { |
| return testLabel(result[1]) |
| } |
|
|
| return testValue(result[2]!) |
| } |
|
|
| return false |
| } |
|
|
| const getIsArbitraryVariable = ( |
| value: string, |
| testLabel: (label: string) => boolean, |
| shouldMatchNoLabel = false, |
| ) => { |
| const result = arbitraryVariableRegex.exec(value) |
|
|
| if (result) { |
| if (result[1]) { |
| return testLabel(result[1]) |
| } |
| return shouldMatchNoLabel |
| } |
|
|
| return false |
| } |
|
|
| |
|
|
| const isLabelPosition = (label: string) => label === 'position' || label === 'percentage' |
|
|
| const isLabelImage = (label: string) => label === 'image' || label === 'url' |
|
|
| const isLabelSize = (label: string) => label === 'length' || label === 'size' || label === 'bg-size' |
|
|
| const isLabelLength = (label: string) => label === 'length' |
|
|
| const isLabelNumber = (label: string) => label === 'number' |
|
|
| const isLabelFamilyName = (label: string) => label === 'family-name' |
|
|
| const isLabelWeight = (label: string) => label === 'number' || label === 'weight' |
|
|
| const isLabelShadow = (label: string) => label === 'shadow' |
|
|