@lukso/web-components 1.49.0 → 1.49.2

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