@paperless/core 2.0.1-beta.13 → 2.0.1-beta.2

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