UNPKG

86.2 kBJavaScriptView Raw
1'use strict';
2
3Object.defineProperty(exports, '__esModule', { value: true });
4
5const colors = {
6 black: '#000',
7 white: '#fff',
8 rose: {
9 50: '#fff1f2',
10 100: '#ffe4e6',
11 200: '#fecdd3',
12 300: '#fda4af',
13 400: '#fb7185',
14 500: '#f43f5e',
15 600: '#e11d48',
16 700: '#be123c',
17 800: '#9f1239',
18 900: '#881337',
19 },
20 pink: {
21 50: '#fdf2f8',
22 100: '#fce7f3',
23 200: '#fbcfe8',
24 300: '#f9a8d4',
25 400: '#f472b6',
26 500: '#ec4899',
27 600: '#db2777',
28 700: '#be185d',
29 800: '#9d174d',
30 900: '#831843',
31 },
32 fuchsia: {
33 50: '#fdf4ff',
34 100: '#fae8ff',
35 200: '#f5d0fe',
36 300: '#f0abfc',
37 400: '#e879f9',
38 500: '#d946ef',
39 600: '#c026d3',
40 700: '#a21caf',
41 800: '#86198f',
42 900: '#701a75',
43 },
44 purple: {
45 50: '#faf5ff',
46 100: '#f3e8ff',
47 200: '#e9d5ff',
48 300: '#d8b4fe',
49 400: '#c084fc',
50 500: '#a855f7',
51 600: '#9333ea',
52 700: '#7e22ce',
53 800: '#6b21a8',
54 900: '#581c87',
55 },
56 violet: {
57 50: '#f5f3ff',
58 100: '#ede9fe',
59 200: '#ddd6fe',
60 300: '#c4b5fd',
61 400: '#a78bfa',
62 500: '#8b5cf6',
63 600: '#7c3aed',
64 700: '#6d28d9',
65 800: '#5b21b6',
66 900: '#4c1d95',
67 },
68 indigo: {
69 50: '#eef2ff',
70 100: '#e0e7ff',
71 200: '#c7d2fe',
72 300: '#a5b4fc',
73 400: '#818cf8',
74 500: '#6366f1',
75 600: '#4f46e5',
76 700: '#4338ca',
77 800: '#3730a3',
78 900: '#312e81',
79 },
80 blue: {
81 50: '#eff6ff',
82 100: '#dbeafe',
83 200: '#bfdbfe',
84 300: '#93c5fd',
85 400: '#60a5fa',
86 500: '#3b82f6',
87 600: '#2563eb',
88 700: '#1d4ed8',
89 800: '#1e40af',
90 900: '#1e3a8a',
91 },
92 lightBlue: {
93 50: '#f0f9ff',
94 100: '#e0f2fe',
95 200: '#bae6fd',
96 300: '#7dd3fc',
97 400: '#38bdf8',
98 500: '#0ea5e9',
99 600: '#0284c7',
100 700: '#0369a1',
101 800: '#075985',
102 900: '#0c4a6e',
103 },
104 sky: {
105 50: '#f0f9ff',
106 100: '#e0f2fe',
107 200: '#bae6fd',
108 300: '#7dd3fc',
109 400: '#38bdf8',
110 500: '#0ea5e9',
111 600: '#0284c7',
112 700: '#0369a1',
113 800: '#075985',
114 900: '#0c4a6e',
115 },
116 cyan: {
117 50: '#ecfeff',
118 100: '#cffafe',
119 200: '#a5f3fc',
120 300: '#67e8f9',
121 400: '#22d3ee',
122 500: '#06b6d4',
123 600: '#0891b2',
124 700: '#0e7490',
125 800: '#155e75',
126 900: '#164e63',
127 },
128 teal: {
129 50: '#f0fdfa',
130 100: '#ccfbf1',
131 200: '#99f6e4',
132 300: '#5eead4',
133 400: '#2dd4bf',
134 500: '#14b8a6',
135 600: '#0d9488',
136 700: '#0f766e',
137 800: '#115e59',
138 900: '#134e4a',
139 },
140 emerald: {
141 50: '#ecfdf5',
142 100: '#d1fae5',
143 200: '#a7f3d0',
144 300: '#6ee7b7',
145 400: '#34d399',
146 500: '#10b981',
147 600: '#059669',
148 700: '#047857',
149 800: '#065f46',
150 900: '#064e3b',
151 },
152 green: {
153 50: '#f0fdf4',
154 100: '#dcfce7',
155 200: '#bbf7d0',
156 300: '#86efac',
157 400: '#4ade80',
158 500: '#22c55e',
159 600: '#16a34a',
160 700: '#15803d',
161 800: '#166534',
162 900: '#14532d',
163 },
164 lime: {
165 50: '#f7fee7',
166 100: '#ecfccb',
167 200: '#d9f99d',
168 300: '#bef264',
169 400: '#a3e635',
170 500: '#84cc16',
171 600: '#65a30d',
172 700: '#4d7c0f',
173 800: '#3f6212',
174 900: '#365314',
175 },
176 yellow: {
177 50: '#fefce8',
178 100: '#fef9c3',
179 200: '#fef08a',
180 300: '#fde047',
181 400: '#facc15',
182 500: '#eab308',
183 600: '#ca8a04',
184 700: '#a16207',
185 800: '#854d0e',
186 900: '#713f12',
187 },
188 amber: {
189 50: '#fffbeb',
190 100: '#fef3c7',
191 200: '#fde68a',
192 300: '#fcd34d',
193 400: '#fbbf24',
194 500: '#f59e0b',
195 600: '#d97706',
196 700: '#b45309',
197 800: '#92400e',
198 900: '#78350f',
199 },
200 orange: {
201 50: '#fff7ed',
202 100: '#ffedd5',
203 200: '#fed7aa',
204 300: '#fdba74',
205 400: '#fb923c',
206 500: '#f97316',
207 600: '#ea580c',
208 700: '#c2410c',
209 800: '#9a3412',
210 900: '#7c2d12',
211 },
212 red: {
213 50: '#fef2f2',
214 100: '#fee2e2',
215 200: '#fecaca',
216 300: '#fca5a5',
217 400: '#f87171',
218 500: '#ef4444',
219 600: '#dc2626',
220 700: '#b91c1c',
221 800: '#991b1b',
222 900: '#7f1d1d',
223 },
224 warmGray: {
225 50: '#fafaf9',
226 100: '#f5f5f4',
227 200: '#e7e5e4',
228 300: '#d6d3d1',
229 400: '#a8a29e',
230 500: '#78716c',
231 600: '#57534e',
232 700: '#44403c',
233 800: '#292524',
234 900: '#1c1917',
235 },
236 trueGray: {
237 50: '#fafafa',
238 100: '#f5f5f5',
239 200: '#e5e5e5',
240 300: '#d4d4d4',
241 400: '#a3a3a3',
242 500: '#737373',
243 600: '#525252',
244 700: '#404040',
245 800: '#262626',
246 900: '#171717',
247 },
248 gray: {
249 50: '#fafafa',
250 100: '#f4f4f5',
251 200: '#e4e4e7',
252 300: '#d4d4d8',
253 400: '#a1a1aa',
254 500: '#71717a',
255 600: '#52525b',
256 700: '#3f3f46',
257 800: '#27272a',
258 900: '#18181b',
259 },
260 coolGray: {
261 50: '#f9fafb',
262 100: '#f3f4f6',
263 200: '#e5e7eb',
264 300: '#d1d5db',
265 400: '#9ca3af',
266 500: '#6b7280',
267 600: '#4b5563',
268 700: '#374151',
269 800: '#1f2937',
270 900: '#111827',
271 },
272 blueGray: {
273 50: '#f8fafc',
274 100: '#f1f5f9',
275 200: '#e2e8f0',
276 300: '#cbd5e1',
277 400: '#94a3b8',
278 500: '#64748b',
279 600: '#475569',
280 700: '#334155',
281 800: '#1e293b',
282 900: '#0f172a',
283 },
284 light: {
285 50: '#fdfdfd',
286 100: '#fcfcfc',
287 200: '#fafafa',
288 300: '#f8f9fa',
289 400: '#f6f6f6',
290 500: '#f2f2f2',
291 600: '#f1f3f5',
292 700: '#e9ecef',
293 800: '#dee2e6',
294 900: '#dde1e3',
295 },
296 dark: {
297 50: '#4a4a4a',
298 100: '#3c3c3c',
299 200: '#323232',
300 300: '#2d2d2d',
301 400: '#222222',
302 500: '#1f1f1f',
303 600: '#1c1c1e',
304 700: '#1b1b1b',
305 800: '#181818',
306 900: '#0f0f0f',
307 },
308};
309
310const keyframes = {
311 spin: {
312 from: {
313 transform: 'rotate(0deg)',
314 },
315 to: {
316 transform: 'rotate(360deg)',
317 },
318 },
319 ping: {
320 '0%': {
321 transform: 'scale(1)',
322 opacity: '1',
323 },
324 '75%, 100%': {
325 transform: 'scale(2)',
326 opacity: '0',
327 },
328 },
329 pulse: {
330 '0%, 100%': {
331 opacity: '1',
332 },
333 '50%': {
334 opacity: '.5',
335 },
336 },
337 bounce: {
338 '0%, 100%': {
339 transform: 'translateY(-25%)',
340 animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
341 },
342 '50%': {
343 transform: 'translateY(0)',
344 animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
345 },
346 },
347 shock: {
348 'from, 20%, 53%, 80%, to': {
349 animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
350 transform: 'translate3d(0, 0, 0)',
351 },
352 '40%, 43%': {
353 animationTimingFunction: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
354 transform: 'translate3d(0, -30px, 0)',
355 },
356 '70%': {
357 animationTimingFunction: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
358 transform: 'translate3d(0, -15px, 0)',
359 },
360 '90%': {
361 transform: 'translate3d(0, -4px, 0)',
362 },
363 },
364 flash: {
365 'from, 50%, to': {
366 opacity: '1',
367 },
368 '25%, 75%': {
369 opacity: '0',
370 },
371 },
372 bubble: {
373 'from': {
374 transform: 'scale3d(1, 1, 1)',
375 },
376 '50%': {
377 transform: 'scale3d(1.05, 1.05, 1.05)',
378 },
379 'to': {
380 transform: 'scale3d(1, 1, 1)',
381 },
382 },
383 rubberBand: {
384 'from': {
385 transform: 'scale3d(1, 1, 1)',
386 },
387 '30%': {
388 transform: 'scale3d(1.25, 0.75, 1)',
389 },
390 '40%': {
391 transform: 'scale3d(0.75, 1.25, 1)',
392 },
393 '50%': {
394 transform: 'scale3d(1.15, 0.85, 1)',
395 },
396 '65%': {
397 transform: 'scale3d(0.95, 1.05, 1)',
398 },
399 '75%': {
400 transform: 'scale3d(1.05, 0.95, 1)',
401 },
402 'to': {
403 transform: 'scale3d(1, 1, 1)',
404 },
405 },
406 shakeX: {
407 'from, to': {
408 transform: 'translate3d(0, 0, 0)',
409 },
410 '10%, 30%, 50%, 70%, 90%': {
411 transform: 'translate3d(-10px, 0, 0)',
412 },
413 '20%, 40%, 60%, 80%': {
414 transform: 'translate3d(10px, 0, 0)',
415 },
416 },
417 shakeY: {
418 'from, to': {
419 transform: 'translate3d(0, 0, 0)',
420 },
421 '10%, 30%, 50%, 70%, 90%': {
422 transform: 'translate3d(0, -10px, 0)',
423 },
424 '20%, 40%, 60%, 80%': {
425 transform: 'translate3d(0, 10px, 0)',
426 },
427 },
428 headShake: {
429 '0%': {
430 transform: 'translateX(0)',
431 },
432 '6.5%': {
433 transform: 'translateX(-6px) rotateY(-9deg)',
434 },
435 '18.5%': {
436 transform: 'translateX(5px) rotateY(7deg)',
437 },
438 '31.5%': {
439 transform: 'translateX(-3px) rotateY(-5deg)',
440 },
441 '43.5%': {
442 transform: 'translateX(2px) rotateY(3deg)',
443 },
444 '50%': {
445 transform: 'translateX(0)',
446 },
447 },
448 swing: {
449 '20%': {
450 transform: 'rotate3d(0, 0, 1, 15deg)',
451 },
452 '40%': {
453 transform: 'rotate3d(0, 0, 1, -10deg)',
454 },
455 '60%': {
456 transform: 'rotate3d(0, 0, 1, 5deg)',
457 },
458 '80%': {
459 transform: 'rotate3d(0, 0, 1, -5deg)',
460 },
461 'to': {
462 transform: 'rotate3d(0, 0, 1, 0deg)',
463 },
464 },
465 tada: {
466 'from': {
467 transform: 'scale3d(1, 1, 1)',
468 },
469 '10%, 20%': {
470 transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)',
471 },
472 '30%, 50%, 70%, 90%': {
473 transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',
474 },
475 '40%, 60%, 80%': {
476 transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',
477 },
478 'to': {
479 transform: 'scale3d(1, 1, 1)',
480 },
481 },
482 wobble: {
483 'from': {
484 transform: 'translate3d(0, 0, 0)',
485 },
486 '15%': {
487 transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
488 },
489 '30%': {
490
491 transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)',
492 },
493 '45%': {
494 transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
495 },
496 '60%': {
497 transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)',
498 },
499 '75%': {
500 transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
501 },
502 'to': {
503 transform: 'translate3d(0, 0, 0)',
504 },
505 },
506 jello: {
507 'from, 11.1% to': {
508 transform: 'translate3d(0, 0, 0)',
509 },
510 '22.2%': {
511 transform: 'skewX(-12.5deg) skewY(-12.5deg)',
512 },
513 '33.3%': {
514
515 transform: 'skewX(6.25deg) skewY(6.25deg)',
516 },
517 '44.4%': {
518 transform: 'skewX(-3.125deg) skewY(-3.125deg)',
519 },
520 '55.5%': {
521 transform: 'skewX(1.5625deg) skewY(1.5625deg)',
522 },
523 '66.6%': {
524 transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',
525 },
526 '77.7%': {
527 transform: 'skewX(0.390625deg) skewY(0.390625deg)',
528 },
529 '88.8%': {
530 transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)',
531 },
532 },
533 heartBeat: {
534 '0%': {
535 transform: 'scale(1)',
536 },
537 '14%': {
538 transform: 'scale(1.3)',
539 },
540 '28%': {
541 transform: 'scale(1)',
542 },
543 '42%': {
544 transform: 'scale(1.3)',
545 },
546 '70%': {
547 transform: 'scale(1)',
548 },
549 },
550 hinge: {
551 '0%': {
552 transformOrigin: 'top left',
553 animationTimingFunction: 'ease-in-out',
554 },
555 '20%, 60%': {
556 transform: 'rotate3d(0, 0, 1, 80deg)',
557 transformOrigin: 'top left',
558 animationTimingFunction: 'ease-in-out',
559 },
560 '40%, 80%': {
561 transform: 'rotate3d(0, 0, 1, 60deg)',
562 transformOrigin: 'top left',
563 animationTimingFunction: 'ease-in-out',
564 },
565 'to': {
566 transform: 'translate3d(0, 700px, 0)',
567 opacity: '0',
568 },
569 },
570 jackInTheBox: {
571 'from': {
572 opacity: '0',
573 transformOrigin: 'center bottom',
574 transform: 'scale(0.1) rotate(30deg)',
575 },
576 '50%': {
577 transform: 'rotate(-10deg)',
578 },
579 '70%': {
580 transform: 'rotate(3deg)',
581 },
582 'to': {
583 transform: 'scale(1)',
584 },
585 },
586
587 // light speed
588 lightSpeedInRight: {
589 'from': {
590 opacity: '0',
591 transform: 'translate3d(100%, 0, 0) skewX(-30deg)',
592 },
593 '60%': {
594 opacity: '1',
595 transform: 'skewX(20deg)',
596 },
597 '80%': {
598 transform: 'skewX(-5deg)',
599 },
600 'to': {
601 transform: 'translate3d(0, 0, 0)',
602 },
603 },
604 lightSpeedInLeft: {
605 'from': {
606 opacity: '0',
607 transform: 'translate3d(100%, 0, 0) skewX(-30deg)',
608 },
609 '60%': {
610 opacity: '1',
611 transform: 'skewX(20deg)',
612 },
613 '80%': {
614 transform: 'skewX(-5deg)',
615 },
616 'to': {
617 transform: 'translate3d(0, 0, 0)',
618 },
619 },
620 lightSpeedOutLeft: {
621 'from': {
622 opacity: '1',
623 },
624 'to': {
625 opacity: '0',
626 transform: 'translate3d(100%, 0, 0) skewX(30deg)',
627 },
628 },
629 lightSpeedOutRight: {
630 'from': {
631 opacity: '1',
632 },
633 'to': {
634 opacity: '0',
635 transform: 'translate3d(100%, 0, 0) skewX(30deg)',
636 },
637 },
638 // flip
639 flip: {
640 'from': {
641 transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',
642 animationTimingFunction: 'ease-out',
643 },
644 '40%': {
645 transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)',
646 animationTimingFunction: 'ease-out',
647 },
648 '50%': {
649 transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)',
650 animationTimingFunction: 'ease-in',
651 },
652 '80%': {
653 transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
654 animationTimingFunction: 'ease-in',
655 },
656 'to': {
657 transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
658 animationTimingFunction: 'ease-in',
659 },
660 },
661 flipInX: {
662 'from': {
663 transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
664 animationTimingFunction: 'ease-in',
665 opacity: '0',
666 },
667 '40%': {
668 transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
669 animationTimingFunction: 'ease-in',
670 },
671 '60%': {
672 transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
673 opacity: '1',
674 },
675 '80%': {
676 transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)',
677 },
678 'to': {
679 transform: 'perspective(400px)',
680 },
681 },
682 flipInY: {
683 'from': {
684 transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
685 animationTimingFunction: 'ease-in',
686 opacity: '0',
687 },
688 '40%': {
689 transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',
690 animationTimingFunction: 'ease-in',
691 },
692 '60%': {
693 transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',
694 opacity: '1',
695 },
696 '80%': {
697 transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)',
698 },
699 'to': {
700 transform: 'perspective(400px)',
701 },
702 },
703 flipOutX: {
704 'from': {
705 transform: 'perspective(400px)',
706 },
707 '30%': {
708 transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
709 opacity: '1',
710 },
711 'to': {
712 transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
713 opacity: '0',
714 },
715 },
716 flipOutY: {
717 'from': {
718 transform: 'perspective(400px)',
719 },
720 '30%': {
721 transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',
722 opacity: '1',
723 },
724 'to': {
725 transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
726 opacity: '0',
727 },
728 },
729 // rotate in
730 rotateIn: {
731 'from': {
732 transformOrigin: 'center',
733 transform: 'rotate3d(0, 0, 1, -200deg)',
734 opacity: '0',
735 },
736 'to': {
737 transformOrigin: 'center',
738 transform: 'translate3d(0, 0, 0)',
739 opacity: '1',
740 },
741 },
742 rotateInDownLeft: {
743 'from': {
744 transformOrigin: 'left bottom',
745 transform: 'rotate3d(0, 0, 1, -45deg)',
746 opacity: '0',
747 },
748 'to': {
749 transformOrigin: 'left bottom',
750 transform: 'translate3d(0, 0, 0)',
751 opacity: '1',
752 },
753 },
754 rotateInDownRight: {
755 'from': {
756 transformOrigin: 'right bottom',
757 transform: 'rotate3d(0, 0, 1, 45deg)',
758 opacity: '0',
759 },
760 'to': {
761 transformOrigin: 'right bottom',
762 transform: 'translate3d(0, 0, 0)',
763 opacity: '1',
764 },
765 },
766 rotateInUpLeft: {
767 'from': {
768 transformOrigin: 'left top',
769 transform: 'rotate3d(0, 0, 1, 45deg)',
770 opacity: '0',
771 },
772 'to': {
773 transformOrigin: 'left top',
774 transform: 'translate3d(0, 0, 0)',
775 opacity: '1',
776 },
777 },
778 rotateInUpRight: {
779 'from': {
780 transformOrigin: 'right bottom',
781 transform: 'rotate3d(0, 0, 1, -90deg)',
782 opacity: '0',
783 },
784 'to': {
785 transformOrigin: 'right bottom',
786 transform: 'translate3d(0, 0, 0)',
787 opacity: '1',
788 },
789 },
790 rotateOut: {
791 'from': {
792 transformOrigin: 'center',
793 opacity: '1',
794 },
795 'to': {
796 transformOrigin: 'center',
797 transform: 'rotate3d(0, 0, 1, 200deg)',
798 opacity: '0',
799 },
800 },
801 rotateOutDownLeft: {
802 'from': {
803 transformOrigin: 'left bottom',
804 opacity: '1',
805 },
806 'to': {
807 transformOrigin: 'left bottom',
808 transform: 'rotate3d(0, 0, 1, 45deg)',
809 opacity: '0',
810 },
811 },
812 rotateOutDownRight: {
813 'from': {
814 transformOrigin: 'right bottom',
815 opacity: '1',
816 },
817 'to': {
818 transformOrigin: 'right bottom',
819 transform: 'rotate3d(0, 0, 1, -45deg)',
820 opacity: '0',
821 },
822 },
823 rotateOutUpLeft: {
824 'from': {
825 transformOrigin: 'left bottom',
826 opacity: '1',
827 },
828 'to': {
829 transformOrigin: 'left bottom',
830 transform: 'rotate3d(0, 0, 1, -45deg)',
831 opacity: '0',
832 },
833 },
834 rotateOutUpRight: {
835 'from': {
836 transformOrigin: 'right bottom',
837 opacity: '1',
838 },
839 'to': {
840 transformOrigin: 'left bottom',
841 transform: 'rotate3d(0, 0, 1, 90deg)',
842 opacity: '0',
843 },
844 },
845 // roll
846 rollIn: {
847 'from': {
848 opacity: '0',
849 transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',
850 },
851 'to': {
852 opacity: '1',
853 transform: 'translate3d(0, 0, 0)',
854 },
855 },
856 rollOut: {
857 'from': {
858 opacity: '1',
859 },
860 'to': {
861 opacity: '0',
862 transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
863 },
864 },
865 // zoom in
866 zoomIn: {
867 'from': {
868 opacity: '0',
869 transform: 'scale3d(0.3, 0.3, 0.3)',
870 },
871 '50%': {
872 opacity: '1',
873 },
874 },
875 zoomInDown: {
876 'from': {
877 opacity: '0',
878 transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',
879 animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
880 },
881 '60%': {
882 opacity: '1',
883 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
884 animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
885 },
886 },
887 zoomInLeft: {
888 'from': {
889 opacity: '0',
890 transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',
891 animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
892 },
893 '60%': {
894 opacity: '1',
895 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',
896 animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
897 },
898 },
899 zoomInRight: {
900 'from': {
901 opacity: '0',
902 transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',
903 animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
904 },
905 '60%': {
906 opacity: '1',
907 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',
908 animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
909 },
910 },
911 zoomInUp: {
912 'from': {
913 opacity: '0',
914 transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',
915 animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
916 },
917 '60%': {
918 opacity: '1',
919 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
920 animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
921 },
922 },
923 // bounce in
924 bounceIn: {
925 'from, 20%, 40%, 60%, 80%, to': {
926 animationTimingFunction: 'ease-in-out',
927 },
928 '0%': {
929 opacity: '0',
930 transform: 'scale3d(0.3, 0.3, 0.3)',
931 },
932 '20%': {
933 transform: 'scale3d(1.1, 1.1, 1.1)',
934 },
935 '40%': {
936 transform: 'scale3d(0.9, 0.9, 0.9)',
937 },
938 '60%': {
939 transform: 'scale3d(1.03, 1.03, 1.03)',
940 opacity: '1',
941 },
942 '80%': {
943 transform: 'scale3d(0.97, 0.97, 0.97)',
944 },
945 'to': {
946 opacity: '1',
947 transform: 'scale3d(1, 1, 1)',
948 },
949 },
950 bounceInDown: {
951 'from, 60%, 75%, 90%, to': {
952 animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
953 },
954 '0%': {
955 opacity: '0',
956 transform: 'translate3d(0, -3000px, 0)',
957 },
958 '60%': {
959 opacity: '1',
960 transform: 'translate3d(0, 25px, 0)',
961 },
962 '75%': {
963 transform: 'translate3d(0, -10px, 0)',
964 },
965 '90%': {
966 transform: 'translate3d(0, 5px, 0)',
967 },
968 'to': {
969 transform: 'translate3d(0, 0, 0)',
970 },
971 },
972 bounceInLeft: {
973 'from, 60%, 75%, 90%, to': {
974 animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
975 },
976 '0%': {
977 opacity: '0',
978 transform: 'translate3d(-3000px, 0, 0)',
979 },
980 '60%': {
981 opacity: '1',
982 transform: 'translate3d(25px, 0, 0)',
983 },
984 '75%': {
985 transform: 'translate3d(-10px, 0, 0)',
986 },
987 '90%': {
988 transform: 'translate3d(5px, 0, 0)',
989 },
990 'to': {
991 transform: 'translate3d(0, 0, 0)',
992 },
993 },
994 bounceInRight: {
995 'from, 60%, 75%, 90%, to': {
996 animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
997 },
998 '0%': {
999 opacity: '0',
1000 transform: 'translate3d(3000px, 0, 0)',
1001 },
1002 '60%': {
1003 opacity: '1',
1004 transform: 'translate3d(-25px, 0, 0)',
1005 },
1006 '75%': {
1007 transform: 'translate3d(10px, 0, 0)',
1008 },
1009 '90%': {
1010 transform: 'translate3d(-5px, 0, 0)',
1011 },
1012 'to': {
1013 transform: 'translate3d(0, 0, 0)',
1014 },
1015 },
1016 bounceInUp: {
1017 'from, 60%, 75%, 90%, to': {
1018 animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
1019 },
1020 '0%': {
1021 opacity: '0',
1022 transform: 'translate3d(0, 3000px, 0)',
1023 },
1024 '60%': {
1025 opacity: '1',
1026 transform: 'translate3d(0, -20px, 0)',
1027 },
1028 '75%': {
1029 transform: 'translate3d(0, 10px, 0)',
1030 },
1031 '90%': {
1032 transform: 'translate3d(0, -5px, 0)',
1033 },
1034 'to': {
1035 transform: 'translate3d(0, 0, 0)',
1036 },
1037 },
1038 // bounce out
1039 bounceOut: {
1040 '20%': {
1041 transform: 'scale3d(0.9, 0.9, 0.9)',
1042 },
1043 '50%, 55%': {
1044 opacity: '1',
1045 transform: 'scale3d(1.1, 1.1, 1.1)',
1046 },
1047 'to': {
1048 opacity: '0',
1049 transform: 'scale3d(0.3, 0.3, 0.3)',
1050 },
1051 },
1052 bounceOutDown: {
1053 '20%': {
1054 transform: 'translate3d(0, 10px, 0)',
1055 },
1056 '40%, 45%': {
1057 opacity: '1',
1058 transform: 'translate3d(0, -20px, 0)',
1059 },
1060 'to': {
1061 opacity: '0',
1062 transform: 'translate3d(0, 2000px, 0)',
1063 },
1064 },
1065 bounceOutLeft: {
1066 '20%': {
1067 opacity: '1',
1068 transform: 'translate3d(20px, 0, 0)',
1069 },
1070 'to': {
1071 opacity: '0',
1072 transform: 'translate3d(-2000px, 0, 0)',
1073 },
1074 },
1075 bounceOutRight: {
1076 '20%': {
1077 opacity: '1',
1078 transform: 'translate3d(-20px, 0, 0)',
1079 },
1080 'to': {
1081 opacity: '0',
1082 transform: 'translate3d(2000px, 0, 0)',
1083 },
1084 },
1085 bounceOutUp: {
1086 '20%': {
1087 transform: 'translate3d(0, -10px, 0)',
1088 },
1089 '40%, 45%': {
1090 opacity: '1',
1091 transform: 'translate3d(0, 20px, 0)',
1092 },
1093 'to': {
1094 opacity: '0',
1095 transform: 'translate3d(0, -2000px, 0)',
1096 },
1097 },
1098 // zoom out
1099 zoomOut: {
1100 'from': {
1101 opacity: '1',
1102 },
1103 '50%': {
1104 opacity: '0',
1105 transform: 'scale3d(0.3, 0.3, 0.3)',
1106 },
1107 'to': {
1108 opacity: '0',
1109 },
1110 },
1111 zoomOutDown: {
1112 '40%': {
1113 opacity: '1',
1114 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
1115 animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
1116 },
1117 'to': {
1118 opacity: '0',
1119 transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',
1120 transformOrigin: 'center bottom',
1121 animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
1122 },
1123 },
1124 zoomOutLeft: {
1125 '40%': {
1126 opacity: '1',
1127 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)',
1128 },
1129 'to': {
1130 opacity: '0',
1131 transform: 'scale(0.1) translate3d(-2000px, 0, 0)',
1132 transformOrigin: 'left center',
1133 },
1134 },
1135 zoomOutRight: {
1136 '40%': {
1137 opacity: '1',
1138 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)',
1139 },
1140 'to': {
1141 opacity: '0',
1142 transform: 'scale(0.1) translate3d(2000px, 0, 0)',
1143 transformOrigin: 'right center',
1144 },
1145 },
1146 zoomOutUp: {
1147 '40%': {
1148 opacity: '1',
1149 transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
1150 animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
1151 },
1152 'to': {
1153 opacity: '0',
1154 transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',
1155 transformOrigin: 'center bottom',
1156 animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
1157 },
1158 },
1159 // slide in
1160 slideInDown: {
1161 'from': {
1162 transform: 'translate3d(0, -100%, 0)',
1163 visibility: 'visible',
1164 },
1165 'to': {
1166 transform: 'translate3d(0, 0, 0)',
1167 },
1168 },
1169 slideInLeft: {
1170 'from': {
1171 transform: 'translate3d(-100%, 0, 0)',
1172 visibility: 'visible',
1173 },
1174 'to': {
1175 transform: 'translate3d(0, 0, 0)',
1176 },
1177 },
1178 slideInRight: {
1179 'from': {
1180 transform: 'translate3d(100%, 0, 0)',
1181 visibility: 'visible',
1182 },
1183 'to': {
1184 transform: 'translate3d(0, 0, 0)',
1185 },
1186 },
1187 slideInUp: {
1188 'from': {
1189 transform: 'translate3d(0, 100%, 0)',
1190 visibility: 'visible',
1191 },
1192 'to': {
1193 transform: 'translate3d(0, 0, 0)',
1194 },
1195 },
1196 // slide out
1197 slideOutDown: {
1198 'from': {
1199 transform: 'translate3d(0, 0, 0)',
1200 },
1201 'to': {
1202 visibility: 'hidden',
1203 transform: 'translate3d(0, 100%, 0)',
1204 },
1205 },
1206 slideOutLeft: {
1207 'from': {
1208 transform: 'translate3d(0, 0, 0)',
1209 },
1210 'to': {
1211 visibility: 'hidden',
1212 transform: 'translate3d(-100%, 0, 0)',
1213 },
1214 },
1215 slideOutRight: {
1216 'from': {
1217 transform: 'translate3d(0, 0, 0)',
1218 },
1219 'to': {
1220 visibility: 'hidden',
1221 transform: 'translate3d(100%, 0, 0)',
1222 },
1223 },
1224 slideOutUp: {
1225 'from': {
1226 transform: 'translate3d(0, 0, 0)',
1227 },
1228 'to': {
1229 visibility: 'hidden',
1230 transform: 'translate3d(0, -100%, 0)',
1231 },
1232 },
1233 // fade in
1234 fadeIn: {
1235 'from': {
1236 opacity: '0',
1237 },
1238 'to': {
1239 opacity: '1',
1240 },
1241 },
1242 fadeInDown: {
1243 'from': {
1244 opacity: '0',
1245 transform: 'translate3d(0, -100%, 0)',
1246 },
1247 'to': {
1248 opacity: '1',
1249 transform: 'translate3d(0, 0, 0)',
1250 },
1251 },
1252 fadeInDownBig: {
1253 'from': {
1254 opacity: '0',
1255 transform: 'translate3d(0, -2000px, 0)',
1256 },
1257 'to': {
1258 opacity: '1',
1259 transform: 'translate3d(0, 0, 0)',
1260 },
1261 },
1262 fadeInLeft: {
1263 'from': {
1264 opacity: '0',
1265 transform: 'translate3d(-100%, 0, 0)',
1266 },
1267 'to': {
1268 opacity: '1',
1269 transform: 'translate3d(0, 0, 0)',
1270 },
1271 },
1272 fadeInLeftBig: {
1273 'from': {
1274 opacity: '0',
1275 transform: 'translate3d(-2000px, 0, 0)',
1276 },
1277 'to': {
1278 opacity: '1',
1279 transform: 'translate3d(0, 0, 0)',
1280 },
1281 },
1282 fadeInRight: {
1283 'from': {
1284 opacity: '0',
1285 transform: 'translate3d(100%, 0, 0)',
1286 },
1287 'to': {
1288 opacity: '1',
1289 transform: 'translate3d(0, 0, 0)',
1290 },
1291 },
1292 fadeInRightBig: {
1293 'from': {
1294 opacity: '0',
1295 transform: 'translate3d(2000px, 0, 0)',
1296 },
1297 'to': {
1298 opacity: '1',
1299 transform: 'translate3d(0, 0, 0)',
1300 },
1301 },
1302 fadeInUp: {
1303 'from': {
1304 opacity: '0',
1305 transform: 'translate3d(0, 100%, 0)',
1306 },
1307 'to': {
1308 opacity: '1',
1309 transform: 'translate3d(0, 0, 0)',
1310 },
1311 },
1312 fadeInUpBig: {
1313 'from': {
1314 opacity: '0',
1315 transform: 'translate3d(0, 2000px, 0)',
1316 },
1317 'to': {
1318 opacity: '1',
1319 transform: 'translate3d(0, 0, 0)',
1320 },
1321 },
1322 fadeInTopLeft: {
1323 'from': {
1324 opacity: '0',
1325 transform: 'translate3d(-100%, -100%, 0)',
1326 },
1327 'to': {
1328 opacity: '1',
1329 transform: 'translate3d(0, 0, 0)',
1330 },
1331 },
1332 fadeInTopRight: {
1333 'from': {
1334 opacity: '0',
1335 transform: 'translate3d(100%, -100%, 0)',
1336 },
1337 'to': {
1338 opacity: '1',
1339 transform: 'translate3d(0, 0, 0)',
1340 },
1341 },
1342 fadeInBottomLeft: {
1343 'from': {
1344 opacity: '0',
1345 transform: 'translate3d(-100%, 100%, 0)',
1346 },
1347 'to': {
1348 opacity: '1',
1349 transform: 'translate3d(0, 0, 0)',
1350 },
1351 },
1352 fadeInBottomRight: {
1353 'from': {
1354 opacity: '0',
1355 transform: 'translate3d(100%, 100%, 0)',
1356 },
1357 'to': {
1358 opacity: '1',
1359 transform: 'translate3d(0, 0, 0)',
1360 },
1361 },
1362 // fade out
1363 fadeOut: {
1364 'from': {
1365 opacity: '1',
1366 },
1367 'to': {
1368 opacity: '0',
1369 },
1370 },
1371 fadeOutDown: {
1372 'from': {
1373 opacity: '1',
1374 },
1375 'to': {
1376 opacity: '0',
1377 transform: 'translate3d(0, 100%, 0)',
1378 },
1379 },
1380 fadeOutDownBig: {
1381 'from': {
1382 opacity: '1',
1383 },
1384 'to': {
1385 opacity: '0',
1386 transform: 'translate3d(0, 2000px, 0)',
1387 },
1388 },
1389 fadeOutLeft: {
1390 'from': {
1391 opacity: '1',
1392 },
1393 'to': {
1394 opacity: '0',
1395 transform: 'translate3d(-100%, 0, 0)',
1396 },
1397 },
1398 fadeOutLeftBig: {
1399 'from': {
1400 opacity: '1',
1401 },
1402 'to': {
1403 opacity: '0',
1404 transform: 'translate3d(-2000px, 0, 0)',
1405 },
1406 },
1407 fadeOutRight: {
1408 'from': {
1409 opacity: '1',
1410 },
1411 'to': {
1412 opacity: '0',
1413 transform: 'translate3d(100%, 0, 0)',
1414 },
1415 },
1416 fadeOutRightBig: {
1417 'from': {
1418 opacity: '1',
1419
1420 },
1421 'to': {
1422 opacity: '0',
1423 transform: 'translate3d(2000px, 0, 0)',
1424 },
1425 },
1426 fadeOutUp: {
1427 'from': {
1428 opacity: '1',
1429 },
1430 'to': {
1431 opacity: '0',
1432 transform: 'translate3d(0, -100%, 0)',
1433 },
1434 },
1435 fadeOutUpBig: {
1436 'from': {
1437 opacity: '1',
1438
1439 },
1440 'to': {
1441 opacity: '0',
1442 transform: 'translate3d(0, -2000px, 0)',
1443 },
1444 },
1445 fadeOutTopLeft: {
1446 'from': {
1447 opacity: '1',
1448 transform: 'translate3d(0, 0, 0)',
1449
1450 },
1451 'to': {
1452 opacity: '0',
1453 transform: 'translate3d(-100%, -100%, 0)',
1454 },
1455 },
1456 fadeOutTopRight: {
1457 'from': {
1458 opacity: '1',
1459 transform: 'translate3d(0, 0, 0)',
1460
1461 },
1462 'to': {
1463 opacity: '0',
1464 transform: 'translate3d(100%, -100%, 0)',
1465 },
1466 },
1467 fadeOutBottomLeft: {
1468 'from': {
1469 opacity: '1',
1470 transform: 'translate3d(0, 0, 0)',
1471
1472 },
1473 'to': {
1474 opacity: '0',
1475 transform: 'translate3d(-100%, 100%, 0)',
1476 },
1477 },
1478 fadeOutBottomRight: {
1479 'from': {
1480 opacity: '1',
1481 transform: 'translate3d(0, 0, 0)',
1482
1483 },
1484 'to': {
1485 opacity: '0',
1486 transform: 'translate3d(100%, 100%, 0)',
1487 },
1488 },
1489 // back in
1490 backInUp: {
1491 '0%': {
1492 opacity: '0.7',
1493 transform: 'translateY(1200px) scale(0.7)',
1494 },
1495 '80%': {
1496 opacity: '0.7',
1497 transform: 'translateY(0px) scale(0.7)',
1498 },
1499 '100%': {
1500 opacity: '1',
1501 transform: 'scale(1)',
1502 },
1503 },
1504 backInDown: {
1505 '0%': {
1506 opacity: '0.7',
1507 transform: 'translateY(-1200px) scale(0.7)',
1508 },
1509 '80%': {
1510 opacity: '0.7',
1511 transform: 'translateY(0px) scale(0.7)',
1512 },
1513 '100%': {
1514 opacity: '1',
1515 transform: 'scale(1)',
1516 },
1517 },
1518 backInLeft: {
1519 '0%': {
1520 opacity: '0.7',
1521 transform: 'translateX(-2000px) scale(0.7)',
1522 },
1523 '80%': {
1524 opacity: '0.7',
1525 transform: 'translateX(0px) scale(0.7)',
1526 },
1527 '100%': {
1528 opacity: '1',
1529 transform: 'scale(1)',
1530 },
1531 },
1532 backInRight: {
1533 '0%': {
1534 opacity: '0.7',
1535 transform: 'translateX(2000px) scale(0.7)',
1536 },
1537 '80%': {
1538 opacity: '0.7',
1539 transform: 'translateY(0px) scale(0.7)',
1540 },
1541 '100%': {
1542 opacity: '1',
1543 transform: 'scale(1)',
1544 },
1545 },
1546 // back out
1547 backOutUp: {
1548 '0%': {
1549 opacity: '1',
1550 transform: 'scale(1)',
1551 },
1552 '80%': {
1553 opacity: '0.7',
1554 transform: 'translateY(0px) scale(0.7)',
1555 },
1556 '100%': {
1557 opacity: '0.7',
1558 transform: 'translateY(-700px) scale(0.7)',
1559 },
1560 },
1561 backOutDown: {
1562 '0%': {
1563 opacity: '1',
1564 transform: 'scale(1)',
1565 },
1566 '80%': {
1567 opacity: '0.7',
1568 transform: 'translateY(0px) scale(0.7)',
1569 },
1570 '100%': {
1571 opacity: '0.7',
1572 transform: 'translateY(700px) scale(0.7)',
1573 },
1574 },
1575 backOutLeft: {
1576 '0%': {
1577 opacity: '1',
1578 transform: 'scale(1)',
1579 },
1580 '80%': {
1581 opacity: '0.7',
1582 transform: 'translateX(-2000px) scale(0.7)',
1583 },
1584 '100%': {
1585 opacity: '0.7',
1586 transform: 'translateY(-700px) scale(0.7)',
1587 },
1588 },
1589 backOutRight: {
1590 '0%': {
1591 opacity: '1',
1592 transform: 'scale(1)',
1593 },
1594 '80%': {
1595 opacity: '0.7',
1596 transform: 'translateY(0px) scale(0.7)',
1597 },
1598 '100%': {
1599 opacity: '0.7',
1600 transform: 'translateX(2000px) scale(0.7)',
1601 },
1602 },
1603};
1604
1605const variantOrder = [
1606 'hover',
1607 'focus',
1608 'active',
1609 'visited',
1610 'link',
1611 'target',
1612 'focus-visible',
1613 'focus-within',
1614 'checked',
1615 'not-checked',
1616 'default',
1617 'disabled',
1618 'enabled',
1619 'indeterminate',
1620 'invalid',
1621 'valid',
1622 'optional',
1623 'required',
1624 'placeholder-shown',
1625 'read-only',
1626 'read-write',
1627 'not-disabled',
1628 'first-of-type',
1629 'not-first-of-type',
1630 'last-of-type',
1631 'not-last-of-type',
1632 'first',
1633 'last',
1634 'not-first',
1635 'not-last',
1636 'only-child',
1637 'not-only-child',
1638 'only-of-type',
1639 'not-only-of-type',
1640 'even',
1641 'odd',
1642 'even-of-type',
1643 'odd-of-type',
1644 'root',
1645 'empty',
1646 'before',
1647 'after',
1648 'first-letter',
1649 'first-line',
1650 'file-selector-button',
1651 'selection',
1652 'svg',
1653 'all',
1654 'children',
1655 'siblings',
1656 'sibling',
1657 'ltr',
1658 'rtl',
1659 'group-hover',
1660 'group-focus',
1661 'group-active',
1662 'group-visited',
1663 'motion-safe',
1664 'motion-reduce',
1665];
1666
1667
1668
1669var layerOrder; (function (layerOrder) {
1670 const base = 10; layerOrder[layerOrder["base"] = base] = "base";
1671 const components = 150; layerOrder[layerOrder["components"] = components] = "components";
1672 const shortcuts = 160; layerOrder[layerOrder["shortcuts"] = shortcuts] = "shortcuts";
1673 const utilities = 20000; layerOrder[layerOrder["utilities"] = utilities] = "utilities";
1674})(layerOrder || (layerOrder = {}));
1675
1676var pluginOrder; (function (pluginOrder) {
1677 const container = 100; pluginOrder[pluginOrder['container'] = container] = 'container';
1678 const space = 200; pluginOrder[pluginOrder['space'] = space] = 'space';
1679 const divideWidth = 300; pluginOrder[pluginOrder['divideWidth'] = divideWidth] = 'divideWidth';
1680 const divideColor = 400; pluginOrder[pluginOrder['divideColor'] = divideColor] = 'divideColor';
1681 const divideStyle = 500; pluginOrder[pluginOrder['divideStyle'] = divideStyle] = 'divideStyle';
1682 const divideOpacity = 600; pluginOrder[pluginOrder['divideOpacity'] = divideOpacity] = 'divideOpacity';
1683 const accessibility = 700; pluginOrder[pluginOrder['accessibility'] = accessibility] = 'accessibility';
1684 const appearance = 800; pluginOrder[pluginOrder['appearance'] = appearance] = 'appearance';
1685 const backgroundAttachment = 900; pluginOrder[pluginOrder['backgroundAttachment'] = backgroundAttachment] = 'backgroundAttachment';
1686 const backgroundClip = 1000; pluginOrder[pluginOrder['backgroundClip'] = backgroundClip] = 'backgroundClip';
1687 const backgroundColor = 1100; pluginOrder[pluginOrder['backgroundColor'] = backgroundColor] = 'backgroundColor';
1688 const backgroundImage = 1200; pluginOrder[pluginOrder['backgroundImage'] = backgroundImage] = 'backgroundImage';
1689 const gradientColorStops = 1300; pluginOrder[pluginOrder['gradientColorStops'] = gradientColorStops] = 'gradientColorStops';
1690 const backgroundOpacity = 1400; pluginOrder[pluginOrder['backgroundOpacity'] = backgroundOpacity] = 'backgroundOpacity';
1691 const backgroundPosition = 1500; pluginOrder[pluginOrder['backgroundPosition'] = backgroundPosition] = 'backgroundPosition';
1692 const backgroundRepeat = 1600; pluginOrder[pluginOrder['backgroundRepeat'] = backgroundRepeat] = 'backgroundRepeat';
1693 const backgroundSize = 1700; pluginOrder[pluginOrder['backgroundSize'] = backgroundSize] = 'backgroundSize';
1694 const backgroundOrigin = 1750; pluginOrder[pluginOrder['backgroundOrigin'] = backgroundOrigin] = 'backgroundOrigin';
1695 const borderCollapse = 1800; pluginOrder[pluginOrder['borderCollapse'] = borderCollapse] = 'borderCollapse';
1696 const borderColor = 1900; pluginOrder[pluginOrder['borderColor'] = borderColor] = 'borderColor';
1697 const borderOpacity = 2000; pluginOrder[pluginOrder['borderOpacity'] = borderOpacity] = 'borderOpacity';
1698 const borderRadius = 2100; pluginOrder[pluginOrder['borderRadius'] = borderRadius] = 'borderRadius';
1699 const borderStyle = 2200; pluginOrder[pluginOrder['borderStyle'] = borderStyle] = 'borderStyle';
1700 const borderWidth = 2300; pluginOrder[pluginOrder['borderWidth'] = borderWidth] = 'borderWidth';
1701 const boxDecorationBreak = 2350; pluginOrder[pluginOrder['boxDecorationBreak'] = boxDecorationBreak] = 'boxDecorationBreak';
1702 const boxSizing = 2400; pluginOrder[pluginOrder['boxSizing'] = boxSizing] = 'boxSizing';
1703 const cursor = 2500; pluginOrder[pluginOrder['cursor'] = cursor] = 'cursor';
1704 const captionSide = 2550; pluginOrder[pluginOrder['captionSide'] = captionSide] = 'captionSide';
1705 const emptyCells = 2560; pluginOrder[pluginOrder['emptyCells'] = emptyCells] = 'emptyCells';
1706 const display = 2600; pluginOrder[pluginOrder['display'] = display] = 'display';
1707 const flexDirection = 2700; pluginOrder[pluginOrder['flexDirection'] = flexDirection] = 'flexDirection';
1708 const flexWrap = 2800; pluginOrder[pluginOrder['flexWrap'] = flexWrap] = 'flexWrap';
1709 const placeItems = 2900; pluginOrder[pluginOrder['placeItems'] = placeItems] = 'placeItems';
1710 const placeContent = 3000; pluginOrder[pluginOrder['placeContent'] = placeContent] = 'placeContent';
1711 const placeSelf = 3100; pluginOrder[pluginOrder['placeSelf'] = placeSelf] = 'placeSelf';
1712 const alignItems = 3200; pluginOrder[pluginOrder['alignItems'] = alignItems] = 'alignItems';
1713 const alignContent = 3300; pluginOrder[pluginOrder['alignContent'] = alignContent] = 'alignContent';
1714 const alignSelf = 3400; pluginOrder[pluginOrder['alignSelf'] = alignSelf] = 'alignSelf';
1715 const justifyItems = 3500; pluginOrder[pluginOrder['justifyItems'] = justifyItems] = 'justifyItems';
1716 const justifyContent = 3600; pluginOrder[pluginOrder['justifyContent'] = justifyContent] = 'justifyContent';
1717 const justifySelf = 3700; pluginOrder[pluginOrder['justifySelf'] = justifySelf] = 'justifySelf';
1718 const flex = 3800; pluginOrder[pluginOrder['flex'] = flex] = 'flex';
1719 const flexGrow = 3900; pluginOrder[pluginOrder['flexGrow'] = flexGrow] = 'flexGrow';
1720 const flexShrink = 4000; pluginOrder[pluginOrder['flexShrink'] = flexShrink] = 'flexShrink';
1721 const order = 4100; pluginOrder[pluginOrder['order'] = order] = 'order';
1722 const float = 4200; pluginOrder[pluginOrder['float'] = float] = 'float';
1723 const clear = 4300; pluginOrder[pluginOrder['clear'] = clear] = 'clear';
1724 const fontFamily = 4400; pluginOrder[pluginOrder['fontFamily'] = fontFamily] = 'fontFamily';
1725 const fontWeight = 4500; pluginOrder[pluginOrder['fontWeight'] = fontWeight] = 'fontWeight';
1726 const height = 4600; pluginOrder[pluginOrder['height'] = height] = 'height';
1727 const fontSize = 4700; pluginOrder[pluginOrder['fontSize'] = fontSize] = 'fontSize';
1728 const lineHeight = 4800; pluginOrder[pluginOrder['lineHeight'] = lineHeight] = 'lineHeight';
1729 const listStylePosition = 4900; pluginOrder[pluginOrder['listStylePosition'] = listStylePosition] = 'listStylePosition';
1730 const listStyleType = 5000; pluginOrder[pluginOrder['listStyleType'] = listStyleType] = 'listStyleType';
1731 const margin = 5100; pluginOrder[pluginOrder['margin'] = margin] = 'margin';
1732 const maxHeight = 5200; pluginOrder[pluginOrder['maxHeight'] = maxHeight] = 'maxHeight';
1733 const maxWidth = 5300; pluginOrder[pluginOrder['maxWidth'] = maxWidth] = 'maxWidth';
1734 const minHeight = 5400; pluginOrder[pluginOrder['minHeight'] = minHeight] = 'minHeight';
1735 const minWidth = 5500; pluginOrder[pluginOrder['minWidth'] = minWidth] = 'minWidth';
1736 const objectFit = 5600; pluginOrder[pluginOrder['objectFit'] = objectFit] = 'objectFit';
1737 const objectPosition = 5700; pluginOrder[pluginOrder['objectPosition'] = objectPosition] = 'objectPosition';
1738 const opacity = 5800; pluginOrder[pluginOrder['opacity'] = opacity] = 'opacity';
1739 const outline = 5900; pluginOrder[pluginOrder['outline'] = outline] = 'outline';
1740 const overflow = 6000; pluginOrder[pluginOrder['overflow'] = overflow] = 'overflow';
1741 const overscrollBehavior = 6100; pluginOrder[pluginOrder['overscrollBehavior'] = overscrollBehavior] = 'overscrollBehavior';
1742 const padding = 6200; pluginOrder[pluginOrder['padding'] = padding] = 'padding';
1743 const placeholderColor = 6300; pluginOrder[pluginOrder['placeholderColor'] = placeholderColor] = 'placeholderColor';
1744 const placeholderOpacity = 6400; pluginOrder[pluginOrder['placeholderOpacity'] = placeholderOpacity] = 'placeholderOpacity';
1745 const caretColor = 6450; pluginOrder[pluginOrder['caretColor'] = caretColor] = 'caretColor';
1746 const caretOpacity = 6460; pluginOrder[pluginOrder['caretOpacity'] = caretOpacity] = 'caretOpacity';
1747 const tabSize = 6470; pluginOrder[pluginOrder['tabSize'] = tabSize] = 'tabSize';
1748 const pointerEvents = 6500; pluginOrder[pluginOrder['pointerEvents'] = pointerEvents] = 'pointerEvents';
1749 const position = 6600; pluginOrder[pluginOrder['position'] = position] = 'position';
1750 const inset = 6700; pluginOrder[pluginOrder['inset'] = inset] = 'inset';
1751 const resize = 6800; pluginOrder[pluginOrder['resize'] = resize] = 'resize';
1752 const boxShadow = 6900; pluginOrder[pluginOrder['boxShadow'] = boxShadow] = 'boxShadow';
1753 const boxShadowColor = 6950; pluginOrder[pluginOrder['boxShadowColor'] = boxShadowColor] = 'boxShadowColor';
1754 const ringWidth = 7000; pluginOrder[pluginOrder['ringWidth'] = ringWidth] = 'ringWidth';
1755 const ringOffsetColor = 7100; pluginOrder[pluginOrder['ringOffsetColor'] = ringOffsetColor] = 'ringOffsetColor';
1756 const ringOffsetWidth = 7200; pluginOrder[pluginOrder['ringOffsetWidth'] = ringOffsetWidth] = 'ringOffsetWidth';
1757 const ringColor = 7300; pluginOrder[pluginOrder['ringColor'] = ringColor] = 'ringColor';
1758 const ringOpacity = 7400; pluginOrder[pluginOrder['ringOpacity'] = ringOpacity] = 'ringOpacity';
1759 const fill = 7500; pluginOrder[pluginOrder['fill'] = fill] = 'fill';
1760 const stroke = 7600; pluginOrder[pluginOrder['stroke'] = stroke] = 'stroke';
1761 const strokeWidth = 7700; pluginOrder[pluginOrder['strokeWidth'] = strokeWidth] = 'strokeWidth';
1762 const strokeDashArray = 7750; pluginOrder[pluginOrder['strokeDashArray'] = strokeDashArray] = 'strokeDashArray';
1763 const strokeDashOffset = 7760; pluginOrder[pluginOrder['strokeDashOffset'] = strokeDashOffset] = 'strokeDashOffset';
1764 const tableLayout = 7800; pluginOrder[pluginOrder['tableLayout'] = tableLayout] = 'tableLayout';
1765 const textAlign = 7900; pluginOrder[pluginOrder['textAlign'] = textAlign] = 'textAlign';
1766 const textColor = 8000; pluginOrder[pluginOrder['textColor'] = textColor] = 'textColor';
1767 const textOpacity = 8100; pluginOrder[pluginOrder['textOpacity'] = textOpacity] = 'textOpacity';
1768 const textOverflow = 8200; pluginOrder[pluginOrder['textOverflow'] = textOverflow] = 'textOverflow';
1769 const textShadow = 8250; pluginOrder[pluginOrder['textShadow'] = textShadow] = 'textShadow';
1770 const fontStyle = 8300; pluginOrder[pluginOrder['fontStyle'] = fontStyle] = 'fontStyle';
1771 const textTransform = 8400; pluginOrder[pluginOrder['textTransform'] = textTransform] = 'textTransform';
1772 const textDecorationStyle = 8450; pluginOrder[pluginOrder['textDecorationStyle'] = textDecorationStyle] = 'textDecorationStyle';
1773 const textDecorationLength = 8455; pluginOrder[pluginOrder['textDecorationLength'] = textDecorationLength] = 'textDecorationLength';
1774 const textDecorationColor = 8460; pluginOrder[pluginOrder['textDecorationColor'] = textDecorationColor] = 'textDecorationColor';
1775 const textDecorationOpacity = 8470; pluginOrder[pluginOrder['textDecorationOpacity'] = textDecorationOpacity] = 'textDecorationOpacity';
1776 const textDecorationOffset = 8480; pluginOrder[pluginOrder['textDecorationOffset'] = textDecorationOffset] = 'textDecorationOffset';
1777 const textDecoration = 8500; pluginOrder[pluginOrder['textDecoration'] = textDecoration] = 'textDecoration';
1778 const textIndent = 8550; pluginOrder[pluginOrder['textIndent'] = textIndent] = 'textIndent';
1779 const textStrokeColor = 8560; pluginOrder[pluginOrder['textStrokeColor'] = textStrokeColor] = 'textStrokeColor';
1780 const textStrokeWidth = 8570; pluginOrder[pluginOrder['textStrokeWidth'] = textStrokeWidth] = 'textStrokeWidth';
1781 const content = 8580; pluginOrder[pluginOrder['content'] = content] = 'content';
1782 const fontSmoothing = 8600; pluginOrder[pluginOrder['fontSmoothing'] = fontSmoothing] = 'fontSmoothing';
1783 const fontVariantNumeric = 8700; pluginOrder[pluginOrder['fontVariantNumeric'] = fontVariantNumeric] = 'fontVariantNumeric';
1784 const letterSpacing = 8800; pluginOrder[pluginOrder['letterSpacing'] = letterSpacing] = 'letterSpacing';
1785 const userSelect = 8900; pluginOrder[pluginOrder['userSelect'] = userSelect] = 'userSelect';
1786 const verticalAlign = 9000; pluginOrder[pluginOrder['verticalAlign'] = verticalAlign] = 'verticalAlign';
1787 const visibility = 9100; pluginOrder[pluginOrder['visibility'] = visibility] = 'visibility';
1788 const backfaceVisibility = 9150; pluginOrder[pluginOrder['backfaceVisibility'] = backfaceVisibility] = 'backfaceVisibility';
1789 const whitespace = 9200; pluginOrder[pluginOrder['whitespace'] = whitespace] = 'whitespace';
1790 const wordBreak = 9300; pluginOrder[pluginOrder['wordBreak'] = wordBreak] = 'wordBreak';
1791 const writingMode = 9340; pluginOrder[pluginOrder['writingMode'] = writingMode] = 'writingMode';
1792 const hyphens = 9350; pluginOrder[pluginOrder['hyphens'] = hyphens] = 'hyphens';
1793 const width = 9400; pluginOrder[pluginOrder['width'] = width] = 'width';
1794 const zIndex = 9500; pluginOrder[pluginOrder['zIndex'] = zIndex] = 'zIndex';
1795 const isolation = 9550; pluginOrder[pluginOrder['isolation'] = isolation] = 'isolation';
1796 const gap = 9600; pluginOrder[pluginOrder['gap'] = gap] = 'gap';
1797 const gridAutoFlow = 9700; pluginOrder[pluginOrder['gridAutoFlow'] = gridAutoFlow] = 'gridAutoFlow';
1798 const gridTemplateColumns = 9800; pluginOrder[pluginOrder['gridTemplateColumns'] = gridTemplateColumns] = 'gridTemplateColumns';
1799 const gridAutoColumns = 9900; pluginOrder[pluginOrder['gridAutoColumns'] = gridAutoColumns] = 'gridAutoColumns';
1800 const gridColumn = 10000; pluginOrder[pluginOrder['gridColumn'] = gridColumn] = 'gridColumn';
1801 const gridColumnStart = 10100; pluginOrder[pluginOrder['gridColumnStart'] = gridColumnStart] = 'gridColumnStart';
1802 const gridColumnEnd = 10200; pluginOrder[pluginOrder['gridColumnEnd'] = gridColumnEnd] = 'gridColumnEnd';
1803 const gridTemplateRows = 10300; pluginOrder[pluginOrder['gridTemplateRows'] = gridTemplateRows] = 'gridTemplateRows';
1804 const gridAutoRows = 10400; pluginOrder[pluginOrder['gridAutoRows'] = gridAutoRows] = 'gridAutoRows';
1805 const gridRow = 10500; pluginOrder[pluginOrder['gridRow'] = gridRow] = 'gridRow';
1806 const gridRowStart = 10600; pluginOrder[pluginOrder['gridRowStart'] = gridRowStart] = 'gridRowStart';
1807 const gridRowEnd = 10700; pluginOrder[pluginOrder['gridRowEnd'] = gridRowEnd] = 'gridRowEnd';
1808 const transform = 10800; pluginOrder[pluginOrder['transform'] = transform] = 'transform';
1809 const transformOrigin = 10900; pluginOrder[pluginOrder['transformOrigin'] = transformOrigin] = 'transformOrigin';
1810 const scale = 11000; pluginOrder[pluginOrder['scale'] = scale] = 'scale';
1811 const rotate = 11100; pluginOrder[pluginOrder['rotate'] = rotate] = 'rotate';
1812 const translate = 11200; pluginOrder[pluginOrder['translate'] = translate] = 'translate';
1813 const skew = 11300; pluginOrder[pluginOrder['skew'] = skew] = 'skew';
1814 const perspective = 11350; pluginOrder[pluginOrder['perspective'] = perspective] = 'perspective';
1815 const perspectiveOrigin = 11360; pluginOrder[pluginOrder['perspectiveOrigin'] = perspectiveOrigin] = 'perspectiveOrigin';
1816 const transitionProperty = 11400; pluginOrder[pluginOrder['transitionProperty'] = transitionProperty] = 'transitionProperty';
1817 const transitionTimingFunction = 11500; pluginOrder[pluginOrder['transitionTimingFunction'] = transitionTimingFunction] = 'transitionTimingFunction';
1818 const transitionDuration = 11600; pluginOrder[pluginOrder['transitionDuration'] = transitionDuration] = 'transitionDuration';
1819 const transitionDelay = 11700; pluginOrder[pluginOrder['transitionDelay'] = transitionDelay] = 'transitionDelay';
1820 const keyframes = 11800; pluginOrder[pluginOrder['keyframes'] = keyframes] = 'keyframes';
1821 const animation = 11900; pluginOrder[pluginOrder['animation'] = animation] = 'animation';
1822 const imageRendering = 11950; pluginOrder[pluginOrder['imageRendering'] = imageRendering] = 'imageRendering';
1823 const mixBlendMode = 12000; pluginOrder[pluginOrder['mixBlendMode'] = mixBlendMode] = 'mixBlendMode';
1824 const backgroundBlendMode = 12100; pluginOrder[pluginOrder['backgroundBlendMode'] = backgroundBlendMode] = 'backgroundBlendMode';
1825 const filter = 12200; pluginOrder[pluginOrder['filter'] = filter] = 'filter';
1826 const blur = 12300; pluginOrder[pluginOrder['blur'] = blur] = 'blur';
1827 const brightness = 12400; pluginOrder[pluginOrder['brightness'] = brightness] = 'brightness';
1828 const contrast = 12500; pluginOrder[pluginOrder['contrast'] = contrast] = 'contrast';
1829 const dropShadow = 12600; pluginOrder[pluginOrder['dropShadow'] = dropShadow] = 'dropShadow';
1830 const grayscale = 12700; pluginOrder[pluginOrder['grayscale'] = grayscale] = 'grayscale';
1831 const hueRotate = 12800; pluginOrder[pluginOrder['hueRotate'] = hueRotate] = 'hueRotate';
1832 const invert = 12900; pluginOrder[pluginOrder['invert'] = invert] = 'invert';
1833 const saturate = 13000; pluginOrder[pluginOrder['saturate'] = saturate] = 'saturate';
1834 const sepia = 13100; pluginOrder[pluginOrder['sepia'] = sepia] = 'sepia';
1835 const backdropFilter = 13200; pluginOrder[pluginOrder['backdropFilter'] = backdropFilter] = 'backdropFilter';
1836 const backdropBlur = 13300; pluginOrder[pluginOrder['backdropBlur'] = backdropBlur] = 'backdropBlur';
1837 const backdropBrightness = 13400; pluginOrder[pluginOrder['backdropBrightness'] = backdropBrightness] = 'backdropBrightness';
1838 const backdropContrast = 13500; pluginOrder[pluginOrder['backdropContrast'] = backdropContrast] = 'backdropContrast';
1839 const backdropGrayscale = 13600; pluginOrder[pluginOrder['backdropGrayscale'] = backdropGrayscale] = 'backdropGrayscale';
1840 const backdropHueRotate = 13700; pluginOrder[pluginOrder['backdropHueRotate'] = backdropHueRotate] = 'backdropHueRotate';
1841 const backdropInvert = 13800; pluginOrder[pluginOrder['backdropInvert'] = backdropInvert] = 'backdropInvert';
1842 const backdropOpacity = 13900; pluginOrder[pluginOrder['backdropOpacity'] = backdropOpacity] = 'backdropOpacity';
1843 const backdropSaturate = 14000; pluginOrder[pluginOrder['backdropSaturate'] = backdropSaturate] = 'backdropSaturate';
1844 const backdropSepia = 14100; pluginOrder[pluginOrder['backdropSepia'] = backdropSepia] = 'backdropSepia';
1845})(pluginOrder || (pluginOrder = {}));
1846
1847function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
1848
1849const defaultColors = {
1850 transparent: 'transparent',
1851 current: 'currentColor',
1852 light: colors.light,
1853 dark: colors.dark,
1854 black: colors.black,
1855 white: colors.white,
1856 gray: colors.coolGray,
1857 red: colors.red,
1858 yellow: colors.amber,
1859 green: colors.emerald,
1860 blue: colors.blue,
1861 indigo: colors.indigo,
1862 purple: colors.violet,
1863 pink: colors.pink,
1864 rose: colors.rose,
1865 fuchsia: colors.fuchsia,
1866 violet: colors.violet,
1867 cyan: colors.cyan,
1868 teal: colors.teal,
1869 emerald: colors.emerald,
1870 lime: colors.lime,
1871 amber: colors.amber,
1872 orange: colors.orange,
1873 'light-blue': colors.lightBlue,
1874 'warm-gray': colors.warmGray,
1875 'true-gray': colors.trueGray,
1876 'cool-gray': colors.coolGray,
1877 'blue-gray': colors.blueGray,
1878};
1879
1880const baseConfig = {
1881 // purge: [],
1882 presets: [],
1883 prefixer: true,
1884 attributify: false,
1885 darkMode: 'class', // or 'media'
1886 theme: {
1887 screens: {
1888 sm: '640px',
1889 md: '768px',
1890 lg: '1024px',
1891 xl: '1280px',
1892 '2xl': '1536px',
1893 },
1894 colors: defaultColors,
1895 spacing: {
1896 px: '1px',
1897 0: '0px',
1898 0.5: '0.125rem',
1899 1: '0.25rem',
1900 1.5: '0.375rem',
1901 2: '0.5rem',
1902 2.5: '0.625rem',
1903 3: '0.75rem',
1904 3.5: '0.875rem',
1905 4: '1rem',
1906 5: '1.25rem',
1907 6: '1.5rem',
1908 7: '1.75rem',
1909 8: '2rem',
1910 9: '2.25rem',
1911 10: '2.5rem',
1912 11: '2.75rem',
1913 12: '3rem',
1914 14: '3.5rem',
1915 16: '4rem',
1916 20: '5rem',
1917 24: '6rem',
1918 28: '7rem',
1919 32: '8rem',
1920 36: '9rem',
1921 40: '10rem',
1922 44: '11rem',
1923 48: '12rem',
1924 52: '13rem',
1925 56: '14rem',
1926 60: '15rem',
1927 64: '16rem',
1928 72: '18rem',
1929 80: '20rem',
1930 96: '24rem',
1931 // float -> float/4 rem
1932 },
1933 animation: {
1934 none: 'none',
1935 spin: 'spin 1s linear infinite',
1936 ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
1937 pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
1938 bounce: 'bounce 1s infinite',
1939 'shock': {
1940 animation: 'shock',
1941 transformOrigin: 'center bottom',
1942 },
1943 'flash': 'flash',
1944 'bubble': 'bubble',
1945 'rubber-band': 'rubberBand',
1946 'shake-x': 'shakeX',
1947 'shake-y': 'shakeY',
1948 'head-shake': 'headShake 1s ease-in-out',
1949 'swing': {
1950 animation: 'swing',
1951 transformOrigin: 'top center',
1952 },
1953 'tada': 'tada',
1954 'wobble': 'wobble',
1955 'jello': 'jello',
1956 'heart-beat': 'heartBeat 1s ease-in-out',
1957 'hinge': 'hinge 2s',
1958 'jack-in': 'jackInTheBox',
1959 'light-speed-in-left': 'lightSpeedInLeft',
1960 'light-speed-in-right': 'lightSpeedInRight',
1961 'light-speed-out-left': 'lightSpeedOutLeft',
1962 'light-speed-out-right': 'lightSpeedOutRight',
1963 'flip': {
1964 animation: 'flip',
1965 backfaceVisibility: 'visible',
1966 },
1967 'flip-in-x': {
1968 animation: 'flipInX',
1969 backfaceVisibility: 'visible',
1970 },
1971 'flip-in-y': {
1972 animation: 'flipInY',
1973 backfaceVisibility: 'visible',
1974 },
1975 'flip-out-x': {
1976 animation: 'flipOutX',
1977 backfaceVisibility: 'visible',
1978 },
1979 'flip-out-y': {
1980 animation: 'flipOutY',
1981 backfaceVisibility: 'visible',
1982 },
1983 'rotate-in': 'rotateIn',
1984 'rotate-in-down-left': 'rotateInDownLeft',
1985 'rotate-in-down-right': 'rotateInDownRight',
1986 'rotate-in-up-left': 'rotateInUpLeft',
1987 'rotate-in-up-right': 'rotateInUpRight',
1988 'rotate-out': 'rotateOut',
1989 'rotate-out-down-left': 'rotateOutDownLeft',
1990 'rotate-out-down-right': 'rotateOutDownRight',
1991 'rotate-out-up-left': 'rotateOutUpLeft',
1992 'rotate-out-up-right': 'rotateOutUpRight',
1993 'roll-in': 'rollIn',
1994 'roll-out': 'rollOut',
1995 'zoom-in': 'zoomIn',
1996 'zoom-in-down': 'zoomInDown',
1997 'zoom-in-left': 'zoomInLeft',
1998 'zoom-in-right': 'zoomInRight',
1999 'zoom-in-up': 'zoomInUp',
2000 'bounce-in': 'bounceIn 750ms',
2001 'bounce-in-down': 'bounceInDown',
2002 'bounce-in-left': 'bounceInLeft',
2003 'bounce-in-right': 'bounceInRight',
2004 'bounce-in-up': 'bounceInUp',
2005 'bounce-out': 'bounceOut 750ms',
2006 'bounce-out-down': 'bounceOutDown',
2007 'bounce-out-left': 'bounceOutLeft',
2008 'bounce-out-right': 'bounceOutRight',
2009 'bounce-out-up': 'bounceOutUp',
2010 'zoom-out': 'zoomOut',
2011 'zoom-out-down': 'zoomOutDown',
2012 'zoom-out-left': 'zoomOutLeft',
2013 'zoom-out-right': 'zoomOutRight',
2014 'zoom-out-up': 'zoomOutUp',
2015 'slide-in-down': 'slideInDown',
2016 'slide-in-left': 'slideInLeft',
2017 'slide-in-right': 'slideInRight',
2018 'slide-in-up': 'slideInUp',
2019 'slide-out-down': 'slideOutDown',
2020 'slide-out-left': 'slideOutLeft',
2021 'slide-out-right': 'slideOutRight',
2022 'slide-out-up': 'slideOutUp',
2023 'fade-in': 'fadeIn',
2024 'fade-in-down': 'fadeInDown',
2025 'fade-in-down-big': 'fadeInDownBig',
2026 'fade-in-left': 'fadeInLeft',
2027 'fade-in-left-big': 'fadeInLeftBig',
2028 'fade-in-right': 'fadeInRight',
2029 'fade-in-right-big': 'fadeInRightBig',
2030 'fade-in-up': 'fadeInUp',
2031 'fade-in-up-big': 'fadeInUpBig',
2032 'fade-in-top-left': 'fadeInTopLeft',
2033 'fade-in-top-right': 'fadeInTopRight',
2034 'fade-in-bottom-left': 'fadeInBottomLeft',
2035 'fade-in-bottom-right': 'fadeInBottomRight',
2036 'fade-out': 'fadeOut',
2037 'fade-out-down': 'fadeOutDown',
2038 'fade-out-down-big': 'fadeOutDownBig',
2039 'fade-out-left': 'fadeOutLeft',
2040 'fade-out-left-big': 'fadeOutLeftBig',
2041 'fade-out-right': 'fadeOutRight',
2042 'fade-out-right-big': 'fadeOutRightBig',
2043 'fade-out-up': 'fadeOutUp',
2044 'fade-out-up-big': 'fadeOutUpBig',
2045 'back-in-up': 'backInUp',
2046 'back-in-down': 'backInDown',
2047 'back-in-left': 'backInLeft',
2048 'back-in-right': 'backInRight',
2049 'back-out-up': 'backOutUp',
2050 'back-out-down': 'backOutDown',
2051 'back-out-left': 'backOutLeft',
2052 'back-out-right': 'backOutRight',
2053 },
2054 animationDuration: {
2055 DEFAULT: '1000ms',
2056 75: '75ms',
2057 100: '100ms',
2058 150: '150ms',
2059 200: '200ms',
2060 300: '300ms',
2061 500: '500ms',
2062 700: '700ms',
2063 1000: '1000ms',
2064 1500: '1500ms',
2065 2000: '2000ms',
2066 2500: '2500ms',
2067 3000: '3000ms',
2068 // int >=0 -> int ms
2069 },
2070 animationDelay: {
2071 DEFAULT: '500ms',
2072 75: '75ms',
2073 100: '100ms',
2074 150: '150ms',
2075 200: '200ms',
2076 300: '300ms',
2077 500: '500ms',
2078 700: '700ms',
2079 1000: '1000ms',
2080 1500: '1500ms',
2081 2000: '2000ms',
2082 2500: '2500ms',
2083 3000: '3000ms',
2084 // int >=0 -> int ms
2085 },
2086 animationIterationCount: {
2087 DEFAULT: '1',
2088 loop: 'infinite',
2089 'repeat-1': '1',
2090 'repeat-2': '2',
2091 'repeat-3': '3',
2092 'repeat-4': '4',
2093 'repeat-5': '5',
2094 'repeat-6': '6',
2095 'repeat-7': '7',
2096 'repeat-8': '8',
2097 'repeat-9': '9',
2098 'repeat-10': '10',
2099 'repeat-11': '11',
2100 'repeat-12': '12',
2101 },
2102 animationTimingFunction: {
2103 DEFAULT: 'ease',
2104 linear: 'linear',
2105 in: 'ease-in',
2106 out: 'ease-out',
2107 'in-out': 'ease-in-out',
2108 },
2109 backdropBlur: (theme) => theme('blur'),
2110 backdropBrightness: (theme) => theme('brightness'),
2111 backdropContrast: (theme) => theme('contrast'),
2112 backdropGrayscale: (theme) => theme('grayscale'),
2113 backdropHueRotate: (theme) => theme('hueRotate'),
2114 backdropInvert: (theme) => theme('invert'),
2115 backdropOpacity: (theme) => theme('opacity'),
2116 backdropSaturate: (theme) => theme('saturate'),
2117 backdropSepia: (theme) => theme('sepia'),
2118 backgroundColor: (theme) => theme('colors'),
2119 backgroundImage: {
2120 none: 'none',
2121 'gradient-1': 'linear-gradient(135deg, #FDEB71 10%, #F8D800 100%)',
2122 'gradient-2': 'linear-gradient(135deg, #ABDCFF 10%, #0396FF 100%)',
2123 'gradient-3': 'linear-gradient(135deg, #FEB692 10%, #EA5455 100%)',
2124 'gradient-4': 'linear-gradient(135deg, #CE9FFC 10%, #7367F0 100%)',
2125 'gradient-5': 'linear-gradient(135deg, #90F7EC 10%, #32CCBC 100%)',
2126 'gradient-6': 'linear-gradient(135deg, #FFF6B7 10%, #F6416C 100%)',
2127 'gradient-7': 'linear-gradient(135deg, #81FBB8 10%, #28C76F 100%)',
2128 'gradient-8': 'linear-gradient(135deg, #E2B0FF 10%, #9F44D3 100%)',
2129 'gradient-9': 'linear-gradient(135deg, #F97794 10%, #623AA2 100%)',
2130 'gradient-10': 'linear-gradient(135deg, #FCCF31 10%, #F55555 100%)',
2131 'gradient-11': 'linear-gradient(135deg, #F761A1 10%, #8C1BAB 100%)',
2132 'gradient-12': 'linear-gradient(135deg, #43CBFF 10%, #9708CC 100%)',
2133 'gradient-13': 'linear-gradient(135deg, #5EFCE8 10%, #736EFE 100%)',
2134 'gradient-14': 'linear-gradient(135deg, #FAD7A1 10%, #E96D71 100%)',
2135 'gradient-15': 'linear-gradient(135deg, #FFD26F 10%, #3677FF 100%)',
2136 'gradient-16': 'linear-gradient(135deg, #A0FE65 10%, #FA016D 100%)',
2137 'gradient-17': 'linear-gradient(135deg, #FFDB01 10%, #0E197D 100%)',
2138 'gradient-18': 'linear-gradient(135deg, #FEC163 10%, #DE4313 100%)',
2139 'gradient-19': 'linear-gradient(135deg, #92FFC0 10%, #002661 100%)',
2140 'gradient-20': 'linear-gradient(135deg, #EEAD92 10%, #6018DC 100%)',
2141 'gradient-21': 'linear-gradient(135deg, #F6CEEC 10%, #D939CD 100%)',
2142 'gradient-22': 'linear-gradient(135deg, #52E5E7 10%, #130CB7 100%)',
2143 'gradient-23': 'linear-gradient(135deg, #F1CA74 10%, #A64DB6 100%)',
2144 'gradient-24': 'linear-gradient(135deg, #E8D07A 10%, #5312D6 100%)',
2145 'gradient-25': 'linear-gradient(135deg, #EECE13 10%, #B210FF 100%)',
2146 'gradient-26': 'linear-gradient(135deg, #79F1A4 10%, #0E5CAD 100%)',
2147 'gradient-27': 'linear-gradient(135deg, #FDD819 10%, #E80505 100%)',
2148 'gradient-28': 'linear-gradient(135deg, #FFF3B0 10%, #CA26FF 100%)',
2149 'gradient-29': 'linear-gradient(135deg, #FFF5C3 10%, #9452A5 100%)',
2150 'gradient-30': 'linear-gradient(135deg, #F05F57 10%, #360940 100%)',
2151 'gradient-31': 'linear-gradient(135deg, #2AFADF 10%, #4C83FF 100%)',
2152 'gradient-32': 'linear-gradient(135deg, #FFF886 10%, #F072B6 100%)',
2153 'gradient-33': 'linear-gradient(135deg, #97ABFF 10%, #123597 100%)',
2154 'gradient-34': 'linear-gradient(135deg, #F5CBFF 10%, #C346C2 100%)',
2155 'gradient-35': 'linear-gradient(135deg, #FFF720 10%, #3CD500 100%)',
2156 'gradient-36': 'linear-gradient(135deg, #FF6FD8 10%, #3813C2 100%)',
2157 'gradient-37': 'linear-gradient(135deg, #EE9AE5 10%, #5961F9 100%)',
2158 'gradient-38': 'linear-gradient(135deg, #FFD3A5 10%, #FD6585 100%)',
2159 'gradient-39': 'linear-gradient(135deg, #C2FFD8 10%, #465EFB 100%)',
2160 'gradient-40': 'linear-gradient(135deg, #FD6585 10%, #0D25B9 100%)',
2161 'gradient-41': 'linear-gradient(135deg, #FD6E6A 10%, #FFC600 100%)',
2162 'gradient-42': 'linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%)',
2163 'gradient-43': 'linear-gradient(135deg, #6B73FF 10%, #000DFF 100%)',
2164 'gradient-44': 'linear-gradient(135deg, #FF7AF5 10%, #513162 100%)',
2165 'gradient-45': 'linear-gradient(135deg, #F0FF00 10%, #58CFFB 100%)',
2166 'gradient-46': 'linear-gradient(135deg, #FFE985 10%, #FA742B 100%)',
2167 'gradient-47': 'linear-gradient(135deg, #FFA6B7 10%, #1E2AD2 100%)',
2168 'gradient-48': 'linear-gradient(135deg, #FFAA85 10%, #B3315F 100%)',
2169 'gradient-49': 'linear-gradient(135deg, #72EDF2 10%, #5151E5 100%)',
2170 'gradient-50': 'linear-gradient(135deg, #FF9D6C 10%, #BB4E75 100%)',
2171 'gradient-51': 'linear-gradient(135deg, #F6D242 10%, #FF52E5 100%)',
2172 'gradient-52': 'linear-gradient(135deg, #69FF97 10%, #00E4FF 100%)',
2173 'gradient-53': 'linear-gradient(135deg, #3B2667 10%, #BC78EC 100%)',
2174 'gradient-54': 'linear-gradient(135deg, #70F570 10%, #49C628 100%)',
2175 'gradient-55': 'linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%)',
2176 'gradient-56': 'linear-gradient(135deg, #FAB2FF 10%, #1904E5 100%)',
2177 'gradient-57': 'linear-gradient(135deg, #81FFEF 10%, #F067B4 100%)',
2178 'gradient-58': 'linear-gradient(135deg, #FFA8A8 10%, #FCFF00 100%)',
2179 'gradient-59': 'linear-gradient(135deg, #FFCF71 10%, #2376DD 100%)',
2180 'gradient-60': 'linear-gradient(135deg, #FF96F9 10%, #C32BAC 100%)',
2181
2182 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
2183 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
2184 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
2185 'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
2186 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
2187 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
2188 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
2189 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
2190 },
2191 backgroundOpacity: (theme) => theme('opacity'),
2192 backgroundPosition: {
2193 bottom: 'bottom',
2194 center: 'center',
2195 left: 'left',
2196 'left-bottom': 'left bottom',
2197 'left-top': 'left top',
2198 right: 'right',
2199 'right-bottom': 'right bottom',
2200 'right-top': 'right top',
2201 top: 'top',
2202 },
2203 backgroundSize: {
2204 auto: 'auto',
2205 cover: 'cover',
2206 contain: 'contain',
2207 },
2208 blur: {
2209 DEFAULT: '8px',
2210 0: '0',
2211 sm: '4px',
2212 md: '12px',
2213 lg: '16px',
2214 xl: '24px',
2215 '2xl': '40px',
2216 '3xl': '64px',
2217 },
2218 borderColor: (theme) => ({
2219 DEFAULT: theme('colors.gray.200', 'currentColor'),
2220 ...(_nullishCoalesce(theme('colors'), () => ( {}))),
2221 }),
2222 borderOpacity: (theme) => theme('opacity'),
2223 borderRadius: {
2224 DEFAULT: '0.25rem',
2225 none: '0px',
2226 sm: '0.125rem',
2227 md: '0.375rem',
2228 lg: '0.5rem',
2229 xl: '0.75rem',
2230 '2xl': '1rem',
2231 '3xl': '1.5rem',
2232 // nxl
2233 '1': '100%',
2234 full: '9999px',
2235 },
2236 borderWidth: {
2237 DEFAULT: '1px',
2238 0: '0px',
2239 2: '2px',
2240 4: '4px',
2241 8: '8px',
2242 // int >=0 -> int px
2243 },
2244 boxShadow: {
2245 DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
2246 sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
2247 md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
2248 lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
2249 xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
2250 '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
2251 inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
2252 none: 'none',
2253 },
2254 boxShadowColor: (theme) => theme('colors'),
2255 brightness: {
2256 0: '0',
2257 50: '.5',
2258 75: '.75',
2259 90: '.9',
2260 95: '.95',
2261 100: '1',
2262 105: '1.05',
2263 110: '1.1',
2264 125: '1.25',
2265 150: '1.5',
2266 200: '2',
2267 },
2268 caretColor: (theme) => ({
2269 auto: 'auto',
2270 ...(_nullishCoalesce(theme('colors'), () => ( {}))),
2271 }),
2272 caretOpacity: (theme) => theme('opacity'),
2273 container: {},
2274 content: {
2275 DEFAULT: '""',
2276 'open-quote': 'open-quote',
2277 'close-quote': 'close-quote',
2278 'open-square': '"["',
2279 'close-square': '"]"',
2280 'open-curly': '"{"',
2281 'close-curly': '"}"',
2282 'open-bracket': '"("',
2283 'close-bracket': '")"',
2284 },
2285 contrast: {
2286 0: '0',
2287 50: '.5',
2288 75: '.75',
2289 100: '1',
2290 125: '1.25',
2291 150: '1.5',
2292 200: '2',
2293 },
2294 cursor: {
2295 auto: 'auto',
2296 default: 'default',
2297 pointer: 'pointer',
2298 wait: 'wait',
2299 text: 'text',
2300 move: 'move',
2301 help: 'help',
2302 'not-allowed': 'not-allowed',
2303 },
2304 divideColor: (theme) => theme('borderColor'),
2305 divideOpacity: (theme) => theme('borderOpacity'),
2306 divideWidth: (theme) => theme('borderWidth'),
2307 dropShadow: {
2308 DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
2309 sm: '0 1px 1px rgba(0,0,0,0.05)',
2310 md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
2311 lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
2312 xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
2313 '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
2314 none: '0 0 #0000',
2315 },
2316 fill: (theme) => ({
2317 ...(_nullishCoalesce(theme('colors'), () => ( {}))),
2318 none: 'none',
2319 }),
2320 flex: {
2321 1: '1 1 0%',
2322 auto: '1 1 auto',
2323 initial: '0 1 auto',
2324 none: 'none',
2325 },
2326 flexGrow: {
2327 DEFAULT: '1',
2328 0: '0',
2329 },
2330 flexShrink: {
2331 DEFAULT: '1',
2332 0: '0',
2333 },
2334 fontFamily: {
2335 sans: [
2336 'ui-sans-serif',
2337 'system-ui',
2338 '-apple-system',
2339 'BlinkMacSystemFont',
2340 '"Segoe UI"',
2341 'Roboto',
2342 '"Helvetica Neue"',
2343 'Arial',
2344 '"Noto Sans"',
2345 'sans-serif',
2346 '"Apple Color Emoji"',
2347 '"Segoe UI Emoji"',
2348 '"Segoe UI Symbol"',
2349 '"Noto Color Emoji"',
2350 ],
2351 serif: [
2352 'ui-serif',
2353 'Georgia',
2354 'Cambria',
2355 '"Times New Roman"',
2356 'Times',
2357 'serif',
2358 ],
2359 mono: [
2360 'ui-monospace',
2361 'SFMono-Regular',
2362 'Menlo',
2363 'Monaco',
2364 'Consolas',
2365 '"Liberation Mono"',
2366 '"Courier New"',
2367 'monospace',
2368 ],
2369 },
2370 fontSize: {
2371 xs: ['0.75rem', { lineHeight: '1rem' }],
2372 sm: ['0.875rem', { lineHeight: '1.25rem' }],
2373 base: ['1rem', { lineHeight: '1.5rem' }],
2374 lg: ['1.125rem', { lineHeight: '1.75rem' }],
2375 xl: ['1.25rem', { lineHeight: '1.75rem' }],
2376 '2xl': ['1.5rem', { lineHeight: '2rem' }],
2377 '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
2378 '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
2379 '5xl': ['3rem', { lineHeight: '1' }],
2380 '6xl': ['3.75rem', { lineHeight: '1' }],
2381 '7xl': ['4.5rem', { lineHeight: '1' }],
2382 '8xl': ['6rem', { lineHeight: '1' }],
2383 '9xl': ['8rem', { lineHeight: '1' }],
2384 // nxl -> [n rem, lineHeight: 1]
2385 },
2386 fontWeight: {
2387 thin: '100',
2388 extralight: '200',
2389 light: '300',
2390 normal: '400',
2391 medium: '500',
2392 semibold: '600',
2393 bold: '700',
2394 extrabold: '800',
2395 black: '900',
2396 // int[0, 900] -> int
2397 },
2398 gap: (theme) => theme('spacing'),
2399 gradientColorStops: (theme) => theme('colors'),
2400 grayscale: {
2401 DEFAULT: '100%',
2402 0: '0',
2403 },
2404 gridAutoColumns: {
2405 auto: 'auto',
2406 min: 'min-content',
2407 max: 'max-content',
2408 fr: 'minmax(0, 1fr)',
2409 },
2410 gridAutoRows: {
2411 auto: 'auto',
2412 min: 'min-content',
2413 max: 'max-content',
2414 fr: 'minmax(0, 1fr)',
2415 },
2416 gridColumn: {
2417 auto: 'auto',
2418 'span-1': 'span 1 / span 1',
2419 'span-2': 'span 2 / span 2',
2420 'span-3': 'span 3 / span 3',
2421 'span-4': 'span 4 / span 4',
2422 'span-5': 'span 5 / span 5',
2423 'span-6': 'span 6 / span 6',
2424 'span-7': 'span 7 / span 7',
2425 'span-8': 'span 8 / span 8',
2426 'span-9': 'span 9 / span 9',
2427 'span-10': 'span 10 / span 10',
2428 'span-11': 'span 11 / span 11',
2429 'span-12': 'span 12 / span 12',
2430 // span-int(>=1) -> span int / span int
2431 'span-full': '1 / -1',
2432 },
2433 gridColumnEnd: {
2434 auto: 'auto',
2435 1: '1',
2436 2: '2',
2437 3: '3',
2438 4: '4',
2439 5: '5',
2440 6: '6',
2441 7: '7',
2442 8: '8',
2443 9: '9',
2444 10: '10',
2445 11: '11',
2446 12: '12',
2447 13: '13',
2448 // int >=1 -> int
2449 },
2450 gridColumnStart: {
2451 auto: 'auto',
2452 1: '1',
2453 2: '2',
2454 3: '3',
2455 4: '4',
2456 5: '5',
2457 6: '6',
2458 7: '7',
2459 8: '8',
2460 9: '9',
2461 10: '10',
2462 11: '11',
2463 12: '12',
2464 13: '13',
2465 // int >=1 -> int
2466 },
2467 gridRow: {
2468 auto: 'auto',
2469 'span-1': 'span 1 / span 1',
2470 'span-2': 'span 2 / span 2',
2471 'span-3': 'span 3 / span 3',
2472 'span-4': 'span 4 / span 4',
2473 'span-5': 'span 5 / span 5',
2474 'span-6': 'span 6 / span 6',
2475 // span-int(>=1) -> span int / span int
2476 'span-full': '1 / -1',
2477 },
2478 gridRowStart: {
2479 auto: 'auto',
2480 1: '1',
2481 2: '2',
2482 3: '3',
2483 4: '4',
2484 5: '5',
2485 6: '6',
2486 7: '7',
2487 // int >=1 -> int
2488 },
2489 gridRowEnd: {
2490 auto: 'auto',
2491 1: '1',
2492 2: '2',
2493 3: '3',
2494 4: '4',
2495 5: '5',
2496 6: '6',
2497 7: '7',
2498 // int >=1 -> int
2499 },
2500 gridTemplateColumns: {
2501 none: 'none',
2502 1: 'repeat(1, minmax(0, 1fr))',
2503 2: 'repeat(2, minmax(0, 1fr))',
2504 3: 'repeat(3, minmax(0, 1fr))',
2505 4: 'repeat(4, minmax(0, 1fr))',
2506 5: 'repeat(5, minmax(0, 1fr))',
2507 6: 'repeat(6, minmax(0, 1fr))',
2508 7: 'repeat(7, minmax(0, 1fr))',
2509 8: 'repeat(8, minmax(0, 1fr))',
2510 9: 'repeat(9, minmax(0, 1fr))',
2511 10: 'repeat(10, minmax(0, 1fr))',
2512 11: 'repeat(11, minmax(0, 1fr))',
2513 12: 'repeat(12, minmax(0, 1fr))',
2514 // int >=1 -> repeat(int, minmax(0, 1fr))
2515 },
2516 gridTemplateRows: {
2517 none: 'none',
2518 1: 'repeat(1, minmax(0, 1fr))',
2519 2: 'repeat(2, minmax(0, 1fr))',
2520 3: 'repeat(3, minmax(0, 1fr))',
2521 4: 'repeat(4, minmax(0, 1fr))',
2522 5: 'repeat(5, minmax(0, 1fr))',
2523 6: 'repeat(6, minmax(0, 1fr))',
2524 // int >=1 -> repeat(int, minmax(0, 1fr))
2525 },
2526 height: (theme, { breakpoints }) => ({
2527 auto: 'auto',
2528 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2529 '1/2': '50%',
2530 '1/3': '33.333333%',
2531 '2/3': '66.666667%',
2532 '1/4': '25%',
2533 '2/4': '50%',
2534 '3/4': '75%',
2535 '1/5': '20%',
2536 '2/5': '40%',
2537 '3/5': '60%',
2538 '4/5': '80%',
2539 '1/6': '16.666667%',
2540 '2/6': '33.333333%',
2541 '3/6': '50%',
2542 '4/6': '66.666667%',
2543 '5/6': '83.333333%',
2544 // fraction -> percent
2545 xs: '20rem',
2546 sm: '24rem',
2547 md: '28rem',
2548 lg: '32rem',
2549 xl: '36rem',
2550 '2xl': '42rem',
2551 '3xl': '48rem',
2552 '4xl': '56rem',
2553 '5xl': '64rem',
2554 '6xl': '72rem',
2555 '7xl': '80rem',
2556 // nxl
2557 full: '100%',
2558 min: 'min-content',
2559 max: 'max-content',
2560 prose: '65ch',
2561 screen: '100vh',
2562 ...breakpoints(_nullishCoalesce(theme('screens'), () => ( {}))),
2563 }),
2564 hueRotate: {
2565 '-180': '-180deg',
2566 '-90': '-90deg',
2567 '-60': '-60deg',
2568 '-30': '-30deg',
2569 '-15': '-15deg',
2570 0: '0deg',
2571 15: '15deg',
2572 30: '30deg',
2573 60: '60deg',
2574 90: '90deg',
2575 180: '180deg',
2576 },
2577 inset: (theme, { negative }) => ({
2578 auto: 'auto',
2579 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2580 ...negative(theme('spacing')),
2581 '1/2': '50%',
2582 '1/3': '33.333333%',
2583 '2/3': '66.666667%',
2584 '1/4': '25%',
2585 '2/4': '50%',
2586 '3/4': '75%',
2587 full: '100%',
2588 '-1/2': '-50%',
2589 '-1/3': '-33.333333%',
2590 '-2/3': '-66.666667%',
2591 '-1/4': '-25%',
2592 '-2/4': '-50%',
2593 '-3/4': '-75%',
2594 '-full': '-100%',
2595 // fraction -> percent
2596 // ...negative
2597 }),
2598 invert: {
2599 DEFAULT: '100%',
2600 0: '0',
2601 },
2602 keyframes,
2603 letterSpacing: {
2604 tighter: '-0.05em',
2605 tight: '-0.025em',
2606 normal: '0em',
2607 wide: '0.025em',
2608 wider: '0.05em',
2609 widest: '0.1em',
2610 },
2611 lineHeight: {
2612 none: '1',
2613 tight: '1.25',
2614 snug: '1.375',
2615 normal: '1.5',
2616 relaxed: '1.625',
2617 loose: '2',
2618 3: '.75rem',
2619 4: '1rem',
2620 5: '1.25rem',
2621 6: '1.5rem',
2622 7: '1.75rem',
2623 8: '2rem',
2624 9: '2.25rem',
2625 10: '2.5rem',
2626 // int>=0 -> int/4 rem
2627 },
2628 listStyleType: {
2629 none: 'none',
2630 circle: 'circle',
2631 square: 'square',
2632 disc: 'disc',
2633 decimal: 'decimal',
2634 'zero-decimal': 'decimal-leading-zero',
2635 greek: 'lower-greek',
2636 roman: 'lower-roman',
2637 alpha: 'lower-alpha',
2638 'upper-roman': 'upper-roman',
2639 'upper-alpha': 'upper-alpha',
2640 },
2641 margin: (theme, { negative }) => ({
2642 auto: 'auto',
2643 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2644 ...negative(theme('spacing')),
2645 // ...negative
2646 }),
2647 maxHeight: (theme, { breakpoints }) => ({
2648 none: 'none',
2649 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2650 xs: '20rem',
2651 sm: '24rem',
2652 md: '28rem',
2653 lg: '32rem',
2654 xl: '36rem',
2655 '2xl': '42rem',
2656 '3xl': '48rem',
2657 '4xl': '56rem',
2658 '5xl': '64rem',
2659 '6xl': '72rem',
2660 '7xl': '80rem',
2661 // nxl
2662 full: '100%',
2663 min: 'min-content',
2664 max: 'max-content',
2665 prose: '65ch',
2666 screen: '100vh',
2667 ...breakpoints(_nullishCoalesce(theme('screens'), () => ( {}))),
2668 }),
2669 maxWidth: (theme, { breakpoints }) => ({
2670 none: 'none',
2671 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2672 xs: '20rem',
2673 sm: '24rem',
2674 md: '28rem',
2675 lg: '32rem',
2676 xl: '36rem',
2677 '2xl': '42rem',
2678 '3xl': '48rem',
2679 '4xl': '56rem',
2680 '5xl': '64rem',
2681 '6xl': '72rem',
2682 '7xl': '80rem',
2683 // nxl
2684 full: '100%',
2685 min: 'min-content',
2686 max: 'max-content',
2687 prose: '65ch',
2688 screen: '100vw',
2689 ...breakpoints(_nullishCoalesce(theme('screens'), () => ( {}))),
2690 }),
2691 minHeight: (theme) => theme('maxHeight'),
2692 minWidth: (theme) => theme('maxWidth'),
2693 objectPosition: {
2694 bottom: 'bottom',
2695 center: 'center',
2696 left: 'left',
2697 'left-bottom': 'left bottom',
2698 'left-top': 'left top',
2699 right: 'right',
2700 'right-bottom': 'right bottom',
2701 'right-top': 'right top',
2702 top: 'top',
2703 },
2704 opacity: {
2705 0: '0',
2706 5: '0.05',
2707 10: '0.1',
2708 20: '0.2',
2709 25: '0.25',
2710 30: '0.3',
2711 40: '0.4',
2712 50: '0.5',
2713 60: '0.6',
2714 70: '0.7',
2715 75: '0.75',
2716 80: '0.8',
2717 90: '0.9',
2718 95: '0.95',
2719 100: '1',
2720 // float -> float/100
2721 },
2722 order: {
2723 first: '-9999',
2724 last: '9999',
2725 none: '0',
2726 1: '1',
2727 2: '2',
2728 3: '3',
2729 4: '4',
2730 5: '5',
2731 6: '6',
2732 7: '7',
2733 8: '8',
2734 9: '9',
2735 10: '10',
2736 11: '11',
2737 12: '12',
2738 // int[1, 9999]
2739 },
2740 outline: {
2741 none: ['2px solid transparent', '2px'],
2742 // white: ['2px dotted white', '2px'],
2743 // black: ['2px dotted black', '2px'],
2744 },
2745 outlineColor: (theme) => theme('colors'),
2746 padding: (theme) => theme('spacing'),
2747 perspective: (theme) => ({
2748 none: 'none',
2749 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2750 xs: '20rem',
2751 sm: '24rem',
2752 md: '28rem',
2753 lg: '32rem',
2754 xl: '36rem',
2755 '2xl': '42rem',
2756 '3xl': '48rem',
2757 '4xl': '56rem',
2758 '5xl': '64rem',
2759 '6xl': '72rem',
2760 '7xl': '80rem',
2761 }),
2762 perspectiveOrigin: {
2763 center: 'center',
2764 top: 'top',
2765 'top-right': 'top right',
2766 right: 'right',
2767 'bottom-right': 'bottom right',
2768 bottom: 'bottom',
2769 'bottom-left': 'bottom left',
2770 left: 'left',
2771 'top-left': 'top left',
2772 },
2773 placeholderColor: (theme) => theme('colors'),
2774 placeholderOpacity: (theme) => theme('opacity'),
2775 ringColor: (theme) => ({
2776 DEFAULT: theme('colors.blue.500', '#3b82f6'),
2777 ...(_nullishCoalesce(theme('colors'), () => ( {}))),
2778 }),
2779 ringOffsetColor: (theme) => theme('colors'),
2780 ringOffsetWidth: {
2781 0: '0px',
2782 1: '1px',
2783 2: '2px',
2784 4: '4px',
2785 8: '8px',
2786 // float -> float px
2787 },
2788 ringOpacity: (theme) => ({
2789 DEFAULT: '0.5',
2790 ...(_nullishCoalesce(theme('opacity'), () => ( {}))),
2791 }),
2792 ringWidth: {
2793 DEFAULT: '3px',
2794 0: '0px',
2795 1: '1px',
2796 2: '2px',
2797 4: '4px',
2798 8: '8px',
2799 // float -> float px
2800 },
2801 rotate: {
2802 '-180': '-180deg',
2803 '-90': '-90deg',
2804 '-45': '-45deg',
2805 '-12': '-12deg',
2806 '-6': '-6deg',
2807 '-3': '-3deg',
2808 '-2': '-2deg',
2809 '-1': '-1deg',
2810 0: '0deg',
2811 1: '1deg',
2812 2: '2deg',
2813 3: '3deg',
2814 6: '6deg',
2815 12: '12deg',
2816 45: '45deg',
2817 90: '90deg',
2818 180: '180deg',
2819 // float[0, 360] -> float[0deg, 360deg]
2820 // ...negative
2821 },
2822 saturate: {
2823 DEFAULT: '0',
2824 0: '0',
2825 50: '.5',
2826 100: '1',
2827 150: '1.5',
2828 200: '2',
2829 },
2830 scale: {
2831 0: '0',
2832 50: '.5',
2833 75: '.75',
2834 90: '.9',
2835 95: '.95',
2836 100: '1',
2837 105: '1.05',
2838 110: '1.1',
2839 125: '1.25',
2840 150: '1.5',
2841 // int >=0 -> int/100
2842 },
2843 sepia: {
2844 DEFAULT: '100%',
2845 0: '0',
2846 },
2847 skew: {
2848 '-12': '-12deg',
2849 '-6': '-6deg',
2850 '-3': '-3deg',
2851 '-2': '-2deg',
2852 '-1': '-1deg',
2853 0: '0deg',
2854 1: '1deg',
2855 2: '2deg',
2856 3: '3deg',
2857 6: '6deg',
2858 12: '12deg',
2859 // float[0, 360] -> float[0deg, 360deg]
2860 // ...negative
2861 },
2862 space: (theme, { negative }) => ({
2863 ...theme('spacing'),
2864 ...negative(theme('spacing')),
2865 }),
2866 stroke: (theme) => ({
2867 ...(_nullishCoalesce(theme('colors'), () => ( {}))),
2868 none: 'none',
2869 }),
2870 strokeWidth: {
2871 0: '0',
2872 1: '1',
2873 2: '2',
2874 },
2875 strokeDashArray: {
2876 0: '0',
2877 1: '1',
2878 2: '2',
2879 },
2880 strokeDashOffset: {
2881 0: '0',
2882 1: '1',
2883 2: '2',
2884 },
2885 tabSize: {
2886 DEFAULT: '4',
2887 0: '0',
2888 2: '2',
2889 4: '4',
2890 8: '8',
2891 // int >=0 -> int px
2892 },
2893 textColor: (theme) => theme('colors'),
2894 textOpacity: (theme) => theme('opacity'),
2895 textShadow: {
2896 DEFAULT: '0px 0px 1px rgb(0 0 0 / 20%), 0px 0px 1px rgb(1 0 5 / 10%)',
2897 sm: '1px 1px 3px rgb(36 37 47 / 25%)',
2898 md: '0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)',
2899 lg: '3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)',
2900 xl: '1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)',
2901 none: 'none',
2902 },
2903 textDecorationColor: (theme) => theme('colors'),
2904 textDecorationOpacity: (theme) => theme('opacity'),
2905 textDecorationLength: {
2906 'auto': 'auto',
2907 0: '0px',
2908 2: '2px',
2909 4: '4px',
2910 8: '8px',
2911 },
2912 textDecorationOffset: {
2913 'auto': 'auto',
2914 0: '0px',
2915 1: '1px',
2916 2: '2px',
2917 4: '4px',
2918 8: '8px',
2919 },
2920 textIndent: {
2921 DEFAULT: '1.5rem',
2922 xs: '0.5rem',
2923 sm: '1rem',
2924 md: '1.5rem',
2925 lg: '2rem',
2926 xl: '2.5rem',
2927 '2xl': '3rem',
2928 '3xl': '4rem',
2929 },
2930 textStrokeColor: (theme) => ({
2931 DEFAULT: theme('colors.gray.200', 'currentColor'),
2932 ...(_nullishCoalesce(theme('colors'), () => ( {}))),
2933 }),
2934 textStrokeWidth: {
2935 DEFAULT: 'medium',
2936 'none': '0',
2937 'sm': 'thin',
2938 'md': 'medium',
2939 'lg': 'thick',
2940 },
2941 transformOrigin: {
2942 center: 'center',
2943 top: 'top',
2944 'top-right': 'top right',
2945 right: 'right',
2946 'bottom-right': 'bottom right',
2947 bottom: 'bottom',
2948 'bottom-left': 'bottom left',
2949 left: 'left',
2950 'top-left': 'top left',
2951 },
2952 transitionDuration: {
2953 DEFAULT: '150ms',
2954 75: '75ms',
2955 100: '100ms',
2956 150: '150ms',
2957 200: '200ms',
2958 300: '300ms',
2959 500: '500ms',
2960 700: '700ms',
2961 1000: '1000ms',
2962 // int >=0 -> int ms
2963 },
2964 transitionDelay: {
2965 75: '75ms',
2966 100: '100ms',
2967 150: '150ms',
2968 200: '200ms',
2969 300: '300ms',
2970 500: '500ms',
2971 700: '700ms',
2972 1000: '1000ms',
2973 // int >=0 -> int ms
2974 },
2975 transitionProperty: {
2976 DEFAULT: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
2977 none: 'none',
2978 all: 'all',
2979 colors: 'background-color, border-color, color, fill, stroke',
2980 opacity: 'opacity',
2981 shadow: 'box-shadow',
2982 transform: 'transform',
2983 },
2984 transitionTimingFunction: {
2985 DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
2986 linear: 'linear',
2987 in: 'cubic-bezier(0.4, 0, 1, 1)',
2988 out: 'cubic-bezier(0, 0, 0.2, 1)',
2989 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
2990 },
2991 translate: (theme, { negative }) => ({
2992 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
2993 ...negative(theme('spacing')),
2994 '1/2': '50%',
2995 '1/3': '33.333333%',
2996 '2/3': '66.666667%',
2997 '1/4': '25%',
2998 '2/4': '50%',
2999 '3/4': '75%',
3000 full: '100%',
3001 '-1/2': '-50%',
3002 '-1/3': '-33.333333%',
3003 '-2/3': '-66.666667%',
3004 '-1/4': '-25%',
3005 '-2/4': '-50%',
3006 '-3/4': '-75%',
3007 '-full': '-100%',
3008 // fraction -> percent
3009 // ...negative
3010 }),
3011 width: (theme, { breakpoints }) => ({
3012 auto: 'auto',
3013 ...(_nullishCoalesce(theme('spacing'), () => ( {}))),
3014 // fraction -> percent
3015 '1/2': '50%',
3016 '1/3': '33.333333%',
3017 '2/3': '66.666667%',
3018 '1/4': '25%',
3019 '2/4': '50%',
3020 '3/4': '75%',
3021 '1/5': '20%',
3022 '2/5': '40%',
3023 '3/5': '60%',
3024 '4/5': '80%',
3025 '1/6': '16.666667%',
3026 '2/6': '33.333333%',
3027 '3/6': '50%',
3028 '4/6': '66.666667%',
3029 '5/6': '83.333333%',
3030 '1/12': '8.333333%',
3031 '2/12': '16.666667%',
3032 '3/12': '25%',
3033 '4/12': '33.333333%',
3034 '5/12': '41.666667%',
3035 '6/12': '50%',
3036 '7/12': '58.333333%',
3037 '8/12': '66.666667%',
3038 '9/12': '75%',
3039 '10/12': '83.333333%',
3040 '11/12': '91.666667%',
3041 xs: '20rem',
3042 sm: '24rem',
3043 md: '28rem',
3044 lg: '32rem',
3045 xl: '36rem',
3046 '2xl': '42rem',
3047 '3xl': '48rem',
3048 '4xl': '56rem',
3049 '5xl': '64rem',
3050 '6xl': '72rem',
3051 '7xl': '80rem',
3052 // nxl
3053 full: '100%',
3054 min: 'min-content',
3055 max: 'max-content',
3056 prose: '65ch',
3057 screen: '100vw',
3058 ...breakpoints(_nullishCoalesce(theme('screens'), () => ( {}))),
3059 }),
3060 zIndex: {
3061 auto: 'auto',
3062 0: '0',
3063 10: '10',
3064 20: '20',
3065 30: '30',
3066 40: '40',
3067 50: '50',
3068 // int[0, 99999] -> int[0, 99999]
3069 // ...negative
3070 },
3071 },
3072 variantOrder: variantOrder,
3073 plugins: [],
3074 handlers: {
3075 static : true,
3076 time: true,
3077 color: true,
3078 opacity: true,
3079 number : true,
3080 string: true,
3081 bracket: true,
3082 hex: true,
3083 nxl: true,
3084 fraction: true,
3085 size: true,
3086 variable: true,
3087 negative: true,
3088 },
3089};
3090
3091const twExclude = [
3092 /-hex-/, // disable hex color
3093 /-\$/, // disable variable
3094 /(rem|em|px|rpx|vh|vw|ch|ex)$/, // disable size
3095 /-\d*[13579]$/, // disable odd number
3096 /-([0-9]{1,}[.][0-9]*)$/, // disable float
3097 /^!/, // disable important utility
3098];
3099
3100exports.baseConfig = baseConfig;
3101exports.colors = colors;
3102exports.twExclude = twExclude;