teacss 0.2.0-alpha.7 → 0.3.0

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.
package/dist/index.js CHANGED
@@ -1,1458 +1 @@
1
- var __create = Object.create;
2
- var __getProtoOf = Object.getPrototypeOf;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __toESM = (mod, isNodeMode, target) => {
7
- target = mod != null ? __create(__getProtoOf(mod)) : {};
8
- const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
9
- for (let key of __getOwnPropNames(mod))
10
- if (!__hasOwnProp.call(to, key))
11
- __defProp(to, key, {
12
- get: () => mod[key],
13
- enumerable: true
14
- });
15
- return to;
16
- };
17
- var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
18
-
19
- // node_modules/classnames/index.js
20
- var require_classnames = __commonJS((exports, module) => {
21
- /*!
22
- Copyright (c) 2018 Jed Watson.
23
- Licensed under the MIT License (MIT), see
24
- http://jedwatson.github.io/classnames
25
- */
26
- (function() {
27
- var hasOwn = {}.hasOwnProperty;
28
- function classNames() {
29
- var classes = "";
30
- for (var i = 0;i < arguments.length; i++) {
31
- var arg = arguments[i];
32
- if (arg) {
33
- classes = appendClass(classes, parseValue(arg));
34
- }
35
- }
36
- return classes;
37
- }
38
- function parseValue(arg) {
39
- if (typeof arg === "string" || typeof arg === "number") {
40
- return arg;
41
- }
42
- if (typeof arg !== "object") {
43
- return "";
44
- }
45
- if (Array.isArray(arg)) {
46
- return classNames.apply(null, arg);
47
- }
48
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
49
- return arg.toString();
50
- }
51
- var classes = "";
52
- for (var key in arg) {
53
- if (hasOwn.call(arg, key) && arg[key]) {
54
- classes = appendClass(classes, key);
55
- }
56
- }
57
- return classes;
58
- }
59
- function appendClass(value, newClass) {
60
- if (!newClass) {
61
- return value;
62
- }
63
- if (value) {
64
- return value + " " + newClass;
65
- }
66
- return value + newClass;
67
- }
68
- if (typeof module !== "undefined" && module.exports) {
69
- classNames.default = classNames;
70
- module.exports = classNames;
71
- } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
72
- define("classnames", [], function() {
73
- return classNames;
74
- });
75
- } else {
76
- window.classNames = classNames;
77
- }
78
- })();
79
- });
80
-
81
- // src/index.ts
82
- var import_classnames = __toESM(require_classnames(), 1);
83
-
84
- // node_modules/clsx/dist/clsx.mjs
85
- function r(e) {
86
- var t, f, n = "";
87
- if (typeof e == "string" || typeof e == "number")
88
- n += e;
89
- else if (typeof e == "object")
90
- if (Array.isArray(e)) {
91
- var o = e.length;
92
- for (t = 0;t < o; t++)
93
- e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
94
- } else
95
- for (f in e)
96
- e[f] && (n && (n += " "), n += f);
97
- return n;
98
- }
99
- function clsx() {
100
- for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
101
- (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
102
- return n;
103
- }
104
-
105
- // node_modules/tailwind-merge/dist/bundle-mjs.mjs
106
- function twJoin() {
107
- let index = 0;
108
- let argument;
109
- let resolvedValue;
110
- let string = "";
111
- while (index < arguments.length) {
112
- if (argument = arguments[index++]) {
113
- if (resolvedValue = toValue(argument)) {
114
- string && (string += " ");
115
- string += resolvedValue;
116
- }
117
- }
118
- }
119
- return string;
120
- }
121
- function createTailwindMerge(createConfigFirst, ...createConfigRest) {
122
- let configUtils;
123
- let cacheGet;
124
- let cacheSet;
125
- let functionToCall = initTailwindMerge;
126
- function initTailwindMerge(classList) {
127
- const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
128
- configUtils = createConfigUtils(config);
129
- cacheGet = configUtils.cache.get;
130
- cacheSet = configUtils.cache.set;
131
- functionToCall = tailwindMerge;
132
- return tailwindMerge(classList);
133
- }
134
- function tailwindMerge(classList) {
135
- const cachedResult = cacheGet(classList);
136
- if (cachedResult) {
137
- return cachedResult;
138
- }
139
- const result = mergeClassList(classList, configUtils);
140
- cacheSet(classList, result);
141
- return result;
142
- }
143
- return function callTailwindMerge() {
144
- return functionToCall(twJoin.apply(null, arguments));
145
- };
146
- }
147
- var CLASS_PART_SEPARATOR = "-";
148
- var createClassGroupUtils = (config) => {
149
- const classMap = createClassMap(config);
150
- const {
151
- conflictingClassGroups,
152
- conflictingClassGroupModifiers
153
- } = config;
154
- const getClassGroupId = (className) => {
155
- const classParts = className.split(CLASS_PART_SEPARATOR);
156
- if (classParts[0] === "" && classParts.length !== 1) {
157
- classParts.shift();
158
- }
159
- return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
160
- };
161
- const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
162
- const conflicts = conflictingClassGroups[classGroupId] || [];
163
- if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
164
- return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
165
- }
166
- return conflicts;
167
- };
168
- return {
169
- getClassGroupId,
170
- getConflictingClassGroupIds
171
- };
172
- };
173
- var getGroupRecursive = (classParts, classPartObject) => {
174
- if (classParts.length === 0) {
175
- return classPartObject.classGroupId;
176
- }
177
- const currentClassPart = classParts[0];
178
- const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
179
- const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
180
- if (classGroupFromNextClassPart) {
181
- return classGroupFromNextClassPart;
182
- }
183
- if (classPartObject.validators.length === 0) {
184
- return;
185
- }
186
- const classRest = classParts.join(CLASS_PART_SEPARATOR);
187
- return classPartObject.validators.find(({
188
- validator
189
- }) => validator(classRest))?.classGroupId;
190
- };
191
- var arbitraryPropertyRegex = /^\[(.+)\]$/;
192
- var getGroupIdForArbitraryProperty = (className) => {
193
- if (arbitraryPropertyRegex.test(className)) {
194
- const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
195
- const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
196
- if (property) {
197
- return "arbitrary.." + property;
198
- }
199
- }
200
- };
201
- var createClassMap = (config) => {
202
- const {
203
- theme,
204
- prefix
205
- } = config;
206
- const classMap = {
207
- nextPart: new Map,
208
- validators: []
209
- };
210
- const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
211
- prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
212
- processClassesRecursively(classGroup, classMap, classGroupId, theme);
213
- });
214
- return classMap;
215
- };
216
- var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
217
- classGroup.forEach((classDefinition) => {
218
- if (typeof classDefinition === "string") {
219
- const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
220
- classPartObjectToEdit.classGroupId = classGroupId;
221
- return;
222
- }
223
- if (typeof classDefinition === "function") {
224
- if (isThemeGetter(classDefinition)) {
225
- processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
226
- return;
227
- }
228
- classPartObject.validators.push({
229
- validator: classDefinition,
230
- classGroupId
231
- });
232
- return;
233
- }
234
- Object.entries(classDefinition).forEach(([key, classGroup2]) => {
235
- processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
236
- });
237
- });
238
- };
239
- var getPart = (classPartObject, path) => {
240
- let currentClassPartObject = classPartObject;
241
- path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
242
- if (!currentClassPartObject.nextPart.has(pathPart)) {
243
- currentClassPartObject.nextPart.set(pathPart, {
244
- nextPart: new Map,
245
- validators: []
246
- });
247
- }
248
- currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
249
- });
250
- return currentClassPartObject;
251
- };
252
- var isThemeGetter = (func) => func.isThemeGetter;
253
- var getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
254
- if (!prefix) {
255
- return classGroupEntries;
256
- }
257
- return classGroupEntries.map(([classGroupId, classGroup]) => {
258
- const prefixedClassGroup = classGroup.map((classDefinition) => {
259
- if (typeof classDefinition === "string") {
260
- return prefix + classDefinition;
261
- }
262
- if (typeof classDefinition === "object") {
263
- return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
264
- }
265
- return classDefinition;
266
- });
267
- return [classGroupId, prefixedClassGroup];
268
- });
269
- };
270
- var createLruCache = (maxCacheSize) => {
271
- if (maxCacheSize < 1) {
272
- return {
273
- get: () => {
274
- return;
275
- },
276
- set: () => {
277
- }
278
- };
279
- }
280
- let cacheSize = 0;
281
- let cache = new Map;
282
- let previousCache = new Map;
283
- const update = (key, value) => {
284
- cache.set(key, value);
285
- cacheSize++;
286
- if (cacheSize > maxCacheSize) {
287
- cacheSize = 0;
288
- previousCache = cache;
289
- cache = new Map;
290
- }
291
- };
292
- return {
293
- get(key) {
294
- let value = cache.get(key);
295
- if (value !== undefined) {
296
- return value;
297
- }
298
- if ((value = previousCache.get(key)) !== undefined) {
299
- update(key, value);
300
- return value;
301
- }
302
- },
303
- set(key, value) {
304
- if (cache.has(key)) {
305
- cache.set(key, value);
306
- } else {
307
- update(key, value);
308
- }
309
- }
310
- };
311
- };
312
- var IMPORTANT_MODIFIER = "!";
313
- var createParseClassName = (config) => {
314
- const {
315
- separator,
316
- experimentalParseClassName
317
- } = config;
318
- const isSeparatorSingleCharacter = separator.length === 1;
319
- const firstSeparatorCharacter = separator[0];
320
- const separatorLength = separator.length;
321
- const parseClassName = (className) => {
322
- const modifiers = [];
323
- let bracketDepth = 0;
324
- let modifierStart = 0;
325
- let postfixModifierPosition;
326
- for (let index = 0;index < className.length; index++) {
327
- let currentCharacter = className[index];
328
- if (bracketDepth === 0) {
329
- if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
330
- modifiers.push(className.slice(modifierStart, index));
331
- modifierStart = index + separatorLength;
332
- continue;
333
- }
334
- if (currentCharacter === "/") {
335
- postfixModifierPosition = index;
336
- continue;
337
- }
338
- }
339
- if (currentCharacter === "[") {
340
- bracketDepth++;
341
- } else if (currentCharacter === "]") {
342
- bracketDepth--;
343
- }
344
- }
345
- const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
346
- const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
347
- const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
348
- const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
349
- return {
350
- modifiers,
351
- hasImportantModifier,
352
- baseClassName,
353
- maybePostfixModifierPosition
354
- };
355
- };
356
- if (experimentalParseClassName) {
357
- return (className) => experimentalParseClassName({
358
- className,
359
- parseClassName
360
- });
361
- }
362
- return parseClassName;
363
- };
364
- var sortModifiers = (modifiers) => {
365
- if (modifiers.length <= 1) {
366
- return modifiers;
367
- }
368
- const sortedModifiers = [];
369
- let unsortedModifiers = [];
370
- modifiers.forEach((modifier) => {
371
- const isArbitraryVariant = modifier[0] === "[";
372
- if (isArbitraryVariant) {
373
- sortedModifiers.push(...unsortedModifiers.sort(), modifier);
374
- unsortedModifiers = [];
375
- } else {
376
- unsortedModifiers.push(modifier);
377
- }
378
- });
379
- sortedModifiers.push(...unsortedModifiers.sort());
380
- return sortedModifiers;
381
- };
382
- var createConfigUtils = (config) => ({
383
- cache: createLruCache(config.cacheSize),
384
- parseClassName: createParseClassName(config),
385
- ...createClassGroupUtils(config)
386
- });
387
- var SPLIT_CLASSES_REGEX = /\s+/;
388
- var mergeClassList = (classList, configUtils) => {
389
- const {
390
- parseClassName,
391
- getClassGroupId,
392
- getConflictingClassGroupIds
393
- } = configUtils;
394
- const classGroupsInConflict = [];
395
- const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
396
- let result = "";
397
- for (let index = classNames.length - 1;index >= 0; index -= 1) {
398
- const originalClassName = classNames[index];
399
- const {
400
- modifiers,
401
- hasImportantModifier,
402
- baseClassName,
403
- maybePostfixModifierPosition
404
- } = parseClassName(originalClassName);
405
- let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
406
- let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
407
- if (!classGroupId) {
408
- if (!hasPostfixModifier) {
409
- result = originalClassName + (result.length > 0 ? " " + result : result);
410
- continue;
411
- }
412
- classGroupId = getClassGroupId(baseClassName);
413
- if (!classGroupId) {
414
- result = originalClassName + (result.length > 0 ? " " + result : result);
415
- continue;
416
- }
417
- hasPostfixModifier = false;
418
- }
419
- const variantModifier = sortModifiers(modifiers).join(":");
420
- const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
421
- const classId = modifierId + classGroupId;
422
- if (classGroupsInConflict.includes(classId)) {
423
- continue;
424
- }
425
- classGroupsInConflict.push(classId);
426
- const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
427
- for (let i = 0;i < conflictGroups.length; ++i) {
428
- const group = conflictGroups[i];
429
- classGroupsInConflict.push(modifierId + group);
430
- }
431
- result = originalClassName + (result.length > 0 ? " " + result : result);
432
- }
433
- return result;
434
- };
435
- var toValue = (mix) => {
436
- if (typeof mix === "string") {
437
- return mix;
438
- }
439
- let resolvedValue;
440
- let string = "";
441
- for (let k = 0;k < mix.length; k++) {
442
- if (mix[k]) {
443
- if (resolvedValue = toValue(mix[k])) {
444
- string && (string += " ");
445
- string += resolvedValue;
446
- }
447
- }
448
- }
449
- return string;
450
- };
451
- var fromTheme = (key) => {
452
- const themeGetter = (theme) => theme[key] || [];
453
- themeGetter.isThemeGetter = true;
454
- return themeGetter;
455
- };
456
- var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
457
- var fractionRegex = /^\d+\/\d+$/;
458
- var stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
459
- var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
460
- var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
461
- var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
462
- var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
463
- var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
464
- var isLength = (value) => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
465
- var isArbitraryLength = (value) => getIsArbitraryValue(value, "length", isLengthOnly);
466
- var isNumber = (value) => Boolean(value) && !Number.isNaN(Number(value));
467
- var isArbitraryNumber = (value) => getIsArbitraryValue(value, "number", isNumber);
468
- var isInteger = (value) => Boolean(value) && Number.isInteger(Number(value));
469
- var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
470
- var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
471
- var isTshirtSize = (value) => tshirtUnitRegex.test(value);
472
- var sizeLabels = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
473
- var isArbitrarySize = (value) => getIsArbitraryValue(value, sizeLabels, isNever);
474
- var isArbitraryPosition = (value) => getIsArbitraryValue(value, "position", isNever);
475
- var imageLabels = /* @__PURE__ */ new Set(["image", "url"]);
476
- var isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
477
- var isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
478
- var isAny = () => true;
479
- var getIsArbitraryValue = (value, label, testValue) => {
480
- const result = arbitraryValueRegex.exec(value);
481
- if (result) {
482
- if (result[1]) {
483
- return typeof label === "string" ? result[1] === label : label.has(result[1]);
484
- }
485
- return testValue(result[2]);
486
- }
487
- return false;
488
- };
489
- var isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
490
- var isNever = () => false;
491
- var isShadow = (value) => shadowRegex.test(value);
492
- var isImage = (value) => imageRegex.test(value);
493
- var getDefaultConfig = () => {
494
- const colors = fromTheme("colors");
495
- const spacing = fromTheme("spacing");
496
- const blur = fromTheme("blur");
497
- const brightness = fromTheme("brightness");
498
- const borderColor = fromTheme("borderColor");
499
- const borderRadius = fromTheme("borderRadius");
500
- const borderSpacing = fromTheme("borderSpacing");
501
- const borderWidth = fromTheme("borderWidth");
502
- const contrast = fromTheme("contrast");
503
- const grayscale = fromTheme("grayscale");
504
- const hueRotate = fromTheme("hueRotate");
505
- const invert = fromTheme("invert");
506
- const gap = fromTheme("gap");
507
- const gradientColorStops = fromTheme("gradientColorStops");
508
- const gradientColorStopPositions = fromTheme("gradientColorStopPositions");
509
- const inset = fromTheme("inset");
510
- const margin = fromTheme("margin");
511
- const opacity = fromTheme("opacity");
512
- const padding = fromTheme("padding");
513
- const saturate = fromTheme("saturate");
514
- const scale = fromTheme("scale");
515
- const sepia = fromTheme("sepia");
516
- const skew = fromTheme("skew");
517
- const space = fromTheme("space");
518
- const translate = fromTheme("translate");
519
- const getOverscroll = () => ["auto", "contain", "none"];
520
- const getOverflow = () => ["auto", "hidden", "clip", "visible", "scroll"];
521
- const getSpacingWithAutoAndArbitrary = () => ["auto", isArbitraryValue, spacing];
522
- const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];
523
- const getLengthWithEmptyAndArbitrary = () => ["", isLength, isArbitraryLength];
524
- const getNumberWithAutoAndArbitrary = () => ["auto", isNumber, isArbitraryValue];
525
- const getPositions = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"];
526
- const getLineStyles = () => ["solid", "dashed", "dotted", "double", "none"];
527
- const getBlendModes = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
528
- const getAlign = () => ["start", "end", "center", "between", "around", "evenly", "stretch"];
529
- const getZeroAndEmpty = () => ["", "0", isArbitraryValue];
530
- const getBreaks = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
531
- const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];
532
- return {
533
- cacheSize: 500,
534
- separator: ":",
535
- theme: {
536
- colors: [isAny],
537
- spacing: [isLength, isArbitraryLength],
538
- blur: ["none", "", isTshirtSize, isArbitraryValue],
539
- brightness: getNumberAndArbitrary(),
540
- borderColor: [colors],
541
- borderRadius: ["none", "", "full", isTshirtSize, isArbitraryValue],
542
- borderSpacing: getSpacingWithArbitrary(),
543
- borderWidth: getLengthWithEmptyAndArbitrary(),
544
- contrast: getNumberAndArbitrary(),
545
- grayscale: getZeroAndEmpty(),
546
- hueRotate: getNumberAndArbitrary(),
547
- invert: getZeroAndEmpty(),
548
- gap: getSpacingWithArbitrary(),
549
- gradientColorStops: [colors],
550
- gradientColorStopPositions: [isPercent, isArbitraryLength],
551
- inset: getSpacingWithAutoAndArbitrary(),
552
- margin: getSpacingWithAutoAndArbitrary(),
553
- opacity: getNumberAndArbitrary(),
554
- padding: getSpacingWithArbitrary(),
555
- saturate: getNumberAndArbitrary(),
556
- scale: getNumberAndArbitrary(),
557
- sepia: getZeroAndEmpty(),
558
- skew: getNumberAndArbitrary(),
559
- space: getSpacingWithArbitrary(),
560
- translate: getSpacingWithArbitrary()
561
- },
562
- classGroups: {
563
- aspect: [{
564
- aspect: ["auto", "square", "video", isArbitraryValue]
565
- }],
566
- container: ["container"],
567
- columns: [{
568
- columns: [isTshirtSize]
569
- }],
570
- "break-after": [{
571
- "break-after": getBreaks()
572
- }],
573
- "break-before": [{
574
- "break-before": getBreaks()
575
- }],
576
- "break-inside": [{
577
- "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
578
- }],
579
- "box-decoration": [{
580
- "box-decoration": ["slice", "clone"]
581
- }],
582
- box: [{
583
- box: ["border", "content"]
584
- }],
585
- 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"],
586
- float: [{
587
- float: ["right", "left", "none", "start", "end"]
588
- }],
589
- clear: [{
590
- clear: ["left", "right", "both", "none", "start", "end"]
591
- }],
592
- isolation: ["isolate", "isolation-auto"],
593
- "object-fit": [{
594
- object: ["contain", "cover", "fill", "none", "scale-down"]
595
- }],
596
- "object-position": [{
597
- object: [...getPositions(), isArbitraryValue]
598
- }],
599
- overflow: [{
600
- overflow: getOverflow()
601
- }],
602
- "overflow-x": [{
603
- "overflow-x": getOverflow()
604
- }],
605
- "overflow-y": [{
606
- "overflow-y": getOverflow()
607
- }],
608
- overscroll: [{
609
- overscroll: getOverscroll()
610
- }],
611
- "overscroll-x": [{
612
- "overscroll-x": getOverscroll()
613
- }],
614
- "overscroll-y": [{
615
- "overscroll-y": getOverscroll()
616
- }],
617
- position: ["static", "fixed", "absolute", "relative", "sticky"],
618
- inset: [{
619
- inset: [inset]
620
- }],
621
- "inset-x": [{
622
- "inset-x": [inset]
623
- }],
624
- "inset-y": [{
625
- "inset-y": [inset]
626
- }],
627
- start: [{
628
- start: [inset]
629
- }],
630
- end: [{
631
- end: [inset]
632
- }],
633
- top: [{
634
- top: [inset]
635
- }],
636
- right: [{
637
- right: [inset]
638
- }],
639
- bottom: [{
640
- bottom: [inset]
641
- }],
642
- left: [{
643
- left: [inset]
644
- }],
645
- visibility: ["visible", "invisible", "collapse"],
646
- z: [{
647
- z: ["auto", isInteger, isArbitraryValue]
648
- }],
649
- basis: [{
650
- basis: getSpacingWithAutoAndArbitrary()
651
- }],
652
- "flex-direction": [{
653
- flex: ["row", "row-reverse", "col", "col-reverse"]
654
- }],
655
- "flex-wrap": [{
656
- flex: ["wrap", "wrap-reverse", "nowrap"]
657
- }],
658
- flex: [{
659
- flex: ["1", "auto", "initial", "none", isArbitraryValue]
660
- }],
661
- grow: [{
662
- grow: getZeroAndEmpty()
663
- }],
664
- shrink: [{
665
- shrink: getZeroAndEmpty()
666
- }],
667
- order: [{
668
- order: ["first", "last", "none", isInteger, isArbitraryValue]
669
- }],
670
- "grid-cols": [{
671
- "grid-cols": [isAny]
672
- }],
673
- "col-start-end": [{
674
- col: ["auto", {
675
- span: ["full", isInteger, isArbitraryValue]
676
- }, isArbitraryValue]
677
- }],
678
- "col-start": [{
679
- "col-start": getNumberWithAutoAndArbitrary()
680
- }],
681
- "col-end": [{
682
- "col-end": getNumberWithAutoAndArbitrary()
683
- }],
684
- "grid-rows": [{
685
- "grid-rows": [isAny]
686
- }],
687
- "row-start-end": [{
688
- row: ["auto", {
689
- span: [isInteger, isArbitraryValue]
690
- }, isArbitraryValue]
691
- }],
692
- "row-start": [{
693
- "row-start": getNumberWithAutoAndArbitrary()
694
- }],
695
- "row-end": [{
696
- "row-end": getNumberWithAutoAndArbitrary()
697
- }],
698
- "grid-flow": [{
699
- "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
700
- }],
701
- "auto-cols": [{
702
- "auto-cols": ["auto", "min", "max", "fr", isArbitraryValue]
703
- }],
704
- "auto-rows": [{
705
- "auto-rows": ["auto", "min", "max", "fr", isArbitraryValue]
706
- }],
707
- gap: [{
708
- gap: [gap]
709
- }],
710
- "gap-x": [{
711
- "gap-x": [gap]
712
- }],
713
- "gap-y": [{
714
- "gap-y": [gap]
715
- }],
716
- "justify-content": [{
717
- justify: ["normal", ...getAlign()]
718
- }],
719
- "justify-items": [{
720
- "justify-items": ["start", "end", "center", "stretch"]
721
- }],
722
- "justify-self": [{
723
- "justify-self": ["auto", "start", "end", "center", "stretch"]
724
- }],
725
- "align-content": [{
726
- content: ["normal", ...getAlign(), "baseline"]
727
- }],
728
- "align-items": [{
729
- items: ["start", "end", "center", "baseline", "stretch"]
730
- }],
731
- "align-self": [{
732
- self: ["auto", "start", "end", "center", "stretch", "baseline"]
733
- }],
734
- "place-content": [{
735
- "place-content": [...getAlign(), "baseline"]
736
- }],
737
- "place-items": [{
738
- "place-items": ["start", "end", "center", "baseline", "stretch"]
739
- }],
740
- "place-self": [{
741
- "place-self": ["auto", "start", "end", "center", "stretch"]
742
- }],
743
- p: [{
744
- p: [padding]
745
- }],
746
- px: [{
747
- px: [padding]
748
- }],
749
- py: [{
750
- py: [padding]
751
- }],
752
- ps: [{
753
- ps: [padding]
754
- }],
755
- pe: [{
756
- pe: [padding]
757
- }],
758
- pt: [{
759
- pt: [padding]
760
- }],
761
- pr: [{
762
- pr: [padding]
763
- }],
764
- pb: [{
765
- pb: [padding]
766
- }],
767
- pl: [{
768
- pl: [padding]
769
- }],
770
- m: [{
771
- m: [margin]
772
- }],
773
- mx: [{
774
- mx: [margin]
775
- }],
776
- my: [{
777
- my: [margin]
778
- }],
779
- ms: [{
780
- ms: [margin]
781
- }],
782
- me: [{
783
- me: [margin]
784
- }],
785
- mt: [{
786
- mt: [margin]
787
- }],
788
- mr: [{
789
- mr: [margin]
790
- }],
791
- mb: [{
792
- mb: [margin]
793
- }],
794
- ml: [{
795
- ml: [margin]
796
- }],
797
- "space-x": [{
798
- "space-x": [space]
799
- }],
800
- "space-x-reverse": ["space-x-reverse"],
801
- "space-y": [{
802
- "space-y": [space]
803
- }],
804
- "space-y-reverse": ["space-y-reverse"],
805
- w: [{
806
- w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", isArbitraryValue, spacing]
807
- }],
808
- "min-w": [{
809
- "min-w": [isArbitraryValue, spacing, "min", "max", "fit"]
810
- }],
811
- "max-w": [{
812
- "max-w": [isArbitraryValue, spacing, "none", "full", "min", "max", "fit", "prose", {
813
- screen: [isTshirtSize]
814
- }, isTshirtSize]
815
- }],
816
- h: [{
817
- h: [isArbitraryValue, spacing, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
818
- }],
819
- "min-h": [{
820
- "min-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
821
- }],
822
- "max-h": [{
823
- "max-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
824
- }],
825
- size: [{
826
- size: [isArbitraryValue, spacing, "auto", "min", "max", "fit"]
827
- }],
828
- "font-size": [{
829
- text: ["base", isTshirtSize, isArbitraryLength]
830
- }],
831
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
832
- "font-style": ["italic", "not-italic"],
833
- "font-weight": [{
834
- font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", isArbitraryNumber]
835
- }],
836
- "font-family": [{
837
- font: [isAny]
838
- }],
839
- "fvn-normal": ["normal-nums"],
840
- "fvn-ordinal": ["ordinal"],
841
- "fvn-slashed-zero": ["slashed-zero"],
842
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
843
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
844
- "fvn-fraction": ["diagonal-fractions", "stacked-fractons"],
845
- tracking: [{
846
- tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", isArbitraryValue]
847
- }],
848
- "line-clamp": [{
849
- "line-clamp": ["none", isNumber, isArbitraryNumber]
850
- }],
851
- leading: [{
852
- leading: ["none", "tight", "snug", "normal", "relaxed", "loose", isLength, isArbitraryValue]
853
- }],
854
- "list-image": [{
855
- "list-image": ["none", isArbitraryValue]
856
- }],
857
- "list-style-type": [{
858
- list: ["none", "disc", "decimal", isArbitraryValue]
859
- }],
860
- "list-style-position": [{
861
- list: ["inside", "outside"]
862
- }],
863
- "placeholder-color": [{
864
- placeholder: [colors]
865
- }],
866
- "placeholder-opacity": [{
867
- "placeholder-opacity": [opacity]
868
- }],
869
- "text-alignment": [{
870
- text: ["left", "center", "right", "justify", "start", "end"]
871
- }],
872
- "text-color": [{
873
- text: [colors]
874
- }],
875
- "text-opacity": [{
876
- "text-opacity": [opacity]
877
- }],
878
- "text-decoration": ["underline", "overline", "line-through", "no-underline"],
879
- "text-decoration-style": [{
880
- decoration: [...getLineStyles(), "wavy"]
881
- }],
882
- "text-decoration-thickness": [{
883
- decoration: ["auto", "from-font", isLength, isArbitraryLength]
884
- }],
885
- "underline-offset": [{
886
- "underline-offset": ["auto", isLength, isArbitraryValue]
887
- }],
888
- "text-decoration-color": [{
889
- decoration: [colors]
890
- }],
891
- "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
892
- "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
893
- "text-wrap": [{
894
- text: ["wrap", "nowrap", "balance", "pretty"]
895
- }],
896
- indent: [{
897
- indent: getSpacingWithArbitrary()
898
- }],
899
- "vertical-align": [{
900
- align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", isArbitraryValue]
901
- }],
902
- whitespace: [{
903
- whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
904
- }],
905
- break: [{
906
- break: ["normal", "words", "all", "keep"]
907
- }],
908
- hyphens: [{
909
- hyphens: ["none", "manual", "auto"]
910
- }],
911
- content: [{
912
- content: ["none", isArbitraryValue]
913
- }],
914
- "bg-attachment": [{
915
- bg: ["fixed", "local", "scroll"]
916
- }],
917
- "bg-clip": [{
918
- "bg-clip": ["border", "padding", "content", "text"]
919
- }],
920
- "bg-opacity": [{
921
- "bg-opacity": [opacity]
922
- }],
923
- "bg-origin": [{
924
- "bg-origin": ["border", "padding", "content"]
925
- }],
926
- "bg-position": [{
927
- bg: [...getPositions(), isArbitraryPosition]
928
- }],
929
- "bg-repeat": [{
930
- bg: ["no-repeat", {
931
- repeat: ["", "x", "y", "round", "space"]
932
- }]
933
- }],
934
- "bg-size": [{
935
- bg: ["auto", "cover", "contain", isArbitrarySize]
936
- }],
937
- "bg-image": [{
938
- bg: ["none", {
939
- "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
940
- }, isArbitraryImage]
941
- }],
942
- "bg-color": [{
943
- bg: [colors]
944
- }],
945
- "gradient-from-pos": [{
946
- from: [gradientColorStopPositions]
947
- }],
948
- "gradient-via-pos": [{
949
- via: [gradientColorStopPositions]
950
- }],
951
- "gradient-to-pos": [{
952
- to: [gradientColorStopPositions]
953
- }],
954
- "gradient-from": [{
955
- from: [gradientColorStops]
956
- }],
957
- "gradient-via": [{
958
- via: [gradientColorStops]
959
- }],
960
- "gradient-to": [{
961
- to: [gradientColorStops]
962
- }],
963
- rounded: [{
964
- rounded: [borderRadius]
965
- }],
966
- "rounded-s": [{
967
- "rounded-s": [borderRadius]
968
- }],
969
- "rounded-e": [{
970
- "rounded-e": [borderRadius]
971
- }],
972
- "rounded-t": [{
973
- "rounded-t": [borderRadius]
974
- }],
975
- "rounded-r": [{
976
- "rounded-r": [borderRadius]
977
- }],
978
- "rounded-b": [{
979
- "rounded-b": [borderRadius]
980
- }],
981
- "rounded-l": [{
982
- "rounded-l": [borderRadius]
983
- }],
984
- "rounded-ss": [{
985
- "rounded-ss": [borderRadius]
986
- }],
987
- "rounded-se": [{
988
- "rounded-se": [borderRadius]
989
- }],
990
- "rounded-ee": [{
991
- "rounded-ee": [borderRadius]
992
- }],
993
- "rounded-es": [{
994
- "rounded-es": [borderRadius]
995
- }],
996
- "rounded-tl": [{
997
- "rounded-tl": [borderRadius]
998
- }],
999
- "rounded-tr": [{
1000
- "rounded-tr": [borderRadius]
1001
- }],
1002
- "rounded-br": [{
1003
- "rounded-br": [borderRadius]
1004
- }],
1005
- "rounded-bl": [{
1006
- "rounded-bl": [borderRadius]
1007
- }],
1008
- "border-w": [{
1009
- border: [borderWidth]
1010
- }],
1011
- "border-w-x": [{
1012
- "border-x": [borderWidth]
1013
- }],
1014
- "border-w-y": [{
1015
- "border-y": [borderWidth]
1016
- }],
1017
- "border-w-s": [{
1018
- "border-s": [borderWidth]
1019
- }],
1020
- "border-w-e": [{
1021
- "border-e": [borderWidth]
1022
- }],
1023
- "border-w-t": [{
1024
- "border-t": [borderWidth]
1025
- }],
1026
- "border-w-r": [{
1027
- "border-r": [borderWidth]
1028
- }],
1029
- "border-w-b": [{
1030
- "border-b": [borderWidth]
1031
- }],
1032
- "border-w-l": [{
1033
- "border-l": [borderWidth]
1034
- }],
1035
- "border-opacity": [{
1036
- "border-opacity": [opacity]
1037
- }],
1038
- "border-style": [{
1039
- border: [...getLineStyles(), "hidden"]
1040
- }],
1041
- "divide-x": [{
1042
- "divide-x": [borderWidth]
1043
- }],
1044
- "divide-x-reverse": ["divide-x-reverse"],
1045
- "divide-y": [{
1046
- "divide-y": [borderWidth]
1047
- }],
1048
- "divide-y-reverse": ["divide-y-reverse"],
1049
- "divide-opacity": [{
1050
- "divide-opacity": [opacity]
1051
- }],
1052
- "divide-style": [{
1053
- divide: getLineStyles()
1054
- }],
1055
- "border-color": [{
1056
- border: [borderColor]
1057
- }],
1058
- "border-color-x": [{
1059
- "border-x": [borderColor]
1060
- }],
1061
- "border-color-y": [{
1062
- "border-y": [borderColor]
1063
- }],
1064
- "border-color-t": [{
1065
- "border-t": [borderColor]
1066
- }],
1067
- "border-color-r": [{
1068
- "border-r": [borderColor]
1069
- }],
1070
- "border-color-b": [{
1071
- "border-b": [borderColor]
1072
- }],
1073
- "border-color-l": [{
1074
- "border-l": [borderColor]
1075
- }],
1076
- "divide-color": [{
1077
- divide: [borderColor]
1078
- }],
1079
- "outline-style": [{
1080
- outline: ["", ...getLineStyles()]
1081
- }],
1082
- "outline-offset": [{
1083
- "outline-offset": [isLength, isArbitraryValue]
1084
- }],
1085
- "outline-w": [{
1086
- outline: [isLength, isArbitraryLength]
1087
- }],
1088
- "outline-color": [{
1089
- outline: [colors]
1090
- }],
1091
- "ring-w": [{
1092
- ring: getLengthWithEmptyAndArbitrary()
1093
- }],
1094
- "ring-w-inset": ["ring-inset"],
1095
- "ring-color": [{
1096
- ring: [colors]
1097
- }],
1098
- "ring-opacity": [{
1099
- "ring-opacity": [opacity]
1100
- }],
1101
- "ring-offset-w": [{
1102
- "ring-offset": [isLength, isArbitraryLength]
1103
- }],
1104
- "ring-offset-color": [{
1105
- "ring-offset": [colors]
1106
- }],
1107
- shadow: [{
1108
- shadow: ["", "inner", "none", isTshirtSize, isArbitraryShadow]
1109
- }],
1110
- "shadow-color": [{
1111
- shadow: [isAny]
1112
- }],
1113
- opacity: [{
1114
- opacity: [opacity]
1115
- }],
1116
- "mix-blend": [{
1117
- "mix-blend": [...getBlendModes(), "plus-lighter", "plus-darker"]
1118
- }],
1119
- "bg-blend": [{
1120
- "bg-blend": getBlendModes()
1121
- }],
1122
- filter: [{
1123
- filter: ["", "none"]
1124
- }],
1125
- blur: [{
1126
- blur: [blur]
1127
- }],
1128
- brightness: [{
1129
- brightness: [brightness]
1130
- }],
1131
- contrast: [{
1132
- contrast: [contrast]
1133
- }],
1134
- "drop-shadow": [{
1135
- "drop-shadow": ["", "none", isTshirtSize, isArbitraryValue]
1136
- }],
1137
- grayscale: [{
1138
- grayscale: [grayscale]
1139
- }],
1140
- "hue-rotate": [{
1141
- "hue-rotate": [hueRotate]
1142
- }],
1143
- invert: [{
1144
- invert: [invert]
1145
- }],
1146
- saturate: [{
1147
- saturate: [saturate]
1148
- }],
1149
- sepia: [{
1150
- sepia: [sepia]
1151
- }],
1152
- "backdrop-filter": [{
1153
- "backdrop-filter": ["", "none"]
1154
- }],
1155
- "backdrop-blur": [{
1156
- "backdrop-blur": [blur]
1157
- }],
1158
- "backdrop-brightness": [{
1159
- "backdrop-brightness": [brightness]
1160
- }],
1161
- "backdrop-contrast": [{
1162
- "backdrop-contrast": [contrast]
1163
- }],
1164
- "backdrop-grayscale": [{
1165
- "backdrop-grayscale": [grayscale]
1166
- }],
1167
- "backdrop-hue-rotate": [{
1168
- "backdrop-hue-rotate": [hueRotate]
1169
- }],
1170
- "backdrop-invert": [{
1171
- "backdrop-invert": [invert]
1172
- }],
1173
- "backdrop-opacity": [{
1174
- "backdrop-opacity": [opacity]
1175
- }],
1176
- "backdrop-saturate": [{
1177
- "backdrop-saturate": [saturate]
1178
- }],
1179
- "backdrop-sepia": [{
1180
- "backdrop-sepia": [sepia]
1181
- }],
1182
- "border-collapse": [{
1183
- border: ["collapse", "separate"]
1184
- }],
1185
- "border-spacing": [{
1186
- "border-spacing": [borderSpacing]
1187
- }],
1188
- "border-spacing-x": [{
1189
- "border-spacing-x": [borderSpacing]
1190
- }],
1191
- "border-spacing-y": [{
1192
- "border-spacing-y": [borderSpacing]
1193
- }],
1194
- "table-layout": [{
1195
- table: ["auto", "fixed"]
1196
- }],
1197
- caption: [{
1198
- caption: ["top", "bottom"]
1199
- }],
1200
- transition: [{
1201
- transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", isArbitraryValue]
1202
- }],
1203
- duration: [{
1204
- duration: getNumberAndArbitrary()
1205
- }],
1206
- ease: [{
1207
- ease: ["linear", "in", "out", "in-out", isArbitraryValue]
1208
- }],
1209
- delay: [{
1210
- delay: getNumberAndArbitrary()
1211
- }],
1212
- animate: [{
1213
- animate: ["none", "spin", "ping", "pulse", "bounce", isArbitraryValue]
1214
- }],
1215
- transform: [{
1216
- transform: ["", "gpu", "none"]
1217
- }],
1218
- scale: [{
1219
- scale: [scale]
1220
- }],
1221
- "scale-x": [{
1222
- "scale-x": [scale]
1223
- }],
1224
- "scale-y": [{
1225
- "scale-y": [scale]
1226
- }],
1227
- rotate: [{
1228
- rotate: [isInteger, isArbitraryValue]
1229
- }],
1230
- "translate-x": [{
1231
- "translate-x": [translate]
1232
- }],
1233
- "translate-y": [{
1234
- "translate-y": [translate]
1235
- }],
1236
- "skew-x": [{
1237
- "skew-x": [skew]
1238
- }],
1239
- "skew-y": [{
1240
- "skew-y": [skew]
1241
- }],
1242
- "transform-origin": [{
1243
- origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", isArbitraryValue]
1244
- }],
1245
- accent: [{
1246
- accent: ["auto", colors]
1247
- }],
1248
- appearance: [{
1249
- appearance: ["none", "auto"]
1250
- }],
1251
- cursor: [{
1252
- cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", isArbitraryValue]
1253
- }],
1254
- "caret-color": [{
1255
- caret: [colors]
1256
- }],
1257
- "pointer-events": [{
1258
- "pointer-events": ["none", "auto"]
1259
- }],
1260
- resize: [{
1261
- resize: ["none", "y", "x", ""]
1262
- }],
1263
- "scroll-behavior": [{
1264
- scroll: ["auto", "smooth"]
1265
- }],
1266
- "scroll-m": [{
1267
- "scroll-m": getSpacingWithArbitrary()
1268
- }],
1269
- "scroll-mx": [{
1270
- "scroll-mx": getSpacingWithArbitrary()
1271
- }],
1272
- "scroll-my": [{
1273
- "scroll-my": getSpacingWithArbitrary()
1274
- }],
1275
- "scroll-ms": [{
1276
- "scroll-ms": getSpacingWithArbitrary()
1277
- }],
1278
- "scroll-me": [{
1279
- "scroll-me": getSpacingWithArbitrary()
1280
- }],
1281
- "scroll-mt": [{
1282
- "scroll-mt": getSpacingWithArbitrary()
1283
- }],
1284
- "scroll-mr": [{
1285
- "scroll-mr": getSpacingWithArbitrary()
1286
- }],
1287
- "scroll-mb": [{
1288
- "scroll-mb": getSpacingWithArbitrary()
1289
- }],
1290
- "scroll-ml": [{
1291
- "scroll-ml": getSpacingWithArbitrary()
1292
- }],
1293
- "scroll-p": [{
1294
- "scroll-p": getSpacingWithArbitrary()
1295
- }],
1296
- "scroll-px": [{
1297
- "scroll-px": getSpacingWithArbitrary()
1298
- }],
1299
- "scroll-py": [{
1300
- "scroll-py": getSpacingWithArbitrary()
1301
- }],
1302
- "scroll-ps": [{
1303
- "scroll-ps": getSpacingWithArbitrary()
1304
- }],
1305
- "scroll-pe": [{
1306
- "scroll-pe": getSpacingWithArbitrary()
1307
- }],
1308
- "scroll-pt": [{
1309
- "scroll-pt": getSpacingWithArbitrary()
1310
- }],
1311
- "scroll-pr": [{
1312
- "scroll-pr": getSpacingWithArbitrary()
1313
- }],
1314
- "scroll-pb": [{
1315
- "scroll-pb": getSpacingWithArbitrary()
1316
- }],
1317
- "scroll-pl": [{
1318
- "scroll-pl": getSpacingWithArbitrary()
1319
- }],
1320
- "snap-align": [{
1321
- snap: ["start", "end", "center", "align-none"]
1322
- }],
1323
- "snap-stop": [{
1324
- snap: ["normal", "always"]
1325
- }],
1326
- "snap-type": [{
1327
- snap: ["none", "x", "y", "both"]
1328
- }],
1329
- "snap-strictness": [{
1330
- snap: ["mandatory", "proximity"]
1331
- }],
1332
- touch: [{
1333
- touch: ["auto", "none", "manipulation"]
1334
- }],
1335
- "touch-x": [{
1336
- "touch-pan": ["x", "left", "right"]
1337
- }],
1338
- "touch-y": [{
1339
- "touch-pan": ["y", "up", "down"]
1340
- }],
1341
- "touch-pz": ["touch-pinch-zoom"],
1342
- select: [{
1343
- select: ["none", "text", "all", "auto"]
1344
- }],
1345
- "will-change": [{
1346
- "will-change": ["auto", "scroll", "contents", "transform", isArbitraryValue]
1347
- }],
1348
- fill: [{
1349
- fill: [colors, "none"]
1350
- }],
1351
- "stroke-w": [{
1352
- stroke: [isLength, isArbitraryLength, isArbitraryNumber]
1353
- }],
1354
- stroke: [{
1355
- stroke: [colors, "none"]
1356
- }],
1357
- sr: ["sr-only", "not-sr-only"],
1358
- "forced-color-adjust": [{
1359
- "forced-color-adjust": ["auto", "none"]
1360
- }]
1361
- },
1362
- conflictingClassGroups: {
1363
- overflow: ["overflow-x", "overflow-y"],
1364
- overscroll: ["overscroll-x", "overscroll-y"],
1365
- inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
1366
- "inset-x": ["right", "left"],
1367
- "inset-y": ["top", "bottom"],
1368
- flex: ["basis", "grow", "shrink"],
1369
- gap: ["gap-x", "gap-y"],
1370
- p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
1371
- px: ["pr", "pl"],
1372
- py: ["pt", "pb"],
1373
- m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
1374
- mx: ["mr", "ml"],
1375
- my: ["mt", "mb"],
1376
- size: ["w", "h"],
1377
- "font-size": ["leading"],
1378
- "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
1379
- "fvn-ordinal": ["fvn-normal"],
1380
- "fvn-slashed-zero": ["fvn-normal"],
1381
- "fvn-figure": ["fvn-normal"],
1382
- "fvn-spacing": ["fvn-normal"],
1383
- "fvn-fraction": ["fvn-normal"],
1384
- "line-clamp": ["display", "overflow"],
1385
- 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"],
1386
- "rounded-s": ["rounded-ss", "rounded-es"],
1387
- "rounded-e": ["rounded-se", "rounded-ee"],
1388
- "rounded-t": ["rounded-tl", "rounded-tr"],
1389
- "rounded-r": ["rounded-tr", "rounded-br"],
1390
- "rounded-b": ["rounded-br", "rounded-bl"],
1391
- "rounded-l": ["rounded-tl", "rounded-bl"],
1392
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
1393
- "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
1394
- "border-w-x": ["border-w-r", "border-w-l"],
1395
- "border-w-y": ["border-w-t", "border-w-b"],
1396
- "border-color": ["border-color-t", "border-color-r", "border-color-b", "border-color-l"],
1397
- "border-color-x": ["border-color-r", "border-color-l"],
1398
- "border-color-y": ["border-color-t", "border-color-b"],
1399
- "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
1400
- "scroll-mx": ["scroll-mr", "scroll-ml"],
1401
- "scroll-my": ["scroll-mt", "scroll-mb"],
1402
- "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
1403
- "scroll-px": ["scroll-pr", "scroll-pl"],
1404
- "scroll-py": ["scroll-pt", "scroll-pb"],
1405
- touch: ["touch-x", "touch-y", "touch-pz"],
1406
- "touch-x": ["touch"],
1407
- "touch-y": ["touch"],
1408
- "touch-pz": ["touch"]
1409
- },
1410
- conflictingClassGroupModifiers: {
1411
- "font-size": ["leading"]
1412
- }
1413
- };
1414
- };
1415
- var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
1416
-
1417
- // src/cva/index.ts
1418
- function cxm(...inputs) {
1419
- return twMerge(clsx(inputs));
1420
- }
1421
- var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
1422
- var cx = clsx;
1423
- var cva = (base, config) => (props) => {
1424
- if (config?.variants == null)
1425
- return cx(base, props?.class, props?.className);
1426
- const { variants, defaultVariants } = config;
1427
- const getVariantClassNames = Object.keys(variants).map((variant) => {
1428
- const variantProp = props?.[variant];
1429
- const defaultVariantProp = defaultVariants?.[variant];
1430
- if (variantProp === null)
1431
- return null;
1432
- const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
1433
- return variants[variant][variantKey];
1434
- });
1435
- const propsWithoutUndefined = props && Object.entries(props).reduce((acc, [key, value]) => {
1436
- if (value === undefined) {
1437
- return acc;
1438
- }
1439
- acc[key] = value;
1440
- return acc;
1441
- }, {});
1442
- const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, className: cvClassName, ...compoundVariantOptions }) => Object.entries(compoundVariantOptions).every(([key, value]) => Array.isArray(value) ? value.includes({
1443
- ...defaultVariants,
1444
- ...propsWithoutUndefined
1445
- }[key]) : {
1446
- ...defaultVariants,
1447
- ...propsWithoutUndefined
1448
- }[key] === value) ? [...acc, cvClass, cvClassName] : acc, []);
1449
- return cx(base, getVariantClassNames, getCompoundVariantClassNames, props?.class, props?.className);
1450
- };
1451
- var export_cn = import_classnames.default;
1452
-
1453
- export {
1454
- cxm,
1455
- cx,
1456
- cva,
1457
- export_cn as cn
1458
- };
1
+ import{createDefiner as e,createMerger as t}from"@teacss/classes";import{pluginIcon as n}from"@teacss/preset-icons/merge";import{pluginStandard as r}from"@teacss/preset-standard/merge";export*from"@teacss/preset-standard/constants";const i=t({plugins:[r,n]});let a;const o=(t=>(a??=e({merge:i}),a(t)));export{i as cn,o as recipe};