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