@koaris/bloom-ui 1.0.1

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