prom-pal-ui 1.2.7 → 1.3.3

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 (35) hide show
  1. package/build/components/cjs/index.js +24262 -0
  2. package/build/components/esm/index.js +24203 -0
  3. package/build/function/cjs/index.js +3175 -0
  4. package/build/function/esm/index.js +3172 -0
  5. package/build/types/components/form/fields/index.d.ts +5 -0
  6. package/build/types/components/form/fields/input.d.ts +10 -0
  7. package/build/types/components/form/fields/label.d.ts +4 -0
  8. package/build/types/components/form/fields/select-field.d.ts +18 -0
  9. package/build/types/components/form/fields/switch-field.d.ts +10 -0
  10. package/build/types/components/form/fields/textarea.d.ts +8 -0
  11. package/build/types/components/form/form.d.ts +47 -0
  12. package/build/types/components/form/index.d.ts +4 -0
  13. package/build/types/components/form/rules/allowed-pattern.d.ts +7 -0
  14. package/build/types/components/form/rules/index.d.ts +2 -0
  15. package/build/types/components/form/rules/mask.d.ts +6 -0
  16. package/build/types/components/form/rules/schema-msg.d.ts +5 -0
  17. package/build/types/components/form/rules/schema.d.ts +3 -0
  18. package/build/types/components/form/schema/index.d.ts +2 -0
  19. package/build/types/components/form/schema/schema-msg.d.ts +5 -0
  20. package/build/types/components/form/schema/schema.d.ts +3 -0
  21. package/build/types/components/index.d.ts +2 -0
  22. package/build/types/components/types.d.ts +8 -0
  23. package/build/types/components/ui/button.d.ts +17 -0
  24. package/build/types/components/ui/index.d.ts +5 -0
  25. package/build/types/components/ui/select.d.ts +15 -0
  26. package/build/types/components/ui/skeleton.d.ts +2 -0
  27. package/build/types/components/ui/switch.d.ts +4 -0
  28. package/build/types/components/ui/test.d.ts +1 -0
  29. package/build/types/components/ui.d.ts +2 -0
  30. package/build/types/function/api/index.d.ts +1 -0
  31. package/build/types/function/api/query.d.ts +8 -0
  32. package/build/types/function/index.d.ts +2 -0
  33. package/build/types/function/lib/index.d.ts +1 -0
  34. package/build/types/function/lib/utils.d.ts +2 -0
  35. package/package.json +5 -6
@@ -0,0 +1,3172 @@
1
+ import { useState, useRef, useCallback, useEffect } from 'react';
2
+
3
+ /******************************************************************************
4
+ Copyright (c) Microsoft Corporation.
5
+
6
+ Permission to use, copy, modify, and/or distribute this software for any
7
+ purpose with or without fee is hereby granted.
8
+
9
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
10
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
11
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
12
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
13
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
14
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
15
+ PERFORMANCE OF THIS SOFTWARE.
16
+ ***************************************************************************** */
17
+ /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
18
+
19
+
20
+ function __awaiter(thisArg, _arguments, P, generator) {
21
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
22
+ return new (P || (P = Promise))(function (resolve, reject) {
23
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
24
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
25
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
26
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
27
+ });
28
+ }
29
+
30
+ function __generator(thisArg, body) {
31
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
32
+ return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
33
+ function verb(n) { return function (v) { return step([n, v]); }; }
34
+ function step(op) {
35
+ if (f) throw new TypeError("Generator is already executing.");
36
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
37
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
38
+ if (y = 0, t) op = [op[0] & 2, t.value];
39
+ switch (op[0]) {
40
+ case 0: case 1: t = op; break;
41
+ case 4: _.label++; return { value: op[1], done: false };
42
+ case 5: _.label++; y = op[1]; op = [0]; continue;
43
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
44
+ default:
45
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
46
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
47
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
48
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
49
+ if (t[2]) _.ops.pop();
50
+ _.trys.pop(); continue;
51
+ }
52
+ op = body.call(thisArg, _);
53
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
54
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
55
+ }
56
+ }
57
+
58
+ typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
59
+ var e = new Error(message);
60
+ return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
61
+ };
62
+
63
+ var usePromPromiseQuery = function (fetchFn) {
64
+ var _a = useState(null), data = _a[0], setData = _a[1];
65
+ var _b = useState(true), loading = _b[0], setLoading = _b[1];
66
+ var _c = useState(null), error = _c[0], setError = _c[1];
67
+ var lastFnRef = useRef(undefined);
68
+ var execute = useCallback(function (fn) { return __awaiter(void 0, void 0, void 0, function () {
69
+ var functionToExecute, result, err_1;
70
+ return __generator(this, function (_a) {
71
+ switch (_a.label) {
72
+ case 0:
73
+ setLoading(true);
74
+ setError(null);
75
+ _a.label = 1;
76
+ case 1:
77
+ _a.trys.push([1, 3, 4, 5]);
78
+ functionToExecute = fn || lastFnRef.current;
79
+ if (fn)
80
+ lastFnRef.current = fn;
81
+ if (!functionToExecute) {
82
+ setLoading(false);
83
+ throw new Error("No function to refetch");
84
+ }
85
+ return [4 /*yield*/, functionToExecute()];
86
+ case 2:
87
+ result = _a.sent();
88
+ setData(result);
89
+ return [3 /*break*/, 5];
90
+ case 3:
91
+ err_1 = _a.sent();
92
+ setError(err_1);
93
+ throw err_1;
94
+ case 4:
95
+ setLoading(false);
96
+ return [7 /*endfinally*/];
97
+ case 5: return [2 /*return*/];
98
+ }
99
+ });
100
+ }); }, []);
101
+ useEffect(function () {
102
+ if (fetchFn) {
103
+ execute(fetchFn);
104
+ }
105
+ }, []);
106
+ var onRefetch = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
107
+ return __generator(this, function (_a) {
108
+ switch (_a.label) {
109
+ case 0:
110
+ if (!lastFnRef.current) {
111
+ console.warn("No function to refetch");
112
+ return [2 /*return*/, null];
113
+ }
114
+ return [4 /*yield*/, execute(lastFnRef.current)];
115
+ case 1: return [2 /*return*/, _a.sent()];
116
+ }
117
+ });
118
+ }); }, [execute]);
119
+ return {
120
+ data: data,
121
+ error: error,
122
+ execute: execute,
123
+ loading: loading,
124
+ onRefetch: onRefetch,
125
+ };
126
+ };
127
+
128
+ 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)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
129
+
130
+ /**
131
+ * Concatenates two arrays faster than the array spread operator.
132
+ */
133
+ const concatArrays = (array1, array2) => {
134
+ // Pre-allocate for better V8 optimization
135
+ const combinedArray = new Array(array1.length + array2.length);
136
+ for (let i = 0; i < array1.length; i++) {
137
+ combinedArray[i] = array1[i];
138
+ }
139
+ for (let i = 0; i < array2.length; i++) {
140
+ combinedArray[array1.length + i] = array2[i];
141
+ }
142
+ return combinedArray;
143
+ };
144
+
145
+ // Factory function ensures consistent object shapes
146
+ const createClassValidatorObject = (classGroupId, validator) => ({
147
+ classGroupId,
148
+ validator
149
+ });
150
+ // Factory ensures consistent ClassPartObject shape
151
+ const createClassPartObject = (nextPart = new Map(), validators = null, classGroupId) => ({
152
+ nextPart,
153
+ validators,
154
+ classGroupId
155
+ });
156
+ const CLASS_PART_SEPARATOR = '-';
157
+ const EMPTY_CONFLICTS = [];
158
+ // I use two dots here because one dot is used as prefix for class groups in plugins
159
+ const ARBITRARY_PROPERTY_PREFIX = 'arbitrary..';
160
+ const createClassGroupUtils = config => {
161
+ const classMap = createClassMap(config);
162
+ const {
163
+ conflictingClassGroups,
164
+ conflictingClassGroupModifiers
165
+ } = config;
166
+ const getClassGroupId = className => {
167
+ if (className.startsWith('[') && className.endsWith(']')) {
168
+ return getGroupIdForArbitraryProperty(className);
169
+ }
170
+ const classParts = className.split(CLASS_PART_SEPARATOR);
171
+ // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and skip it.
172
+ const startIndex = classParts[0] === '' && classParts.length > 1 ? 1 : 0;
173
+ return getGroupRecursive(classParts, startIndex, classMap);
174
+ };
175
+ const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
176
+ if (hasPostfixModifier) {
177
+ const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
178
+ const baseConflicts = conflictingClassGroups[classGroupId];
179
+ if (modifierConflicts) {
180
+ if (baseConflicts) {
181
+ // Merge base conflicts with modifier conflicts
182
+ return concatArrays(baseConflicts, modifierConflicts);
183
+ }
184
+ // Only modifier conflicts
185
+ return modifierConflicts;
186
+ }
187
+ // Fall back to without postfix if no modifier conflicts
188
+ return baseConflicts || EMPTY_CONFLICTS;
189
+ }
190
+ return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
191
+ };
192
+ return {
193
+ getClassGroupId,
194
+ getConflictingClassGroupIds
195
+ };
196
+ };
197
+ const getGroupRecursive = (classParts, startIndex, classPartObject) => {
198
+ const classPathsLength = classParts.length - startIndex;
199
+ if (classPathsLength === 0) {
200
+ return classPartObject.classGroupId;
201
+ }
202
+ const currentClassPart = classParts[startIndex];
203
+ const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
204
+ if (nextClassPartObject) {
205
+ const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
206
+ if (result) return result;
207
+ }
208
+ const validators = classPartObject.validators;
209
+ if (validators === null) {
210
+ return undefined;
211
+ }
212
+ // Build classRest string efficiently by joining from startIndex onwards
213
+ const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
214
+ const validatorsLength = validators.length;
215
+ for (let i = 0; i < validatorsLength; i++) {
216
+ const validatorObj = validators[i];
217
+ if (validatorObj.validator(classRest)) {
218
+ return validatorObj.classGroupId;
219
+ }
220
+ }
221
+ return undefined;
222
+ };
223
+ /**
224
+ * Get the class group ID for an arbitrary property.
225
+ *
226
+ * @param className - The class name to get the group ID for. Is expected to be string starting with `[` and ending with `]`.
227
+ */
228
+ const getGroupIdForArbitraryProperty = className => className.slice(1, -1).indexOf(':') === -1 ? undefined : (() => {
229
+ const content = className.slice(1, -1);
230
+ const colonIndex = content.indexOf(':');
231
+ const property = content.slice(0, colonIndex);
232
+ return property ? ARBITRARY_PROPERTY_PREFIX + property : undefined;
233
+ })();
234
+ /**
235
+ * Exported for testing only
236
+ */
237
+ const createClassMap = config => {
238
+ const {
239
+ theme,
240
+ classGroups
241
+ } = config;
242
+ return processClassGroups(classGroups, theme);
243
+ };
244
+ // Split into separate functions to maintain monomorphic call sites
245
+ const processClassGroups = (classGroups, theme) => {
246
+ const classMap = createClassPartObject();
247
+ for (const classGroupId in classGroups) {
248
+ const group = classGroups[classGroupId];
249
+ processClassesRecursively(group, classMap, classGroupId, theme);
250
+ }
251
+ return classMap;
252
+ };
253
+ const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
254
+ const len = classGroup.length;
255
+ for (let i = 0; i < len; i++) {
256
+ const classDefinition = classGroup[i];
257
+ processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
258
+ }
259
+ };
260
+ // Split into separate functions for each type to maintain monomorphic call sites
261
+ const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
262
+ if (typeof classDefinition === 'string') {
263
+ processStringDefinition(classDefinition, classPartObject, classGroupId);
264
+ return;
265
+ }
266
+ if (typeof classDefinition === 'function') {
267
+ processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
268
+ return;
269
+ }
270
+ processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
271
+ };
272
+ const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
273
+ const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
274
+ classPartObjectToEdit.classGroupId = classGroupId;
275
+ };
276
+ const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
277
+ if (isThemeGetter(classDefinition)) {
278
+ processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
279
+ return;
280
+ }
281
+ if (classPartObject.validators === null) {
282
+ classPartObject.validators = [];
283
+ }
284
+ classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
285
+ };
286
+ const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
287
+ const entries = Object.entries(classDefinition);
288
+ const len = entries.length;
289
+ for (let i = 0; i < len; i++) {
290
+ const [key, value] = entries[i];
291
+ processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
292
+ }
293
+ };
294
+ const getPart = (classPartObject, path) => {
295
+ let current = classPartObject;
296
+ const parts = path.split(CLASS_PART_SEPARATOR);
297
+ const len = parts.length;
298
+ for (let i = 0; i < len; i++) {
299
+ const part = parts[i];
300
+ let next = current.nextPart.get(part);
301
+ if (!next) {
302
+ next = createClassPartObject();
303
+ current.nextPart.set(part, next);
304
+ }
305
+ current = next;
306
+ }
307
+ return current;
308
+ };
309
+ // Type guard maintains monomorphic check
310
+ const isThemeGetter = func => 'isThemeGetter' in func && func.isThemeGetter === true;
311
+
312
+ // LRU cache implementation using plain objects for simplicity
313
+ const createLruCache = maxCacheSize => {
314
+ if (maxCacheSize < 1) {
315
+ return {
316
+ get: () => undefined,
317
+ set: () => {}
318
+ };
319
+ }
320
+ let cacheSize = 0;
321
+ let cache = Object.create(null);
322
+ let previousCache = Object.create(null);
323
+ const update = (key, value) => {
324
+ cache[key] = value;
325
+ cacheSize++;
326
+ if (cacheSize > maxCacheSize) {
327
+ cacheSize = 0;
328
+ previousCache = cache;
329
+ cache = Object.create(null);
330
+ }
331
+ };
332
+ return {
333
+ get(key) {
334
+ let value = cache[key];
335
+ if (value !== undefined) {
336
+ return value;
337
+ }
338
+ if ((value = previousCache[key]) !== undefined) {
339
+ update(key, value);
340
+ return value;
341
+ }
342
+ },
343
+ set(key, value) {
344
+ if (key in cache) {
345
+ cache[key] = value;
346
+ } else {
347
+ update(key, value);
348
+ }
349
+ }
350
+ };
351
+ };
352
+ const IMPORTANT_MODIFIER = '!';
353
+ const MODIFIER_SEPARATOR = ':';
354
+ const EMPTY_MODIFIERS = [];
355
+ // Pre-allocated result object shape for consistency
356
+ const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
357
+ modifiers,
358
+ hasImportantModifier,
359
+ baseClassName,
360
+ maybePostfixModifierPosition,
361
+ isExternal
362
+ });
363
+ const createParseClassName = config => {
364
+ const {
365
+ prefix,
366
+ experimentalParseClassName
367
+ } = config;
368
+ /**
369
+ * Parse class name into parts.
370
+ *
371
+ * Inspired by `splitAtTopLevelOnly` used in Tailwind CSS
372
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
373
+ */
374
+ let parseClassName = className => {
375
+ // Use simple array with push for better performance
376
+ const modifiers = [];
377
+ let bracketDepth = 0;
378
+ let parenDepth = 0;
379
+ let modifierStart = 0;
380
+ let postfixModifierPosition;
381
+ const len = className.length;
382
+ for (let index = 0; index < len; index++) {
383
+ const currentCharacter = className[index];
384
+ if (bracketDepth === 0 && parenDepth === 0) {
385
+ if (currentCharacter === MODIFIER_SEPARATOR) {
386
+ modifiers.push(className.slice(modifierStart, index));
387
+ modifierStart = index + 1;
388
+ continue;
389
+ }
390
+ if (currentCharacter === '/') {
391
+ postfixModifierPosition = index;
392
+ continue;
393
+ }
394
+ }
395
+ if (currentCharacter === '[') bracketDepth++;else if (currentCharacter === ']') bracketDepth--;else if (currentCharacter === '(') parenDepth++;else if (currentCharacter === ')') parenDepth--;
396
+ }
397
+ const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
398
+ // Inline important modifier check
399
+ let baseClassName = baseClassNameWithImportantModifier;
400
+ let hasImportantModifier = false;
401
+ if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
402
+ baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
403
+ hasImportantModifier = true;
404
+ } else if (
405
+ /**
406
+ * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
407
+ * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
408
+ */
409
+ baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {
410
+ baseClassName = baseClassNameWithImportantModifier.slice(1);
411
+ hasImportantModifier = true;
412
+ }
413
+ const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
414
+ return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
415
+ };
416
+ if (prefix) {
417
+ const fullPrefix = prefix + MODIFIER_SEPARATOR;
418
+ const parseClassNameOriginal = parseClassName;
419
+ parseClassName = className => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, undefined, true);
420
+ }
421
+ if (experimentalParseClassName) {
422
+ const parseClassNameOriginal = parseClassName;
423
+ parseClassName = className => experimentalParseClassName({
424
+ className,
425
+ parseClassName: parseClassNameOriginal
426
+ });
427
+ }
428
+ return parseClassName;
429
+ };
430
+
431
+ /**
432
+ * Sorts modifiers according to following schema:
433
+ * - Predefined modifiers are sorted alphabetically
434
+ * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
435
+ */
436
+ const createSortModifiers = config => {
437
+ // Pre-compute weights for all known modifiers for O(1) comparison
438
+ const modifierWeights = new Map();
439
+ // Assign weights to sensitive modifiers (highest priority, but preserve order)
440
+ config.orderSensitiveModifiers.forEach((mod, index) => {
441
+ modifierWeights.set(mod, 1000000 + index); // High weights for sensitive mods
442
+ });
443
+ return modifiers => {
444
+ const result = [];
445
+ let currentSegment = [];
446
+ // Process modifiers in one pass
447
+ for (let i = 0; i < modifiers.length; i++) {
448
+ const modifier = modifiers[i];
449
+ // Check if modifier is sensitive (starts with '[' or in orderSensitiveModifiers)
450
+ const isArbitrary = modifier[0] === '[';
451
+ const isOrderSensitive = modifierWeights.has(modifier);
452
+ if (isArbitrary || isOrderSensitive) {
453
+ // Sort and flush current segment alphabetically
454
+ if (currentSegment.length > 0) {
455
+ currentSegment.sort();
456
+ result.push(...currentSegment);
457
+ currentSegment = [];
458
+ }
459
+ result.push(modifier);
460
+ } else {
461
+ // Regular modifier - add to current segment for batch sorting
462
+ currentSegment.push(modifier);
463
+ }
464
+ }
465
+ // Sort and add any remaining segment items
466
+ if (currentSegment.length > 0) {
467
+ currentSegment.sort();
468
+ result.push(...currentSegment);
469
+ }
470
+ return result;
471
+ };
472
+ };
473
+ const createConfigUtils = config => ({
474
+ cache: createLruCache(config.cacheSize),
475
+ parseClassName: createParseClassName(config),
476
+ sortModifiers: createSortModifiers(config),
477
+ ...createClassGroupUtils(config)
478
+ });
479
+ const SPLIT_CLASSES_REGEX = /\s+/;
480
+ const mergeClassList = (classList, configUtils) => {
481
+ const {
482
+ parseClassName,
483
+ getClassGroupId,
484
+ getConflictingClassGroupIds,
485
+ sortModifiers
486
+ } = configUtils;
487
+ /**
488
+ * Set of classGroupIds in following format:
489
+ * `{importantModifier}{variantModifiers}{classGroupId}`
490
+ * @example 'float'
491
+ * @example 'hover:focus:bg-color'
492
+ * @example 'md:!pr'
493
+ */
494
+ const classGroupsInConflict = [];
495
+ const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
496
+ let result = '';
497
+ for (let index = classNames.length - 1; index >= 0; index -= 1) {
498
+ const originalClassName = classNames[index];
499
+ const {
500
+ isExternal,
501
+ modifiers,
502
+ hasImportantModifier,
503
+ baseClassName,
504
+ maybePostfixModifierPosition
505
+ } = parseClassName(originalClassName);
506
+ if (isExternal) {
507
+ result = originalClassName + (result.length > 0 ? ' ' + result : result);
508
+ continue;
509
+ }
510
+ let hasPostfixModifier = !!maybePostfixModifierPosition;
511
+ let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
512
+ if (!classGroupId) {
513
+ if (!hasPostfixModifier) {
514
+ // Not a Tailwind class
515
+ result = originalClassName + (result.length > 0 ? ' ' + result : result);
516
+ continue;
517
+ }
518
+ classGroupId = getClassGroupId(baseClassName);
519
+ if (!classGroupId) {
520
+ // Not a Tailwind class
521
+ result = originalClassName + (result.length > 0 ? ' ' + result : result);
522
+ continue;
523
+ }
524
+ hasPostfixModifier = false;
525
+ }
526
+ // Fast path: skip sorting for empty or single modifier
527
+ const variantModifier = modifiers.length === 0 ? '' : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(':');
528
+ const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
529
+ const classId = modifierId + classGroupId;
530
+ if (classGroupsInConflict.indexOf(classId) > -1) {
531
+ // Tailwind class omitted due to conflict
532
+ continue;
533
+ }
534
+ classGroupsInConflict.push(classId);
535
+ const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
536
+ for (let i = 0; i < conflictGroups.length; ++i) {
537
+ const group = conflictGroups[i];
538
+ classGroupsInConflict.push(modifierId + group);
539
+ }
540
+ // Tailwind class not in conflict
541
+ result = originalClassName + (result.length > 0 ? ' ' + result : result);
542
+ }
543
+ return result;
544
+ };
545
+
546
+ /**
547
+ * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
548
+ *
549
+ * Specifically:
550
+ * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
551
+ * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
552
+ *
553
+ * Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
554
+ */
555
+ const twJoin = (...classLists) => {
556
+ let index = 0;
557
+ let argument;
558
+ let resolvedValue;
559
+ let string = '';
560
+ while (index < classLists.length) {
561
+ if (argument = classLists[index++]) {
562
+ if (resolvedValue = toValue(argument)) {
563
+ string && (string += ' ');
564
+ string += resolvedValue;
565
+ }
566
+ }
567
+ }
568
+ return string;
569
+ };
570
+ const toValue = mix => {
571
+ // Fast path for strings
572
+ if (typeof mix === 'string') {
573
+ return mix;
574
+ }
575
+ let resolvedValue;
576
+ let string = '';
577
+ for (let k = 0; k < mix.length; k++) {
578
+ if (mix[k]) {
579
+ if (resolvedValue = toValue(mix[k])) {
580
+ string && (string += ' ');
581
+ string += resolvedValue;
582
+ }
583
+ }
584
+ }
585
+ return string;
586
+ };
587
+ const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
588
+ let configUtils;
589
+ let cacheGet;
590
+ let cacheSet;
591
+ let functionToCall;
592
+ const initTailwindMerge = classList => {
593
+ const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
594
+ configUtils = createConfigUtils(config);
595
+ cacheGet = configUtils.cache.get;
596
+ cacheSet = configUtils.cache.set;
597
+ functionToCall = tailwindMerge;
598
+ return tailwindMerge(classList);
599
+ };
600
+ const tailwindMerge = classList => {
601
+ const cachedResult = cacheGet(classList);
602
+ if (cachedResult) {
603
+ return cachedResult;
604
+ }
605
+ const result = mergeClassList(classList, configUtils);
606
+ cacheSet(classList, result);
607
+ return result;
608
+ };
609
+ functionToCall = initTailwindMerge;
610
+ return (...args) => functionToCall(twJoin(...args));
611
+ };
612
+ const fallbackThemeArr = [];
613
+ const fromTheme = key => {
614
+ const themeGetter = theme => theme[key] || fallbackThemeArr;
615
+ themeGetter.isThemeGetter = true;
616
+ return themeGetter;
617
+ };
618
+ const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
619
+ const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
620
+ const fractionRegex = /^\d+\/\d+$/;
621
+ const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
622
+ const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
623
+ const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
624
+ // Shadow always begins with x and y offset separated by underscore optionally prepended by inset
625
+ const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
626
+ const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
627
+ const isFraction = value => fractionRegex.test(value);
628
+ const isNumber = value => !!value && !Number.isNaN(Number(value));
629
+ const isInteger = value => !!value && Number.isInteger(Number(value));
630
+ const isPercent = value => value.endsWith('%') && isNumber(value.slice(0, -1));
631
+ const isTshirtSize = value => tshirtUnitRegex.test(value);
632
+ const isAny = () => true;
633
+ const isLengthOnly = value =>
634
+ // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
635
+ // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
636
+ // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
637
+ lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
638
+ const isNever = () => false;
639
+ const isShadow = value => shadowRegex.test(value);
640
+ const isImage = value => imageRegex.test(value);
641
+ const isAnyNonArbitrary = value => !isArbitraryValue(value) && !isArbitraryVariable(value);
642
+ const isArbitrarySize = value => getIsArbitraryValue(value, isLabelSize, isNever);
643
+ const isArbitraryValue = value => arbitraryValueRegex.test(value);
644
+ const isArbitraryLength = value => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
645
+ const isArbitraryNumber = value => getIsArbitraryValue(value, isLabelNumber, isNumber);
646
+ const isArbitraryPosition = value => getIsArbitraryValue(value, isLabelPosition, isNever);
647
+ const isArbitraryImage = value => getIsArbitraryValue(value, isLabelImage, isImage);
648
+ const isArbitraryShadow = value => getIsArbitraryValue(value, isLabelShadow, isShadow);
649
+ const isArbitraryVariable = value => arbitraryVariableRegex.test(value);
650
+ const isArbitraryVariableLength = value => getIsArbitraryVariable(value, isLabelLength);
651
+ const isArbitraryVariableFamilyName = value => getIsArbitraryVariable(value, isLabelFamilyName);
652
+ const isArbitraryVariablePosition = value => getIsArbitraryVariable(value, isLabelPosition);
653
+ const isArbitraryVariableSize = value => getIsArbitraryVariable(value, isLabelSize);
654
+ const isArbitraryVariableImage = value => getIsArbitraryVariable(value, isLabelImage);
655
+ const isArbitraryVariableShadow = value => getIsArbitraryVariable(value, isLabelShadow, true);
656
+ // Helpers
657
+ const getIsArbitraryValue = (value, testLabel, testValue) => {
658
+ const result = arbitraryValueRegex.exec(value);
659
+ if (result) {
660
+ if (result[1]) {
661
+ return testLabel(result[1]);
662
+ }
663
+ return testValue(result[2]);
664
+ }
665
+ return false;
666
+ };
667
+ const getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
668
+ const result = arbitraryVariableRegex.exec(value);
669
+ if (result) {
670
+ if (result[1]) {
671
+ return testLabel(result[1]);
672
+ }
673
+ return shouldMatchNoLabel;
674
+ }
675
+ return false;
676
+ };
677
+ // Labels
678
+ const isLabelPosition = label => label === 'position' || label === 'percentage';
679
+ const isLabelImage = label => label === 'image' || label === 'url';
680
+ const isLabelSize = label => label === 'length' || label === 'size' || label === 'bg-size';
681
+ const isLabelLength = label => label === 'length';
682
+ const isLabelNumber = label => label === 'number';
683
+ const isLabelFamilyName = label => label === 'family-name';
684
+ const isLabelShadow = label => label === 'shadow';
685
+ const getDefaultConfig = () => {
686
+ /**
687
+ * Theme getters for theme variable namespaces
688
+ * @see https://tailwindcss.com/docs/theme#theme-variable-namespaces
689
+ */
690
+ /***/
691
+ const themeColor = fromTheme('color');
692
+ const themeFont = fromTheme('font');
693
+ const themeText = fromTheme('text');
694
+ const themeFontWeight = fromTheme('font-weight');
695
+ const themeTracking = fromTheme('tracking');
696
+ const themeLeading = fromTheme('leading');
697
+ const themeBreakpoint = fromTheme('breakpoint');
698
+ const themeContainer = fromTheme('container');
699
+ const themeSpacing = fromTheme('spacing');
700
+ const themeRadius = fromTheme('radius');
701
+ const themeShadow = fromTheme('shadow');
702
+ const themeInsetShadow = fromTheme('inset-shadow');
703
+ const themeTextShadow = fromTheme('text-shadow');
704
+ const themeDropShadow = fromTheme('drop-shadow');
705
+ const themeBlur = fromTheme('blur');
706
+ const themePerspective = fromTheme('perspective');
707
+ const themeAspect = fromTheme('aspect');
708
+ const themeEase = fromTheme('ease');
709
+ const themeAnimate = fromTheme('animate');
710
+ /**
711
+ * Helpers to avoid repeating the same scales
712
+ *
713
+ * We use functions that create a new array every time they're called instead of static arrays.
714
+ * This ensures that users who modify any scale by mutating the array (e.g. with `array.push(element)`) don't accidentally mutate arrays in other parts of the config.
715
+ */
716
+ /***/
717
+ const scaleBreak = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
718
+ const scalePosition = () => ['center', 'top', 'bottom', 'left', 'right', 'top-left',
719
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
720
+ 'left-top', 'top-right',
721
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
722
+ 'right-top', 'bottom-right',
723
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
724
+ 'right-bottom', 'bottom-left',
725
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
726
+ 'left-bottom'];
727
+ const scalePositionWithArbitrary = () => [...scalePosition(), isArbitraryVariable, isArbitraryValue];
728
+ const scaleOverflow = () => ['auto', 'hidden', 'clip', 'visible', 'scroll'];
729
+ const scaleOverscroll = () => ['auto', 'contain', 'none'];
730
+ const scaleUnambiguousSpacing = () => [isArbitraryVariable, isArbitraryValue, themeSpacing];
731
+ const scaleInset = () => [isFraction, 'full', 'auto', ...scaleUnambiguousSpacing()];
732
+ const scaleGridTemplateColsRows = () => [isInteger, 'none', 'subgrid', isArbitraryVariable, isArbitraryValue];
733
+ const scaleGridColRowStartAndEnd = () => ['auto', {
734
+ span: ['full', isInteger, isArbitraryVariable, isArbitraryValue]
735
+ }, isInteger, isArbitraryVariable, isArbitraryValue];
736
+ const scaleGridColRowStartOrEnd = () => [isInteger, 'auto', isArbitraryVariable, isArbitraryValue];
737
+ const scaleGridAutoColsRows = () => ['auto', 'min', 'max', 'fr', isArbitraryVariable, isArbitraryValue];
738
+ const scaleAlignPrimaryAxis = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch', 'baseline', 'center-safe', 'end-safe'];
739
+ const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch', 'center-safe', 'end-safe'];
740
+ const scaleMargin = () => ['auto', ...scaleUnambiguousSpacing()];
741
+ const scaleSizing = () => [isFraction, 'auto', 'full', 'dvw', 'dvh', 'lvw', 'lvh', 'svw', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
742
+ const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];
743
+ const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {
744
+ position: [isArbitraryVariable, isArbitraryValue]
745
+ }];
746
+ const scaleBgRepeat = () => ['no-repeat', {
747
+ repeat: ['', 'x', 'y', 'space', 'round']
748
+ }];
749
+ const scaleBgSize = () => ['auto', 'cover', 'contain', isArbitraryVariableSize, isArbitrarySize, {
750
+ size: [isArbitraryVariable, isArbitraryValue]
751
+ }];
752
+ const scaleGradientStopPosition = () => [isPercent, isArbitraryVariableLength, isArbitraryLength];
753
+ const scaleRadius = () => [
754
+ // Deprecated since Tailwind CSS v4.0.0
755
+ '', 'none', 'full', themeRadius, isArbitraryVariable, isArbitraryValue];
756
+ const scaleBorderWidth = () => ['', isNumber, isArbitraryVariableLength, isArbitraryLength];
757
+ const scaleLineStyle = () => ['solid', 'dashed', 'dotted', 'double'];
758
+ const scaleBlendMode = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
759
+ const scaleMaskImagePosition = () => [isNumber, isPercent, isArbitraryVariablePosition, isArbitraryPosition];
760
+ const scaleBlur = () => [
761
+ // Deprecated since Tailwind CSS v4.0.0
762
+ '', 'none', themeBlur, isArbitraryVariable, isArbitraryValue];
763
+ const scaleRotate = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];
764
+ const scaleScale = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];
765
+ const scaleSkew = () => [isNumber, isArbitraryVariable, isArbitraryValue];
766
+ const scaleTranslate = () => [isFraction, 'full', ...scaleUnambiguousSpacing()];
767
+ return {
768
+ cacheSize: 500,
769
+ theme: {
770
+ animate: ['spin', 'ping', 'pulse', 'bounce'],
771
+ aspect: ['video'],
772
+ blur: [isTshirtSize],
773
+ breakpoint: [isTshirtSize],
774
+ color: [isAny],
775
+ container: [isTshirtSize],
776
+ 'drop-shadow': [isTshirtSize],
777
+ ease: ['in', 'out', 'in-out'],
778
+ font: [isAnyNonArbitrary],
779
+ 'font-weight': ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'],
780
+ 'inset-shadow': [isTshirtSize],
781
+ leading: ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose'],
782
+ perspective: ['dramatic', 'near', 'normal', 'midrange', 'distant', 'none'],
783
+ radius: [isTshirtSize],
784
+ shadow: [isTshirtSize],
785
+ spacing: ['px', isNumber],
786
+ text: [isTshirtSize],
787
+ 'text-shadow': [isTshirtSize],
788
+ tracking: ['tighter', 'tight', 'normal', 'wide', 'wider', 'widest']
789
+ },
790
+ classGroups: {
791
+ // --------------
792
+ // --- Layout ---
793
+ // --------------
794
+ /**
795
+ * Aspect Ratio
796
+ * @see https://tailwindcss.com/docs/aspect-ratio
797
+ */
798
+ aspect: [{
799
+ aspect: ['auto', 'square', isFraction, isArbitraryValue, isArbitraryVariable, themeAspect]
800
+ }],
801
+ /**
802
+ * Container
803
+ * @see https://tailwindcss.com/docs/container
804
+ * @deprecated since Tailwind CSS v4.0.0
805
+ */
806
+ container: ['container'],
807
+ /**
808
+ * Columns
809
+ * @see https://tailwindcss.com/docs/columns
810
+ */
811
+ columns: [{
812
+ columns: [isNumber, isArbitraryValue, isArbitraryVariable, themeContainer]
813
+ }],
814
+ /**
815
+ * Break After
816
+ * @see https://tailwindcss.com/docs/break-after
817
+ */
818
+ 'break-after': [{
819
+ 'break-after': scaleBreak()
820
+ }],
821
+ /**
822
+ * Break Before
823
+ * @see https://tailwindcss.com/docs/break-before
824
+ */
825
+ 'break-before': [{
826
+ 'break-before': scaleBreak()
827
+ }],
828
+ /**
829
+ * Break Inside
830
+ * @see https://tailwindcss.com/docs/break-inside
831
+ */
832
+ 'break-inside': [{
833
+ 'break-inside': ['auto', 'avoid', 'avoid-page', 'avoid-column']
834
+ }],
835
+ /**
836
+ * Box Decoration Break
837
+ * @see https://tailwindcss.com/docs/box-decoration-break
838
+ */
839
+ 'box-decoration': [{
840
+ 'box-decoration': ['slice', 'clone']
841
+ }],
842
+ /**
843
+ * Box Sizing
844
+ * @see https://tailwindcss.com/docs/box-sizing
845
+ */
846
+ box: [{
847
+ box: ['border', 'content']
848
+ }],
849
+ /**
850
+ * Display
851
+ * @see https://tailwindcss.com/docs/display
852
+ */
853
+ 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'],
854
+ /**
855
+ * Screen Reader Only
856
+ * @see https://tailwindcss.com/docs/display#screen-reader-only
857
+ */
858
+ sr: ['sr-only', 'not-sr-only'],
859
+ /**
860
+ * Floats
861
+ * @see https://tailwindcss.com/docs/float
862
+ */
863
+ float: [{
864
+ float: ['right', 'left', 'none', 'start', 'end']
865
+ }],
866
+ /**
867
+ * Clear
868
+ * @see https://tailwindcss.com/docs/clear
869
+ */
870
+ clear: [{
871
+ clear: ['left', 'right', 'both', 'none', 'start', 'end']
872
+ }],
873
+ /**
874
+ * Isolation
875
+ * @see https://tailwindcss.com/docs/isolation
876
+ */
877
+ isolation: ['isolate', 'isolation-auto'],
878
+ /**
879
+ * Object Fit
880
+ * @see https://tailwindcss.com/docs/object-fit
881
+ */
882
+ 'object-fit': [{
883
+ object: ['contain', 'cover', 'fill', 'none', 'scale-down']
884
+ }],
885
+ /**
886
+ * Object Position
887
+ * @see https://tailwindcss.com/docs/object-position
888
+ */
889
+ 'object-position': [{
890
+ object: scalePositionWithArbitrary()
891
+ }],
892
+ /**
893
+ * Overflow
894
+ * @see https://tailwindcss.com/docs/overflow
895
+ */
896
+ overflow: [{
897
+ overflow: scaleOverflow()
898
+ }],
899
+ /**
900
+ * Overflow X
901
+ * @see https://tailwindcss.com/docs/overflow
902
+ */
903
+ 'overflow-x': [{
904
+ 'overflow-x': scaleOverflow()
905
+ }],
906
+ /**
907
+ * Overflow Y
908
+ * @see https://tailwindcss.com/docs/overflow
909
+ */
910
+ 'overflow-y': [{
911
+ 'overflow-y': scaleOverflow()
912
+ }],
913
+ /**
914
+ * Overscroll Behavior
915
+ * @see https://tailwindcss.com/docs/overscroll-behavior
916
+ */
917
+ overscroll: [{
918
+ overscroll: scaleOverscroll()
919
+ }],
920
+ /**
921
+ * Overscroll Behavior X
922
+ * @see https://tailwindcss.com/docs/overscroll-behavior
923
+ */
924
+ 'overscroll-x': [{
925
+ 'overscroll-x': scaleOverscroll()
926
+ }],
927
+ /**
928
+ * Overscroll Behavior Y
929
+ * @see https://tailwindcss.com/docs/overscroll-behavior
930
+ */
931
+ 'overscroll-y': [{
932
+ 'overscroll-y': scaleOverscroll()
933
+ }],
934
+ /**
935
+ * Position
936
+ * @see https://tailwindcss.com/docs/position
937
+ */
938
+ position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],
939
+ /**
940
+ * Top / Right / Bottom / Left
941
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
942
+ */
943
+ inset: [{
944
+ inset: scaleInset()
945
+ }],
946
+ /**
947
+ * Right / Left
948
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
949
+ */
950
+ 'inset-x': [{
951
+ 'inset-x': scaleInset()
952
+ }],
953
+ /**
954
+ * Top / Bottom
955
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
956
+ */
957
+ 'inset-y': [{
958
+ 'inset-y': scaleInset()
959
+ }],
960
+ /**
961
+ * Start
962
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
963
+ */
964
+ start: [{
965
+ start: scaleInset()
966
+ }],
967
+ /**
968
+ * End
969
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
970
+ */
971
+ end: [{
972
+ end: scaleInset()
973
+ }],
974
+ /**
975
+ * Top
976
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
977
+ */
978
+ top: [{
979
+ top: scaleInset()
980
+ }],
981
+ /**
982
+ * Right
983
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
984
+ */
985
+ right: [{
986
+ right: scaleInset()
987
+ }],
988
+ /**
989
+ * Bottom
990
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
991
+ */
992
+ bottom: [{
993
+ bottom: scaleInset()
994
+ }],
995
+ /**
996
+ * Left
997
+ * @see https://tailwindcss.com/docs/top-right-bottom-left
998
+ */
999
+ left: [{
1000
+ left: scaleInset()
1001
+ }],
1002
+ /**
1003
+ * Visibility
1004
+ * @see https://tailwindcss.com/docs/visibility
1005
+ */
1006
+ visibility: ['visible', 'invisible', 'collapse'],
1007
+ /**
1008
+ * Z-Index
1009
+ * @see https://tailwindcss.com/docs/z-index
1010
+ */
1011
+ z: [{
1012
+ z: [isInteger, 'auto', isArbitraryVariable, isArbitraryValue]
1013
+ }],
1014
+ // ------------------------
1015
+ // --- Flexbox and Grid ---
1016
+ // ------------------------
1017
+ /**
1018
+ * Flex Basis
1019
+ * @see https://tailwindcss.com/docs/flex-basis
1020
+ */
1021
+ basis: [{
1022
+ basis: [isFraction, 'full', 'auto', themeContainer, ...scaleUnambiguousSpacing()]
1023
+ }],
1024
+ /**
1025
+ * Flex Direction
1026
+ * @see https://tailwindcss.com/docs/flex-direction
1027
+ */
1028
+ 'flex-direction': [{
1029
+ flex: ['row', 'row-reverse', 'col', 'col-reverse']
1030
+ }],
1031
+ /**
1032
+ * Flex Wrap
1033
+ * @see https://tailwindcss.com/docs/flex-wrap
1034
+ */
1035
+ 'flex-wrap': [{
1036
+ flex: ['nowrap', 'wrap', 'wrap-reverse']
1037
+ }],
1038
+ /**
1039
+ * Flex
1040
+ * @see https://tailwindcss.com/docs/flex
1041
+ */
1042
+ flex: [{
1043
+ flex: [isNumber, isFraction, 'auto', 'initial', 'none', isArbitraryValue]
1044
+ }],
1045
+ /**
1046
+ * Flex Grow
1047
+ * @see https://tailwindcss.com/docs/flex-grow
1048
+ */
1049
+ grow: [{
1050
+ grow: ['', isNumber, isArbitraryVariable, isArbitraryValue]
1051
+ }],
1052
+ /**
1053
+ * Flex Shrink
1054
+ * @see https://tailwindcss.com/docs/flex-shrink
1055
+ */
1056
+ shrink: [{
1057
+ shrink: ['', isNumber, isArbitraryVariable, isArbitraryValue]
1058
+ }],
1059
+ /**
1060
+ * Order
1061
+ * @see https://tailwindcss.com/docs/order
1062
+ */
1063
+ order: [{
1064
+ order: [isInteger, 'first', 'last', 'none', isArbitraryVariable, isArbitraryValue]
1065
+ }],
1066
+ /**
1067
+ * Grid Template Columns
1068
+ * @see https://tailwindcss.com/docs/grid-template-columns
1069
+ */
1070
+ 'grid-cols': [{
1071
+ 'grid-cols': scaleGridTemplateColsRows()
1072
+ }],
1073
+ /**
1074
+ * Grid Column Start / End
1075
+ * @see https://tailwindcss.com/docs/grid-column
1076
+ */
1077
+ 'col-start-end': [{
1078
+ col: scaleGridColRowStartAndEnd()
1079
+ }],
1080
+ /**
1081
+ * Grid Column Start
1082
+ * @see https://tailwindcss.com/docs/grid-column
1083
+ */
1084
+ 'col-start': [{
1085
+ 'col-start': scaleGridColRowStartOrEnd()
1086
+ }],
1087
+ /**
1088
+ * Grid Column End
1089
+ * @see https://tailwindcss.com/docs/grid-column
1090
+ */
1091
+ 'col-end': [{
1092
+ 'col-end': scaleGridColRowStartOrEnd()
1093
+ }],
1094
+ /**
1095
+ * Grid Template Rows
1096
+ * @see https://tailwindcss.com/docs/grid-template-rows
1097
+ */
1098
+ 'grid-rows': [{
1099
+ 'grid-rows': scaleGridTemplateColsRows()
1100
+ }],
1101
+ /**
1102
+ * Grid Row Start / End
1103
+ * @see https://tailwindcss.com/docs/grid-row
1104
+ */
1105
+ 'row-start-end': [{
1106
+ row: scaleGridColRowStartAndEnd()
1107
+ }],
1108
+ /**
1109
+ * Grid Row Start
1110
+ * @see https://tailwindcss.com/docs/grid-row
1111
+ */
1112
+ 'row-start': [{
1113
+ 'row-start': scaleGridColRowStartOrEnd()
1114
+ }],
1115
+ /**
1116
+ * Grid Row End
1117
+ * @see https://tailwindcss.com/docs/grid-row
1118
+ */
1119
+ 'row-end': [{
1120
+ 'row-end': scaleGridColRowStartOrEnd()
1121
+ }],
1122
+ /**
1123
+ * Grid Auto Flow
1124
+ * @see https://tailwindcss.com/docs/grid-auto-flow
1125
+ */
1126
+ 'grid-flow': [{
1127
+ 'grid-flow': ['row', 'col', 'dense', 'row-dense', 'col-dense']
1128
+ }],
1129
+ /**
1130
+ * Grid Auto Columns
1131
+ * @see https://tailwindcss.com/docs/grid-auto-columns
1132
+ */
1133
+ 'auto-cols': [{
1134
+ 'auto-cols': scaleGridAutoColsRows()
1135
+ }],
1136
+ /**
1137
+ * Grid Auto Rows
1138
+ * @see https://tailwindcss.com/docs/grid-auto-rows
1139
+ */
1140
+ 'auto-rows': [{
1141
+ 'auto-rows': scaleGridAutoColsRows()
1142
+ }],
1143
+ /**
1144
+ * Gap
1145
+ * @see https://tailwindcss.com/docs/gap
1146
+ */
1147
+ gap: [{
1148
+ gap: scaleUnambiguousSpacing()
1149
+ }],
1150
+ /**
1151
+ * Gap X
1152
+ * @see https://tailwindcss.com/docs/gap
1153
+ */
1154
+ 'gap-x': [{
1155
+ 'gap-x': scaleUnambiguousSpacing()
1156
+ }],
1157
+ /**
1158
+ * Gap Y
1159
+ * @see https://tailwindcss.com/docs/gap
1160
+ */
1161
+ 'gap-y': [{
1162
+ 'gap-y': scaleUnambiguousSpacing()
1163
+ }],
1164
+ /**
1165
+ * Justify Content
1166
+ * @see https://tailwindcss.com/docs/justify-content
1167
+ */
1168
+ 'justify-content': [{
1169
+ justify: [...scaleAlignPrimaryAxis(), 'normal']
1170
+ }],
1171
+ /**
1172
+ * Justify Items
1173
+ * @see https://tailwindcss.com/docs/justify-items
1174
+ */
1175
+ 'justify-items': [{
1176
+ 'justify-items': [...scaleAlignSecondaryAxis(), 'normal']
1177
+ }],
1178
+ /**
1179
+ * Justify Self
1180
+ * @see https://tailwindcss.com/docs/justify-self
1181
+ */
1182
+ 'justify-self': [{
1183
+ 'justify-self': ['auto', ...scaleAlignSecondaryAxis()]
1184
+ }],
1185
+ /**
1186
+ * Align Content
1187
+ * @see https://tailwindcss.com/docs/align-content
1188
+ */
1189
+ 'align-content': [{
1190
+ content: ['normal', ...scaleAlignPrimaryAxis()]
1191
+ }],
1192
+ /**
1193
+ * Align Items
1194
+ * @see https://tailwindcss.com/docs/align-items
1195
+ */
1196
+ 'align-items': [{
1197
+ items: [...scaleAlignSecondaryAxis(), {
1198
+ baseline: ['', 'last']
1199
+ }]
1200
+ }],
1201
+ /**
1202
+ * Align Self
1203
+ * @see https://tailwindcss.com/docs/align-self
1204
+ */
1205
+ 'align-self': [{
1206
+ self: ['auto', ...scaleAlignSecondaryAxis(), {
1207
+ baseline: ['', 'last']
1208
+ }]
1209
+ }],
1210
+ /**
1211
+ * Place Content
1212
+ * @see https://tailwindcss.com/docs/place-content
1213
+ */
1214
+ 'place-content': [{
1215
+ 'place-content': scaleAlignPrimaryAxis()
1216
+ }],
1217
+ /**
1218
+ * Place Items
1219
+ * @see https://tailwindcss.com/docs/place-items
1220
+ */
1221
+ 'place-items': [{
1222
+ 'place-items': [...scaleAlignSecondaryAxis(), 'baseline']
1223
+ }],
1224
+ /**
1225
+ * Place Self
1226
+ * @see https://tailwindcss.com/docs/place-self
1227
+ */
1228
+ 'place-self': [{
1229
+ 'place-self': ['auto', ...scaleAlignSecondaryAxis()]
1230
+ }],
1231
+ // Spacing
1232
+ /**
1233
+ * Padding
1234
+ * @see https://tailwindcss.com/docs/padding
1235
+ */
1236
+ p: [{
1237
+ p: scaleUnambiguousSpacing()
1238
+ }],
1239
+ /**
1240
+ * Padding X
1241
+ * @see https://tailwindcss.com/docs/padding
1242
+ */
1243
+ px: [{
1244
+ px: scaleUnambiguousSpacing()
1245
+ }],
1246
+ /**
1247
+ * Padding Y
1248
+ * @see https://tailwindcss.com/docs/padding
1249
+ */
1250
+ py: [{
1251
+ py: scaleUnambiguousSpacing()
1252
+ }],
1253
+ /**
1254
+ * Padding Start
1255
+ * @see https://tailwindcss.com/docs/padding
1256
+ */
1257
+ ps: [{
1258
+ ps: scaleUnambiguousSpacing()
1259
+ }],
1260
+ /**
1261
+ * Padding End
1262
+ * @see https://tailwindcss.com/docs/padding
1263
+ */
1264
+ pe: [{
1265
+ pe: scaleUnambiguousSpacing()
1266
+ }],
1267
+ /**
1268
+ * Padding Top
1269
+ * @see https://tailwindcss.com/docs/padding
1270
+ */
1271
+ pt: [{
1272
+ pt: scaleUnambiguousSpacing()
1273
+ }],
1274
+ /**
1275
+ * Padding Right
1276
+ * @see https://tailwindcss.com/docs/padding
1277
+ */
1278
+ pr: [{
1279
+ pr: scaleUnambiguousSpacing()
1280
+ }],
1281
+ /**
1282
+ * Padding Bottom
1283
+ * @see https://tailwindcss.com/docs/padding
1284
+ */
1285
+ pb: [{
1286
+ pb: scaleUnambiguousSpacing()
1287
+ }],
1288
+ /**
1289
+ * Padding Left
1290
+ * @see https://tailwindcss.com/docs/padding
1291
+ */
1292
+ pl: [{
1293
+ pl: scaleUnambiguousSpacing()
1294
+ }],
1295
+ /**
1296
+ * Margin
1297
+ * @see https://tailwindcss.com/docs/margin
1298
+ */
1299
+ m: [{
1300
+ m: scaleMargin()
1301
+ }],
1302
+ /**
1303
+ * Margin X
1304
+ * @see https://tailwindcss.com/docs/margin
1305
+ */
1306
+ mx: [{
1307
+ mx: scaleMargin()
1308
+ }],
1309
+ /**
1310
+ * Margin Y
1311
+ * @see https://tailwindcss.com/docs/margin
1312
+ */
1313
+ my: [{
1314
+ my: scaleMargin()
1315
+ }],
1316
+ /**
1317
+ * Margin Start
1318
+ * @see https://tailwindcss.com/docs/margin
1319
+ */
1320
+ ms: [{
1321
+ ms: scaleMargin()
1322
+ }],
1323
+ /**
1324
+ * Margin End
1325
+ * @see https://tailwindcss.com/docs/margin
1326
+ */
1327
+ me: [{
1328
+ me: scaleMargin()
1329
+ }],
1330
+ /**
1331
+ * Margin Top
1332
+ * @see https://tailwindcss.com/docs/margin
1333
+ */
1334
+ mt: [{
1335
+ mt: scaleMargin()
1336
+ }],
1337
+ /**
1338
+ * Margin Right
1339
+ * @see https://tailwindcss.com/docs/margin
1340
+ */
1341
+ mr: [{
1342
+ mr: scaleMargin()
1343
+ }],
1344
+ /**
1345
+ * Margin Bottom
1346
+ * @see https://tailwindcss.com/docs/margin
1347
+ */
1348
+ mb: [{
1349
+ mb: scaleMargin()
1350
+ }],
1351
+ /**
1352
+ * Margin Left
1353
+ * @see https://tailwindcss.com/docs/margin
1354
+ */
1355
+ ml: [{
1356
+ ml: scaleMargin()
1357
+ }],
1358
+ /**
1359
+ * Space Between X
1360
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1361
+ */
1362
+ 'space-x': [{
1363
+ 'space-x': scaleUnambiguousSpacing()
1364
+ }],
1365
+ /**
1366
+ * Space Between X Reverse
1367
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1368
+ */
1369
+ 'space-x-reverse': ['space-x-reverse'],
1370
+ /**
1371
+ * Space Between Y
1372
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1373
+ */
1374
+ 'space-y': [{
1375
+ 'space-y': scaleUnambiguousSpacing()
1376
+ }],
1377
+ /**
1378
+ * Space Between Y Reverse
1379
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1380
+ */
1381
+ 'space-y-reverse': ['space-y-reverse'],
1382
+ // --------------
1383
+ // --- Sizing ---
1384
+ // --------------
1385
+ /**
1386
+ * Size
1387
+ * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
1388
+ */
1389
+ size: [{
1390
+ size: scaleSizing()
1391
+ }],
1392
+ /**
1393
+ * Width
1394
+ * @see https://tailwindcss.com/docs/width
1395
+ */
1396
+ w: [{
1397
+ w: [themeContainer, 'screen', ...scaleSizing()]
1398
+ }],
1399
+ /**
1400
+ * Min-Width
1401
+ * @see https://tailwindcss.com/docs/min-width
1402
+ */
1403
+ 'min-w': [{
1404
+ 'min-w': [themeContainer, 'screen', /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1405
+ 'none', ...scaleSizing()]
1406
+ }],
1407
+ /**
1408
+ * Max-Width
1409
+ * @see https://tailwindcss.com/docs/max-width
1410
+ */
1411
+ 'max-w': [{
1412
+ 'max-w': [themeContainer, 'screen', 'none', /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1413
+ 'prose', /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1414
+ {
1415
+ screen: [themeBreakpoint]
1416
+ }, ...scaleSizing()]
1417
+ }],
1418
+ /**
1419
+ * Height
1420
+ * @see https://tailwindcss.com/docs/height
1421
+ */
1422
+ h: [{
1423
+ h: ['screen', 'lh', ...scaleSizing()]
1424
+ }],
1425
+ /**
1426
+ * Min-Height
1427
+ * @see https://tailwindcss.com/docs/min-height
1428
+ */
1429
+ 'min-h': [{
1430
+ 'min-h': ['screen', 'lh', 'none', ...scaleSizing()]
1431
+ }],
1432
+ /**
1433
+ * Max-Height
1434
+ * @see https://tailwindcss.com/docs/max-height
1435
+ */
1436
+ 'max-h': [{
1437
+ 'max-h': ['screen', 'lh', ...scaleSizing()]
1438
+ }],
1439
+ // ------------------
1440
+ // --- Typography ---
1441
+ // ------------------
1442
+ /**
1443
+ * Font Size
1444
+ * @see https://tailwindcss.com/docs/font-size
1445
+ */
1446
+ 'font-size': [{
1447
+ text: ['base', themeText, isArbitraryVariableLength, isArbitraryLength]
1448
+ }],
1449
+ /**
1450
+ * Font Smoothing
1451
+ * @see https://tailwindcss.com/docs/font-smoothing
1452
+ */
1453
+ 'font-smoothing': ['antialiased', 'subpixel-antialiased'],
1454
+ /**
1455
+ * Font Style
1456
+ * @see https://tailwindcss.com/docs/font-style
1457
+ */
1458
+ 'font-style': ['italic', 'not-italic'],
1459
+ /**
1460
+ * Font Weight
1461
+ * @see https://tailwindcss.com/docs/font-weight
1462
+ */
1463
+ 'font-weight': [{
1464
+ font: [themeFontWeight, isArbitraryVariable, isArbitraryNumber]
1465
+ }],
1466
+ /**
1467
+ * Font Stretch
1468
+ * @see https://tailwindcss.com/docs/font-stretch
1469
+ */
1470
+ 'font-stretch': [{
1471
+ 'font-stretch': ['ultra-condensed', 'extra-condensed', 'condensed', 'semi-condensed', 'normal', 'semi-expanded', 'expanded', 'extra-expanded', 'ultra-expanded', isPercent, isArbitraryValue]
1472
+ }],
1473
+ /**
1474
+ * Font Family
1475
+ * @see https://tailwindcss.com/docs/font-family
1476
+ */
1477
+ 'font-family': [{
1478
+ font: [isArbitraryVariableFamilyName, isArbitraryValue, themeFont]
1479
+ }],
1480
+ /**
1481
+ * Font Variant Numeric
1482
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1483
+ */
1484
+ 'fvn-normal': ['normal-nums'],
1485
+ /**
1486
+ * Font Variant Numeric
1487
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1488
+ */
1489
+ 'fvn-ordinal': ['ordinal'],
1490
+ /**
1491
+ * Font Variant Numeric
1492
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1493
+ */
1494
+ 'fvn-slashed-zero': ['slashed-zero'],
1495
+ /**
1496
+ * Font Variant Numeric
1497
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1498
+ */
1499
+ 'fvn-figure': ['lining-nums', 'oldstyle-nums'],
1500
+ /**
1501
+ * Font Variant Numeric
1502
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1503
+ */
1504
+ 'fvn-spacing': ['proportional-nums', 'tabular-nums'],
1505
+ /**
1506
+ * Font Variant Numeric
1507
+ * @see https://tailwindcss.com/docs/font-variant-numeric
1508
+ */
1509
+ 'fvn-fraction': ['diagonal-fractions', 'stacked-fractions'],
1510
+ /**
1511
+ * Letter Spacing
1512
+ * @see https://tailwindcss.com/docs/letter-spacing
1513
+ */
1514
+ tracking: [{
1515
+ tracking: [themeTracking, isArbitraryVariable, isArbitraryValue]
1516
+ }],
1517
+ /**
1518
+ * Line Clamp
1519
+ * @see https://tailwindcss.com/docs/line-clamp
1520
+ */
1521
+ 'line-clamp': [{
1522
+ 'line-clamp': [isNumber, 'none', isArbitraryVariable, isArbitraryNumber]
1523
+ }],
1524
+ /**
1525
+ * Line Height
1526
+ * @see https://tailwindcss.com/docs/line-height
1527
+ */
1528
+ leading: [{
1529
+ leading: [/** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1530
+ themeLeading, ...scaleUnambiguousSpacing()]
1531
+ }],
1532
+ /**
1533
+ * List Style Image
1534
+ * @see https://tailwindcss.com/docs/list-style-image
1535
+ */
1536
+ 'list-image': [{
1537
+ 'list-image': ['none', isArbitraryVariable, isArbitraryValue]
1538
+ }],
1539
+ /**
1540
+ * List Style Position
1541
+ * @see https://tailwindcss.com/docs/list-style-position
1542
+ */
1543
+ 'list-style-position': [{
1544
+ list: ['inside', 'outside']
1545
+ }],
1546
+ /**
1547
+ * List Style Type
1548
+ * @see https://tailwindcss.com/docs/list-style-type
1549
+ */
1550
+ 'list-style-type': [{
1551
+ list: ['disc', 'decimal', 'none', isArbitraryVariable, isArbitraryValue]
1552
+ }],
1553
+ /**
1554
+ * Text Alignment
1555
+ * @see https://tailwindcss.com/docs/text-align
1556
+ */
1557
+ 'text-alignment': [{
1558
+ text: ['left', 'center', 'right', 'justify', 'start', 'end']
1559
+ }],
1560
+ /**
1561
+ * Placeholder Color
1562
+ * @deprecated since Tailwind CSS v3.0.0
1563
+ * @see https://v3.tailwindcss.com/docs/placeholder-color
1564
+ */
1565
+ 'placeholder-color': [{
1566
+ placeholder: scaleColor()
1567
+ }],
1568
+ /**
1569
+ * Text Color
1570
+ * @see https://tailwindcss.com/docs/text-color
1571
+ */
1572
+ 'text-color': [{
1573
+ text: scaleColor()
1574
+ }],
1575
+ /**
1576
+ * Text Decoration
1577
+ * @see https://tailwindcss.com/docs/text-decoration
1578
+ */
1579
+ 'text-decoration': ['underline', 'overline', 'line-through', 'no-underline'],
1580
+ /**
1581
+ * Text Decoration Style
1582
+ * @see https://tailwindcss.com/docs/text-decoration-style
1583
+ */
1584
+ 'text-decoration-style': [{
1585
+ decoration: [...scaleLineStyle(), 'wavy']
1586
+ }],
1587
+ /**
1588
+ * Text Decoration Thickness
1589
+ * @see https://tailwindcss.com/docs/text-decoration-thickness
1590
+ */
1591
+ 'text-decoration-thickness': [{
1592
+ decoration: [isNumber, 'from-font', 'auto', isArbitraryVariable, isArbitraryLength]
1593
+ }],
1594
+ /**
1595
+ * Text Decoration Color
1596
+ * @see https://tailwindcss.com/docs/text-decoration-color
1597
+ */
1598
+ 'text-decoration-color': [{
1599
+ decoration: scaleColor()
1600
+ }],
1601
+ /**
1602
+ * Text Underline Offset
1603
+ * @see https://tailwindcss.com/docs/text-underline-offset
1604
+ */
1605
+ 'underline-offset': [{
1606
+ 'underline-offset': [isNumber, 'auto', isArbitraryVariable, isArbitraryValue]
1607
+ }],
1608
+ /**
1609
+ * Text Transform
1610
+ * @see https://tailwindcss.com/docs/text-transform
1611
+ */
1612
+ 'text-transform': ['uppercase', 'lowercase', 'capitalize', 'normal-case'],
1613
+ /**
1614
+ * Text Overflow
1615
+ * @see https://tailwindcss.com/docs/text-overflow
1616
+ */
1617
+ 'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
1618
+ /**
1619
+ * Text Wrap
1620
+ * @see https://tailwindcss.com/docs/text-wrap
1621
+ */
1622
+ 'text-wrap': [{
1623
+ text: ['wrap', 'nowrap', 'balance', 'pretty']
1624
+ }],
1625
+ /**
1626
+ * Text Indent
1627
+ * @see https://tailwindcss.com/docs/text-indent
1628
+ */
1629
+ indent: [{
1630
+ indent: scaleUnambiguousSpacing()
1631
+ }],
1632
+ /**
1633
+ * Vertical Alignment
1634
+ * @see https://tailwindcss.com/docs/vertical-align
1635
+ */
1636
+ 'vertical-align': [{
1637
+ align: ['baseline', 'top', 'middle', 'bottom', 'text-top', 'text-bottom', 'sub', 'super', isArbitraryVariable, isArbitraryValue]
1638
+ }],
1639
+ /**
1640
+ * Whitespace
1641
+ * @see https://tailwindcss.com/docs/whitespace
1642
+ */
1643
+ whitespace: [{
1644
+ whitespace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces']
1645
+ }],
1646
+ /**
1647
+ * Word Break
1648
+ * @see https://tailwindcss.com/docs/word-break
1649
+ */
1650
+ break: [{
1651
+ break: ['normal', 'words', 'all', 'keep']
1652
+ }],
1653
+ /**
1654
+ * Overflow Wrap
1655
+ * @see https://tailwindcss.com/docs/overflow-wrap
1656
+ */
1657
+ wrap: [{
1658
+ wrap: ['break-word', 'anywhere', 'normal']
1659
+ }],
1660
+ /**
1661
+ * Hyphens
1662
+ * @see https://tailwindcss.com/docs/hyphens
1663
+ */
1664
+ hyphens: [{
1665
+ hyphens: ['none', 'manual', 'auto']
1666
+ }],
1667
+ /**
1668
+ * Content
1669
+ * @see https://tailwindcss.com/docs/content
1670
+ */
1671
+ content: [{
1672
+ content: ['none', isArbitraryVariable, isArbitraryValue]
1673
+ }],
1674
+ // -------------------
1675
+ // --- Backgrounds ---
1676
+ // -------------------
1677
+ /**
1678
+ * Background Attachment
1679
+ * @see https://tailwindcss.com/docs/background-attachment
1680
+ */
1681
+ 'bg-attachment': [{
1682
+ bg: ['fixed', 'local', 'scroll']
1683
+ }],
1684
+ /**
1685
+ * Background Clip
1686
+ * @see https://tailwindcss.com/docs/background-clip
1687
+ */
1688
+ 'bg-clip': [{
1689
+ 'bg-clip': ['border', 'padding', 'content', 'text']
1690
+ }],
1691
+ /**
1692
+ * Background Origin
1693
+ * @see https://tailwindcss.com/docs/background-origin
1694
+ */
1695
+ 'bg-origin': [{
1696
+ 'bg-origin': ['border', 'padding', 'content']
1697
+ }],
1698
+ /**
1699
+ * Background Position
1700
+ * @see https://tailwindcss.com/docs/background-position
1701
+ */
1702
+ 'bg-position': [{
1703
+ bg: scaleBgPosition()
1704
+ }],
1705
+ /**
1706
+ * Background Repeat
1707
+ * @see https://tailwindcss.com/docs/background-repeat
1708
+ */
1709
+ 'bg-repeat': [{
1710
+ bg: scaleBgRepeat()
1711
+ }],
1712
+ /**
1713
+ * Background Size
1714
+ * @see https://tailwindcss.com/docs/background-size
1715
+ */
1716
+ 'bg-size': [{
1717
+ bg: scaleBgSize()
1718
+ }],
1719
+ /**
1720
+ * Background Image
1721
+ * @see https://tailwindcss.com/docs/background-image
1722
+ */
1723
+ 'bg-image': [{
1724
+ bg: ['none', {
1725
+ linear: [{
1726
+ to: ['t', 'tr', 'r', 'br', 'b', 'bl', 'l', 'tl']
1727
+ }, isInteger, isArbitraryVariable, isArbitraryValue],
1728
+ radial: ['', isArbitraryVariable, isArbitraryValue],
1729
+ conic: [isInteger, isArbitraryVariable, isArbitraryValue]
1730
+ }, isArbitraryVariableImage, isArbitraryImage]
1731
+ }],
1732
+ /**
1733
+ * Background Color
1734
+ * @see https://tailwindcss.com/docs/background-color
1735
+ */
1736
+ 'bg-color': [{
1737
+ bg: scaleColor()
1738
+ }],
1739
+ /**
1740
+ * Gradient Color Stops From Position
1741
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1742
+ */
1743
+ 'gradient-from-pos': [{
1744
+ from: scaleGradientStopPosition()
1745
+ }],
1746
+ /**
1747
+ * Gradient Color Stops Via Position
1748
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1749
+ */
1750
+ 'gradient-via-pos': [{
1751
+ via: scaleGradientStopPosition()
1752
+ }],
1753
+ /**
1754
+ * Gradient Color Stops To Position
1755
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1756
+ */
1757
+ 'gradient-to-pos': [{
1758
+ to: scaleGradientStopPosition()
1759
+ }],
1760
+ /**
1761
+ * Gradient Color Stops From
1762
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1763
+ */
1764
+ 'gradient-from': [{
1765
+ from: scaleColor()
1766
+ }],
1767
+ /**
1768
+ * Gradient Color Stops Via
1769
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1770
+ */
1771
+ 'gradient-via': [{
1772
+ via: scaleColor()
1773
+ }],
1774
+ /**
1775
+ * Gradient Color Stops To
1776
+ * @see https://tailwindcss.com/docs/gradient-color-stops
1777
+ */
1778
+ 'gradient-to': [{
1779
+ to: scaleColor()
1780
+ }],
1781
+ // ---------------
1782
+ // --- Borders ---
1783
+ // ---------------
1784
+ /**
1785
+ * Border Radius
1786
+ * @see https://tailwindcss.com/docs/border-radius
1787
+ */
1788
+ rounded: [{
1789
+ rounded: scaleRadius()
1790
+ }],
1791
+ /**
1792
+ * Border Radius Start
1793
+ * @see https://tailwindcss.com/docs/border-radius
1794
+ */
1795
+ 'rounded-s': [{
1796
+ 'rounded-s': scaleRadius()
1797
+ }],
1798
+ /**
1799
+ * Border Radius End
1800
+ * @see https://tailwindcss.com/docs/border-radius
1801
+ */
1802
+ 'rounded-e': [{
1803
+ 'rounded-e': scaleRadius()
1804
+ }],
1805
+ /**
1806
+ * Border Radius Top
1807
+ * @see https://tailwindcss.com/docs/border-radius
1808
+ */
1809
+ 'rounded-t': [{
1810
+ 'rounded-t': scaleRadius()
1811
+ }],
1812
+ /**
1813
+ * Border Radius Right
1814
+ * @see https://tailwindcss.com/docs/border-radius
1815
+ */
1816
+ 'rounded-r': [{
1817
+ 'rounded-r': scaleRadius()
1818
+ }],
1819
+ /**
1820
+ * Border Radius Bottom
1821
+ * @see https://tailwindcss.com/docs/border-radius
1822
+ */
1823
+ 'rounded-b': [{
1824
+ 'rounded-b': scaleRadius()
1825
+ }],
1826
+ /**
1827
+ * Border Radius Left
1828
+ * @see https://tailwindcss.com/docs/border-radius
1829
+ */
1830
+ 'rounded-l': [{
1831
+ 'rounded-l': scaleRadius()
1832
+ }],
1833
+ /**
1834
+ * Border Radius Start Start
1835
+ * @see https://tailwindcss.com/docs/border-radius
1836
+ */
1837
+ 'rounded-ss': [{
1838
+ 'rounded-ss': scaleRadius()
1839
+ }],
1840
+ /**
1841
+ * Border Radius Start End
1842
+ * @see https://tailwindcss.com/docs/border-radius
1843
+ */
1844
+ 'rounded-se': [{
1845
+ 'rounded-se': scaleRadius()
1846
+ }],
1847
+ /**
1848
+ * Border Radius End End
1849
+ * @see https://tailwindcss.com/docs/border-radius
1850
+ */
1851
+ 'rounded-ee': [{
1852
+ 'rounded-ee': scaleRadius()
1853
+ }],
1854
+ /**
1855
+ * Border Radius End Start
1856
+ * @see https://tailwindcss.com/docs/border-radius
1857
+ */
1858
+ 'rounded-es': [{
1859
+ 'rounded-es': scaleRadius()
1860
+ }],
1861
+ /**
1862
+ * Border Radius Top Left
1863
+ * @see https://tailwindcss.com/docs/border-radius
1864
+ */
1865
+ 'rounded-tl': [{
1866
+ 'rounded-tl': scaleRadius()
1867
+ }],
1868
+ /**
1869
+ * Border Radius Top Right
1870
+ * @see https://tailwindcss.com/docs/border-radius
1871
+ */
1872
+ 'rounded-tr': [{
1873
+ 'rounded-tr': scaleRadius()
1874
+ }],
1875
+ /**
1876
+ * Border Radius Bottom Right
1877
+ * @see https://tailwindcss.com/docs/border-radius
1878
+ */
1879
+ 'rounded-br': [{
1880
+ 'rounded-br': scaleRadius()
1881
+ }],
1882
+ /**
1883
+ * Border Radius Bottom Left
1884
+ * @see https://tailwindcss.com/docs/border-radius
1885
+ */
1886
+ 'rounded-bl': [{
1887
+ 'rounded-bl': scaleRadius()
1888
+ }],
1889
+ /**
1890
+ * Border Width
1891
+ * @see https://tailwindcss.com/docs/border-width
1892
+ */
1893
+ 'border-w': [{
1894
+ border: scaleBorderWidth()
1895
+ }],
1896
+ /**
1897
+ * Border Width X
1898
+ * @see https://tailwindcss.com/docs/border-width
1899
+ */
1900
+ 'border-w-x': [{
1901
+ 'border-x': scaleBorderWidth()
1902
+ }],
1903
+ /**
1904
+ * Border Width Y
1905
+ * @see https://tailwindcss.com/docs/border-width
1906
+ */
1907
+ 'border-w-y': [{
1908
+ 'border-y': scaleBorderWidth()
1909
+ }],
1910
+ /**
1911
+ * Border Width Start
1912
+ * @see https://tailwindcss.com/docs/border-width
1913
+ */
1914
+ 'border-w-s': [{
1915
+ 'border-s': scaleBorderWidth()
1916
+ }],
1917
+ /**
1918
+ * Border Width End
1919
+ * @see https://tailwindcss.com/docs/border-width
1920
+ */
1921
+ 'border-w-e': [{
1922
+ 'border-e': scaleBorderWidth()
1923
+ }],
1924
+ /**
1925
+ * Border Width Top
1926
+ * @see https://tailwindcss.com/docs/border-width
1927
+ */
1928
+ 'border-w-t': [{
1929
+ 'border-t': scaleBorderWidth()
1930
+ }],
1931
+ /**
1932
+ * Border Width Right
1933
+ * @see https://tailwindcss.com/docs/border-width
1934
+ */
1935
+ 'border-w-r': [{
1936
+ 'border-r': scaleBorderWidth()
1937
+ }],
1938
+ /**
1939
+ * Border Width Bottom
1940
+ * @see https://tailwindcss.com/docs/border-width
1941
+ */
1942
+ 'border-w-b': [{
1943
+ 'border-b': scaleBorderWidth()
1944
+ }],
1945
+ /**
1946
+ * Border Width Left
1947
+ * @see https://tailwindcss.com/docs/border-width
1948
+ */
1949
+ 'border-w-l': [{
1950
+ 'border-l': scaleBorderWidth()
1951
+ }],
1952
+ /**
1953
+ * Divide Width X
1954
+ * @see https://tailwindcss.com/docs/border-width#between-children
1955
+ */
1956
+ 'divide-x': [{
1957
+ 'divide-x': scaleBorderWidth()
1958
+ }],
1959
+ /**
1960
+ * Divide Width X Reverse
1961
+ * @see https://tailwindcss.com/docs/border-width#between-children
1962
+ */
1963
+ 'divide-x-reverse': ['divide-x-reverse'],
1964
+ /**
1965
+ * Divide Width Y
1966
+ * @see https://tailwindcss.com/docs/border-width#between-children
1967
+ */
1968
+ 'divide-y': [{
1969
+ 'divide-y': scaleBorderWidth()
1970
+ }],
1971
+ /**
1972
+ * Divide Width Y Reverse
1973
+ * @see https://tailwindcss.com/docs/border-width#between-children
1974
+ */
1975
+ 'divide-y-reverse': ['divide-y-reverse'],
1976
+ /**
1977
+ * Border Style
1978
+ * @see https://tailwindcss.com/docs/border-style
1979
+ */
1980
+ 'border-style': [{
1981
+ border: [...scaleLineStyle(), 'hidden', 'none']
1982
+ }],
1983
+ /**
1984
+ * Divide Style
1985
+ * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
1986
+ */
1987
+ 'divide-style': [{
1988
+ divide: [...scaleLineStyle(), 'hidden', 'none']
1989
+ }],
1990
+ /**
1991
+ * Border Color
1992
+ * @see https://tailwindcss.com/docs/border-color
1993
+ */
1994
+ 'border-color': [{
1995
+ border: scaleColor()
1996
+ }],
1997
+ /**
1998
+ * Border Color X
1999
+ * @see https://tailwindcss.com/docs/border-color
2000
+ */
2001
+ 'border-color-x': [{
2002
+ 'border-x': scaleColor()
2003
+ }],
2004
+ /**
2005
+ * Border Color Y
2006
+ * @see https://tailwindcss.com/docs/border-color
2007
+ */
2008
+ 'border-color-y': [{
2009
+ 'border-y': scaleColor()
2010
+ }],
2011
+ /**
2012
+ * Border Color S
2013
+ * @see https://tailwindcss.com/docs/border-color
2014
+ */
2015
+ 'border-color-s': [{
2016
+ 'border-s': scaleColor()
2017
+ }],
2018
+ /**
2019
+ * Border Color E
2020
+ * @see https://tailwindcss.com/docs/border-color
2021
+ */
2022
+ 'border-color-e': [{
2023
+ 'border-e': scaleColor()
2024
+ }],
2025
+ /**
2026
+ * Border Color Top
2027
+ * @see https://tailwindcss.com/docs/border-color
2028
+ */
2029
+ 'border-color-t': [{
2030
+ 'border-t': scaleColor()
2031
+ }],
2032
+ /**
2033
+ * Border Color Right
2034
+ * @see https://tailwindcss.com/docs/border-color
2035
+ */
2036
+ 'border-color-r': [{
2037
+ 'border-r': scaleColor()
2038
+ }],
2039
+ /**
2040
+ * Border Color Bottom
2041
+ * @see https://tailwindcss.com/docs/border-color
2042
+ */
2043
+ 'border-color-b': [{
2044
+ 'border-b': scaleColor()
2045
+ }],
2046
+ /**
2047
+ * Border Color Left
2048
+ * @see https://tailwindcss.com/docs/border-color
2049
+ */
2050
+ 'border-color-l': [{
2051
+ 'border-l': scaleColor()
2052
+ }],
2053
+ /**
2054
+ * Divide Color
2055
+ * @see https://tailwindcss.com/docs/divide-color
2056
+ */
2057
+ 'divide-color': [{
2058
+ divide: scaleColor()
2059
+ }],
2060
+ /**
2061
+ * Outline Style
2062
+ * @see https://tailwindcss.com/docs/outline-style
2063
+ */
2064
+ 'outline-style': [{
2065
+ outline: [...scaleLineStyle(), 'none', 'hidden']
2066
+ }],
2067
+ /**
2068
+ * Outline Offset
2069
+ * @see https://tailwindcss.com/docs/outline-offset
2070
+ */
2071
+ 'outline-offset': [{
2072
+ 'outline-offset': [isNumber, isArbitraryVariable, isArbitraryValue]
2073
+ }],
2074
+ /**
2075
+ * Outline Width
2076
+ * @see https://tailwindcss.com/docs/outline-width
2077
+ */
2078
+ 'outline-w': [{
2079
+ outline: ['', isNumber, isArbitraryVariableLength, isArbitraryLength]
2080
+ }],
2081
+ /**
2082
+ * Outline Color
2083
+ * @see https://tailwindcss.com/docs/outline-color
2084
+ */
2085
+ 'outline-color': [{
2086
+ outline: scaleColor()
2087
+ }],
2088
+ // ---------------
2089
+ // --- Effects ---
2090
+ // ---------------
2091
+ /**
2092
+ * Box Shadow
2093
+ * @see https://tailwindcss.com/docs/box-shadow
2094
+ */
2095
+ shadow: [{
2096
+ shadow: [
2097
+ // Deprecated since Tailwind CSS v4.0.0
2098
+ '', 'none', themeShadow, isArbitraryVariableShadow, isArbitraryShadow]
2099
+ }],
2100
+ /**
2101
+ * Box Shadow Color
2102
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
2103
+ */
2104
+ 'shadow-color': [{
2105
+ shadow: scaleColor()
2106
+ }],
2107
+ /**
2108
+ * Inset Box Shadow
2109
+ * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
2110
+ */
2111
+ 'inset-shadow': [{
2112
+ 'inset-shadow': ['none', themeInsetShadow, isArbitraryVariableShadow, isArbitraryShadow]
2113
+ }],
2114
+ /**
2115
+ * Inset Box Shadow Color
2116
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
2117
+ */
2118
+ 'inset-shadow-color': [{
2119
+ 'inset-shadow': scaleColor()
2120
+ }],
2121
+ /**
2122
+ * Ring Width
2123
+ * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
2124
+ */
2125
+ 'ring-w': [{
2126
+ ring: scaleBorderWidth()
2127
+ }],
2128
+ /**
2129
+ * Ring Width Inset
2130
+ * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
2131
+ * @deprecated since Tailwind CSS v4.0.0
2132
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2133
+ */
2134
+ 'ring-w-inset': ['ring-inset'],
2135
+ /**
2136
+ * Ring Color
2137
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
2138
+ */
2139
+ 'ring-color': [{
2140
+ ring: scaleColor()
2141
+ }],
2142
+ /**
2143
+ * Ring Offset Width
2144
+ * @see https://v3.tailwindcss.com/docs/ring-offset-width
2145
+ * @deprecated since Tailwind CSS v4.0.0
2146
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2147
+ */
2148
+ 'ring-offset-w': [{
2149
+ 'ring-offset': [isNumber, isArbitraryLength]
2150
+ }],
2151
+ /**
2152
+ * Ring Offset Color
2153
+ * @see https://v3.tailwindcss.com/docs/ring-offset-color
2154
+ * @deprecated since Tailwind CSS v4.0.0
2155
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2156
+ */
2157
+ 'ring-offset-color': [{
2158
+ 'ring-offset': scaleColor()
2159
+ }],
2160
+ /**
2161
+ * Inset Ring Width
2162
+ * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
2163
+ */
2164
+ 'inset-ring-w': [{
2165
+ 'inset-ring': scaleBorderWidth()
2166
+ }],
2167
+ /**
2168
+ * Inset Ring Color
2169
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
2170
+ */
2171
+ 'inset-ring-color': [{
2172
+ 'inset-ring': scaleColor()
2173
+ }],
2174
+ /**
2175
+ * Text Shadow
2176
+ * @see https://tailwindcss.com/docs/text-shadow
2177
+ */
2178
+ 'text-shadow': [{
2179
+ 'text-shadow': ['none', themeTextShadow, isArbitraryVariableShadow, isArbitraryShadow]
2180
+ }],
2181
+ /**
2182
+ * Text Shadow Color
2183
+ * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
2184
+ */
2185
+ 'text-shadow-color': [{
2186
+ 'text-shadow': scaleColor()
2187
+ }],
2188
+ /**
2189
+ * Opacity
2190
+ * @see https://tailwindcss.com/docs/opacity
2191
+ */
2192
+ opacity: [{
2193
+ opacity: [isNumber, isArbitraryVariable, isArbitraryValue]
2194
+ }],
2195
+ /**
2196
+ * Mix Blend Mode
2197
+ * @see https://tailwindcss.com/docs/mix-blend-mode
2198
+ */
2199
+ 'mix-blend': [{
2200
+ 'mix-blend': [...scaleBlendMode(), 'plus-darker', 'plus-lighter']
2201
+ }],
2202
+ /**
2203
+ * Background Blend Mode
2204
+ * @see https://tailwindcss.com/docs/background-blend-mode
2205
+ */
2206
+ 'bg-blend': [{
2207
+ 'bg-blend': scaleBlendMode()
2208
+ }],
2209
+ /**
2210
+ * Mask Clip
2211
+ * @see https://tailwindcss.com/docs/mask-clip
2212
+ */
2213
+ 'mask-clip': [{
2214
+ 'mask-clip': ['border', 'padding', 'content', 'fill', 'stroke', 'view']
2215
+ }, 'mask-no-clip'],
2216
+ /**
2217
+ * Mask Composite
2218
+ * @see https://tailwindcss.com/docs/mask-composite
2219
+ */
2220
+ 'mask-composite': [{
2221
+ mask: ['add', 'subtract', 'intersect', 'exclude']
2222
+ }],
2223
+ /**
2224
+ * Mask Image
2225
+ * @see https://tailwindcss.com/docs/mask-image
2226
+ */
2227
+ 'mask-image-linear-pos': [{
2228
+ 'mask-linear': [isNumber]
2229
+ }],
2230
+ 'mask-image-linear-from-pos': [{
2231
+ 'mask-linear-from': scaleMaskImagePosition()
2232
+ }],
2233
+ 'mask-image-linear-to-pos': [{
2234
+ 'mask-linear-to': scaleMaskImagePosition()
2235
+ }],
2236
+ 'mask-image-linear-from-color': [{
2237
+ 'mask-linear-from': scaleColor()
2238
+ }],
2239
+ 'mask-image-linear-to-color': [{
2240
+ 'mask-linear-to': scaleColor()
2241
+ }],
2242
+ 'mask-image-t-from-pos': [{
2243
+ 'mask-t-from': scaleMaskImagePosition()
2244
+ }],
2245
+ 'mask-image-t-to-pos': [{
2246
+ 'mask-t-to': scaleMaskImagePosition()
2247
+ }],
2248
+ 'mask-image-t-from-color': [{
2249
+ 'mask-t-from': scaleColor()
2250
+ }],
2251
+ 'mask-image-t-to-color': [{
2252
+ 'mask-t-to': scaleColor()
2253
+ }],
2254
+ 'mask-image-r-from-pos': [{
2255
+ 'mask-r-from': scaleMaskImagePosition()
2256
+ }],
2257
+ 'mask-image-r-to-pos': [{
2258
+ 'mask-r-to': scaleMaskImagePosition()
2259
+ }],
2260
+ 'mask-image-r-from-color': [{
2261
+ 'mask-r-from': scaleColor()
2262
+ }],
2263
+ 'mask-image-r-to-color': [{
2264
+ 'mask-r-to': scaleColor()
2265
+ }],
2266
+ 'mask-image-b-from-pos': [{
2267
+ 'mask-b-from': scaleMaskImagePosition()
2268
+ }],
2269
+ 'mask-image-b-to-pos': [{
2270
+ 'mask-b-to': scaleMaskImagePosition()
2271
+ }],
2272
+ 'mask-image-b-from-color': [{
2273
+ 'mask-b-from': scaleColor()
2274
+ }],
2275
+ 'mask-image-b-to-color': [{
2276
+ 'mask-b-to': scaleColor()
2277
+ }],
2278
+ 'mask-image-l-from-pos': [{
2279
+ 'mask-l-from': scaleMaskImagePosition()
2280
+ }],
2281
+ 'mask-image-l-to-pos': [{
2282
+ 'mask-l-to': scaleMaskImagePosition()
2283
+ }],
2284
+ 'mask-image-l-from-color': [{
2285
+ 'mask-l-from': scaleColor()
2286
+ }],
2287
+ 'mask-image-l-to-color': [{
2288
+ 'mask-l-to': scaleColor()
2289
+ }],
2290
+ 'mask-image-x-from-pos': [{
2291
+ 'mask-x-from': scaleMaskImagePosition()
2292
+ }],
2293
+ 'mask-image-x-to-pos': [{
2294
+ 'mask-x-to': scaleMaskImagePosition()
2295
+ }],
2296
+ 'mask-image-x-from-color': [{
2297
+ 'mask-x-from': scaleColor()
2298
+ }],
2299
+ 'mask-image-x-to-color': [{
2300
+ 'mask-x-to': scaleColor()
2301
+ }],
2302
+ 'mask-image-y-from-pos': [{
2303
+ 'mask-y-from': scaleMaskImagePosition()
2304
+ }],
2305
+ 'mask-image-y-to-pos': [{
2306
+ 'mask-y-to': scaleMaskImagePosition()
2307
+ }],
2308
+ 'mask-image-y-from-color': [{
2309
+ 'mask-y-from': scaleColor()
2310
+ }],
2311
+ 'mask-image-y-to-color': [{
2312
+ 'mask-y-to': scaleColor()
2313
+ }],
2314
+ 'mask-image-radial': [{
2315
+ 'mask-radial': [isArbitraryVariable, isArbitraryValue]
2316
+ }],
2317
+ 'mask-image-radial-from-pos': [{
2318
+ 'mask-radial-from': scaleMaskImagePosition()
2319
+ }],
2320
+ 'mask-image-radial-to-pos': [{
2321
+ 'mask-radial-to': scaleMaskImagePosition()
2322
+ }],
2323
+ 'mask-image-radial-from-color': [{
2324
+ 'mask-radial-from': scaleColor()
2325
+ }],
2326
+ 'mask-image-radial-to-color': [{
2327
+ 'mask-radial-to': scaleColor()
2328
+ }],
2329
+ 'mask-image-radial-shape': [{
2330
+ 'mask-radial': ['circle', 'ellipse']
2331
+ }],
2332
+ 'mask-image-radial-size': [{
2333
+ 'mask-radial': [{
2334
+ closest: ['side', 'corner'],
2335
+ farthest: ['side', 'corner']
2336
+ }]
2337
+ }],
2338
+ 'mask-image-radial-pos': [{
2339
+ 'mask-radial-at': scalePosition()
2340
+ }],
2341
+ 'mask-image-conic-pos': [{
2342
+ 'mask-conic': [isNumber]
2343
+ }],
2344
+ 'mask-image-conic-from-pos': [{
2345
+ 'mask-conic-from': scaleMaskImagePosition()
2346
+ }],
2347
+ 'mask-image-conic-to-pos': [{
2348
+ 'mask-conic-to': scaleMaskImagePosition()
2349
+ }],
2350
+ 'mask-image-conic-from-color': [{
2351
+ 'mask-conic-from': scaleColor()
2352
+ }],
2353
+ 'mask-image-conic-to-color': [{
2354
+ 'mask-conic-to': scaleColor()
2355
+ }],
2356
+ /**
2357
+ * Mask Mode
2358
+ * @see https://tailwindcss.com/docs/mask-mode
2359
+ */
2360
+ 'mask-mode': [{
2361
+ mask: ['alpha', 'luminance', 'match']
2362
+ }],
2363
+ /**
2364
+ * Mask Origin
2365
+ * @see https://tailwindcss.com/docs/mask-origin
2366
+ */
2367
+ 'mask-origin': [{
2368
+ 'mask-origin': ['border', 'padding', 'content', 'fill', 'stroke', 'view']
2369
+ }],
2370
+ /**
2371
+ * Mask Position
2372
+ * @see https://tailwindcss.com/docs/mask-position
2373
+ */
2374
+ 'mask-position': [{
2375
+ mask: scaleBgPosition()
2376
+ }],
2377
+ /**
2378
+ * Mask Repeat
2379
+ * @see https://tailwindcss.com/docs/mask-repeat
2380
+ */
2381
+ 'mask-repeat': [{
2382
+ mask: scaleBgRepeat()
2383
+ }],
2384
+ /**
2385
+ * Mask Size
2386
+ * @see https://tailwindcss.com/docs/mask-size
2387
+ */
2388
+ 'mask-size': [{
2389
+ mask: scaleBgSize()
2390
+ }],
2391
+ /**
2392
+ * Mask Type
2393
+ * @see https://tailwindcss.com/docs/mask-type
2394
+ */
2395
+ 'mask-type': [{
2396
+ 'mask-type': ['alpha', 'luminance']
2397
+ }],
2398
+ /**
2399
+ * Mask Image
2400
+ * @see https://tailwindcss.com/docs/mask-image
2401
+ */
2402
+ 'mask-image': [{
2403
+ mask: ['none', isArbitraryVariable, isArbitraryValue]
2404
+ }],
2405
+ // ---------------
2406
+ // --- Filters ---
2407
+ // ---------------
2408
+ /**
2409
+ * Filter
2410
+ * @see https://tailwindcss.com/docs/filter
2411
+ */
2412
+ filter: [{
2413
+ filter: [
2414
+ // Deprecated since Tailwind CSS v3.0.0
2415
+ '', 'none', isArbitraryVariable, isArbitraryValue]
2416
+ }],
2417
+ /**
2418
+ * Blur
2419
+ * @see https://tailwindcss.com/docs/blur
2420
+ */
2421
+ blur: [{
2422
+ blur: scaleBlur()
2423
+ }],
2424
+ /**
2425
+ * Brightness
2426
+ * @see https://tailwindcss.com/docs/brightness
2427
+ */
2428
+ brightness: [{
2429
+ brightness: [isNumber, isArbitraryVariable, isArbitraryValue]
2430
+ }],
2431
+ /**
2432
+ * Contrast
2433
+ * @see https://tailwindcss.com/docs/contrast
2434
+ */
2435
+ contrast: [{
2436
+ contrast: [isNumber, isArbitraryVariable, isArbitraryValue]
2437
+ }],
2438
+ /**
2439
+ * Drop Shadow
2440
+ * @see https://tailwindcss.com/docs/drop-shadow
2441
+ */
2442
+ 'drop-shadow': [{
2443
+ 'drop-shadow': [
2444
+ // Deprecated since Tailwind CSS v4.0.0
2445
+ '', 'none', themeDropShadow, isArbitraryVariableShadow, isArbitraryShadow]
2446
+ }],
2447
+ /**
2448
+ * Drop Shadow Color
2449
+ * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
2450
+ */
2451
+ 'drop-shadow-color': [{
2452
+ 'drop-shadow': scaleColor()
2453
+ }],
2454
+ /**
2455
+ * Grayscale
2456
+ * @see https://tailwindcss.com/docs/grayscale
2457
+ */
2458
+ grayscale: [{
2459
+ grayscale: ['', isNumber, isArbitraryVariable, isArbitraryValue]
2460
+ }],
2461
+ /**
2462
+ * Hue Rotate
2463
+ * @see https://tailwindcss.com/docs/hue-rotate
2464
+ */
2465
+ 'hue-rotate': [{
2466
+ 'hue-rotate': [isNumber, isArbitraryVariable, isArbitraryValue]
2467
+ }],
2468
+ /**
2469
+ * Invert
2470
+ * @see https://tailwindcss.com/docs/invert
2471
+ */
2472
+ invert: [{
2473
+ invert: ['', isNumber, isArbitraryVariable, isArbitraryValue]
2474
+ }],
2475
+ /**
2476
+ * Saturate
2477
+ * @see https://tailwindcss.com/docs/saturate
2478
+ */
2479
+ saturate: [{
2480
+ saturate: [isNumber, isArbitraryVariable, isArbitraryValue]
2481
+ }],
2482
+ /**
2483
+ * Sepia
2484
+ * @see https://tailwindcss.com/docs/sepia
2485
+ */
2486
+ sepia: [{
2487
+ sepia: ['', isNumber, isArbitraryVariable, isArbitraryValue]
2488
+ }],
2489
+ /**
2490
+ * Backdrop Filter
2491
+ * @see https://tailwindcss.com/docs/backdrop-filter
2492
+ */
2493
+ 'backdrop-filter': [{
2494
+ 'backdrop-filter': [
2495
+ // Deprecated since Tailwind CSS v3.0.0
2496
+ '', 'none', isArbitraryVariable, isArbitraryValue]
2497
+ }],
2498
+ /**
2499
+ * Backdrop Blur
2500
+ * @see https://tailwindcss.com/docs/backdrop-blur
2501
+ */
2502
+ 'backdrop-blur': [{
2503
+ 'backdrop-blur': scaleBlur()
2504
+ }],
2505
+ /**
2506
+ * Backdrop Brightness
2507
+ * @see https://tailwindcss.com/docs/backdrop-brightness
2508
+ */
2509
+ 'backdrop-brightness': [{
2510
+ 'backdrop-brightness': [isNumber, isArbitraryVariable, isArbitraryValue]
2511
+ }],
2512
+ /**
2513
+ * Backdrop Contrast
2514
+ * @see https://tailwindcss.com/docs/backdrop-contrast
2515
+ */
2516
+ 'backdrop-contrast': [{
2517
+ 'backdrop-contrast': [isNumber, isArbitraryVariable, isArbitraryValue]
2518
+ }],
2519
+ /**
2520
+ * Backdrop Grayscale
2521
+ * @see https://tailwindcss.com/docs/backdrop-grayscale
2522
+ */
2523
+ 'backdrop-grayscale': [{
2524
+ 'backdrop-grayscale': ['', isNumber, isArbitraryVariable, isArbitraryValue]
2525
+ }],
2526
+ /**
2527
+ * Backdrop Hue Rotate
2528
+ * @see https://tailwindcss.com/docs/backdrop-hue-rotate
2529
+ */
2530
+ 'backdrop-hue-rotate': [{
2531
+ 'backdrop-hue-rotate': [isNumber, isArbitraryVariable, isArbitraryValue]
2532
+ }],
2533
+ /**
2534
+ * Backdrop Invert
2535
+ * @see https://tailwindcss.com/docs/backdrop-invert
2536
+ */
2537
+ 'backdrop-invert': [{
2538
+ 'backdrop-invert': ['', isNumber, isArbitraryVariable, isArbitraryValue]
2539
+ }],
2540
+ /**
2541
+ * Backdrop Opacity
2542
+ * @see https://tailwindcss.com/docs/backdrop-opacity
2543
+ */
2544
+ 'backdrop-opacity': [{
2545
+ 'backdrop-opacity': [isNumber, isArbitraryVariable, isArbitraryValue]
2546
+ }],
2547
+ /**
2548
+ * Backdrop Saturate
2549
+ * @see https://tailwindcss.com/docs/backdrop-saturate
2550
+ */
2551
+ 'backdrop-saturate': [{
2552
+ 'backdrop-saturate': [isNumber, isArbitraryVariable, isArbitraryValue]
2553
+ }],
2554
+ /**
2555
+ * Backdrop Sepia
2556
+ * @see https://tailwindcss.com/docs/backdrop-sepia
2557
+ */
2558
+ 'backdrop-sepia': [{
2559
+ 'backdrop-sepia': ['', isNumber, isArbitraryVariable, isArbitraryValue]
2560
+ }],
2561
+ // --------------
2562
+ // --- Tables ---
2563
+ // --------------
2564
+ /**
2565
+ * Border Collapse
2566
+ * @see https://tailwindcss.com/docs/border-collapse
2567
+ */
2568
+ 'border-collapse': [{
2569
+ border: ['collapse', 'separate']
2570
+ }],
2571
+ /**
2572
+ * Border Spacing
2573
+ * @see https://tailwindcss.com/docs/border-spacing
2574
+ */
2575
+ 'border-spacing': [{
2576
+ 'border-spacing': scaleUnambiguousSpacing()
2577
+ }],
2578
+ /**
2579
+ * Border Spacing X
2580
+ * @see https://tailwindcss.com/docs/border-spacing
2581
+ */
2582
+ 'border-spacing-x': [{
2583
+ 'border-spacing-x': scaleUnambiguousSpacing()
2584
+ }],
2585
+ /**
2586
+ * Border Spacing Y
2587
+ * @see https://tailwindcss.com/docs/border-spacing
2588
+ */
2589
+ 'border-spacing-y': [{
2590
+ 'border-spacing-y': scaleUnambiguousSpacing()
2591
+ }],
2592
+ /**
2593
+ * Table Layout
2594
+ * @see https://tailwindcss.com/docs/table-layout
2595
+ */
2596
+ 'table-layout': [{
2597
+ table: ['auto', 'fixed']
2598
+ }],
2599
+ /**
2600
+ * Caption Side
2601
+ * @see https://tailwindcss.com/docs/caption-side
2602
+ */
2603
+ caption: [{
2604
+ caption: ['top', 'bottom']
2605
+ }],
2606
+ // ---------------------------------
2607
+ // --- Transitions and Animation ---
2608
+ // ---------------------------------
2609
+ /**
2610
+ * Transition Property
2611
+ * @see https://tailwindcss.com/docs/transition-property
2612
+ */
2613
+ transition: [{
2614
+ transition: ['', 'all', 'colors', 'opacity', 'shadow', 'transform', 'none', isArbitraryVariable, isArbitraryValue]
2615
+ }],
2616
+ /**
2617
+ * Transition Behavior
2618
+ * @see https://tailwindcss.com/docs/transition-behavior
2619
+ */
2620
+ 'transition-behavior': [{
2621
+ transition: ['normal', 'discrete']
2622
+ }],
2623
+ /**
2624
+ * Transition Duration
2625
+ * @see https://tailwindcss.com/docs/transition-duration
2626
+ */
2627
+ duration: [{
2628
+ duration: [isNumber, 'initial', isArbitraryVariable, isArbitraryValue]
2629
+ }],
2630
+ /**
2631
+ * Transition Timing Function
2632
+ * @see https://tailwindcss.com/docs/transition-timing-function
2633
+ */
2634
+ ease: [{
2635
+ ease: ['linear', 'initial', themeEase, isArbitraryVariable, isArbitraryValue]
2636
+ }],
2637
+ /**
2638
+ * Transition Delay
2639
+ * @see https://tailwindcss.com/docs/transition-delay
2640
+ */
2641
+ delay: [{
2642
+ delay: [isNumber, isArbitraryVariable, isArbitraryValue]
2643
+ }],
2644
+ /**
2645
+ * Animation
2646
+ * @see https://tailwindcss.com/docs/animation
2647
+ */
2648
+ animate: [{
2649
+ animate: ['none', themeAnimate, isArbitraryVariable, isArbitraryValue]
2650
+ }],
2651
+ // ------------------
2652
+ // --- Transforms ---
2653
+ // ------------------
2654
+ /**
2655
+ * Backface Visibility
2656
+ * @see https://tailwindcss.com/docs/backface-visibility
2657
+ */
2658
+ backface: [{
2659
+ backface: ['hidden', 'visible']
2660
+ }],
2661
+ /**
2662
+ * Perspective
2663
+ * @see https://tailwindcss.com/docs/perspective
2664
+ */
2665
+ perspective: [{
2666
+ perspective: [themePerspective, isArbitraryVariable, isArbitraryValue]
2667
+ }],
2668
+ /**
2669
+ * Perspective Origin
2670
+ * @see https://tailwindcss.com/docs/perspective-origin
2671
+ */
2672
+ 'perspective-origin': [{
2673
+ 'perspective-origin': scalePositionWithArbitrary()
2674
+ }],
2675
+ /**
2676
+ * Rotate
2677
+ * @see https://tailwindcss.com/docs/rotate
2678
+ */
2679
+ rotate: [{
2680
+ rotate: scaleRotate()
2681
+ }],
2682
+ /**
2683
+ * Rotate X
2684
+ * @see https://tailwindcss.com/docs/rotate
2685
+ */
2686
+ 'rotate-x': [{
2687
+ 'rotate-x': scaleRotate()
2688
+ }],
2689
+ /**
2690
+ * Rotate Y
2691
+ * @see https://tailwindcss.com/docs/rotate
2692
+ */
2693
+ 'rotate-y': [{
2694
+ 'rotate-y': scaleRotate()
2695
+ }],
2696
+ /**
2697
+ * Rotate Z
2698
+ * @see https://tailwindcss.com/docs/rotate
2699
+ */
2700
+ 'rotate-z': [{
2701
+ 'rotate-z': scaleRotate()
2702
+ }],
2703
+ /**
2704
+ * Scale
2705
+ * @see https://tailwindcss.com/docs/scale
2706
+ */
2707
+ scale: [{
2708
+ scale: scaleScale()
2709
+ }],
2710
+ /**
2711
+ * Scale X
2712
+ * @see https://tailwindcss.com/docs/scale
2713
+ */
2714
+ 'scale-x': [{
2715
+ 'scale-x': scaleScale()
2716
+ }],
2717
+ /**
2718
+ * Scale Y
2719
+ * @see https://tailwindcss.com/docs/scale
2720
+ */
2721
+ 'scale-y': [{
2722
+ 'scale-y': scaleScale()
2723
+ }],
2724
+ /**
2725
+ * Scale Z
2726
+ * @see https://tailwindcss.com/docs/scale
2727
+ */
2728
+ 'scale-z': [{
2729
+ 'scale-z': scaleScale()
2730
+ }],
2731
+ /**
2732
+ * Scale 3D
2733
+ * @see https://tailwindcss.com/docs/scale
2734
+ */
2735
+ 'scale-3d': ['scale-3d'],
2736
+ /**
2737
+ * Skew
2738
+ * @see https://tailwindcss.com/docs/skew
2739
+ */
2740
+ skew: [{
2741
+ skew: scaleSkew()
2742
+ }],
2743
+ /**
2744
+ * Skew X
2745
+ * @see https://tailwindcss.com/docs/skew
2746
+ */
2747
+ 'skew-x': [{
2748
+ 'skew-x': scaleSkew()
2749
+ }],
2750
+ /**
2751
+ * Skew Y
2752
+ * @see https://tailwindcss.com/docs/skew
2753
+ */
2754
+ 'skew-y': [{
2755
+ 'skew-y': scaleSkew()
2756
+ }],
2757
+ /**
2758
+ * Transform
2759
+ * @see https://tailwindcss.com/docs/transform
2760
+ */
2761
+ transform: [{
2762
+ transform: [isArbitraryVariable, isArbitraryValue, '', 'none', 'gpu', 'cpu']
2763
+ }],
2764
+ /**
2765
+ * Transform Origin
2766
+ * @see https://tailwindcss.com/docs/transform-origin
2767
+ */
2768
+ 'transform-origin': [{
2769
+ origin: scalePositionWithArbitrary()
2770
+ }],
2771
+ /**
2772
+ * Transform Style
2773
+ * @see https://tailwindcss.com/docs/transform-style
2774
+ */
2775
+ 'transform-style': [{
2776
+ transform: ['3d', 'flat']
2777
+ }],
2778
+ /**
2779
+ * Translate
2780
+ * @see https://tailwindcss.com/docs/translate
2781
+ */
2782
+ translate: [{
2783
+ translate: scaleTranslate()
2784
+ }],
2785
+ /**
2786
+ * Translate X
2787
+ * @see https://tailwindcss.com/docs/translate
2788
+ */
2789
+ 'translate-x': [{
2790
+ 'translate-x': scaleTranslate()
2791
+ }],
2792
+ /**
2793
+ * Translate Y
2794
+ * @see https://tailwindcss.com/docs/translate
2795
+ */
2796
+ 'translate-y': [{
2797
+ 'translate-y': scaleTranslate()
2798
+ }],
2799
+ /**
2800
+ * Translate Z
2801
+ * @see https://tailwindcss.com/docs/translate
2802
+ */
2803
+ 'translate-z': [{
2804
+ 'translate-z': scaleTranslate()
2805
+ }],
2806
+ /**
2807
+ * Translate None
2808
+ * @see https://tailwindcss.com/docs/translate
2809
+ */
2810
+ 'translate-none': ['translate-none'],
2811
+ // ---------------------
2812
+ // --- Interactivity ---
2813
+ // ---------------------
2814
+ /**
2815
+ * Accent Color
2816
+ * @see https://tailwindcss.com/docs/accent-color
2817
+ */
2818
+ accent: [{
2819
+ accent: scaleColor()
2820
+ }],
2821
+ /**
2822
+ * Appearance
2823
+ * @see https://tailwindcss.com/docs/appearance
2824
+ */
2825
+ appearance: [{
2826
+ appearance: ['none', 'auto']
2827
+ }],
2828
+ /**
2829
+ * Caret Color
2830
+ * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2831
+ */
2832
+ 'caret-color': [{
2833
+ caret: scaleColor()
2834
+ }],
2835
+ /**
2836
+ * Color Scheme
2837
+ * @see https://tailwindcss.com/docs/color-scheme
2838
+ */
2839
+ 'color-scheme': [{
2840
+ scheme: ['normal', 'dark', 'light', 'light-dark', 'only-dark', 'only-light']
2841
+ }],
2842
+ /**
2843
+ * Cursor
2844
+ * @see https://tailwindcss.com/docs/cursor
2845
+ */
2846
+ cursor: [{
2847
+ 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', isArbitraryVariable, isArbitraryValue]
2848
+ }],
2849
+ /**
2850
+ * Field Sizing
2851
+ * @see https://tailwindcss.com/docs/field-sizing
2852
+ */
2853
+ 'field-sizing': [{
2854
+ 'field-sizing': ['fixed', 'content']
2855
+ }],
2856
+ /**
2857
+ * Pointer Events
2858
+ * @see https://tailwindcss.com/docs/pointer-events
2859
+ */
2860
+ 'pointer-events': [{
2861
+ 'pointer-events': ['auto', 'none']
2862
+ }],
2863
+ /**
2864
+ * Resize
2865
+ * @see https://tailwindcss.com/docs/resize
2866
+ */
2867
+ resize: [{
2868
+ resize: ['none', '', 'y', 'x']
2869
+ }],
2870
+ /**
2871
+ * Scroll Behavior
2872
+ * @see https://tailwindcss.com/docs/scroll-behavior
2873
+ */
2874
+ 'scroll-behavior': [{
2875
+ scroll: ['auto', 'smooth']
2876
+ }],
2877
+ /**
2878
+ * Scroll Margin
2879
+ * @see https://tailwindcss.com/docs/scroll-margin
2880
+ */
2881
+ 'scroll-m': [{
2882
+ 'scroll-m': scaleUnambiguousSpacing()
2883
+ }],
2884
+ /**
2885
+ * Scroll Margin X
2886
+ * @see https://tailwindcss.com/docs/scroll-margin
2887
+ */
2888
+ 'scroll-mx': [{
2889
+ 'scroll-mx': scaleUnambiguousSpacing()
2890
+ }],
2891
+ /**
2892
+ * Scroll Margin Y
2893
+ * @see https://tailwindcss.com/docs/scroll-margin
2894
+ */
2895
+ 'scroll-my': [{
2896
+ 'scroll-my': scaleUnambiguousSpacing()
2897
+ }],
2898
+ /**
2899
+ * Scroll Margin Start
2900
+ * @see https://tailwindcss.com/docs/scroll-margin
2901
+ */
2902
+ 'scroll-ms': [{
2903
+ 'scroll-ms': scaleUnambiguousSpacing()
2904
+ }],
2905
+ /**
2906
+ * Scroll Margin End
2907
+ * @see https://tailwindcss.com/docs/scroll-margin
2908
+ */
2909
+ 'scroll-me': [{
2910
+ 'scroll-me': scaleUnambiguousSpacing()
2911
+ }],
2912
+ /**
2913
+ * Scroll Margin Top
2914
+ * @see https://tailwindcss.com/docs/scroll-margin
2915
+ */
2916
+ 'scroll-mt': [{
2917
+ 'scroll-mt': scaleUnambiguousSpacing()
2918
+ }],
2919
+ /**
2920
+ * Scroll Margin Right
2921
+ * @see https://tailwindcss.com/docs/scroll-margin
2922
+ */
2923
+ 'scroll-mr': [{
2924
+ 'scroll-mr': scaleUnambiguousSpacing()
2925
+ }],
2926
+ /**
2927
+ * Scroll Margin Bottom
2928
+ * @see https://tailwindcss.com/docs/scroll-margin
2929
+ */
2930
+ 'scroll-mb': [{
2931
+ 'scroll-mb': scaleUnambiguousSpacing()
2932
+ }],
2933
+ /**
2934
+ * Scroll Margin Left
2935
+ * @see https://tailwindcss.com/docs/scroll-margin
2936
+ */
2937
+ 'scroll-ml': [{
2938
+ 'scroll-ml': scaleUnambiguousSpacing()
2939
+ }],
2940
+ /**
2941
+ * Scroll Padding
2942
+ * @see https://tailwindcss.com/docs/scroll-padding
2943
+ */
2944
+ 'scroll-p': [{
2945
+ 'scroll-p': scaleUnambiguousSpacing()
2946
+ }],
2947
+ /**
2948
+ * Scroll Padding X
2949
+ * @see https://tailwindcss.com/docs/scroll-padding
2950
+ */
2951
+ 'scroll-px': [{
2952
+ 'scroll-px': scaleUnambiguousSpacing()
2953
+ }],
2954
+ /**
2955
+ * Scroll Padding Y
2956
+ * @see https://tailwindcss.com/docs/scroll-padding
2957
+ */
2958
+ 'scroll-py': [{
2959
+ 'scroll-py': scaleUnambiguousSpacing()
2960
+ }],
2961
+ /**
2962
+ * Scroll Padding Start
2963
+ * @see https://tailwindcss.com/docs/scroll-padding
2964
+ */
2965
+ 'scroll-ps': [{
2966
+ 'scroll-ps': scaleUnambiguousSpacing()
2967
+ }],
2968
+ /**
2969
+ * Scroll Padding End
2970
+ * @see https://tailwindcss.com/docs/scroll-padding
2971
+ */
2972
+ 'scroll-pe': [{
2973
+ 'scroll-pe': scaleUnambiguousSpacing()
2974
+ }],
2975
+ /**
2976
+ * Scroll Padding Top
2977
+ * @see https://tailwindcss.com/docs/scroll-padding
2978
+ */
2979
+ 'scroll-pt': [{
2980
+ 'scroll-pt': scaleUnambiguousSpacing()
2981
+ }],
2982
+ /**
2983
+ * Scroll Padding Right
2984
+ * @see https://tailwindcss.com/docs/scroll-padding
2985
+ */
2986
+ 'scroll-pr': [{
2987
+ 'scroll-pr': scaleUnambiguousSpacing()
2988
+ }],
2989
+ /**
2990
+ * Scroll Padding Bottom
2991
+ * @see https://tailwindcss.com/docs/scroll-padding
2992
+ */
2993
+ 'scroll-pb': [{
2994
+ 'scroll-pb': scaleUnambiguousSpacing()
2995
+ }],
2996
+ /**
2997
+ * Scroll Padding Left
2998
+ * @see https://tailwindcss.com/docs/scroll-padding
2999
+ */
3000
+ 'scroll-pl': [{
3001
+ 'scroll-pl': scaleUnambiguousSpacing()
3002
+ }],
3003
+ /**
3004
+ * Scroll Snap Align
3005
+ * @see https://tailwindcss.com/docs/scroll-snap-align
3006
+ */
3007
+ 'snap-align': [{
3008
+ snap: ['start', 'end', 'center', 'align-none']
3009
+ }],
3010
+ /**
3011
+ * Scroll Snap Stop
3012
+ * @see https://tailwindcss.com/docs/scroll-snap-stop
3013
+ */
3014
+ 'snap-stop': [{
3015
+ snap: ['normal', 'always']
3016
+ }],
3017
+ /**
3018
+ * Scroll Snap Type
3019
+ * @see https://tailwindcss.com/docs/scroll-snap-type
3020
+ */
3021
+ 'snap-type': [{
3022
+ snap: ['none', 'x', 'y', 'both']
3023
+ }],
3024
+ /**
3025
+ * Scroll Snap Type Strictness
3026
+ * @see https://tailwindcss.com/docs/scroll-snap-type
3027
+ */
3028
+ 'snap-strictness': [{
3029
+ snap: ['mandatory', 'proximity']
3030
+ }],
3031
+ /**
3032
+ * Touch Action
3033
+ * @see https://tailwindcss.com/docs/touch-action
3034
+ */
3035
+ touch: [{
3036
+ touch: ['auto', 'none', 'manipulation']
3037
+ }],
3038
+ /**
3039
+ * Touch Action X
3040
+ * @see https://tailwindcss.com/docs/touch-action
3041
+ */
3042
+ 'touch-x': [{
3043
+ 'touch-pan': ['x', 'left', 'right']
3044
+ }],
3045
+ /**
3046
+ * Touch Action Y
3047
+ * @see https://tailwindcss.com/docs/touch-action
3048
+ */
3049
+ 'touch-y': [{
3050
+ 'touch-pan': ['y', 'up', 'down']
3051
+ }],
3052
+ /**
3053
+ * Touch Action Pinch Zoom
3054
+ * @see https://tailwindcss.com/docs/touch-action
3055
+ */
3056
+ 'touch-pz': ['touch-pinch-zoom'],
3057
+ /**
3058
+ * User Select
3059
+ * @see https://tailwindcss.com/docs/user-select
3060
+ */
3061
+ select: [{
3062
+ select: ['none', 'text', 'all', 'auto']
3063
+ }],
3064
+ /**
3065
+ * Will Change
3066
+ * @see https://tailwindcss.com/docs/will-change
3067
+ */
3068
+ 'will-change': [{
3069
+ 'will-change': ['auto', 'scroll', 'contents', 'transform', isArbitraryVariable, isArbitraryValue]
3070
+ }],
3071
+ // -----------
3072
+ // --- SVG ---
3073
+ // -----------
3074
+ /**
3075
+ * Fill
3076
+ * @see https://tailwindcss.com/docs/fill
3077
+ */
3078
+ fill: [{
3079
+ fill: ['none', ...scaleColor()]
3080
+ }],
3081
+ /**
3082
+ * Stroke Width
3083
+ * @see https://tailwindcss.com/docs/stroke-width
3084
+ */
3085
+ 'stroke-w': [{
3086
+ stroke: [isNumber, isArbitraryVariableLength, isArbitraryLength, isArbitraryNumber]
3087
+ }],
3088
+ /**
3089
+ * Stroke
3090
+ * @see https://tailwindcss.com/docs/stroke
3091
+ */
3092
+ stroke: [{
3093
+ stroke: ['none', ...scaleColor()]
3094
+ }],
3095
+ // ---------------------
3096
+ // --- Accessibility ---
3097
+ // ---------------------
3098
+ /**
3099
+ * Forced Color Adjust
3100
+ * @see https://tailwindcss.com/docs/forced-color-adjust
3101
+ */
3102
+ 'forced-color-adjust': [{
3103
+ 'forced-color-adjust': ['auto', 'none']
3104
+ }]
3105
+ },
3106
+ conflictingClassGroups: {
3107
+ overflow: ['overflow-x', 'overflow-y'],
3108
+ overscroll: ['overscroll-x', 'overscroll-y'],
3109
+ inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],
3110
+ 'inset-x': ['right', 'left'],
3111
+ 'inset-y': ['top', 'bottom'],
3112
+ flex: ['basis', 'grow', 'shrink'],
3113
+ gap: ['gap-x', 'gap-y'],
3114
+ p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],
3115
+ px: ['pr', 'pl'],
3116
+ py: ['pt', 'pb'],
3117
+ m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
3118
+ mx: ['mr', 'ml'],
3119
+ my: ['mt', 'mb'],
3120
+ size: ['w', 'h'],
3121
+ 'font-size': ['leading'],
3122
+ 'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],
3123
+ 'fvn-ordinal': ['fvn-normal'],
3124
+ 'fvn-slashed-zero': ['fvn-normal'],
3125
+ 'fvn-figure': ['fvn-normal'],
3126
+ 'fvn-spacing': ['fvn-normal'],
3127
+ 'fvn-fraction': ['fvn-normal'],
3128
+ 'line-clamp': ['display', 'overflow'],
3129
+ 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'],
3130
+ 'rounded-s': ['rounded-ss', 'rounded-es'],
3131
+ 'rounded-e': ['rounded-se', 'rounded-ee'],
3132
+ 'rounded-t': ['rounded-tl', 'rounded-tr'],
3133
+ 'rounded-r': ['rounded-tr', 'rounded-br'],
3134
+ 'rounded-b': ['rounded-br', 'rounded-bl'],
3135
+ 'rounded-l': ['rounded-tl', 'rounded-bl'],
3136
+ 'border-spacing': ['border-spacing-x', 'border-spacing-y'],
3137
+ 'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
3138
+ 'border-w-x': ['border-w-r', 'border-w-l'],
3139
+ 'border-w-y': ['border-w-t', 'border-w-b'],
3140
+ 'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
3141
+ 'border-color-x': ['border-color-r', 'border-color-l'],
3142
+ 'border-color-y': ['border-color-t', 'border-color-b'],
3143
+ translate: ['translate-x', 'translate-y', 'translate-none'],
3144
+ 'translate-none': ['translate', 'translate-x', 'translate-y', 'translate-z'],
3145
+ 'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],
3146
+ 'scroll-mx': ['scroll-mr', 'scroll-ml'],
3147
+ 'scroll-my': ['scroll-mt', 'scroll-mb'],
3148
+ 'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],
3149
+ 'scroll-px': ['scroll-pr', 'scroll-pl'],
3150
+ 'scroll-py': ['scroll-pt', 'scroll-pb'],
3151
+ touch: ['touch-x', 'touch-y', 'touch-pz'],
3152
+ 'touch-x': ['touch'],
3153
+ 'touch-y': ['touch'],
3154
+ 'touch-pz': ['touch']
3155
+ },
3156
+ conflictingClassGroupModifiers: {
3157
+ 'font-size': ['leading']
3158
+ },
3159
+ orderSensitiveModifiers: ['*', '**', 'after', 'backdrop', 'before', 'details-content', 'file', 'first-letter', 'first-line', 'marker', 'placeholder', 'selection']
3160
+ };
3161
+ };
3162
+ const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
3163
+
3164
+ function cn() {
3165
+ var inputs = [];
3166
+ for (var _i = 0; _i < arguments.length; _i++) {
3167
+ inputs[_i] = arguments[_i];
3168
+ }
3169
+ return twMerge(clsx(inputs));
3170
+ }
3171
+
3172
+ export { cn, usePromPromiseQuery };