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