@pequity/squirrel 6.0.12 → 6.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/cjs/chunks/index.js +2645 -0
  2. package/dist/cjs/chunks/p-btn.types.js +3 -0
  3. package/dist/cjs/chunks/p-select.js +2 -2
  4. package/dist/cjs/index.js +49 -52
  5. package/dist/cjs/inputClasses.js +129 -0
  6. package/dist/cjs/inputClassesMixin.js +23 -19
  7. package/dist/cjs/p-btn.js +56 -57
  8. package/dist/cjs/p-input-search.js +3 -3
  9. package/dist/cjs/useInputClasses.js +19 -18
  10. package/dist/es/chunks/index.js +2646 -0
  11. package/dist/es/chunks/p-btn.types.js +4 -0
  12. package/dist/es/chunks/p-select.js +2 -2
  13. package/dist/es/index.js +75 -78
  14. package/dist/es/inputClasses.js +129 -0
  15. package/dist/es/inputClassesMixin.js +23 -19
  16. package/dist/es/p-btn.js +56 -57
  17. package/dist/es/p-input-search.js +3 -3
  18. package/dist/es/useInputClasses.js +23 -22
  19. package/dist/squirrel/components/p-btn/p-btn.types.d.ts +2 -1
  20. package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +395 -17
  21. package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +30 -22
  22. package/dist/squirrel/components/p-input/p-input.vue.d.ts +11 -7
  23. package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +11 -7
  24. package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +3 -3
  25. package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +16 -12
  26. package/dist/squirrel/components/p-select/p-select.vue.d.ts +5 -5
  27. package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +30 -22
  28. package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +1 -1
  29. package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +11 -7
  30. package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +11 -7
  31. package/dist/squirrel/composables/useInputClasses.d.ts +3 -3
  32. package/dist/squirrel/index.d.ts +1 -0
  33. package/dist/squirrel/utils/index.d.ts +2 -2
  34. package/dist/squirrel/utils/inputClasses.d.ts +988 -0
  35. package/dist/squirrel/utils/inputClassesMixin.d.ts +12 -8
  36. package/dist/squirrel.css +15 -22
  37. package/package.json +22 -19
  38. package/squirrel/assets/squirrel.css +1 -1
  39. package/squirrel/components/p-action-bar/p-action-bar.stories.js +1 -2
  40. package/squirrel/components/p-btn/p-btn.spec.js +1 -1
  41. package/squirrel/components/p-btn/p-btn.types.ts +3 -1
  42. package/squirrel/components/p-btn/p-btn.vue +60 -74
  43. package/squirrel/components/p-file-upload/p-file-upload.spec.js +3 -8
  44. package/squirrel/components/p-file-upload/p-file-upload.vue +6 -16
  45. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js +3 -10
  46. package/squirrel/components/p-input/p-input.spec.js +3 -8
  47. package/squirrel/components/p-input-number/p-input-number.spec.js +15 -18
  48. package/squirrel/components/p-input-percent/p-input-percent.spec.js +3 -8
  49. package/squirrel/components/p-input-percent/p-input-percent.vue +3 -3
  50. package/squirrel/components/p-input-search/p-input-search.vue +4 -4
  51. package/squirrel/components/p-select/p-select.spec.js +28 -34
  52. package/squirrel/components/p-select/p-select.vue +4 -4
  53. package/squirrel/components/p-tabs/p-tabs.stories.js +2 -2
  54. package/squirrel/components/p-textarea/p-textarea.spec.js +3 -8
  55. package/squirrel/composables/useInputClasses.spec.js +138 -77
  56. package/squirrel/composables/useInputClasses.ts +25 -39
  57. package/squirrel/index.ts +1 -0
  58. package/squirrel/utils/index.ts +3 -36
  59. package/squirrel/utils/inputClasses.ts +130 -0
  60. package/squirrel/utils/inputClassesMixin.spec.js +153 -64
  61. package/squirrel/utils/inputClassesMixin.ts +26 -43
  62. package/dist/cjs/inputClassesShared.js +0 -76
  63. package/dist/es/inputClassesShared.js +0 -76
  64. package/dist/squirrel/utils/inputClassesShared.d.ts +0 -45
  65. package/squirrel/assets/file-upload-drag-over-icon.svg +0 -5
  66. package/squirrel/assets/file-upload-upload-icon.svg +0 -5
  67. package/squirrel/assets/file-upload-x-icon-hover.svg +0 -8
  68. package/squirrel/assets/file-upload-x-icon.svg +0 -8
  69. package/squirrel/utils/inputClassesShared.ts +0 -75
@@ -0,0 +1,2646 @@
1
+ var l = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, u = (e) => !e || typeof e != "object" || Object.keys(e).length === 0, x$1 = (e, o) => JSON.stringify(e) === JSON.stringify(o);
2
+ function i(e, o) {
3
+ e.forEach(function(r) {
4
+ Array.isArray(r) ? i(r, o) : o.push(r);
5
+ });
6
+ }
7
+ function y(e) {
8
+ let o = [];
9
+ return i(e, o), o;
10
+ }
11
+ var a = (...e) => y(e).filter(Boolean), p = (e, o) => {
12
+ let r = {}, c = Object.keys(e), f = Object.keys(o);
13
+ for (let t of c) if (f.includes(t)) {
14
+ let s = e[t], n = o[t];
15
+ Array.isArray(s) || Array.isArray(n) ? r[t] = a(n, s) : typeof s == "object" && typeof n == "object" ? r[t] = p(s, n) : r[t] = n + " " + s;
16
+ } else r[t] = e[t];
17
+ for (let t of f) c.includes(t) || (r[t] = o[t]);
18
+ return r;
19
+ }, g = (e) => !e || typeof e != "string" ? e : e.replace(/\s+/g, " ").trim();
20
+ const CLASS_PART_SEPARATOR = "-";
21
+ const createClassGroupUtils = (config) => {
22
+ const classMap = createClassMap(config);
23
+ const {
24
+ conflictingClassGroups,
25
+ conflictingClassGroupModifiers
26
+ } = config;
27
+ const getClassGroupId = (className) => {
28
+ const classParts = className.split(CLASS_PART_SEPARATOR);
29
+ if (classParts[0] === "" && classParts.length !== 1) {
30
+ classParts.shift();
31
+ }
32
+ return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
33
+ };
34
+ const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
35
+ const conflicts = conflictingClassGroups[classGroupId] || [];
36
+ if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
37
+ return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
38
+ }
39
+ return conflicts;
40
+ };
41
+ return {
42
+ getClassGroupId,
43
+ getConflictingClassGroupIds
44
+ };
45
+ };
46
+ const getGroupRecursive = (classParts, classPartObject) => {
47
+ var _a;
48
+ if (classParts.length === 0) {
49
+ return classPartObject.classGroupId;
50
+ }
51
+ const currentClassPart = classParts[0];
52
+ const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
53
+ const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
54
+ if (classGroupFromNextClassPart) {
55
+ return classGroupFromNextClassPart;
56
+ }
57
+ if (classPartObject.validators.length === 0) {
58
+ return void 0;
59
+ }
60
+ const classRest = classParts.join(CLASS_PART_SEPARATOR);
61
+ return (_a = classPartObject.validators.find(({
62
+ validator
63
+ }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
64
+ };
65
+ const arbitraryPropertyRegex = /^\[(.+)\]$/;
66
+ const getGroupIdForArbitraryProperty = (className) => {
67
+ if (arbitraryPropertyRegex.test(className)) {
68
+ const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
69
+ const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
70
+ if (property) {
71
+ return "arbitrary.." + property;
72
+ }
73
+ }
74
+ };
75
+ const createClassMap = (config) => {
76
+ const {
77
+ theme,
78
+ prefix
79
+ } = config;
80
+ const classMap = {
81
+ nextPart: /* @__PURE__ */ new Map(),
82
+ validators: []
83
+ };
84
+ const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
85
+ prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
86
+ processClassesRecursively(classGroup, classMap, classGroupId, theme);
87
+ });
88
+ return classMap;
89
+ };
90
+ const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
91
+ classGroup.forEach((classDefinition) => {
92
+ if (typeof classDefinition === "string") {
93
+ const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
94
+ classPartObjectToEdit.classGroupId = classGroupId;
95
+ return;
96
+ }
97
+ if (typeof classDefinition === "function") {
98
+ if (isThemeGetter(classDefinition)) {
99
+ processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
100
+ return;
101
+ }
102
+ classPartObject.validators.push({
103
+ validator: classDefinition,
104
+ classGroupId
105
+ });
106
+ return;
107
+ }
108
+ Object.entries(classDefinition).forEach(([key, classGroup2]) => {
109
+ processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
110
+ });
111
+ });
112
+ };
113
+ const getPart = (classPartObject, path) => {
114
+ let currentClassPartObject = classPartObject;
115
+ path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
116
+ if (!currentClassPartObject.nextPart.has(pathPart)) {
117
+ currentClassPartObject.nextPart.set(pathPart, {
118
+ nextPart: /* @__PURE__ */ new Map(),
119
+ validators: []
120
+ });
121
+ }
122
+ currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
123
+ });
124
+ return currentClassPartObject;
125
+ };
126
+ const isThemeGetter = (func) => func.isThemeGetter;
127
+ const getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
128
+ if (!prefix) {
129
+ return classGroupEntries;
130
+ }
131
+ return classGroupEntries.map(([classGroupId, classGroup]) => {
132
+ const prefixedClassGroup = classGroup.map((classDefinition) => {
133
+ if (typeof classDefinition === "string") {
134
+ return prefix + classDefinition;
135
+ }
136
+ if (typeof classDefinition === "object") {
137
+ return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
138
+ }
139
+ return classDefinition;
140
+ });
141
+ return [classGroupId, prefixedClassGroup];
142
+ });
143
+ };
144
+ const createLruCache = (maxCacheSize) => {
145
+ if (maxCacheSize < 1) {
146
+ return {
147
+ get: () => void 0,
148
+ set: () => {
149
+ }
150
+ };
151
+ }
152
+ let cacheSize = 0;
153
+ let cache = /* @__PURE__ */ new Map();
154
+ let previousCache = /* @__PURE__ */ new Map();
155
+ const update = (key, value) => {
156
+ cache.set(key, value);
157
+ cacheSize++;
158
+ if (cacheSize > maxCacheSize) {
159
+ cacheSize = 0;
160
+ previousCache = cache;
161
+ cache = /* @__PURE__ */ new Map();
162
+ }
163
+ };
164
+ return {
165
+ get(key) {
166
+ let value = cache.get(key);
167
+ if (value !== void 0) {
168
+ return value;
169
+ }
170
+ if ((value = previousCache.get(key)) !== void 0) {
171
+ update(key, value);
172
+ return value;
173
+ }
174
+ },
175
+ set(key, value) {
176
+ if (cache.has(key)) {
177
+ cache.set(key, value);
178
+ } else {
179
+ update(key, value);
180
+ }
181
+ }
182
+ };
183
+ };
184
+ const IMPORTANT_MODIFIER = "!";
185
+ const createParseClassName = (config) => {
186
+ const {
187
+ separator,
188
+ experimentalParseClassName
189
+ } = config;
190
+ const isSeparatorSingleCharacter = separator.length === 1;
191
+ const firstSeparatorCharacter = separator[0];
192
+ const separatorLength = separator.length;
193
+ const parseClassName = (className) => {
194
+ const modifiers = [];
195
+ let bracketDepth = 0;
196
+ let modifierStart = 0;
197
+ let postfixModifierPosition;
198
+ for (let index = 0; index < className.length; index++) {
199
+ let currentCharacter = className[index];
200
+ if (bracketDepth === 0) {
201
+ if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
202
+ modifiers.push(className.slice(modifierStart, index));
203
+ modifierStart = index + separatorLength;
204
+ continue;
205
+ }
206
+ if (currentCharacter === "/") {
207
+ postfixModifierPosition = index;
208
+ continue;
209
+ }
210
+ }
211
+ if (currentCharacter === "[") {
212
+ bracketDepth++;
213
+ } else if (currentCharacter === "]") {
214
+ bracketDepth--;
215
+ }
216
+ }
217
+ const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
218
+ const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
219
+ const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
220
+ const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
221
+ return {
222
+ modifiers,
223
+ hasImportantModifier,
224
+ baseClassName,
225
+ maybePostfixModifierPosition
226
+ };
227
+ };
228
+ if (experimentalParseClassName) {
229
+ return (className) => experimentalParseClassName({
230
+ className,
231
+ parseClassName
232
+ });
233
+ }
234
+ return parseClassName;
235
+ };
236
+ const sortModifiers = (modifiers) => {
237
+ if (modifiers.length <= 1) {
238
+ return modifiers;
239
+ }
240
+ const sortedModifiers = [];
241
+ let unsortedModifiers = [];
242
+ modifiers.forEach((modifier) => {
243
+ const isArbitraryVariant = modifier[0] === "[";
244
+ if (isArbitraryVariant) {
245
+ sortedModifiers.push(...unsortedModifiers.sort(), modifier);
246
+ unsortedModifiers = [];
247
+ } else {
248
+ unsortedModifiers.push(modifier);
249
+ }
250
+ });
251
+ sortedModifiers.push(...unsortedModifiers.sort());
252
+ return sortedModifiers;
253
+ };
254
+ const createConfigUtils = (config) => ({
255
+ cache: createLruCache(config.cacheSize),
256
+ parseClassName: createParseClassName(config),
257
+ ...createClassGroupUtils(config)
258
+ });
259
+ const SPLIT_CLASSES_REGEX = /\s+/;
260
+ const mergeClassList = (classList, configUtils) => {
261
+ const {
262
+ parseClassName,
263
+ getClassGroupId,
264
+ getConflictingClassGroupIds
265
+ } = configUtils;
266
+ const classGroupsInConflict = [];
267
+ const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
268
+ let result = "";
269
+ for (let index = classNames.length - 1; index >= 0; index -= 1) {
270
+ const originalClassName = classNames[index];
271
+ const {
272
+ modifiers,
273
+ hasImportantModifier,
274
+ baseClassName,
275
+ maybePostfixModifierPosition
276
+ } = parseClassName(originalClassName);
277
+ let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
278
+ let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
279
+ if (!classGroupId) {
280
+ if (!hasPostfixModifier) {
281
+ result = originalClassName + (result.length > 0 ? " " + result : result);
282
+ continue;
283
+ }
284
+ classGroupId = getClassGroupId(baseClassName);
285
+ if (!classGroupId) {
286
+ result = originalClassName + (result.length > 0 ? " " + result : result);
287
+ continue;
288
+ }
289
+ hasPostfixModifier = false;
290
+ }
291
+ const variantModifier = sortModifiers(modifiers).join(":");
292
+ const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
293
+ const classId = modifierId + classGroupId;
294
+ if (classGroupsInConflict.includes(classId)) {
295
+ continue;
296
+ }
297
+ classGroupsInConflict.push(classId);
298
+ const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
299
+ for (let i2 = 0; i2 < conflictGroups.length; ++i2) {
300
+ const group = conflictGroups[i2];
301
+ classGroupsInConflict.push(modifierId + group);
302
+ }
303
+ result = originalClassName + (result.length > 0 ? " " + result : result);
304
+ }
305
+ return result;
306
+ };
307
+ function twJoin() {
308
+ let index = 0;
309
+ let argument;
310
+ let resolvedValue;
311
+ let string = "";
312
+ while (index < arguments.length) {
313
+ if (argument = arguments[index++]) {
314
+ if (resolvedValue = toValue(argument)) {
315
+ string && (string += " ");
316
+ string += resolvedValue;
317
+ }
318
+ }
319
+ }
320
+ return string;
321
+ }
322
+ const toValue = (mix) => {
323
+ if (typeof mix === "string") {
324
+ return mix;
325
+ }
326
+ let resolvedValue;
327
+ let string = "";
328
+ for (let k = 0; k < mix.length; k++) {
329
+ if (mix[k]) {
330
+ if (resolvedValue = toValue(mix[k])) {
331
+ string && (string += " ");
332
+ string += resolvedValue;
333
+ }
334
+ }
335
+ }
336
+ return string;
337
+ };
338
+ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
339
+ let configUtils;
340
+ let cacheGet;
341
+ let cacheSet;
342
+ let functionToCall = initTailwindMerge;
343
+ function initTailwindMerge(classList) {
344
+ const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
345
+ configUtils = createConfigUtils(config);
346
+ cacheGet = configUtils.cache.get;
347
+ cacheSet = configUtils.cache.set;
348
+ functionToCall = tailwindMerge;
349
+ return tailwindMerge(classList);
350
+ }
351
+ function tailwindMerge(classList) {
352
+ const cachedResult = cacheGet(classList);
353
+ if (cachedResult) {
354
+ return cachedResult;
355
+ }
356
+ const result = mergeClassList(classList, configUtils);
357
+ cacheSet(classList, result);
358
+ return result;
359
+ }
360
+ return function callTailwindMerge() {
361
+ return functionToCall(twJoin.apply(null, arguments));
362
+ };
363
+ }
364
+ const fromTheme = (key) => {
365
+ const themeGetter = (theme) => theme[key] || [];
366
+ themeGetter.isThemeGetter = true;
367
+ return themeGetter;
368
+ };
369
+ const arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
370
+ const fractionRegex = /^\d+\/\d+$/;
371
+ const stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
372
+ const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
373
+ 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$/;
374
+ const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
375
+ const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
376
+ const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
377
+ const isLength = (value) => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
378
+ const isArbitraryLength = (value) => getIsArbitraryValue(value, "length", isLengthOnly);
379
+ const isNumber = (value) => Boolean(value) && !Number.isNaN(Number(value));
380
+ const isArbitraryNumber = (value) => getIsArbitraryValue(value, "number", isNumber);
381
+ const isInteger = (value) => Boolean(value) && Number.isInteger(Number(value));
382
+ const isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
383
+ const isArbitraryValue = (value) => arbitraryValueRegex.test(value);
384
+ const isTshirtSize = (value) => tshirtUnitRegex.test(value);
385
+ const sizeLabels = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
386
+ const isArbitrarySize = (value) => getIsArbitraryValue(value, sizeLabels, isNever);
387
+ const isArbitraryPosition = (value) => getIsArbitraryValue(value, "position", isNever);
388
+ const imageLabels = /* @__PURE__ */ new Set(["image", "url"]);
389
+ const isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
390
+ const isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
391
+ const isAny = () => true;
392
+ const getIsArbitraryValue = (value, label, testValue) => {
393
+ const result = arbitraryValueRegex.exec(value);
394
+ if (result) {
395
+ if (result[1]) {
396
+ return typeof label === "string" ? result[1] === label : label.has(result[1]);
397
+ }
398
+ return testValue(result[2]);
399
+ }
400
+ return false;
401
+ };
402
+ const isLengthOnly = (value) => (
403
+ // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
404
+ // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
405
+ // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
406
+ lengthUnitRegex.test(value) && !colorFunctionRegex.test(value)
407
+ );
408
+ const isNever = () => false;
409
+ const isShadow = (value) => shadowRegex.test(value);
410
+ const isImage = (value) => imageRegex.test(value);
411
+ const getDefaultConfig = () => {
412
+ const colors = fromTheme("colors");
413
+ const spacing = fromTheme("spacing");
414
+ const blur = fromTheme("blur");
415
+ const brightness = fromTheme("brightness");
416
+ const borderColor = fromTheme("borderColor");
417
+ const borderRadius = fromTheme("borderRadius");
418
+ const borderSpacing = fromTheme("borderSpacing");
419
+ const borderWidth = fromTheme("borderWidth");
420
+ const contrast = fromTheme("contrast");
421
+ const grayscale = fromTheme("grayscale");
422
+ const hueRotate = fromTheme("hueRotate");
423
+ const invert = fromTheme("invert");
424
+ const gap = fromTheme("gap");
425
+ const gradientColorStops = fromTheme("gradientColorStops");
426
+ const gradientColorStopPositions = fromTheme("gradientColorStopPositions");
427
+ const inset = fromTheme("inset");
428
+ const margin = fromTheme("margin");
429
+ const opacity = fromTheme("opacity");
430
+ const padding = fromTheme("padding");
431
+ const saturate = fromTheme("saturate");
432
+ const scale = fromTheme("scale");
433
+ const sepia = fromTheme("sepia");
434
+ const skew = fromTheme("skew");
435
+ const space = fromTheme("space");
436
+ const translate = fromTheme("translate");
437
+ const getOverscroll = () => ["auto", "contain", "none"];
438
+ const getOverflow = () => ["auto", "hidden", "clip", "visible", "scroll"];
439
+ const getSpacingWithAutoAndArbitrary = () => ["auto", isArbitraryValue, spacing];
440
+ const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];
441
+ const getLengthWithEmptyAndArbitrary = () => ["", isLength, isArbitraryLength];
442
+ const getNumberWithAutoAndArbitrary = () => ["auto", isNumber, isArbitraryValue];
443
+ const getPositions = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"];
444
+ const getLineStyles = () => ["solid", "dashed", "dotted", "double", "none"];
445
+ const getBlendModes = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
446
+ const getAlign = () => ["start", "end", "center", "between", "around", "evenly", "stretch"];
447
+ const getZeroAndEmpty = () => ["", "0", isArbitraryValue];
448
+ const getBreaks = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
449
+ const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];
450
+ return {
451
+ cacheSize: 500,
452
+ separator: ":",
453
+ theme: {
454
+ colors: [isAny],
455
+ spacing: [isLength, isArbitraryLength],
456
+ blur: ["none", "", isTshirtSize, isArbitraryValue],
457
+ brightness: getNumberAndArbitrary(),
458
+ borderColor: [colors],
459
+ borderRadius: ["none", "", "full", isTshirtSize, isArbitraryValue],
460
+ borderSpacing: getSpacingWithArbitrary(),
461
+ borderWidth: getLengthWithEmptyAndArbitrary(),
462
+ contrast: getNumberAndArbitrary(),
463
+ grayscale: getZeroAndEmpty(),
464
+ hueRotate: getNumberAndArbitrary(),
465
+ invert: getZeroAndEmpty(),
466
+ gap: getSpacingWithArbitrary(),
467
+ gradientColorStops: [colors],
468
+ gradientColorStopPositions: [isPercent, isArbitraryLength],
469
+ inset: getSpacingWithAutoAndArbitrary(),
470
+ margin: getSpacingWithAutoAndArbitrary(),
471
+ opacity: getNumberAndArbitrary(),
472
+ padding: getSpacingWithArbitrary(),
473
+ saturate: getNumberAndArbitrary(),
474
+ scale: getNumberAndArbitrary(),
475
+ sepia: getZeroAndEmpty(),
476
+ skew: getNumberAndArbitrary(),
477
+ space: getSpacingWithArbitrary(),
478
+ translate: getSpacingWithArbitrary()
479
+ },
480
+ classGroups: {
481
+ // Layout
482
+ /**
483
+ * Aspect Ratio
484
+ * @see https://tailwindcss.com/docs/aspect-ratio
485
+ */
486
+ aspect: [{
487
+ aspect: ["auto", "square", "video", isArbitraryValue]
488
+ }],
489
+ /**
490
+ * Container
491
+ * @see https://tailwindcss.com/docs/container
492
+ */
493
+ container: ["container"],
494
+ /**
495
+ * Columns
496
+ * @see https://tailwindcss.com/docs/columns
497
+ */
498
+ columns: [{
499
+ columns: [isTshirtSize]
500
+ }],
501
+ /**
502
+ * Break After
503
+ * @see https://tailwindcss.com/docs/break-after
504
+ */
505
+ "break-after": [{
506
+ "break-after": getBreaks()
507
+ }],
508
+ /**
509
+ * Break Before
510
+ * @see https://tailwindcss.com/docs/break-before
511
+ */
512
+ "break-before": [{
513
+ "break-before": getBreaks()
514
+ }],
515
+ /**
516
+ * Break Inside
517
+ * @see https://tailwindcss.com/docs/break-inside
518
+ */
519
+ "break-inside": [{
520
+ "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
521
+ }],
522
+ /**
523
+ * Box Decoration Break
524
+ * @see https://tailwindcss.com/docs/box-decoration-break
525
+ */
526
+ "box-decoration": [{
527
+ "box-decoration": ["slice", "clone"]
528
+ }],
529
+ /**
530
+ * Box Sizing
531
+ * @see https://tailwindcss.com/docs/box-sizing
532
+ */
533
+ box: [{
534
+ box: ["border", "content"]
535
+ }],
536
+ /**
537
+ * Display
538
+ * @see https://tailwindcss.com/docs/display
539
+ */
540
+ display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
541
+ /**
542
+ * Floats
543
+ * @see https://tailwindcss.com/docs/float
544
+ */
545
+ float: [{
546
+ float: ["right", "left", "none", "start", "end"]
547
+ }],
548
+ /**
549
+ * Clear
550
+ * @see https://tailwindcss.com/docs/clear
551
+ */
552
+ clear: [{
553
+ clear: ["left", "right", "both", "none", "start", "end"]
554
+ }],
555
+ /**
556
+ * Isolation
557
+ * @see https://tailwindcss.com/docs/isolation
558
+ */
559
+ isolation: ["isolate", "isolation-auto"],
560
+ /**
561
+ * Object Fit
562
+ * @see https://tailwindcss.com/docs/object-fit
563
+ */
564
+ "object-fit": [{
565
+ object: ["contain", "cover", "fill", "none", "scale-down"]
566
+ }],
567
+ /**
568
+ * Object Position
569
+ * @see https://tailwindcss.com/docs/object-position
570
+ */
571
+ "object-position": [{
572
+ object: [...getPositions(), isArbitraryValue]
573
+ }],
574
+ /**
575
+ * Overflow
576
+ * @see https://tailwindcss.com/docs/overflow
577
+ */
578
+ overflow: [{
579
+ overflow: getOverflow()
580
+ }],
581
+ /**
582
+ * Overflow X
583
+ * @see https://tailwindcss.com/docs/overflow
584
+ */
585
+ "overflow-x": [{
586
+ "overflow-x": getOverflow()
587
+ }],
588
+ /**
589
+ * Overflow Y
590
+ * @see https://tailwindcss.com/docs/overflow
591
+ */
592
+ "overflow-y": [{
593
+ "overflow-y": getOverflow()
594
+ }],
595
+ /**
596
+ * Overscroll Behavior
597
+ * @see https://tailwindcss.com/docs/overscroll-behavior
598
+ */
599
+ overscroll: [{
600
+ overscroll: getOverscroll()
601
+ }],
602
+ /**
603
+ * Overscroll Behavior X
604
+ * @see https://tailwindcss.com/docs/overscroll-behavior
605
+ */
606
+ "overscroll-x": [{
607
+ "overscroll-x": getOverscroll()
608
+ }],
609
+ /**
610
+ * Overscroll Behavior Y
611
+ * @see https://tailwindcss.com/docs/overscroll-behavior
612
+ */
613
+ "overscroll-y": [{
614
+ "overscroll-y": getOverscroll()
615
+ }],
616
+ /**
617
+ * Position
618
+ * @see https://tailwindcss.com/docs/position
619
+ */
620
+ position: ["static", "fixed", "absolute", "relative", "sticky"],
621
+ /**
622
+ * Top / Right / Bottom / Left
623
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
624
+ */
625
+ inset: [{
626
+ inset: [inset]
627
+ }],
628
+ /**
629
+ * Right / Left
630
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
631
+ */
632
+ "inset-x": [{
633
+ "inset-x": [inset]
634
+ }],
635
+ /**
636
+ * Top / Bottom
637
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
638
+ */
639
+ "inset-y": [{
640
+ "inset-y": [inset]
641
+ }],
642
+ /**
643
+ * Start
644
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
645
+ */
646
+ start: [{
647
+ start: [inset]
648
+ }],
649
+ /**
650
+ * End
651
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
652
+ */
653
+ end: [{
654
+ end: [inset]
655
+ }],
656
+ /**
657
+ * Top
658
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
659
+ */
660
+ top: [{
661
+ top: [inset]
662
+ }],
663
+ /**
664
+ * Right
665
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
666
+ */
667
+ right: [{
668
+ right: [inset]
669
+ }],
670
+ /**
671
+ * Bottom
672
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
673
+ */
674
+ bottom: [{
675
+ bottom: [inset]
676
+ }],
677
+ /**
678
+ * Left
679
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
680
+ */
681
+ left: [{
682
+ left: [inset]
683
+ }],
684
+ /**
685
+ * Visibility
686
+ * @see https://tailwindcss.com/docs/visibility
687
+ */
688
+ visibility: ["visible", "invisible", "collapse"],
689
+ /**
690
+ * Z-Index
691
+ * @see https://tailwindcss.com/docs/z-index
692
+ */
693
+ z: [{
694
+ z: ["auto", isInteger, isArbitraryValue]
695
+ }],
696
+ // Flexbox and Grid
697
+ /**
698
+ * Flex Basis
699
+ * @see https://tailwindcss.com/docs/flex-basis
700
+ */
701
+ basis: [{
702
+ basis: getSpacingWithAutoAndArbitrary()
703
+ }],
704
+ /**
705
+ * Flex Direction
706
+ * @see https://tailwindcss.com/docs/flex-direction
707
+ */
708
+ "flex-direction": [{
709
+ flex: ["row", "row-reverse", "col", "col-reverse"]
710
+ }],
711
+ /**
712
+ * Flex Wrap
713
+ * @see https://tailwindcss.com/docs/flex-wrap
714
+ */
715
+ "flex-wrap": [{
716
+ flex: ["wrap", "wrap-reverse", "nowrap"]
717
+ }],
718
+ /**
719
+ * Flex
720
+ * @see https://tailwindcss.com/docs/flex
721
+ */
722
+ flex: [{
723
+ flex: ["1", "auto", "initial", "none", isArbitraryValue]
724
+ }],
725
+ /**
726
+ * Flex Grow
727
+ * @see https://tailwindcss.com/docs/flex-grow
728
+ */
729
+ grow: [{
730
+ grow: getZeroAndEmpty()
731
+ }],
732
+ /**
733
+ * Flex Shrink
734
+ * @see https://tailwindcss.com/docs/flex-shrink
735
+ */
736
+ shrink: [{
737
+ shrink: getZeroAndEmpty()
738
+ }],
739
+ /**
740
+ * Order
741
+ * @see https://tailwindcss.com/docs/order
742
+ */
743
+ order: [{
744
+ order: ["first", "last", "none", isInteger, isArbitraryValue]
745
+ }],
746
+ /**
747
+ * Grid Template Columns
748
+ * @see https://tailwindcss.com/docs/grid-template-columns
749
+ */
750
+ "grid-cols": [{
751
+ "grid-cols": [isAny]
752
+ }],
753
+ /**
754
+ * Grid Column Start / End
755
+ * @see https://tailwindcss.com/docs/grid-column
756
+ */
757
+ "col-start-end": [{
758
+ col: ["auto", {
759
+ span: ["full", isInteger, isArbitraryValue]
760
+ }, isArbitraryValue]
761
+ }],
762
+ /**
763
+ * Grid Column Start
764
+ * @see https://tailwindcss.com/docs/grid-column
765
+ */
766
+ "col-start": [{
767
+ "col-start": getNumberWithAutoAndArbitrary()
768
+ }],
769
+ /**
770
+ * Grid Column End
771
+ * @see https://tailwindcss.com/docs/grid-column
772
+ */
773
+ "col-end": [{
774
+ "col-end": getNumberWithAutoAndArbitrary()
775
+ }],
776
+ /**
777
+ * Grid Template Rows
778
+ * @see https://tailwindcss.com/docs/grid-template-rows
779
+ */
780
+ "grid-rows": [{
781
+ "grid-rows": [isAny]
782
+ }],
783
+ /**
784
+ * Grid Row Start / End
785
+ * @see https://tailwindcss.com/docs/grid-row
786
+ */
787
+ "row-start-end": [{
788
+ row: ["auto", {
789
+ span: [isInteger, isArbitraryValue]
790
+ }, isArbitraryValue]
791
+ }],
792
+ /**
793
+ * Grid Row Start
794
+ * @see https://tailwindcss.com/docs/grid-row
795
+ */
796
+ "row-start": [{
797
+ "row-start": getNumberWithAutoAndArbitrary()
798
+ }],
799
+ /**
800
+ * Grid Row End
801
+ * @see https://tailwindcss.com/docs/grid-row
802
+ */
803
+ "row-end": [{
804
+ "row-end": getNumberWithAutoAndArbitrary()
805
+ }],
806
+ /**
807
+ * Grid Auto Flow
808
+ * @see https://tailwindcss.com/docs/grid-auto-flow
809
+ */
810
+ "grid-flow": [{
811
+ "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
812
+ }],
813
+ /**
814
+ * Grid Auto Columns
815
+ * @see https://tailwindcss.com/docs/grid-auto-columns
816
+ */
817
+ "auto-cols": [{
818
+ "auto-cols": ["auto", "min", "max", "fr", isArbitraryValue]
819
+ }],
820
+ /**
821
+ * Grid Auto Rows
822
+ * @see https://tailwindcss.com/docs/grid-auto-rows
823
+ */
824
+ "auto-rows": [{
825
+ "auto-rows": ["auto", "min", "max", "fr", isArbitraryValue]
826
+ }],
827
+ /**
828
+ * Gap
829
+ * @see https://tailwindcss.com/docs/gap
830
+ */
831
+ gap: [{
832
+ gap: [gap]
833
+ }],
834
+ /**
835
+ * Gap X
836
+ * @see https://tailwindcss.com/docs/gap
837
+ */
838
+ "gap-x": [{
839
+ "gap-x": [gap]
840
+ }],
841
+ /**
842
+ * Gap Y
843
+ * @see https://tailwindcss.com/docs/gap
844
+ */
845
+ "gap-y": [{
846
+ "gap-y": [gap]
847
+ }],
848
+ /**
849
+ * Justify Content
850
+ * @see https://tailwindcss.com/docs/justify-content
851
+ */
852
+ "justify-content": [{
853
+ justify: ["normal", ...getAlign()]
854
+ }],
855
+ /**
856
+ * Justify Items
857
+ * @see https://tailwindcss.com/docs/justify-items
858
+ */
859
+ "justify-items": [{
860
+ "justify-items": ["start", "end", "center", "stretch"]
861
+ }],
862
+ /**
863
+ * Justify Self
864
+ * @see https://tailwindcss.com/docs/justify-self
865
+ */
866
+ "justify-self": [{
867
+ "justify-self": ["auto", "start", "end", "center", "stretch"]
868
+ }],
869
+ /**
870
+ * Align Content
871
+ * @see https://tailwindcss.com/docs/align-content
872
+ */
873
+ "align-content": [{
874
+ content: ["normal", ...getAlign(), "baseline"]
875
+ }],
876
+ /**
877
+ * Align Items
878
+ * @see https://tailwindcss.com/docs/align-items
879
+ */
880
+ "align-items": [{
881
+ items: ["start", "end", "center", "baseline", "stretch"]
882
+ }],
883
+ /**
884
+ * Align Self
885
+ * @see https://tailwindcss.com/docs/align-self
886
+ */
887
+ "align-self": [{
888
+ self: ["auto", "start", "end", "center", "stretch", "baseline"]
889
+ }],
890
+ /**
891
+ * Place Content
892
+ * @see https://tailwindcss.com/docs/place-content
893
+ */
894
+ "place-content": [{
895
+ "place-content": [...getAlign(), "baseline"]
896
+ }],
897
+ /**
898
+ * Place Items
899
+ * @see https://tailwindcss.com/docs/place-items
900
+ */
901
+ "place-items": [{
902
+ "place-items": ["start", "end", "center", "baseline", "stretch"]
903
+ }],
904
+ /**
905
+ * Place Self
906
+ * @see https://tailwindcss.com/docs/place-self
907
+ */
908
+ "place-self": [{
909
+ "place-self": ["auto", "start", "end", "center", "stretch"]
910
+ }],
911
+ // Spacing
912
+ /**
913
+ * Padding
914
+ * @see https://tailwindcss.com/docs/padding
915
+ */
916
+ p: [{
917
+ p: [padding]
918
+ }],
919
+ /**
920
+ * Padding X
921
+ * @see https://tailwindcss.com/docs/padding
922
+ */
923
+ px: [{
924
+ px: [padding]
925
+ }],
926
+ /**
927
+ * Padding Y
928
+ * @see https://tailwindcss.com/docs/padding
929
+ */
930
+ py: [{
931
+ py: [padding]
932
+ }],
933
+ /**
934
+ * Padding Start
935
+ * @see https://tailwindcss.com/docs/padding
936
+ */
937
+ ps: [{
938
+ ps: [padding]
939
+ }],
940
+ /**
941
+ * Padding End
942
+ * @see https://tailwindcss.com/docs/padding
943
+ */
944
+ pe: [{
945
+ pe: [padding]
946
+ }],
947
+ /**
948
+ * Padding Top
949
+ * @see https://tailwindcss.com/docs/padding
950
+ */
951
+ pt: [{
952
+ pt: [padding]
953
+ }],
954
+ /**
955
+ * Padding Right
956
+ * @see https://tailwindcss.com/docs/padding
957
+ */
958
+ pr: [{
959
+ pr: [padding]
960
+ }],
961
+ /**
962
+ * Padding Bottom
963
+ * @see https://tailwindcss.com/docs/padding
964
+ */
965
+ pb: [{
966
+ pb: [padding]
967
+ }],
968
+ /**
969
+ * Padding Left
970
+ * @see https://tailwindcss.com/docs/padding
971
+ */
972
+ pl: [{
973
+ pl: [padding]
974
+ }],
975
+ /**
976
+ * Margin
977
+ * @see https://tailwindcss.com/docs/margin
978
+ */
979
+ m: [{
980
+ m: [margin]
981
+ }],
982
+ /**
983
+ * Margin X
984
+ * @see https://tailwindcss.com/docs/margin
985
+ */
986
+ mx: [{
987
+ mx: [margin]
988
+ }],
989
+ /**
990
+ * Margin Y
991
+ * @see https://tailwindcss.com/docs/margin
992
+ */
993
+ my: [{
994
+ my: [margin]
995
+ }],
996
+ /**
997
+ * Margin Start
998
+ * @see https://tailwindcss.com/docs/margin
999
+ */
1000
+ ms: [{
1001
+ ms: [margin]
1002
+ }],
1003
+ /**
1004
+ * Margin End
1005
+ * @see https://tailwindcss.com/docs/margin
1006
+ */
1007
+ me: [{
1008
+ me: [margin]
1009
+ }],
1010
+ /**
1011
+ * Margin Top
1012
+ * @see https://tailwindcss.com/docs/margin
1013
+ */
1014
+ mt: [{
1015
+ mt: [margin]
1016
+ }],
1017
+ /**
1018
+ * Margin Right
1019
+ * @see https://tailwindcss.com/docs/margin
1020
+ */
1021
+ mr: [{
1022
+ mr: [margin]
1023
+ }],
1024
+ /**
1025
+ * Margin Bottom
1026
+ * @see https://tailwindcss.com/docs/margin
1027
+ */
1028
+ mb: [{
1029
+ mb: [margin]
1030
+ }],
1031
+ /**
1032
+ * Margin Left
1033
+ * @see https://tailwindcss.com/docs/margin
1034
+ */
1035
+ ml: [{
1036
+ ml: [margin]
1037
+ }],
1038
+ /**
1039
+ * Space Between X
1040
+ * @see https://tailwindcss.com/docs/space
1041
+ */
1042
+ "space-x": [{
1043
+ "space-x": [space]
1044
+ }],
1045
+ /**
1046
+ * Space Between X Reverse
1047
+ * @see https://tailwindcss.com/docs/space
1048
+ */
1049
+ "space-x-reverse": ["space-x-reverse"],
1050
+ /**
1051
+ * Space Between Y
1052
+ * @see https://tailwindcss.com/docs/space
1053
+ */
1054
+ "space-y": [{
1055
+ "space-y": [space]
1056
+ }],
1057
+ /**
1058
+ * Space Between Y Reverse
1059
+ * @see https://tailwindcss.com/docs/space
1060
+ */
1061
+ "space-y-reverse": ["space-y-reverse"],
1062
+ // Sizing
1063
+ /**
1064
+ * Width
1065
+ * @see https://tailwindcss.com/docs/width
1066
+ */
1067
+ w: [{
1068
+ w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", isArbitraryValue, spacing]
1069
+ }],
1070
+ /**
1071
+ * Min-Width
1072
+ * @see https://tailwindcss.com/docs/min-width
1073
+ */
1074
+ "min-w": [{
1075
+ "min-w": [isArbitraryValue, spacing, "min", "max", "fit"]
1076
+ }],
1077
+ /**
1078
+ * Max-Width
1079
+ * @see https://tailwindcss.com/docs/max-width
1080
+ */
1081
+ "max-w": [{
1082
+ "max-w": [isArbitraryValue, spacing, "none", "full", "min", "max", "fit", "prose", {
1083
+ screen: [isTshirtSize]
1084
+ }, isTshirtSize]
1085
+ }],
1086
+ /**
1087
+ * Height
1088
+ * @see https://tailwindcss.com/docs/height
1089
+ */
1090
+ h: [{
1091
+ h: [isArbitraryValue, spacing, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
1092
+ }],
1093
+ /**
1094
+ * Min-Height
1095
+ * @see https://tailwindcss.com/docs/min-height
1096
+ */
1097
+ "min-h": [{
1098
+ "min-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
1099
+ }],
1100
+ /**
1101
+ * Max-Height
1102
+ * @see https://tailwindcss.com/docs/max-height
1103
+ */
1104
+ "max-h": [{
1105
+ "max-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
1106
+ }],
1107
+ /**
1108
+ * Size
1109
+ * @see https://tailwindcss.com/docs/size
1110
+ */
1111
+ size: [{
1112
+ size: [isArbitraryValue, spacing, "auto", "min", "max", "fit"]
1113
+ }],
1114
+ // Typography
1115
+ /**
1116
+ * Font Size
1117
+ * @see https://tailwindcss.com/docs/font-size
1118
+ */
1119
+ "font-size": [{
1120
+ text: ["base", isTshirtSize, isArbitraryLength]
1121
+ }],
1122
+ /**
1123
+ * Font Smoothing
1124
+ * @see https://tailwindcss.com/docs/font-smoothing
1125
+ */
1126
+ "font-smoothing": ["antialiased", "subpixel-antialiased"],
1127
+ /**
1128
+ * Font Style
1129
+ * @see https://tailwindcss.com/docs/font-style
1130
+ */
1131
+ "font-style": ["italic", "not-italic"],
1132
+ /**
1133
+ * Font Weight
1134
+ * @see https://tailwindcss.com/docs/font-weight
1135
+ */
1136
+ "font-weight": [{
1137
+ font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", isArbitraryNumber]
1138
+ }],
1139
+ /**
1140
+ * Font Family
1141
+ * @see https://tailwindcss.com/docs/font-family
1142
+ */
1143
+ "font-family": [{
1144
+ font: [isAny]
1145
+ }],
1146
+ /**
1147
+ * Font Variant Numeric
1148
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1149
+ */
1150
+ "fvn-normal": ["normal-nums"],
1151
+ /**
1152
+ * Font Variant Numeric
1153
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1154
+ */
1155
+ "fvn-ordinal": ["ordinal"],
1156
+ /**
1157
+ * Font Variant Numeric
1158
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1159
+ */
1160
+ "fvn-slashed-zero": ["slashed-zero"],
1161
+ /**
1162
+ * Font Variant Numeric
1163
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1164
+ */
1165
+ "fvn-figure": ["lining-nums", "oldstyle-nums"],
1166
+ /**
1167
+ * Font Variant Numeric
1168
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1169
+ */
1170
+ "fvn-spacing": ["proportional-nums", "tabular-nums"],
1171
+ /**
1172
+ * Font Variant Numeric
1173
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1174
+ */
1175
+ "fvn-fraction": ["diagonal-fractions", "stacked-fractons"],
1176
+ /**
1177
+ * Letter Spacing
1178
+ * @see https://tailwindcss.com/docs/letter-spacing
1179
+ */
1180
+ tracking: [{
1181
+ tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", isArbitraryValue]
1182
+ }],
1183
+ /**
1184
+ * Line Clamp
1185
+ * @see https://tailwindcss.com/docs/line-clamp
1186
+ */
1187
+ "line-clamp": [{
1188
+ "line-clamp": ["none", isNumber, isArbitraryNumber]
1189
+ }],
1190
+ /**
1191
+ * Line Height
1192
+ * @see https://tailwindcss.com/docs/line-height
1193
+ */
1194
+ leading: [{
1195
+ leading: ["none", "tight", "snug", "normal", "relaxed", "loose", isLength, isArbitraryValue]
1196
+ }],
1197
+ /**
1198
+ * List Style Image
1199
+ * @see https://tailwindcss.com/docs/list-style-image
1200
+ */
1201
+ "list-image": [{
1202
+ "list-image": ["none", isArbitraryValue]
1203
+ }],
1204
+ /**
1205
+ * List Style Type
1206
+ * @see https://tailwindcss.com/docs/list-style-type
1207
+ */
1208
+ "list-style-type": [{
1209
+ list: ["none", "disc", "decimal", isArbitraryValue]
1210
+ }],
1211
+ /**
1212
+ * List Style Position
1213
+ * @see https://tailwindcss.com/docs/list-style-position
1214
+ */
1215
+ "list-style-position": [{
1216
+ list: ["inside", "outside"]
1217
+ }],
1218
+ /**
1219
+ * Placeholder Color
1220
+ * @deprecated since Tailwind CSS v3.0.0
1221
+ * @see https://tailwindcss.com/docs/placeholder-color
1222
+ */
1223
+ "placeholder-color": [{
1224
+ placeholder: [colors]
1225
+ }],
1226
+ /**
1227
+ * Placeholder Opacity
1228
+ * @see https://tailwindcss.com/docs/placeholder-opacity
1229
+ */
1230
+ "placeholder-opacity": [{
1231
+ "placeholder-opacity": [opacity]
1232
+ }],
1233
+ /**
1234
+ * Text Alignment
1235
+ * @see https://tailwindcss.com/docs/text-align
1236
+ */
1237
+ "text-alignment": [{
1238
+ text: ["left", "center", "right", "justify", "start", "end"]
1239
+ }],
1240
+ /**
1241
+ * Text Color
1242
+ * @see https://tailwindcss.com/docs/text-color
1243
+ */
1244
+ "text-color": [{
1245
+ text: [colors]
1246
+ }],
1247
+ /**
1248
+ * Text Opacity
1249
+ * @see https://tailwindcss.com/docs/text-opacity
1250
+ */
1251
+ "text-opacity": [{
1252
+ "text-opacity": [opacity]
1253
+ }],
1254
+ /**
1255
+ * Text Decoration
1256
+ * @see https://tailwindcss.com/docs/text-decoration
1257
+ */
1258
+ "text-decoration": ["underline", "overline", "line-through", "no-underline"],
1259
+ /**
1260
+ * Text Decoration Style
1261
+ * @see https://tailwindcss.com/docs/text-decoration-style
1262
+ */
1263
+ "text-decoration-style": [{
1264
+ decoration: [...getLineStyles(), "wavy"]
1265
+ }],
1266
+ /**
1267
+ * Text Decoration Thickness
1268
+ * @see https://tailwindcss.com/docs/text-decoration-thickness
1269
+ */
1270
+ "text-decoration-thickness": [{
1271
+ decoration: ["auto", "from-font", isLength, isArbitraryLength]
1272
+ }],
1273
+ /**
1274
+ * Text Underline Offset
1275
+ * @see https://tailwindcss.com/docs/text-underline-offset
1276
+ */
1277
+ "underline-offset": [{
1278
+ "underline-offset": ["auto", isLength, isArbitraryValue]
1279
+ }],
1280
+ /**
1281
+ * Text Decoration Color
1282
+ * @see https://tailwindcss.com/docs/text-decoration-color
1283
+ */
1284
+ "text-decoration-color": [{
1285
+ decoration: [colors]
1286
+ }],
1287
+ /**
1288
+ * Text Transform
1289
+ * @see https://tailwindcss.com/docs/text-transform
1290
+ */
1291
+ "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
1292
+ /**
1293
+ * Text Overflow
1294
+ * @see https://tailwindcss.com/docs/text-overflow
1295
+ */
1296
+ "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
1297
+ /**
1298
+ * Text Wrap
1299
+ * @see https://tailwindcss.com/docs/text-wrap
1300
+ */
1301
+ "text-wrap": [{
1302
+ text: ["wrap", "nowrap", "balance", "pretty"]
1303
+ }],
1304
+ /**
1305
+ * Text Indent
1306
+ * @see https://tailwindcss.com/docs/text-indent
1307
+ */
1308
+ indent: [{
1309
+ indent: getSpacingWithArbitrary()
1310
+ }],
1311
+ /**
1312
+ * Vertical Alignment
1313
+ * @see https://tailwindcss.com/docs/vertical-align
1314
+ */
1315
+ "vertical-align": [{
1316
+ align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", isArbitraryValue]
1317
+ }],
1318
+ /**
1319
+ * Whitespace
1320
+ * @see https://tailwindcss.com/docs/whitespace
1321
+ */
1322
+ whitespace: [{
1323
+ whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
1324
+ }],
1325
+ /**
1326
+ * Word Break
1327
+ * @see https://tailwindcss.com/docs/word-break
1328
+ */
1329
+ break: [{
1330
+ break: ["normal", "words", "all", "keep"]
1331
+ }],
1332
+ /**
1333
+ * Hyphens
1334
+ * @see https://tailwindcss.com/docs/hyphens
1335
+ */
1336
+ hyphens: [{
1337
+ hyphens: ["none", "manual", "auto"]
1338
+ }],
1339
+ /**
1340
+ * Content
1341
+ * @see https://tailwindcss.com/docs/content
1342
+ */
1343
+ content: [{
1344
+ content: ["none", isArbitraryValue]
1345
+ }],
1346
+ // Backgrounds
1347
+ /**
1348
+ * Background Attachment
1349
+ * @see https://tailwindcss.com/docs/background-attachment
1350
+ */
1351
+ "bg-attachment": [{
1352
+ bg: ["fixed", "local", "scroll"]
1353
+ }],
1354
+ /**
1355
+ * Background Clip
1356
+ * @see https://tailwindcss.com/docs/background-clip
1357
+ */
1358
+ "bg-clip": [{
1359
+ "bg-clip": ["border", "padding", "content", "text"]
1360
+ }],
1361
+ /**
1362
+ * Background Opacity
1363
+ * @deprecated since Tailwind CSS v3.0.0
1364
+ * @see https://tailwindcss.com/docs/background-opacity
1365
+ */
1366
+ "bg-opacity": [{
1367
+ "bg-opacity": [opacity]
1368
+ }],
1369
+ /**
1370
+ * Background Origin
1371
+ * @see https://tailwindcss.com/docs/background-origin
1372
+ */
1373
+ "bg-origin": [{
1374
+ "bg-origin": ["border", "padding", "content"]
1375
+ }],
1376
+ /**
1377
+ * Background Position
1378
+ * @see https://tailwindcss.com/docs/background-position
1379
+ */
1380
+ "bg-position": [{
1381
+ bg: [...getPositions(), isArbitraryPosition]
1382
+ }],
1383
+ /**
1384
+ * Background Repeat
1385
+ * @see https://tailwindcss.com/docs/background-repeat
1386
+ */
1387
+ "bg-repeat": [{
1388
+ bg: ["no-repeat", {
1389
+ repeat: ["", "x", "y", "round", "space"]
1390
+ }]
1391
+ }],
1392
+ /**
1393
+ * Background Size
1394
+ * @see https://tailwindcss.com/docs/background-size
1395
+ */
1396
+ "bg-size": [{
1397
+ bg: ["auto", "cover", "contain", isArbitrarySize]
1398
+ }],
1399
+ /**
1400
+ * Background Image
1401
+ * @see https://tailwindcss.com/docs/background-image
1402
+ */
1403
+ "bg-image": [{
1404
+ bg: ["none", {
1405
+ "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1406
+ }, isArbitraryImage]
1407
+ }],
1408
+ /**
1409
+ * Background Color
1410
+ * @see https://tailwindcss.com/docs/background-color
1411
+ */
1412
+ "bg-color": [{
1413
+ bg: [colors]
1414
+ }],
1415
+ /**
1416
+ * Gradient Color Stops From Position
1417
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1418
+ */
1419
+ "gradient-from-pos": [{
1420
+ from: [gradientColorStopPositions]
1421
+ }],
1422
+ /**
1423
+ * Gradient Color Stops Via Position
1424
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1425
+ */
1426
+ "gradient-via-pos": [{
1427
+ via: [gradientColorStopPositions]
1428
+ }],
1429
+ /**
1430
+ * Gradient Color Stops To Position
1431
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1432
+ */
1433
+ "gradient-to-pos": [{
1434
+ to: [gradientColorStopPositions]
1435
+ }],
1436
+ /**
1437
+ * Gradient Color Stops From
1438
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1439
+ */
1440
+ "gradient-from": [{
1441
+ from: [gradientColorStops]
1442
+ }],
1443
+ /**
1444
+ * Gradient Color Stops Via
1445
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1446
+ */
1447
+ "gradient-via": [{
1448
+ via: [gradientColorStops]
1449
+ }],
1450
+ /**
1451
+ * Gradient Color Stops To
1452
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1453
+ */
1454
+ "gradient-to": [{
1455
+ to: [gradientColorStops]
1456
+ }],
1457
+ // Borders
1458
+ /**
1459
+ * Border Radius
1460
+ * @see https://tailwindcss.com/docs/border-radius
1461
+ */
1462
+ rounded: [{
1463
+ rounded: [borderRadius]
1464
+ }],
1465
+ /**
1466
+ * Border Radius Start
1467
+ * @see https://tailwindcss.com/docs/border-radius
1468
+ */
1469
+ "rounded-s": [{
1470
+ "rounded-s": [borderRadius]
1471
+ }],
1472
+ /**
1473
+ * Border Radius End
1474
+ * @see https://tailwindcss.com/docs/border-radius
1475
+ */
1476
+ "rounded-e": [{
1477
+ "rounded-e": [borderRadius]
1478
+ }],
1479
+ /**
1480
+ * Border Radius Top
1481
+ * @see https://tailwindcss.com/docs/border-radius
1482
+ */
1483
+ "rounded-t": [{
1484
+ "rounded-t": [borderRadius]
1485
+ }],
1486
+ /**
1487
+ * Border Radius Right
1488
+ * @see https://tailwindcss.com/docs/border-radius
1489
+ */
1490
+ "rounded-r": [{
1491
+ "rounded-r": [borderRadius]
1492
+ }],
1493
+ /**
1494
+ * Border Radius Bottom
1495
+ * @see https://tailwindcss.com/docs/border-radius
1496
+ */
1497
+ "rounded-b": [{
1498
+ "rounded-b": [borderRadius]
1499
+ }],
1500
+ /**
1501
+ * Border Radius Left
1502
+ * @see https://tailwindcss.com/docs/border-radius
1503
+ */
1504
+ "rounded-l": [{
1505
+ "rounded-l": [borderRadius]
1506
+ }],
1507
+ /**
1508
+ * Border Radius Start Start
1509
+ * @see https://tailwindcss.com/docs/border-radius
1510
+ */
1511
+ "rounded-ss": [{
1512
+ "rounded-ss": [borderRadius]
1513
+ }],
1514
+ /**
1515
+ * Border Radius Start End
1516
+ * @see https://tailwindcss.com/docs/border-radius
1517
+ */
1518
+ "rounded-se": [{
1519
+ "rounded-se": [borderRadius]
1520
+ }],
1521
+ /**
1522
+ * Border Radius End End
1523
+ * @see https://tailwindcss.com/docs/border-radius
1524
+ */
1525
+ "rounded-ee": [{
1526
+ "rounded-ee": [borderRadius]
1527
+ }],
1528
+ /**
1529
+ * Border Radius End Start
1530
+ * @see https://tailwindcss.com/docs/border-radius
1531
+ */
1532
+ "rounded-es": [{
1533
+ "rounded-es": [borderRadius]
1534
+ }],
1535
+ /**
1536
+ * Border Radius Top Left
1537
+ * @see https://tailwindcss.com/docs/border-radius
1538
+ */
1539
+ "rounded-tl": [{
1540
+ "rounded-tl": [borderRadius]
1541
+ }],
1542
+ /**
1543
+ * Border Radius Top Right
1544
+ * @see https://tailwindcss.com/docs/border-radius
1545
+ */
1546
+ "rounded-tr": [{
1547
+ "rounded-tr": [borderRadius]
1548
+ }],
1549
+ /**
1550
+ * Border Radius Bottom Right
1551
+ * @see https://tailwindcss.com/docs/border-radius
1552
+ */
1553
+ "rounded-br": [{
1554
+ "rounded-br": [borderRadius]
1555
+ }],
1556
+ /**
1557
+ * Border Radius Bottom Left
1558
+ * @see https://tailwindcss.com/docs/border-radius
1559
+ */
1560
+ "rounded-bl": [{
1561
+ "rounded-bl": [borderRadius]
1562
+ }],
1563
+ /**
1564
+ * Border Width
1565
+ * @see https://tailwindcss.com/docs/border-width
1566
+ */
1567
+ "border-w": [{
1568
+ border: [borderWidth]
1569
+ }],
1570
+ /**
1571
+ * Border Width X
1572
+ * @see https://tailwindcss.com/docs/border-width
1573
+ */
1574
+ "border-w-x": [{
1575
+ "border-x": [borderWidth]
1576
+ }],
1577
+ /**
1578
+ * Border Width Y
1579
+ * @see https://tailwindcss.com/docs/border-width
1580
+ */
1581
+ "border-w-y": [{
1582
+ "border-y": [borderWidth]
1583
+ }],
1584
+ /**
1585
+ * Border Width Start
1586
+ * @see https://tailwindcss.com/docs/border-width
1587
+ */
1588
+ "border-w-s": [{
1589
+ "border-s": [borderWidth]
1590
+ }],
1591
+ /**
1592
+ * Border Width End
1593
+ * @see https://tailwindcss.com/docs/border-width
1594
+ */
1595
+ "border-w-e": [{
1596
+ "border-e": [borderWidth]
1597
+ }],
1598
+ /**
1599
+ * Border Width Top
1600
+ * @see https://tailwindcss.com/docs/border-width
1601
+ */
1602
+ "border-w-t": [{
1603
+ "border-t": [borderWidth]
1604
+ }],
1605
+ /**
1606
+ * Border Width Right
1607
+ * @see https://tailwindcss.com/docs/border-width
1608
+ */
1609
+ "border-w-r": [{
1610
+ "border-r": [borderWidth]
1611
+ }],
1612
+ /**
1613
+ * Border Width Bottom
1614
+ * @see https://tailwindcss.com/docs/border-width
1615
+ */
1616
+ "border-w-b": [{
1617
+ "border-b": [borderWidth]
1618
+ }],
1619
+ /**
1620
+ * Border Width Left
1621
+ * @see https://tailwindcss.com/docs/border-width
1622
+ */
1623
+ "border-w-l": [{
1624
+ "border-l": [borderWidth]
1625
+ }],
1626
+ /**
1627
+ * Border Opacity
1628
+ * @see https://tailwindcss.com/docs/border-opacity
1629
+ */
1630
+ "border-opacity": [{
1631
+ "border-opacity": [opacity]
1632
+ }],
1633
+ /**
1634
+ * Border Style
1635
+ * @see https://tailwindcss.com/docs/border-style
1636
+ */
1637
+ "border-style": [{
1638
+ border: [...getLineStyles(), "hidden"]
1639
+ }],
1640
+ /**
1641
+ * Divide Width X
1642
+ * @see https://tailwindcss.com/docs/divide-width
1643
+ */
1644
+ "divide-x": [{
1645
+ "divide-x": [borderWidth]
1646
+ }],
1647
+ /**
1648
+ * Divide Width X Reverse
1649
+ * @see https://tailwindcss.com/docs/divide-width
1650
+ */
1651
+ "divide-x-reverse": ["divide-x-reverse"],
1652
+ /**
1653
+ * Divide Width Y
1654
+ * @see https://tailwindcss.com/docs/divide-width
1655
+ */
1656
+ "divide-y": [{
1657
+ "divide-y": [borderWidth]
1658
+ }],
1659
+ /**
1660
+ * Divide Width Y Reverse
1661
+ * @see https://tailwindcss.com/docs/divide-width
1662
+ */
1663
+ "divide-y-reverse": ["divide-y-reverse"],
1664
+ /**
1665
+ * Divide Opacity
1666
+ * @see https://tailwindcss.com/docs/divide-opacity
1667
+ */
1668
+ "divide-opacity": [{
1669
+ "divide-opacity": [opacity]
1670
+ }],
1671
+ /**
1672
+ * Divide Style
1673
+ * @see https://tailwindcss.com/docs/divide-style
1674
+ */
1675
+ "divide-style": [{
1676
+ divide: getLineStyles()
1677
+ }],
1678
+ /**
1679
+ * Border Color
1680
+ * @see https://tailwindcss.com/docs/border-color
1681
+ */
1682
+ "border-color": [{
1683
+ border: [borderColor]
1684
+ }],
1685
+ /**
1686
+ * Border Color X
1687
+ * @see https://tailwindcss.com/docs/border-color
1688
+ */
1689
+ "border-color-x": [{
1690
+ "border-x": [borderColor]
1691
+ }],
1692
+ /**
1693
+ * Border Color Y
1694
+ * @see https://tailwindcss.com/docs/border-color
1695
+ */
1696
+ "border-color-y": [{
1697
+ "border-y": [borderColor]
1698
+ }],
1699
+ /**
1700
+ * Border Color S
1701
+ * @see https://tailwindcss.com/docs/border-color
1702
+ */
1703
+ "border-color-s": [{
1704
+ "border-s": [borderColor]
1705
+ }],
1706
+ /**
1707
+ * Border Color E
1708
+ * @see https://tailwindcss.com/docs/border-color
1709
+ */
1710
+ "border-color-e": [{
1711
+ "border-e": [borderColor]
1712
+ }],
1713
+ /**
1714
+ * Border Color Top
1715
+ * @see https://tailwindcss.com/docs/border-color
1716
+ */
1717
+ "border-color-t": [{
1718
+ "border-t": [borderColor]
1719
+ }],
1720
+ /**
1721
+ * Border Color Right
1722
+ * @see https://tailwindcss.com/docs/border-color
1723
+ */
1724
+ "border-color-r": [{
1725
+ "border-r": [borderColor]
1726
+ }],
1727
+ /**
1728
+ * Border Color Bottom
1729
+ * @see https://tailwindcss.com/docs/border-color
1730
+ */
1731
+ "border-color-b": [{
1732
+ "border-b": [borderColor]
1733
+ }],
1734
+ /**
1735
+ * Border Color Left
1736
+ * @see https://tailwindcss.com/docs/border-color
1737
+ */
1738
+ "border-color-l": [{
1739
+ "border-l": [borderColor]
1740
+ }],
1741
+ /**
1742
+ * Divide Color
1743
+ * @see https://tailwindcss.com/docs/divide-color
1744
+ */
1745
+ "divide-color": [{
1746
+ divide: [borderColor]
1747
+ }],
1748
+ /**
1749
+ * Outline Style
1750
+ * @see https://tailwindcss.com/docs/outline-style
1751
+ */
1752
+ "outline-style": [{
1753
+ outline: ["", ...getLineStyles()]
1754
+ }],
1755
+ /**
1756
+ * Outline Offset
1757
+ * @see https://tailwindcss.com/docs/outline-offset
1758
+ */
1759
+ "outline-offset": [{
1760
+ "outline-offset": [isLength, isArbitraryValue]
1761
+ }],
1762
+ /**
1763
+ * Outline Width
1764
+ * @see https://tailwindcss.com/docs/outline-width
1765
+ */
1766
+ "outline-w": [{
1767
+ outline: [isLength, isArbitraryLength]
1768
+ }],
1769
+ /**
1770
+ * Outline Color
1771
+ * @see https://tailwindcss.com/docs/outline-color
1772
+ */
1773
+ "outline-color": [{
1774
+ outline: [colors]
1775
+ }],
1776
+ /**
1777
+ * Ring Width
1778
+ * @see https://tailwindcss.com/docs/ring-width
1779
+ */
1780
+ "ring-w": [{
1781
+ ring: getLengthWithEmptyAndArbitrary()
1782
+ }],
1783
+ /**
1784
+ * Ring Width Inset
1785
+ * @see https://tailwindcss.com/docs/ring-width
1786
+ */
1787
+ "ring-w-inset": ["ring-inset"],
1788
+ /**
1789
+ * Ring Color
1790
+ * @see https://tailwindcss.com/docs/ring-color
1791
+ */
1792
+ "ring-color": [{
1793
+ ring: [colors]
1794
+ }],
1795
+ /**
1796
+ * Ring Opacity
1797
+ * @see https://tailwindcss.com/docs/ring-opacity
1798
+ */
1799
+ "ring-opacity": [{
1800
+ "ring-opacity": [opacity]
1801
+ }],
1802
+ /**
1803
+ * Ring Offset Width
1804
+ * @see https://tailwindcss.com/docs/ring-offset-width
1805
+ */
1806
+ "ring-offset-w": [{
1807
+ "ring-offset": [isLength, isArbitraryLength]
1808
+ }],
1809
+ /**
1810
+ * Ring Offset Color
1811
+ * @see https://tailwindcss.com/docs/ring-offset-color
1812
+ */
1813
+ "ring-offset-color": [{
1814
+ "ring-offset": [colors]
1815
+ }],
1816
+ // Effects
1817
+ /**
1818
+ * Box Shadow
1819
+ * @see https://tailwindcss.com/docs/box-shadow
1820
+ */
1821
+ shadow: [{
1822
+ shadow: ["", "inner", "none", isTshirtSize, isArbitraryShadow]
1823
+ }],
1824
+ /**
1825
+ * Box Shadow Color
1826
+ * @see https://tailwindcss.com/docs/box-shadow-color
1827
+ */
1828
+ "shadow-color": [{
1829
+ shadow: [isAny]
1830
+ }],
1831
+ /**
1832
+ * Opacity
1833
+ * @see https://tailwindcss.com/docs/opacity
1834
+ */
1835
+ opacity: [{
1836
+ opacity: [opacity]
1837
+ }],
1838
+ /**
1839
+ * Mix Blend Mode
1840
+ * @see https://tailwindcss.com/docs/mix-blend-mode
1841
+ */
1842
+ "mix-blend": [{
1843
+ "mix-blend": [...getBlendModes(), "plus-lighter", "plus-darker"]
1844
+ }],
1845
+ /**
1846
+ * Background Blend Mode
1847
+ * @see https://tailwindcss.com/docs/background-blend-mode
1848
+ */
1849
+ "bg-blend": [{
1850
+ "bg-blend": getBlendModes()
1851
+ }],
1852
+ // Filters
1853
+ /**
1854
+ * Filter
1855
+ * @deprecated since Tailwind CSS v3.0.0
1856
+ * @see https://tailwindcss.com/docs/filter
1857
+ */
1858
+ filter: [{
1859
+ filter: ["", "none"]
1860
+ }],
1861
+ /**
1862
+ * Blur
1863
+ * @see https://tailwindcss.com/docs/blur
1864
+ */
1865
+ blur: [{
1866
+ blur: [blur]
1867
+ }],
1868
+ /**
1869
+ * Brightness
1870
+ * @see https://tailwindcss.com/docs/brightness
1871
+ */
1872
+ brightness: [{
1873
+ brightness: [brightness]
1874
+ }],
1875
+ /**
1876
+ * Contrast
1877
+ * @see https://tailwindcss.com/docs/contrast
1878
+ */
1879
+ contrast: [{
1880
+ contrast: [contrast]
1881
+ }],
1882
+ /**
1883
+ * Drop Shadow
1884
+ * @see https://tailwindcss.com/docs/drop-shadow
1885
+ */
1886
+ "drop-shadow": [{
1887
+ "drop-shadow": ["", "none", isTshirtSize, isArbitraryValue]
1888
+ }],
1889
+ /**
1890
+ * Grayscale
1891
+ * @see https://tailwindcss.com/docs/grayscale
1892
+ */
1893
+ grayscale: [{
1894
+ grayscale: [grayscale]
1895
+ }],
1896
+ /**
1897
+ * Hue Rotate
1898
+ * @see https://tailwindcss.com/docs/hue-rotate
1899
+ */
1900
+ "hue-rotate": [{
1901
+ "hue-rotate": [hueRotate]
1902
+ }],
1903
+ /**
1904
+ * Invert
1905
+ * @see https://tailwindcss.com/docs/invert
1906
+ */
1907
+ invert: [{
1908
+ invert: [invert]
1909
+ }],
1910
+ /**
1911
+ * Saturate
1912
+ * @see https://tailwindcss.com/docs/saturate
1913
+ */
1914
+ saturate: [{
1915
+ saturate: [saturate]
1916
+ }],
1917
+ /**
1918
+ * Sepia
1919
+ * @see https://tailwindcss.com/docs/sepia
1920
+ */
1921
+ sepia: [{
1922
+ sepia: [sepia]
1923
+ }],
1924
+ /**
1925
+ * Backdrop Filter
1926
+ * @deprecated since Tailwind CSS v3.0.0
1927
+ * @see https://tailwindcss.com/docs/backdrop-filter
1928
+ */
1929
+ "backdrop-filter": [{
1930
+ "backdrop-filter": ["", "none"]
1931
+ }],
1932
+ /**
1933
+ * Backdrop Blur
1934
+ * @see https://tailwindcss.com/docs/backdrop-blur
1935
+ */
1936
+ "backdrop-blur": [{
1937
+ "backdrop-blur": [blur]
1938
+ }],
1939
+ /**
1940
+ * Backdrop Brightness
1941
+ * @see https://tailwindcss.com/docs/backdrop-brightness
1942
+ */
1943
+ "backdrop-brightness": [{
1944
+ "backdrop-brightness": [brightness]
1945
+ }],
1946
+ /**
1947
+ * Backdrop Contrast
1948
+ * @see https://tailwindcss.com/docs/backdrop-contrast
1949
+ */
1950
+ "backdrop-contrast": [{
1951
+ "backdrop-contrast": [contrast]
1952
+ }],
1953
+ /**
1954
+ * Backdrop Grayscale
1955
+ * @see https://tailwindcss.com/docs/backdrop-grayscale
1956
+ */
1957
+ "backdrop-grayscale": [{
1958
+ "backdrop-grayscale": [grayscale]
1959
+ }],
1960
+ /**
1961
+ * Backdrop Hue Rotate
1962
+ * @see https://tailwindcss.com/docs/backdrop-hue-rotate
1963
+ */
1964
+ "backdrop-hue-rotate": [{
1965
+ "backdrop-hue-rotate": [hueRotate]
1966
+ }],
1967
+ /**
1968
+ * Backdrop Invert
1969
+ * @see https://tailwindcss.com/docs/backdrop-invert
1970
+ */
1971
+ "backdrop-invert": [{
1972
+ "backdrop-invert": [invert]
1973
+ }],
1974
+ /**
1975
+ * Backdrop Opacity
1976
+ * @see https://tailwindcss.com/docs/backdrop-opacity
1977
+ */
1978
+ "backdrop-opacity": [{
1979
+ "backdrop-opacity": [opacity]
1980
+ }],
1981
+ /**
1982
+ * Backdrop Saturate
1983
+ * @see https://tailwindcss.com/docs/backdrop-saturate
1984
+ */
1985
+ "backdrop-saturate": [{
1986
+ "backdrop-saturate": [saturate]
1987
+ }],
1988
+ /**
1989
+ * Backdrop Sepia
1990
+ * @see https://tailwindcss.com/docs/backdrop-sepia
1991
+ */
1992
+ "backdrop-sepia": [{
1993
+ "backdrop-sepia": [sepia]
1994
+ }],
1995
+ // Tables
1996
+ /**
1997
+ * Border Collapse
1998
+ * @see https://tailwindcss.com/docs/border-collapse
1999
+ */
2000
+ "border-collapse": [{
2001
+ border: ["collapse", "separate"]
2002
+ }],
2003
+ /**
2004
+ * Border Spacing
2005
+ * @see https://tailwindcss.com/docs/border-spacing
2006
+ */
2007
+ "border-spacing": [{
2008
+ "border-spacing": [borderSpacing]
2009
+ }],
2010
+ /**
2011
+ * Border Spacing X
2012
+ * @see https://tailwindcss.com/docs/border-spacing
2013
+ */
2014
+ "border-spacing-x": [{
2015
+ "border-spacing-x": [borderSpacing]
2016
+ }],
2017
+ /**
2018
+ * Border Spacing Y
2019
+ * @see https://tailwindcss.com/docs/border-spacing
2020
+ */
2021
+ "border-spacing-y": [{
2022
+ "border-spacing-y": [borderSpacing]
2023
+ }],
2024
+ /**
2025
+ * Table Layout
2026
+ * @see https://tailwindcss.com/docs/table-layout
2027
+ */
2028
+ "table-layout": [{
2029
+ table: ["auto", "fixed"]
2030
+ }],
2031
+ /**
2032
+ * Caption Side
2033
+ * @see https://tailwindcss.com/docs/caption-side
2034
+ */
2035
+ caption: [{
2036
+ caption: ["top", "bottom"]
2037
+ }],
2038
+ // Transitions and Animation
2039
+ /**
2040
+ * Tranisition Property
2041
+ * @see https://tailwindcss.com/docs/transition-property
2042
+ */
2043
+ transition: [{
2044
+ transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", isArbitraryValue]
2045
+ }],
2046
+ /**
2047
+ * Transition Duration
2048
+ * @see https://tailwindcss.com/docs/transition-duration
2049
+ */
2050
+ duration: [{
2051
+ duration: getNumberAndArbitrary()
2052
+ }],
2053
+ /**
2054
+ * Transition Timing Function
2055
+ * @see https://tailwindcss.com/docs/transition-timing-function
2056
+ */
2057
+ ease: [{
2058
+ ease: ["linear", "in", "out", "in-out", isArbitraryValue]
2059
+ }],
2060
+ /**
2061
+ * Transition Delay
2062
+ * @see https://tailwindcss.com/docs/transition-delay
2063
+ */
2064
+ delay: [{
2065
+ delay: getNumberAndArbitrary()
2066
+ }],
2067
+ /**
2068
+ * Animation
2069
+ * @see https://tailwindcss.com/docs/animation
2070
+ */
2071
+ animate: [{
2072
+ animate: ["none", "spin", "ping", "pulse", "bounce", isArbitraryValue]
2073
+ }],
2074
+ // Transforms
2075
+ /**
2076
+ * Transform
2077
+ * @see https://tailwindcss.com/docs/transform
2078
+ */
2079
+ transform: [{
2080
+ transform: ["", "gpu", "none"]
2081
+ }],
2082
+ /**
2083
+ * Scale
2084
+ * @see https://tailwindcss.com/docs/scale
2085
+ */
2086
+ scale: [{
2087
+ scale: [scale]
2088
+ }],
2089
+ /**
2090
+ * Scale X
2091
+ * @see https://tailwindcss.com/docs/scale
2092
+ */
2093
+ "scale-x": [{
2094
+ "scale-x": [scale]
2095
+ }],
2096
+ /**
2097
+ * Scale Y
2098
+ * @see https://tailwindcss.com/docs/scale
2099
+ */
2100
+ "scale-y": [{
2101
+ "scale-y": [scale]
2102
+ }],
2103
+ /**
2104
+ * Rotate
2105
+ * @see https://tailwindcss.com/docs/rotate
2106
+ */
2107
+ rotate: [{
2108
+ rotate: [isInteger, isArbitraryValue]
2109
+ }],
2110
+ /**
2111
+ * Translate X
2112
+ * @see https://tailwindcss.com/docs/translate
2113
+ */
2114
+ "translate-x": [{
2115
+ "translate-x": [translate]
2116
+ }],
2117
+ /**
2118
+ * Translate Y
2119
+ * @see https://tailwindcss.com/docs/translate
2120
+ */
2121
+ "translate-y": [{
2122
+ "translate-y": [translate]
2123
+ }],
2124
+ /**
2125
+ * Skew X
2126
+ * @see https://tailwindcss.com/docs/skew
2127
+ */
2128
+ "skew-x": [{
2129
+ "skew-x": [skew]
2130
+ }],
2131
+ /**
2132
+ * Skew Y
2133
+ * @see https://tailwindcss.com/docs/skew
2134
+ */
2135
+ "skew-y": [{
2136
+ "skew-y": [skew]
2137
+ }],
2138
+ /**
2139
+ * Transform Origin
2140
+ * @see https://tailwindcss.com/docs/transform-origin
2141
+ */
2142
+ "transform-origin": [{
2143
+ origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", isArbitraryValue]
2144
+ }],
2145
+ // Interactivity
2146
+ /**
2147
+ * Accent Color
2148
+ * @see https://tailwindcss.com/docs/accent-color
2149
+ */
2150
+ accent: [{
2151
+ accent: ["auto", colors]
2152
+ }],
2153
+ /**
2154
+ * Appearance
2155
+ * @see https://tailwindcss.com/docs/appearance
2156
+ */
2157
+ appearance: [{
2158
+ appearance: ["none", "auto"]
2159
+ }],
2160
+ /**
2161
+ * Cursor
2162
+ * @see https://tailwindcss.com/docs/cursor
2163
+ */
2164
+ cursor: [{
2165
+ cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", isArbitraryValue]
2166
+ }],
2167
+ /**
2168
+ * Caret Color
2169
+ * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2170
+ */
2171
+ "caret-color": [{
2172
+ caret: [colors]
2173
+ }],
2174
+ /**
2175
+ * Pointer Events
2176
+ * @see https://tailwindcss.com/docs/pointer-events
2177
+ */
2178
+ "pointer-events": [{
2179
+ "pointer-events": ["none", "auto"]
2180
+ }],
2181
+ /**
2182
+ * Resize
2183
+ * @see https://tailwindcss.com/docs/resize
2184
+ */
2185
+ resize: [{
2186
+ resize: ["none", "y", "x", ""]
2187
+ }],
2188
+ /**
2189
+ * Scroll Behavior
2190
+ * @see https://tailwindcss.com/docs/scroll-behavior
2191
+ */
2192
+ "scroll-behavior": [{
2193
+ scroll: ["auto", "smooth"]
2194
+ }],
2195
+ /**
2196
+ * Scroll Margin
2197
+ * @see https://tailwindcss.com/docs/scroll-margin
2198
+ */
2199
+ "scroll-m": [{
2200
+ "scroll-m": getSpacingWithArbitrary()
2201
+ }],
2202
+ /**
2203
+ * Scroll Margin X
2204
+ * @see https://tailwindcss.com/docs/scroll-margin
2205
+ */
2206
+ "scroll-mx": [{
2207
+ "scroll-mx": getSpacingWithArbitrary()
2208
+ }],
2209
+ /**
2210
+ * Scroll Margin Y
2211
+ * @see https://tailwindcss.com/docs/scroll-margin
2212
+ */
2213
+ "scroll-my": [{
2214
+ "scroll-my": getSpacingWithArbitrary()
2215
+ }],
2216
+ /**
2217
+ * Scroll Margin Start
2218
+ * @see https://tailwindcss.com/docs/scroll-margin
2219
+ */
2220
+ "scroll-ms": [{
2221
+ "scroll-ms": getSpacingWithArbitrary()
2222
+ }],
2223
+ /**
2224
+ * Scroll Margin End
2225
+ * @see https://tailwindcss.com/docs/scroll-margin
2226
+ */
2227
+ "scroll-me": [{
2228
+ "scroll-me": getSpacingWithArbitrary()
2229
+ }],
2230
+ /**
2231
+ * Scroll Margin Top
2232
+ * @see https://tailwindcss.com/docs/scroll-margin
2233
+ */
2234
+ "scroll-mt": [{
2235
+ "scroll-mt": getSpacingWithArbitrary()
2236
+ }],
2237
+ /**
2238
+ * Scroll Margin Right
2239
+ * @see https://tailwindcss.com/docs/scroll-margin
2240
+ */
2241
+ "scroll-mr": [{
2242
+ "scroll-mr": getSpacingWithArbitrary()
2243
+ }],
2244
+ /**
2245
+ * Scroll Margin Bottom
2246
+ * @see https://tailwindcss.com/docs/scroll-margin
2247
+ */
2248
+ "scroll-mb": [{
2249
+ "scroll-mb": getSpacingWithArbitrary()
2250
+ }],
2251
+ /**
2252
+ * Scroll Margin Left
2253
+ * @see https://tailwindcss.com/docs/scroll-margin
2254
+ */
2255
+ "scroll-ml": [{
2256
+ "scroll-ml": getSpacingWithArbitrary()
2257
+ }],
2258
+ /**
2259
+ * Scroll Padding
2260
+ * @see https://tailwindcss.com/docs/scroll-padding
2261
+ */
2262
+ "scroll-p": [{
2263
+ "scroll-p": getSpacingWithArbitrary()
2264
+ }],
2265
+ /**
2266
+ * Scroll Padding X
2267
+ * @see https://tailwindcss.com/docs/scroll-padding
2268
+ */
2269
+ "scroll-px": [{
2270
+ "scroll-px": getSpacingWithArbitrary()
2271
+ }],
2272
+ /**
2273
+ * Scroll Padding Y
2274
+ * @see https://tailwindcss.com/docs/scroll-padding
2275
+ */
2276
+ "scroll-py": [{
2277
+ "scroll-py": getSpacingWithArbitrary()
2278
+ }],
2279
+ /**
2280
+ * Scroll Padding Start
2281
+ * @see https://tailwindcss.com/docs/scroll-padding
2282
+ */
2283
+ "scroll-ps": [{
2284
+ "scroll-ps": getSpacingWithArbitrary()
2285
+ }],
2286
+ /**
2287
+ * Scroll Padding End
2288
+ * @see https://tailwindcss.com/docs/scroll-padding
2289
+ */
2290
+ "scroll-pe": [{
2291
+ "scroll-pe": getSpacingWithArbitrary()
2292
+ }],
2293
+ /**
2294
+ * Scroll Padding Top
2295
+ * @see https://tailwindcss.com/docs/scroll-padding
2296
+ */
2297
+ "scroll-pt": [{
2298
+ "scroll-pt": getSpacingWithArbitrary()
2299
+ }],
2300
+ /**
2301
+ * Scroll Padding Right
2302
+ * @see https://tailwindcss.com/docs/scroll-padding
2303
+ */
2304
+ "scroll-pr": [{
2305
+ "scroll-pr": getSpacingWithArbitrary()
2306
+ }],
2307
+ /**
2308
+ * Scroll Padding Bottom
2309
+ * @see https://tailwindcss.com/docs/scroll-padding
2310
+ */
2311
+ "scroll-pb": [{
2312
+ "scroll-pb": getSpacingWithArbitrary()
2313
+ }],
2314
+ /**
2315
+ * Scroll Padding Left
2316
+ * @see https://tailwindcss.com/docs/scroll-padding
2317
+ */
2318
+ "scroll-pl": [{
2319
+ "scroll-pl": getSpacingWithArbitrary()
2320
+ }],
2321
+ /**
2322
+ * Scroll Snap Align
2323
+ * @see https://tailwindcss.com/docs/scroll-snap-align
2324
+ */
2325
+ "snap-align": [{
2326
+ snap: ["start", "end", "center", "align-none"]
2327
+ }],
2328
+ /**
2329
+ * Scroll Snap Stop
2330
+ * @see https://tailwindcss.com/docs/scroll-snap-stop
2331
+ */
2332
+ "snap-stop": [{
2333
+ snap: ["normal", "always"]
2334
+ }],
2335
+ /**
2336
+ * Scroll Snap Type
2337
+ * @see https://tailwindcss.com/docs/scroll-snap-type
2338
+ */
2339
+ "snap-type": [{
2340
+ snap: ["none", "x", "y", "both"]
2341
+ }],
2342
+ /**
2343
+ * Scroll Snap Type Strictness
2344
+ * @see https://tailwindcss.com/docs/scroll-snap-type
2345
+ */
2346
+ "snap-strictness": [{
2347
+ snap: ["mandatory", "proximity"]
2348
+ }],
2349
+ /**
2350
+ * Touch Action
2351
+ * @see https://tailwindcss.com/docs/touch-action
2352
+ */
2353
+ touch: [{
2354
+ touch: ["auto", "none", "manipulation"]
2355
+ }],
2356
+ /**
2357
+ * Touch Action X
2358
+ * @see https://tailwindcss.com/docs/touch-action
2359
+ */
2360
+ "touch-x": [{
2361
+ "touch-pan": ["x", "left", "right"]
2362
+ }],
2363
+ /**
2364
+ * Touch Action Y
2365
+ * @see https://tailwindcss.com/docs/touch-action
2366
+ */
2367
+ "touch-y": [{
2368
+ "touch-pan": ["y", "up", "down"]
2369
+ }],
2370
+ /**
2371
+ * Touch Action Pinch Zoom
2372
+ * @see https://tailwindcss.com/docs/touch-action
2373
+ */
2374
+ "touch-pz": ["touch-pinch-zoom"],
2375
+ /**
2376
+ * User Select
2377
+ * @see https://tailwindcss.com/docs/user-select
2378
+ */
2379
+ select: [{
2380
+ select: ["none", "text", "all", "auto"]
2381
+ }],
2382
+ /**
2383
+ * Will Change
2384
+ * @see https://tailwindcss.com/docs/will-change
2385
+ */
2386
+ "will-change": [{
2387
+ "will-change": ["auto", "scroll", "contents", "transform", isArbitraryValue]
2388
+ }],
2389
+ // SVG
2390
+ /**
2391
+ * Fill
2392
+ * @see https://tailwindcss.com/docs/fill
2393
+ */
2394
+ fill: [{
2395
+ fill: [colors, "none"]
2396
+ }],
2397
+ /**
2398
+ * Stroke Width
2399
+ * @see https://tailwindcss.com/docs/stroke-width
2400
+ */
2401
+ "stroke-w": [{
2402
+ stroke: [isLength, isArbitraryLength, isArbitraryNumber]
2403
+ }],
2404
+ /**
2405
+ * Stroke
2406
+ * @see https://tailwindcss.com/docs/stroke
2407
+ */
2408
+ stroke: [{
2409
+ stroke: [colors, "none"]
2410
+ }],
2411
+ // Accessibility
2412
+ /**
2413
+ * Screen Readers
2414
+ * @see https://tailwindcss.com/docs/screen-readers
2415
+ */
2416
+ sr: ["sr-only", "not-sr-only"],
2417
+ /**
2418
+ * Forced Color Adjust
2419
+ * @see https://tailwindcss.com/docs/forced-color-adjust
2420
+ */
2421
+ "forced-color-adjust": [{
2422
+ "forced-color-adjust": ["auto", "none"]
2423
+ }]
2424
+ },
2425
+ conflictingClassGroups: {
2426
+ overflow: ["overflow-x", "overflow-y"],
2427
+ overscroll: ["overscroll-x", "overscroll-y"],
2428
+ inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
2429
+ "inset-x": ["right", "left"],
2430
+ "inset-y": ["top", "bottom"],
2431
+ flex: ["basis", "grow", "shrink"],
2432
+ gap: ["gap-x", "gap-y"],
2433
+ p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
2434
+ px: ["pr", "pl"],
2435
+ py: ["pt", "pb"],
2436
+ m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
2437
+ mx: ["mr", "ml"],
2438
+ my: ["mt", "mb"],
2439
+ size: ["w", "h"],
2440
+ "font-size": ["leading"],
2441
+ "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
2442
+ "fvn-ordinal": ["fvn-normal"],
2443
+ "fvn-slashed-zero": ["fvn-normal"],
2444
+ "fvn-figure": ["fvn-normal"],
2445
+ "fvn-spacing": ["fvn-normal"],
2446
+ "fvn-fraction": ["fvn-normal"],
2447
+ "line-clamp": ["display", "overflow"],
2448
+ 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"],
2449
+ "rounded-s": ["rounded-ss", "rounded-es"],
2450
+ "rounded-e": ["rounded-se", "rounded-ee"],
2451
+ "rounded-t": ["rounded-tl", "rounded-tr"],
2452
+ "rounded-r": ["rounded-tr", "rounded-br"],
2453
+ "rounded-b": ["rounded-br", "rounded-bl"],
2454
+ "rounded-l": ["rounded-tl", "rounded-bl"],
2455
+ "border-spacing": ["border-spacing-x", "border-spacing-y"],
2456
+ "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
2457
+ "border-w-x": ["border-w-r", "border-w-l"],
2458
+ "border-w-y": ["border-w-t", "border-w-b"],
2459
+ "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
2460
+ "border-color-x": ["border-color-r", "border-color-l"],
2461
+ "border-color-y": ["border-color-t", "border-color-b"],
2462
+ "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
2463
+ "scroll-mx": ["scroll-mr", "scroll-ml"],
2464
+ "scroll-my": ["scroll-mt", "scroll-mb"],
2465
+ "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
2466
+ "scroll-px": ["scroll-pr", "scroll-pl"],
2467
+ "scroll-py": ["scroll-pt", "scroll-pb"],
2468
+ touch: ["touch-x", "touch-y", "touch-pz"],
2469
+ "touch-x": ["touch"],
2470
+ "touch-y": ["touch"],
2471
+ "touch-pz": ["touch"]
2472
+ },
2473
+ conflictingClassGroupModifiers: {
2474
+ "font-size": ["leading"]
2475
+ }
2476
+ };
2477
+ };
2478
+ const mergeConfigs = (baseConfig, {
2479
+ cacheSize,
2480
+ prefix,
2481
+ separator,
2482
+ experimentalParseClassName,
2483
+ extend = {},
2484
+ override = {}
2485
+ }) => {
2486
+ overrideProperty(baseConfig, "cacheSize", cacheSize);
2487
+ overrideProperty(baseConfig, "prefix", prefix);
2488
+ overrideProperty(baseConfig, "separator", separator);
2489
+ overrideProperty(baseConfig, "experimentalParseClassName", experimentalParseClassName);
2490
+ for (const configKey in override) {
2491
+ overrideConfigProperties(baseConfig[configKey], override[configKey]);
2492
+ }
2493
+ for (const key in extend) {
2494
+ mergeConfigProperties(baseConfig[key], extend[key]);
2495
+ }
2496
+ return baseConfig;
2497
+ };
2498
+ const overrideProperty = (baseObject, overrideKey, overrideValue) => {
2499
+ if (overrideValue !== void 0) {
2500
+ baseObject[overrideKey] = overrideValue;
2501
+ }
2502
+ };
2503
+ const overrideConfigProperties = (baseObject, overrideObject) => {
2504
+ if (overrideObject) {
2505
+ for (const key in overrideObject) {
2506
+ overrideProperty(baseObject, key, overrideObject[key]);
2507
+ }
2508
+ }
2509
+ };
2510
+ const mergeConfigProperties = (baseObject, mergeObject) => {
2511
+ if (mergeObject) {
2512
+ for (const key in mergeObject) {
2513
+ const mergeValue = mergeObject[key];
2514
+ if (mergeValue !== void 0) {
2515
+ baseObject[key] = (baseObject[key] || []).concat(mergeValue);
2516
+ }
2517
+ }
2518
+ }
2519
+ };
2520
+ const extendTailwindMerge = (configExtension, ...createConfig) => typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
2521
+ const twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
2522
+ var ie = { twMerge: true, twMergeConfig: {}, responsiveVariants: false }, x = (s) => s || void 0, N = (...s) => x(y(s).filter(Boolean).join(" ")), R = null, v = {}, q = false, M = (...s) => (b$1) => b$1.twMerge ? ((!R || q) && (q = false, R = u(v) ? twMerge : extendTailwindMerge({ ...v, extend: { theme: v.theme, classGroups: v.classGroups, conflictingClassGroupModifiers: v.conflictingClassGroupModifiers, conflictingClassGroups: v.conflictingClassGroups, ...v.extend } })), x(R(N(s)))) : N(s), _ = (s, b) => {
2523
+ for (let e in b) s.hasOwnProperty(e) ? s[e] = N(s[e], b[e]) : s[e] = b[e];
2524
+ return s;
2525
+ }, ce = (s, b$1) => {
2526
+ let { extend: e = null, slots: O = {}, variants: U = {}, compoundVariants: W = [], compoundSlots: C = [], defaultVariants: z = {} } = s, m = { ...ie, ...b$1 }, k = e != null && e.base ? N(e.base, s == null ? void 0 : s.base) : s == null ? void 0 : s.base, g$1 = e != null && e.variants && !u(e.variants) ? p(U, e.variants) : U, w = e != null && e.defaultVariants && !u(e.defaultVariants) ? { ...e.defaultVariants, ...z } : z;
2527
+ !u(m.twMergeConfig) && !x$1(m.twMergeConfig, v) && (q = true, v = m.twMergeConfig);
2528
+ let S = u(e == null ? void 0 : e.slots), T = u(O) ? {} : { base: N(s == null ? void 0 : s.base, S && (e == null ? void 0 : e.base)), ...O }, j = S ? T : _({ ...e == null ? void 0 : e.slots }, u(T) ? { base: s == null ? void 0 : s.base } : T), h$1 = u(e == null ? void 0 : e.compoundVariants) ? W : a(e == null ? void 0 : e.compoundVariants, W), V = (l$1) => {
2529
+ if (u(g$1) && u(O) && S) return M(k, l$1 == null ? void 0 : l$1.class, l$1 == null ? void 0 : l$1.className)(m);
2530
+ if (h$1 && !Array.isArray(h$1)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof h$1}`);
2531
+ if (C && !Array.isArray(C)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof C}`);
2532
+ let P = (a2, n, t = [], i2) => {
2533
+ let r = t;
2534
+ if (typeof n == "string") r = r.concat(g(n).split(" ").map((o) => `${a2}:${o}`));
2535
+ else if (Array.isArray(n)) r = r.concat(n.reduce((o, c) => o.concat(`${a2}:${c}`), []));
2536
+ else if (typeof n == "object" && typeof i2 == "string") {
2537
+ for (let o in n) if (n.hasOwnProperty(o) && o === i2) {
2538
+ let c = n[o];
2539
+ if (c && typeof c == "string") {
2540
+ let u2 = g(c);
2541
+ r[i2] ? r[i2] = r[i2].concat(u2.split(" ").map((f) => `${a2}:${f}`)) : r[i2] = u2.split(" ").map((f) => `${a2}:${f}`);
2542
+ } else Array.isArray(c) && c.length > 0 && (r[i2] = c.reduce((u2, f) => u2.concat(`${a2}:${f}`), []));
2543
+ }
2544
+ }
2545
+ return r;
2546
+ }, D = (a$1, n = g$1, t = null, i2 = null) => {
2547
+ var L;
2548
+ let r = n[a$1];
2549
+ if (!r || u(r)) return null;
2550
+ let o = (L = i2 == null ? void 0 : i2[a$1]) != null ? L : l$1 == null ? void 0 : l$1[a$1];
2551
+ if (o === null) return null;
2552
+ let c = l(o), u$1 = Array.isArray(m.responsiveVariants) && m.responsiveVariants.length > 0 || m.responsiveVariants === true, f = w == null ? void 0 : w[a$1], d = [];
2553
+ if (typeof c == "object" && u$1) for (let [E, Q] of Object.entries(c)) {
2554
+ let ne = r[Q];
2555
+ if (E === "initial") {
2556
+ f = Q;
2557
+ continue;
2558
+ }
2559
+ Array.isArray(m.responsiveVariants) && !m.responsiveVariants.includes(E) || (d = P(E, ne, d, t));
2560
+ }
2561
+ let $ = c != null && typeof c != "object" ? c : l(f), A = r[$ || "false"];
2562
+ return typeof d == "object" && typeof t == "string" && d[t] ? _(d, A) : d.length > 0 ? (d.push(A), t === "base" ? d.join(" ") : d) : A;
2563
+ }, p2 = () => g$1 ? Object.keys(g$1).map((a2) => D(a2, g$1)) : null, ee = (a2, n) => {
2564
+ if (!g$1 || typeof g$1 != "object") return null;
2565
+ let t = new Array();
2566
+ for (let i2 in g$1) {
2567
+ let r = D(i2, g$1, a2, n), o = a2 === "base" && typeof r == "string" ? r : r && r[a2];
2568
+ o && (t[t.length] = o);
2569
+ }
2570
+ return t;
2571
+ }, H = {};
2572
+ for (let a2 in l$1) l$1[a2] !== void 0 && (H[a2] = l$1[a2]);
2573
+ let I = (a2, n) => {
2574
+ var i2;
2575
+ let t = typeof (l$1 == null ? void 0 : l$1[a2]) == "object" ? { [a2]: (i2 = l$1[a2]) == null ? void 0 : i2.initial } : {};
2576
+ return { ...w, ...H, ...t, ...n };
2577
+ }, J = (a2 = [], n) => {
2578
+ let t = [];
2579
+ for (let { class: i2, className: r, ...o } of a2) {
2580
+ let c = true;
2581
+ for (let [u2, f] of Object.entries(o)) {
2582
+ let d = I(u2, n)[u2];
2583
+ if (Array.isArray(f)) {
2584
+ if (!f.includes(d)) {
2585
+ c = false;
2586
+ break;
2587
+ }
2588
+ } else {
2589
+ let $ = (A) => A == null || A === false;
2590
+ if ($(f) && $(d)) continue;
2591
+ if (d !== f) {
2592
+ c = false;
2593
+ break;
2594
+ }
2595
+ }
2596
+ }
2597
+ c && (i2 && t.push(i2), r && t.push(r));
2598
+ }
2599
+ return t;
2600
+ }, te = (a2) => {
2601
+ let n = J(h$1, a2);
2602
+ if (!Array.isArray(n)) return n;
2603
+ let t = {};
2604
+ for (let i2 of n) if (typeof i2 == "string" && (t.base = M(t.base, i2)(m)), typeof i2 == "object") for (let [r, o] of Object.entries(i2)) t[r] = M(t[r], o)(m);
2605
+ return t;
2606
+ }, ae = (a2) => {
2607
+ if (C.length < 1) return null;
2608
+ let n = {};
2609
+ for (let { slots: t = [], class: i2, className: r, ...o } of C) {
2610
+ if (!u(o)) {
2611
+ let c = true;
2612
+ for (let u2 of Object.keys(o)) {
2613
+ let f = I(u2, a2)[u2];
2614
+ if (f === void 0 || (Array.isArray(o[u2]) ? !o[u2].includes(f) : o[u2] !== f)) {
2615
+ c = false;
2616
+ break;
2617
+ }
2618
+ }
2619
+ if (!c) continue;
2620
+ }
2621
+ for (let c of t) n[c] = n[c] || [], n[c].push([i2, r]);
2622
+ }
2623
+ return n;
2624
+ };
2625
+ if (!u(O) || !S) {
2626
+ let a2 = {};
2627
+ if (typeof j == "object" && !u(j)) for (let n of Object.keys(j)) a2[n] = (t) => {
2628
+ var i2, r;
2629
+ return M(j[n], ee(n, t), ((i2 = te(t)) != null ? i2 : [])[n], ((r = ae(t)) != null ? r : [])[n], t == null ? void 0 : t.class, t == null ? void 0 : t.className)(m);
2630
+ };
2631
+ return a2;
2632
+ }
2633
+ return M(k, p2(), J(h$1), l$1 == null ? void 0 : l$1.class, l$1 == null ? void 0 : l$1.className)(m);
2634
+ }, K = () => {
2635
+ if (!(!g$1 || typeof g$1 != "object")) return Object.keys(g$1);
2636
+ };
2637
+ return V.variantKeys = K(), V.extend = e, V.base = k, V.slots = j, V.variants = g$1, V.defaultVariants = w, V.compoundSlots = C, V.compoundVariants = h$1, V;
2638
+ }, fe = (s) => (b, e) => ce(b, e ? p(s, e) : s);
2639
+ export {
2640
+ M,
2641
+ N,
2642
+ ce as c,
2643
+ fe as f,
2644
+ ie as i,
2645
+ x
2646
+ };