@unocss/preset-uno 0.14.2 → 0.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1847 +0,0 @@
1
- import {
2
- CONTROL_BYPASS_PSEUDO
3
- } from "./chunk-CKV32YDT.mjs";
4
- import {
5
- capitalize,
6
- cornerMap,
7
- directionMap,
8
- handler,
9
- xyzMap
10
- } from "./chunk-O7YRGPXQ.mjs";
11
-
12
- // src/rules/align.ts
13
- var verticalAlignAlias = {
14
- mid: "middle",
15
- base: "baseline",
16
- btm: "bottom"
17
- };
18
- var verticalAligns = [
19
- [/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
20
- ];
21
- var textAligns = [
22
- ["text-center", { "text-align": "center" }],
23
- ["text-left", { "text-align": "left" }],
24
- ["text-right", { "text-align": "right" }],
25
- ["text-justify", { "text-align": "justify" }]
26
- ];
27
-
28
- // src/rules/animation.ts
29
- var keyframes = {
30
- "spin": "{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",
31
- "ping": "{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}",
32
- "bounce": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
33
- "flash": "{from,50%,to{opacity:1}25%,75%{opacity:0}}",
34
- "pulse": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
35
- "rubber-band": "{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}",
36
- "shake-x": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}",
37
- "shake-y": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}",
38
- "head-shake": "{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}",
39
- "swing": "{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}",
40
- "tada": "{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}",
41
- "wobble": "{from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}}",
42
- "jello": "{from,11.1% to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}",
43
- "heart-beat": "{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}",
44
- "hinge": "{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translate3d(0,700px,0);opacity:0}}",
45
- "jack-in-the-box": "{from{opacity:0;transform-origin:center bottom;transform:scale(0.1) rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}}",
46
- "light-speed-in-left": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
47
- "light-speed-in-right": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
48
- "light-speed-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
49
- "light-speed-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
50
- "flip": "{from{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}}",
51
- "flip-in-x": "{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}",
52
- "flip-in-y": "{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}",
53
- "flip-out-x": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}",
54
- "flip-out-y": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}",
55
- "rotate-in": "{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translate3d(0,0,0);opacity:1}}",
56
- "rotate-in-down-left": "{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}}",
57
- "rotate-in-down-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
58
- "rotate-in-up-left": "{from{transform-origin:left top;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left top;transform:translate3d(0,0,0);opacity:1}}",
59
- "rotate-in-up-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
60
- "rotate-out": "{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}",
61
- "rotate-out-down-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}",
62
- "rotate-out-down-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
63
- "rotate-out-up-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
64
- "rotate-out-up-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}",
65
- "roll-in": "{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}}",
66
- "roll-out": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}",
67
- "zoom-in": "{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}}",
68
- "zoom-in-down": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
69
- "zoom-in-left": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
70
- "zoom-in-right": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
71
- "zoom-in-up": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
72
- "zoom-out": "{from{opacity:1}50%{opacity:0;transform:scale3d(0.3,0.3,0.3)}to{opacity:0}}",
73
- "zoom-out-down": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
74
- "zoom-out-left": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px,0,0);transform-origin:left center}}",
75
- "zoom-out-right": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(2000px,0,0);transform-origin:right center}}",
76
- "zoom-out-up": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
77
- "bounce-in": "{from,20%,40%,60%,80%,to{animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}}",
78
- "bounce-in-down": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}}",
79
- "bounce-in-left": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}}",
80
- "bounce-in-right": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}}",
81
- "bounce-in-up": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}",
82
- "bounce-out": "{20%{transform:scale3d(0.9,0.9,0.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,0.3,0.3)}}",
83
- "bounce-out-down": "{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}",
84
- "bounce-out-left": "{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
85
- "bounce-out-right": "{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}",
86
- "bounce-out-up": "{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
87
- "slide-in-down": "{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
88
- "slide-in-left": "{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
89
- "slide-in-right": "{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
90
- "slide-in-up": "{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
91
- "slide-out-down": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}",
92
- "slide-out-left": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}",
93
- "slide-out-right": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}",
94
- "slide-out-up": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}",
95
- "fade-in": "{from{opacity:0}to{opacity:1}}",
96
- "fade-in-down": "{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
97
- "fade-in-down-big": "{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
98
- "fade-in-left": "{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
99
- "fade-in-left-big": "{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
100
- "fade-in-right": "{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
101
- "fade-in-right-big": "{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
102
- "fade-in-up": "{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
103
- "fade-in-up-big": "{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
104
- "fade-in-top-left": "{from{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
105
- "fade-in-top-right": "{from{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
106
- "fade-in-bottom-left": "{from{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
107
- "fade-in-bottom-right": "{from{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
108
- "fade-out": "{from{opacity:1}to{opacity:0}}",
109
- "fade-out-down": "{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}",
110
- "fade-out-down-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}",
111
- "fade-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}",
112
- "fade-out-left-big": "{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
113
- "fade-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}",
114
- "fade-out-right-big": "{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}",
115
- "fade-out-up": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}",
116
- "fade-out-up-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
117
- "fade-out-top-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}",
118
- "fade-out-top-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}",
119
- "fade-out-bottom-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}",
120
- "fade-out-bottom-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,100%,0)}}",
121
- "back-in-up": "{0%{opacity:0.7;transform:translateY(1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
122
- "back-in-down": "{0%{opacity:0.7;transform:translateY(-1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
123
- "back-in-right": "{0%{opacity:0.7;transform:translateX(2000px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
124
- "back-in-left": "{0%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}80%{opacity:0.7;transform:translateX(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
125
- "back-out-up": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}",
126
- "back-out-down": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(700px) scale(0.7)}}",
127
- "back-out-right": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateX(2000px) scale(0.7)}}",
128
- "back-out-left": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}"
129
- };
130
- var durations = {
131
- "heart-beat": "1.3s",
132
- "bounce-in": "0.75s",
133
- "bounce-out": "0.75s",
134
- "flip-out-x": "0.75s",
135
- "flip-out-y": "0.75s",
136
- "hinge": "2s"
137
- };
138
- var timingFns = {
139
- "head-shake": "ease-in-out",
140
- "heart-beat": "ease-in-out",
141
- "pulse": "ease-in-out",
142
- "light-speed-in-left": "ease-out",
143
- "light-speed-in-right": "ease-out",
144
- "light-speed-out-left": "ease-in",
145
- "light-speed-out-right": "ease-in"
146
- };
147
- var properties = {
148
- "bounce": { "transform-origin": "center bottom" },
149
- "jello": { "transform-origin": "center" },
150
- "swing": { "transform-origin": "top center" },
151
- "flip": { "backface-visibility": "visible" },
152
- "flip-in-x": { "backface-visibility": "visible !important" },
153
- "flip-in-y": { "backface-visibility": "visible !important" },
154
- "flip-out-x": { "backface-visibility": "visible !important" },
155
- "flip-out-y": { "backface-visibility": "visible !important" },
156
- "rotate-in": { "transform-origin": "center" },
157
- "rotate-in-down-left": { "transform-origin": "left bottom" },
158
- "rotate-in-down-right": { "transform-origin": "right bottom" },
159
- "rotate-in-up-left": { "transform-origin": "left bottom" },
160
- "rotate-in-up-right": { "transform-origin": "right bottom" },
161
- "rotate-out": { "transform-origin": "center" },
162
- "rotate-out-down-left": { "transform-origin": "left bottom" },
163
- "rotate-out-down-right": { "transform-origin": "right bottom" },
164
- "rotate-out-up-left": { "transform-origin": "left bottom" },
165
- "rotate-out-up-right": { "transform-origin": "right bottom" },
166
- "hinge": { "transform-origin": "top left" },
167
- "zoom-out-down": { "transform-origin": "center bottom" },
168
- "zoom-out-left": { "transform-origin": "left center" },
169
- "zoom-out-right": { "transform-origin": "right center" },
170
- "zoom-out-up": { "transform-origin": "center bottom" }
171
- };
172
- var animations = [
173
- [/^animate-(.*)$/, ([, name], { constructCSS }) => {
174
- const kf = keyframes[name];
175
- if (kf) {
176
- return `@keyframes ${name}${kf}
177
- ${constructCSS(Object.assign({ animation: `${name} ${durations[name] || "1s"} ${timingFns[name] || "linear"} infinite` }, properties[name]))}`;
178
- }
179
- }],
180
- ["animate-none", { animation: "none" }],
181
- [/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": handler.bracket.time(d.replace(/-duration/, "")) })],
182
- [/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": handler.bracket.time(d) })],
183
- [/^animate-(?:fill-)?mode-(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
184
- [/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
185
- [/^animate-(?:iteration-)?count-(.+)$/, ([, d]) => ({ "animation-iteration-count": d.replace(/\-/g, ", ") })],
186
- [/^animate-name-(.+)/, ([, d]) => ({ "animation-name": d })],
187
- [/^animate-play(?:-state)?-(paused|running|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-play-state": d })]
188
- ];
189
-
190
- // src/rules/color.ts
191
- import { hex2rgba } from "@unocss/core";
192
- var parseColorUtil = (body, theme) => {
193
- var _a;
194
- const [main, opacity2] = body.split(/(?:\/|:)/);
195
- const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
196
- if (!name)
197
- return;
198
- let color;
199
- const bracket = handler.bracket(main) || main;
200
- if (bracket.startsWith("#"))
201
- color = bracket.slice(1);
202
- if (bracket.startsWith("hex-"))
203
- color = bracket.slice(4);
204
- if (!color) {
205
- const colorData = (_a = theme.colors) == null ? void 0 : _a[name];
206
- if (typeof colorData === "string")
207
- color = colorData;
208
- else if (no && colorData)
209
- color = colorData[no];
210
- }
211
- return {
212
- opacity: opacity2,
213
- name,
214
- no,
215
- color,
216
- rgba: hex2rgba(color)
217
- };
218
- };
219
- var colorResolver = (attribute, varName) => ([, body], { theme }) => {
220
- const data = parseColorUtil(body, theme);
221
- if (!data)
222
- return;
223
- const { opacity: opacity2, color, rgba } = data;
224
- if (!color)
225
- return;
226
- const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba == null ? void 0 : rgba[3];
227
- if (rgba) {
228
- if (a != null && !Number.isNaN(a)) {
229
- rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
230
- return {
231
- [attribute]: `rgba(${rgba.join(",")})`
232
- };
233
- } else {
234
- return {
235
- [`--un-${varName}-opacity`]: 1,
236
- [attribute]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-${varName}-opacity))`
237
- };
238
- }
239
- } else {
240
- return {
241
- [attribute]: color.replace("%alpha", `${a || 1}`)
242
- };
243
- }
244
- };
245
- var opacity = [
246
- [/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: handler.bracket.percent.cssvar(d) })]
247
- ];
248
- var textColors = [
249
- [/^(?:text|color|c)-(.+)$/, colorResolver("color", "text")],
250
- [/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent.cssvar(opacity2) })]
251
- ];
252
- var textDecorationColors = [
253
- [/^underline-(.+)$/, (match, ctx) => {
254
- const result = colorResolver("text-decoration-color", "line")(match, ctx);
255
- if (result) {
256
- return {
257
- "-webkit-text-decoration-color": result["text-decoration-color"],
258
- ...result
259
- };
260
- }
261
- }],
262
- [/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": handler.bracket.percent(opacity2) })]
263
- ];
264
- var textStrokeColors = [
265
- [/^text-stroke-(.+)$/, colorResolver("-webkit-text-stroke-color", "text-stroke")],
266
- [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": handler.bracket.percent(opacity2) })]
267
- ];
268
- var bgColors = [
269
- [/^bg-(.+)$/, colorResolver("background-color", "bg")],
270
- [/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent(opacity2) })]
271
- ];
272
- var borderColors = [
273
- [/^(?:border|b)-(.+)$/, colorResolver("border-color", "border")],
274
- [/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity": handler.bracket.percent(opacity2) })]
275
- ];
276
- var ringColors = [
277
- [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
278
- [/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity2) })]
279
- ];
280
- var ringOffsetColors = [
281
- [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
282
- [/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": handler.bracket.percent(opacity2) })]
283
- ];
284
- var divideColors = [
285
- [/^divide-(.+)$/, colorResolver("border-color", "divide")],
286
- [/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": handler.bracket.percent(opacity2) })]
287
- ];
288
- var fillColors = [
289
- ["fill-none", { fill: "none" }],
290
- [/^fill-(.+)$/, colorResolver("fill", "fill")],
291
- [/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": handler.bracket.percent(opacity2) })]
292
- ];
293
-
294
- // src/rules/background.ts
295
- var colorResolver2 = (mode) => ([, body], { theme }) => {
296
- const data = parseColorUtil(body, theme);
297
- if (!data)
298
- return;
299
- const { opacity: opacity2, color, rgba } = data;
300
- if (!color)
301
- return;
302
- let colorString = color;
303
- if (rgba) {
304
- const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
305
- if (a != null && !Number.isNaN(a)) {
306
- rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
307
- colorString = `rgba(${rgba.join(",")})`;
308
- } else {
309
- colorString = `rgba(${rgba.slice(0, 3).join(",")}, var(--un-${mode}-opacity, 1))`;
310
- }
311
- }
312
- switch (mode) {
313
- case "from":
314
- return {
315
- "--un-gradient-from": colorString,
316
- "--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
317
- };
318
- case "via":
319
- return {
320
- "--un-gradient-stops": `var(--un-gradient-from), ${colorString}, var(--un-gradient-to, rgba(255, 255, 255, 0))`
321
- };
322
- case "to":
323
- return {
324
- "--un-gradient-to": colorString
325
- };
326
- }
327
- };
328
- var bgAttachments = [
329
- ["bg-fixed", { "background-attachment": "fixed" }],
330
- ["bg-local", { "background-attachment": "local" }],
331
- ["bg-scroll", { "background-attachment": "scroll" }]
332
- ];
333
- var bgBlendModes = [
334
- ["bg-blend-normal", { "background-blend-mode": "normal" }],
335
- ["bg-blend-multiply", { "background-blend-mode": "multiply" }],
336
- ["bg-blend-screen", { "background-blend-mode": "screen" }],
337
- ["bg-blend-overlay", { "background-blend-mode": "overlay" }],
338
- ["bg-blend-darken", { "background-blend-mode": "darken" }],
339
- ["bg-blend-lighten", { "background-blend-mode": "lighten" }],
340
- ["bg-blend-color-dodge", { "background-blend-mode": "color-dodge" }],
341
- ["bg-blend-color-burn", { "background-blend-mode": "color-burn" }],
342
- ["bg-blend-hard-light", { "background-blend-mode": "hard-light" }],
343
- ["bg-blend-soft-light", { "background-blend-mode": "soft-light" }],
344
- ["bg-blend-difference", { "background-blend-mode": "difference" }],
345
- ["bg-blend-exclusion", { "background-blend-mode": "exclusion" }],
346
- ["bg-blend-hue", { "background-blend-mode": "hue" }],
347
- ["bg-blend-saturation", { "background-blend-mode": "saturation" }],
348
- ["bg-blend-color", { "background-blend-mode": "color" }],
349
- ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
350
- ];
351
- var bgClips = [
352
- ["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
353
- ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
354
- ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
355
- ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
356
- ];
357
- var bgGradients = [
358
- [/^from-(.+)$/, colorResolver2("from")],
359
- [/^to-(.+)$/, colorResolver2("to")],
360
- [/^via-(.+)$/, colorResolver2("via")],
361
- [/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity": handler.bracket.percent(opacity2) })],
362
- [/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity": handler.bracket.percent(opacity2) })],
363
- [/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity": handler.bracket.percent(opacity2) })]
364
- ];
365
- var bgImages = [
366
- ["bg-none", { "background-image": "none" }],
367
- ["bg-gradient-to-t", {
368
- "background-image": "linear-gradient(to top, var(--un-gradient-stops))"
369
- }],
370
- ["bg-gradient-to-tr", {
371
- "background-image": "linear-gradient(to top right, var(--un-gradient-stops))"
372
- }],
373
- ["bg-gradient-to-r", {
374
- "background-image": "linear-gradient(to right, var(--un-gradient-stops))"
375
- }],
376
- ["bg-gradient-to-br", {
377
- "background-image": "linear-gradient(to bottom right, var(--un-gradient-stops))"
378
- }],
379
- ["bg-gradient-to-b", {
380
- "background-image": "linear-gradient(to bottom, var(--un-gradient-stops))"
381
- }],
382
- ["bg-gradient-to-bl", {
383
- "background-image": "linear-gradient(to bottom left, var(--un-gradient-stops))"
384
- }],
385
- ["bg-gradient-to-l", {
386
- "background-image": "linear-gradient(to left, var(--un-gradient-stops))"
387
- }],
388
- ["bg-gradient-to-tl", {
389
- "background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
390
- }]
391
- ];
392
- var bgOrigins = [
393
- ["bg-origin-border", { "background-origin": "border-box" }],
394
- ["bg-origin-padding", { "background-origin": "padding-box" }],
395
- ["bg-origin-content", { "background-origin": "content-box" }]
396
- ];
397
- var bgPositions = [
398
- ["bg-bottom", { "background-position": "bottom" }],
399
- ["bg-center", { "background-position": "center" }],
400
- ["bg-left", { "background-position": "left" }],
401
- ["bg-left-bottom", { "background-position": "left bottom" }],
402
- ["bg-left-top", { "background-position": "left top" }],
403
- ["bg-right", { "background-position": "right" }],
404
- ["bg-right-bottom", { "background-position": "right bottom" }],
405
- ["bg-right-top", { "background-position": "right top" }],
406
- ["bg-top", { "background-position": "top" }]
407
- ];
408
- var bgRepeats = [
409
- ["bg-repeat", { "background-repeat": "repeat" }],
410
- ["bg-no-repeat", { "background-repeat": "no-repeat" }],
411
- ["bg-repeat-x", { "background-position": "repeat-x" }],
412
- ["bg-repeat-y", { "background-position": "repeat-y" }],
413
- ["bg-repeat-round", { "background-position": "round" }],
414
- ["bg-repeat-space", { "background-position": "space" }]
415
- ];
416
- var bgSizes = [
417
- ["bg-auto", { "background-size": "auto" }],
418
- ["bg-cover", { "background-repeat": "cover" }],
419
- ["bg-contain", { "background-position": "contain" }]
420
- ];
421
-
422
- // src/rules/behaviors.ts
423
- var outlineStyle = ["none", "auto", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset", "inherit", "initial", "revert", "unset"];
424
- var listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
425
- var parseOutlineSize = (s) => {
426
- const propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
427
- const size = handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
428
- if (size) {
429
- return {
430
- [`outline-${propName}`]: size
431
- };
432
- }
433
- };
434
- var outline = [
435
- ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }],
436
- ["outline", { "outline-style": "solid" }],
437
- [
438
- /^outline-(.+)$/,
439
- (match, config) => {
440
- const [, d] = match;
441
- if (d === "none") {
442
- return {
443
- "outline": "2px solid transparent",
444
- "outline-offset": "2px"
445
- };
446
- }
447
- if (outlineStyle.includes(d)) {
448
- return {
449
- "outline-style": d
450
- };
451
- }
452
- const sizeSheet = parseOutlineSize(d);
453
- if (sizeSheet)
454
- return sizeSheet;
455
- const colorSheet = colorResolver("outline-color", "outline-color")([
456
- match[0],
457
- match[1].replace(/^color-/, "")
458
- ], config);
459
- if (colorSheet)
460
- return colorSheet;
461
- }
462
- ]
463
- ];
464
- var listStyle = [
465
- [new RegExp(`^list-((${listStyleProps.join("|")})(?:(-outside|-inside))?)$`), ([, value]) => {
466
- var _a;
467
- const style = value.split(/-outside|-inside/)[0];
468
- const position = (_a = /inside|outside/.exec(value)) != null ? _a : [];
469
- if (position.length) {
470
- return {
471
- "list-style-position": `${position[0]}`,
472
- "list-style-type": `${style}`
473
- };
474
- }
475
- return {
476
- "list-style-type": `${style}`
477
- };
478
- }],
479
- [/^list-(inside|outside)$/, ([, value]) => {
480
- return {
481
- "list-style-position": value
482
- };
483
- }]
484
- ];
485
- var boxDecorationBreaks = [
486
- ["decoration-slice", { "box-decoration-break": "slice" }],
487
- ["decoration-clone", { "box-decoration-break": "clone" }]
488
- ];
489
- var caretOpacity = [
490
- [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": handler.bracket.percent(d) })]
491
- ];
492
- var caretColors = [
493
- [/^caret-(.+)$/, colorResolver("caret-color", "caret")]
494
- ];
495
- var imageRenderings = [
496
- ["image-render-auto", { "image-rendering": "auto" }],
497
- ["image-render-edge", { "image-rendering": "crisp-edges" }],
498
- ["image-render-pixel", [
499
- ["-ms-interpolation-mode", "nearest-neighbor"],
500
- ["image-rendering", "-webkit-optimize-contrast"],
501
- ["image-rendering", "-moz-crisp-edges"],
502
- ["image-rendering", "-o-pixelated"],
503
- ["image-rendering", "pixelated"]
504
- ]]
505
- ];
506
- var appearance = [
507
- ["appearance-none", {
508
- "appearance": "none",
509
- "-webkit-appearance": "none"
510
- }]
511
- ];
512
- var placeholder = [
513
- [
514
- /^placeholder-opacity-(\d+)$/,
515
- ([, d]) => ({
516
- "placeholder-opacity": handler.bracket.percent(d)
517
- })
518
- ],
519
- [
520
- /^placeholder-(?!opacity)(.+)$/,
521
- (match, config) => {
522
- match[1] = match[1].replace(/^color-/, "");
523
- return colorResolver("placeholder-color", "placeholder-color")(match, config);
524
- }
525
- ]
526
- ];
527
- var overflowValues = [
528
- "none",
529
- "auto",
530
- "hidden",
531
- "visible",
532
- "scroll",
533
- "contain"
534
- ];
535
- var overscrolls = [
536
- [/^overscroll-(.+)$/, ([, v]) => overflowValues.includes(v) ? { "overscroll-behavior": v } : void 0],
537
- [/^overscroll-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overscroll-behavior-${d}`]: v } : void 0]
538
- ];
539
-
540
- // src/rules/border.ts
541
- var borderSizes = [
542
- [/^border$/, handlerBorder],
543
- [/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
544
- [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
545
- ];
546
- var borderRadius = [
547
- [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
548
- [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
549
- [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
550
- ];
551
- var borderStyles = [
552
- ["border-solid", { "border-style": "solid" }],
553
- ["border-dashed", { "border-style": "dashed" }],
554
- ["border-dotted", { "border-style": "dotted" }],
555
- ["border-double", { "border-style": "double" }],
556
- ["border-none", { "border-style": "none" }]
557
- ];
558
- var borders = [
559
- borderSizes,
560
- borderColors,
561
- borderStyles,
562
- borderRadius
563
- ].flat(1);
564
- function handlerBorder([, a, b]) {
565
- const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
566
- const v = handler.bracket.px(s);
567
- if (v != null) {
568
- return [
569
- ...directionMap[d].map((i) => [`border${i}-width`, v]),
570
- ["border-style", "solid"]
571
- ];
572
- }
573
- }
574
- function handlerRounded([, a, b], { theme }) {
575
- var _a;
576
- const [d, s = "DEFAULT"] = cornerMap[a] ? [a, b] : ["", a];
577
- const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || handler.bracket.fraction.rem(s);
578
- if (v != null)
579
- return cornerMap[d].map((i) => [`border${i}-radius`, v]);
580
- }
581
-
582
- // src/rules/container.ts
583
- import { toArray } from "@unocss/core";
584
- var queryMatcher = /@media \(min-width: (.+)\)/;
585
- var container = [
586
- [
587
- /^__container$/,
588
- (m, { variantHandlers }) => {
589
- var _a;
590
- let width = "100%";
591
- for (const v of variantHandlers) {
592
- const query = toArray(v.parent || [])[0];
593
- if (typeof query === "string") {
594
- const match = (_a = query.match(queryMatcher)) == null ? void 0 : _a[1];
595
- if (match)
596
- width = match;
597
- }
598
- }
599
- return { "max-width": width };
600
- },
601
- { internal: true }
602
- ]
603
- ];
604
- var containerShortcuts = [
605
- [/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
606
- let points = Object.keys(theme.breakpoints || {});
607
- if (bp) {
608
- if (!points.includes(bp))
609
- return;
610
- points = points.slice(points.indexOf(bp));
611
- }
612
- const shortcuts = points.map((p) => `${p}:__container`);
613
- if (!bp)
614
- shortcuts.unshift("__container");
615
- return shortcuts;
616
- }]
617
- ];
618
-
619
- // src/rules/transition.ts
620
- var transitionBasicProps = [
621
- "color",
622
- "border-color",
623
- "background-color",
624
- "flex-grow",
625
- "flex",
626
- "flex-shrink",
627
- "caret-color",
628
- "font",
629
- "gap",
630
- "opacity",
631
- "visibility",
632
- "z-index",
633
- "font-weight",
634
- "zoom",
635
- "text-shadow",
636
- "transform",
637
- "box-shadow"
638
- ];
639
- var transitionPositionProps = [
640
- "backround-position",
641
- "left",
642
- "right",
643
- "top",
644
- "bottom",
645
- "object-position"
646
- ];
647
- var transitionSizeProps = [
648
- "max-height",
649
- "min-height",
650
- "max-width",
651
- "min-width",
652
- "height",
653
- "width",
654
- "border-width",
655
- "margin",
656
- "padding",
657
- "outline-width",
658
- "outline-offset",
659
- "font-size",
660
- "line-height",
661
- "text-indent",
662
- "vertical-align",
663
- "border-spacing",
664
- "letter-spacing",
665
- "word-spacing"
666
- ];
667
- var transitionSwitchProps = ["all", "none"];
668
- var transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
669
- var transitionProps = [
670
- ...transitionBasicProps,
671
- ...transitionPositionProps,
672
- ...transitionSizeProps,
673
- ...transitionEnhanceProps
674
- ];
675
- var transitionPropsStr = transitionProps.join(", ");
676
- var validateProperty = (prop) => {
677
- if (prop && ![...transitionProps, ...transitionSwitchProps].includes(prop))
678
- return;
679
- return prop || transitionPropsStr;
680
- };
681
- var transitions = [
682
- [/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
683
- const transitionProperty = validateProperty(prop);
684
- if (!transitionProperty)
685
- return;
686
- return {
687
- "transition-property": transitionProperty,
688
- "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
689
- "transition-duration": `${duration}ms`
690
- };
691
- }],
692
- [/^duration-(\d+)$/, ([, duration = "150"]) => {
693
- return {
694
- "transition-duration": `${duration}ms`
695
- };
696
- }],
697
- ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
698
- ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
699
- ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
700
- ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
701
- [/^transition-delay-(\d+)$/, ([, v]) => ({ "transition-delay": `${v}ms` })],
702
- [/^transition-duration-(\d+)$/, ([, v]) => ({ "transition-duration": `${v}ms` })],
703
- [/^(?:transition-)?property-([a-z-]+)$/, ([, v]) => {
704
- const transitionProperty = validateProperty(v);
705
- if (transitionProperty)
706
- return { "transition-property": transitionProperty };
707
- }]
708
- ];
709
-
710
- // src/rules/filters.ts
711
- import { toArray as toArray2 } from "@unocss/core";
712
- var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
713
- var filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
714
- var filterBase = {
715
- "--un-blur": varEmpty,
716
- "--un-brightness": varEmpty,
717
- "--un-contrast": varEmpty,
718
- "--un-grayscale": varEmpty,
719
- "--un-hue-rotate": varEmpty,
720
- "--un-invert": varEmpty,
721
- "--un-saturate": varEmpty,
722
- "--un-sepia": varEmpty,
723
- "--un-drop-shadow": varEmpty,
724
- "filter": filterContnet,
725
- [CONTROL_BYPASS_PSEUDO]: ""
726
- };
727
- var backdropFilterContent = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
728
- var backdropFilterBase = {
729
- "--un-backdrop-blur": varEmpty,
730
- "--un-backdrop-brightness": varEmpty,
731
- "--un-backdrop-contrast": varEmpty,
732
- "--un-backdrop-grayscale": varEmpty,
733
- "--un-backdrop-hue-rotate": varEmpty,
734
- "--un-backdrop-invert": varEmpty,
735
- "--un-backdrop-saturate": varEmpty,
736
- "--un-backdrop-sepia": varEmpty,
737
- "-webkit-backdrop-filter": backdropFilterContent,
738
- "backdrop-filter": backdropFilterContent,
739
- [CONTROL_BYPASS_PSEUDO]: ""
740
- };
741
- var percentWithDefault = (defaultValue = "1") => (str) => {
742
- const v = str ? handler.bracket.percent(str) : defaultValue;
743
- return v && parseFloat(v) <= 1 ? v : void 0;
744
- };
745
- var toFilter = (varName, resolver) => ([, b, s], { theme }) => {
746
- const value = resolver(s, theme);
747
- if (value) {
748
- return [
749
- b ? backdropFilterBase : filterBase,
750
- { [`--un-${b || ""}${varName}`]: `${varName}(${value})` }
751
- ];
752
- }
753
- };
754
- var filters = [
755
- ["filter", filterBase],
756
- ["filter-none", { filter: "none" }],
757
- ["backdrop-filter", backdropFilterBase],
758
- ["backdrop-filter-none", {
759
- "-webkit-backdrop-filter": "none",
760
- "backdrop-filter": "none"
761
- }],
762
- [/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => {
763
- var _a;
764
- return ((_a = theme.blur) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.px(s);
765
- })],
766
- [/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => handler.bracket.percent(s))],
767
- [/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => handler.bracket.percent(s))],
768
- [/^()?drop-shadow(?:-(.+))?$/, toFilter("drop-shadow", (s, theme) => {
769
- var _a;
770
- const v = handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
771
- if (v)
772
- return toArray2(v).map((v2) => `drop-shadow(${v2})`).join(" ");
773
- })],
774
- [/^(backdrop-)?grayscale(?:-(\d+))?$/, toFilter("grayscale", percentWithDefault())],
775
- [/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${handler.bracket.number(s)}deg`)],
776
- [/^(backdrop-)?invert(?:-(\d+))?$/, toFilter("invert", percentWithDefault())],
777
- [/^(backdrop-)?saturate(?:-(\d+))?$/, toFilter("saturate", percentWithDefault("0"))],
778
- [/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
779
- ];
780
-
781
- // src/rules/flex.ts
782
- var flex = [
783
- ["flex-col", { "flex-direction": "column" }],
784
- ["flex-col-reverse", { "flex-direction": "column-reverse" }],
785
- ["flex-row", { "flex-direction": "row" }],
786
- ["flex-row-reverse", { "flex-direction": "row-reverse" }],
787
- ["flex-wrap", { "flex-wrap": "wrap" }],
788
- ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
789
- ["flex-nowrap", { "flex-wrap": "nowrap" }],
790
- ["flex-1", { flex: "1 1 0%" }],
791
- ["flex-auto", { flex: "1 1 auto" }],
792
- ["flex-initial", { flex: "0 1 auto" }],
793
- ["flex-none", { flex: "none" }],
794
- [/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
795
- ["flex-grow", { "flex-grow": 1 }],
796
- ["flex-grow-0", { "flex-grow": 0 }],
797
- ["flex-shrink", { "flex-shrink": 1 }],
798
- ["flex-shrink-0", { "flex-shrink": 0 }],
799
- ["flex", { display: "flex" }],
800
- ["inline-flex", { display: "inline-flex" }],
801
- ["flex-inline", { display: "inline-flex" }]
802
- ];
803
-
804
- // src/rules/typography.ts
805
- import { toArray as toArray3 } from "@unocss/core";
806
-
807
- // src/rules/static.ts
808
- var varEmpty2 = "var(--un-empty,/*!*/ /*!*/)";
809
- var displays = [
810
- ["inline", { display: "inline" }],
811
- ["block", { display: "block" }],
812
- ["inline-block", { display: "inline-block" }],
813
- ["contents", { display: "contents" }],
814
- ["flow-root", { display: "flow-root" }],
815
- ["list-item", { display: "list-item" }],
816
- ["hidden", { display: "none" }]
817
- ];
818
- var appearances = [
819
- ["visible", { visibility: "visible" }],
820
- ["invisible", { visibility: "hidden" }],
821
- ["backface-visible", { "backface-visibility": "visible" }],
822
- ["backface-hidden", { "backface-visibility": "hidden" }]
823
- ];
824
- var cursors = [
825
- [/^cursor-(.+)$/, ([, c]) => ({ cursor: c })]
826
- ];
827
- var pointerEvents = [
828
- ["pointer-events-none", { "pointer-events": "none" }],
829
- ["pointer-events-auto", { "pointer-events": "auto" }]
830
- ];
831
- var resizes = [
832
- ["resize-none", { resize: "none" }],
833
- ["resize-x", { resize: "horizontal" }],
834
- ["resize-y", { resize: "vertical" }],
835
- ["resize", { resize: "both" }]
836
- ];
837
- var userSelects = [
838
- [/^select-(none|text|all|auto)$/, ([, v]) => ({ "user-select": v })]
839
- ];
840
- var whitespaces = [
841
- [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
842
- ];
843
- var contents = [
844
- ["content-empty", { content: '""' }]
845
- ];
846
- var breaks = [
847
- ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
848
- ["break-word", { "overflow-wrap": "break-word" }],
849
- ["break-all", { "word-break": "break-all" }]
850
- ];
851
- var textOverflows = [
852
- ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
853
- ["text-ellipsis", { "text-overflow": "ellipsis" }],
854
- ["text-clip", { "text-overflow": "clip" }]
855
- ];
856
- var textTransforms = [
857
- ["case-upper", { "text-transform": "uppercase" }],
858
- ["case-lower", { "text-transform": "lowercase" }],
859
- ["case-capital", { "text-transform": "capitalize" }],
860
- ["case-normal", { "text-transform": "none" }],
861
- ["uppercase", { "text-transform": "uppercase" }],
862
- ["lowercase", { "text-transform": "lowercase" }],
863
- ["capitalize", { "text-transform": "capitalize" }],
864
- ["normal-case", { "text-transform": "none" }]
865
- ];
866
- var textDecorations = [
867
- ["underline", { "text-decoration": "underline" }],
868
- ["line-through", { "text-decoration": "line-through" }],
869
- ["no-underline", { "text-decoration": "none" }]
870
- ];
871
- var textDecorationStyles = [
872
- ["underline-solid", { "text-decoration-style": "solid" }],
873
- ["underline-double", { "text-decoration-style": "double" }],
874
- ["underline-dotted", { "text-decoration-style": "dotted" }],
875
- ["underline-dashed", { "text-decoration-style": "dashed" }]
876
- ];
877
- var fontStyles = [
878
- ["italic", { "font-style": "italic" }],
879
- ["not-italic", { "font-style": "normal" }]
880
- ];
881
- var fontSmoothings = [
882
- ["antialiased", {
883
- "-webkit-font-smoothing": "antialiased",
884
- "-moz-osx-font-smoothing": "grayscale",
885
- "font-smoothing": "grayscale"
886
- }],
887
- ["subpixel-antialiased", {
888
- "-webkit-font-smoothing": "auto",
889
- "-moz-osx-font-smoothing": "auto",
890
- "font-smoothing": "auto"
891
- }]
892
- ];
893
- var hyphens = [
894
- ["hyphens-none", {
895
- "-webkit-hyphens": "none",
896
- "-ms-hyphens": "none",
897
- "hyphens": "none"
898
- }],
899
- ["hyphens-manual", {
900
- "-webkit-hyphens": "manual",
901
- "-ms-hyphens": "manual",
902
- "hyphens": "manual"
903
- }],
904
- ["hyphens-auto", {
905
- "-webkit-hyphens": "auto",
906
- "-ms-hyphens": "auto",
907
- "hyphens": "auto"
908
- }]
909
- ];
910
- var writingModes = [
911
- ["write-normal", { "writing-mode": "horizontal-tb" }],
912
- ["write-vertical-right", { "writing-mode": "vertical-rl" }],
913
- ["write-vertical-left", { "writing-mode": "vertical-lr" }]
914
- ];
915
- var writingOrientations = [
916
- ["write-orient-mixed", { "text-orientation": "mixed" }],
917
- ["write-orient-upright", { "text-orientation": "upright" }],
918
- ["write-orient-sideways", { "text-orientation": "sideways" }]
919
- ];
920
- var screenReadersAccess = [
921
- [
922
- "sr-only",
923
- {
924
- "position": "absolute",
925
- "width": "1px",
926
- "height": "1px",
927
- "padding": "0",
928
- "margin": "-1px",
929
- "overflow": "hidden",
930
- "clip": "rect(0,0,0,0)",
931
- "white-space": "nowrap",
932
- "border-width": 0
933
- }
934
- ],
935
- [
936
- "not-sr-only",
937
- {
938
- "position": "static",
939
- "width": "auto",
940
- "height": "auto",
941
- "padding": "0",
942
- "margin": "0",
943
- "overflow": "visible",
944
- "clip": "auto",
945
- "white-space": "normal"
946
- }
947
- ]
948
- ];
949
- var isolations = [
950
- ["isolate", { isolation: "isolate" }],
951
- ["isolate-auto", { isolation: "auto" }]
952
- ];
953
-
954
- // src/rules/typography.ts
955
- var fontsFamilies = [
956
- [/^font-(\w+)$/, ([, d], { theme }) => {
957
- var _a;
958
- const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
959
- if (font) {
960
- return {
961
- "font-family": font
962
- };
963
- }
964
- }]
965
- ];
966
- var weightMap = {
967
- thin: "100",
968
- extralight: "200",
969
- light: "300",
970
- normal: "400",
971
- medium: "500",
972
- semibold: "600",
973
- bold: "700",
974
- extrabold: "800",
975
- black: "900"
976
- };
977
- var fontSizes = [
978
- [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
979
- var _a;
980
- const result = toArray3(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
981
- if (result == null ? void 0 : result[0]) {
982
- const [size, height = "1"] = result;
983
- return {
984
- "font-size": size,
985
- "line-height": height
986
- };
987
- }
988
- }]
989
- ];
990
- var fontWeights = [
991
- [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
992
- const v = weightMap[s] || handler.number(s);
993
- if (v)
994
- return { "font-weight": v };
995
- }]
996
- ];
997
- var leadings = [
998
- [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
999
- var _a;
1000
- const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
1001
- if (v !== null)
1002
- return { "line-height": v };
1003
- }]
1004
- ];
1005
- var trackings = [
1006
- [/^tracking-([^-]+)$/, ([, s], { theme }) => {
1007
- var _a;
1008
- const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
1009
- if (v !== null)
1010
- return { "letter-spacing": v };
1011
- }]
1012
- ];
1013
- var wordSpacings = [
1014
- [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
1015
- var _a;
1016
- const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
1017
- if (v !== null)
1018
- return { "word-spacing": v };
1019
- }]
1020
- ];
1021
- var tabSizes = [
1022
- [/^tab-?([^-]*)$/, ([, s]) => {
1023
- s = s || "4";
1024
- const v = handler.bracket.global.number(s);
1025
- if (v !== null) {
1026
- return {
1027
- "-moz-tab-size": v,
1028
- "-o-tab-size": v,
1029
- "tab-size": v
1030
- };
1031
- }
1032
- }]
1033
- ];
1034
- var textDecorationLengths = [
1035
- [/^underline-([^-]+)$/, ([, s]) => {
1036
- const v = s === "auto" ? s : handler.bracket.px(s);
1037
- if (v != null)
1038
- return { "text-decoration-thickness": v };
1039
- }]
1040
- ];
1041
- var textDecorationOffsets = [
1042
- [/^underline-offset-([^-]+)$/, ([, s]) => {
1043
- const v = s === "auto" ? s : handler.bracket.px(s);
1044
- if (v != null)
1045
- return { "text-underline-offset": v };
1046
- }]
1047
- ];
1048
- var textIndents = [
1049
- [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
1050
- var _a;
1051
- const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.fraction.rem(s);
1052
- if (v != null)
1053
- return { "text-indent": v };
1054
- }]
1055
- ];
1056
- var textStrokeWidths = [
1057
- [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
1058
- var _a;
1059
- const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.px(s);
1060
- if (v != null)
1061
- return { "-webkit-text-stroke-width": v };
1062
- }]
1063
- ];
1064
- var textShadows = [
1065
- [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
1066
- var _a;
1067
- const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar(s);
1068
- if (v != null)
1069
- return { "text-shadow": v };
1070
- }]
1071
- ];
1072
- var fontVariantNumericBase = {
1073
- "--un-ordinal": varEmpty2,
1074
- "--un-slashed-zero": varEmpty2,
1075
- "--un-numeric-figure": varEmpty2,
1076
- "--un-numeric-spacing": varEmpty2,
1077
- "--un-numeric-fraction": varEmpty2,
1078
- "font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)",
1079
- [CONTROL_BYPASS_PSEUDO]: ""
1080
- };
1081
- var fontVariantNumeric = [
1082
- [/^ordinal$/, () => [fontVariantNumericBase, { "--un-ordinal": "ordinal" }]],
1083
- [/^slashed-zero$/, () => [fontVariantNumericBase, { "--un-slashed-zero": "slashed-zero" }]],
1084
- [/^lining-nums$/, () => [fontVariantNumericBase, { "--un-numeric-figure": "lining-nums" }]],
1085
- [/^oldstyle-nums$/, () => [fontVariantNumericBase, { "--un-numeric-figure": "oldstyle-nums" }]],
1086
- [/^proportional-nums$/, () => [fontVariantNumericBase, { "--un-numeric-spacing": "proportional-nums" }]],
1087
- [/^tabular-nums$/, () => [fontVariantNumericBase, { "--un-numeric-spacing": "tabular-nums" }]],
1088
- [/^diagonal-fractions$/, () => [fontVariantNumericBase, { "--un-numeric-fraction": "diagonal-fractions" }]],
1089
- [/^stacked-fractions$/, () => [fontVariantNumericBase, { "--un-numeric-fraction": "stacked-fractions" }]],
1090
- ["normal-nums", { "font-variant-numeric": "normal" }]
1091
- ];
1092
- var fonts = [
1093
- fontsFamilies,
1094
- fontSizes,
1095
- fontWeights
1096
- ].flat(1);
1097
-
1098
- // src/rules/gap.ts
1099
- var gaps = [
1100
- [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
1101
- const v = handler.bracket.rem(s);
1102
- if (v != null) {
1103
- return {
1104
- "grid-gap": v,
1105
- "gap": v
1106
- };
1107
- }
1108
- }],
1109
- [/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
1110
- const v = handler.bracket.rem(s);
1111
- if (v != null) {
1112
- return {
1113
- "grid-column-gap": v,
1114
- "column-gap": v
1115
- };
1116
- }
1117
- }],
1118
- [/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
1119
- const v = handler.bracket.rem(s);
1120
- if (v != null) {
1121
- return {
1122
- "grid-row-gap": v,
1123
- "row-gap": v
1124
- };
1125
- }
1126
- }]
1127
- ];
1128
-
1129
- // src/rules/grid.ts
1130
- import { toArray as toArray4 } from "@unocss/core";
1131
- var calSize = (s, theme) => {
1132
- var _a;
1133
- return toArray4(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
1134
- };
1135
- var autoDirection = (selector, theme) => {
1136
- if (selector === "min")
1137
- return "min-content";
1138
- else if (selector === "max")
1139
- return "max-content";
1140
- else if (selector === "fr")
1141
- return "minmax(0,1fr)";
1142
- return calSize(selector, theme);
1143
- };
1144
- var grids = [
1145
- ["grid", { display: "grid" }],
1146
- ["inline-grid", { display: "inline-grid" }],
1147
- [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
1148
- [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
1149
- [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
1150
- [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
1151
- [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
1152
- [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
1153
- [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
1154
- var _a;
1155
- const key = d === "row" ? "grid-row" : "grid-column";
1156
- let raw = handler.bracket(v);
1157
- if (raw)
1158
- return { [key]: raw };
1159
- const parts = v.split("-");
1160
- if (parts.length === 1 && parts[0] === "auto")
1161
- return { [key]: parts[0] };
1162
- if (parts[0] === "span") {
1163
- if (parts[1] === "full")
1164
- return { [key]: "1/-1" };
1165
- raw = (_a = handler.number.bracket(parts[1])) == null ? void 0 : _a.toString().replace(/_/g, " ");
1166
- if (raw)
1167
- return { [key]: `span ${raw}/span ${raw}` };
1168
- }
1169
- }],
1170
- [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
1171
- [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
1172
- [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
1173
- [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
1174
- [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
1175
- [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
1176
- [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })]
1177
- ];
1178
-
1179
- // src/rules/layout.ts
1180
- var overflowValues2 = [
1181
- "auto",
1182
- "hidden",
1183
- "visible",
1184
- "scroll"
1185
- ];
1186
- var overflows = [
1187
- [/^(?:overflow|of)-(.+)$/, ([, v]) => overflowValues2.includes(v) ? { overflow: v } : void 0],
1188
- [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues2.includes(v) ? { [`overflow-${d}`]: v } : void 0]
1189
- ];
1190
-
1191
- // src/rules/position.ts
1192
- var positions = [
1193
- ["relative", { position: "relative" }],
1194
- ["absolute", { position: "absolute" }],
1195
- ["fixed", { position: "fixed" }],
1196
- ["sticky", { position: "sticky" }],
1197
- ["static", { position: "static" }]
1198
- ];
1199
- var justifies = [
1200
- ["justify-start", { "justify-content": "flex-start" }],
1201
- ["justify-end", { "justify-content": "flex-end" }],
1202
- ["justify-center", { "justify-content": "center" }],
1203
- ["justify-between", { "justify-content": "space-between" }],
1204
- ["justify-around", { "justify-content": "space-around" }],
1205
- ["justify-evenly", { "justify-content": "space-evenly" }]
1206
- ];
1207
- var orders = [
1208
- [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || handler.bracket.number(v) })]
1209
- ];
1210
- var basicSet = ["auto", "start", "end", "center", "stretch"];
1211
- var justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
1212
- var justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
1213
- var alignContents = [
1214
- ["content-start", { "align-content": "flex-start" }],
1215
- ["content-end", { "align-content": "flex-end" }],
1216
- ["content-center", { "align-content": "center" }],
1217
- ["content-between", { "align-content": "space-between" }],
1218
- ["content-around", { "align-content": "space-around" }],
1219
- ["content-evenly", { "align-content": "space-evenly" }]
1220
- ];
1221
- var alignItems = [
1222
- ["items-start", { "align-items": "flex-start" }],
1223
- ["items-end", { "align-items": "flex-end" }],
1224
- ["items-center", { "align-items": "center" }],
1225
- ["items-baseline", { "align-items": "baseline" }],
1226
- ["items-stretch", { "align-items": "stretch" }]
1227
- ];
1228
- var alignSelfs = [
1229
- ["self-auto", { "align-self": "auto" }],
1230
- ["self-start", { "align-self": "flex-start" }],
1231
- ["self-end", { "align-self": "flex-end" }],
1232
- ["self-center", { "align-self": "center" }],
1233
- ["self-stretch", { "align-items": "stretch" }]
1234
- ];
1235
- var placeContents = [
1236
- ["place-content-start", { "place-content": "start" }],
1237
- ["place-content-end", { "place-content": "end" }],
1238
- ["place-content-center", { "place-content": "center" }],
1239
- ["place-content-between", { "place-content": "space-between" }],
1240
- ["place-content-around", { "place-content": "space-around" }],
1241
- ["place-content-evenly", { "place-content": "space-evenly" }],
1242
- ["place-content-stretch", { "place-content": "stretch" }]
1243
- ];
1244
- var placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
1245
- var placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
1246
- function handleInsetValue(v) {
1247
- var _a;
1248
- return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : handler.bracket.fraction.cssvar.rem(v);
1249
- }
1250
- var insets = [
1251
- [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
1252
- [/^inset-([xy])-(.+)$/, ([, d, v]) => {
1253
- const r = handleInsetValue(v);
1254
- if (r != null && d in directionMap)
1255
- return directionMap[d].map((i) => [i.slice(1), r]);
1256
- }]
1257
- ];
1258
- var floats = [
1259
- [/^float-(left|right|none)$/, ([, value]) => ({ float: value })],
1260
- [/^clear-(left|right|both|none)$/, ([, value]) => ({ clear: value })]
1261
- ];
1262
- var zIndexes = [
1263
- ["z-auto", { "z-index": "auto" }],
1264
- [/^z-([^-]+)$/, ([, v]) => ({ "z-index": handler.number(v) })]
1265
- ];
1266
- var objectPositions = [
1267
- ["object-cover", { "object-fit": "cover" }],
1268
- ["object-contain", { "object-fit": "contain" }],
1269
- ["object-fill", { "object-fit": "fill" }],
1270
- ["object-scale-down", { "object-fit": "scale-down" }],
1271
- ["object-none", { "object-fit": "none" }],
1272
- ["object-center", { "object-position": "center" }],
1273
- ["object-bottom", { "object-position": "bottom" }],
1274
- ["object-top", { "object-position": "top" }],
1275
- ["object-right", { "object-position": "right" }],
1276
- ["object-left", { "object-position": "left" }],
1277
- ["object-lb", { "object-position": "left bottom" }],
1278
- ["object-lt", { "object-position": "left top" }],
1279
- ["object-rb", { "object-position": "right bottom" }],
1280
- ["object-rt", { "object-position": "right top" }],
1281
- ["object-cb", { "object-position": "center bottom" }],
1282
- ["object-ct", { "object-position": "center top" }]
1283
- ];
1284
- var boxSizing = [
1285
- [
1286
- /^box-(border|content)$/,
1287
- ([, value]) => ({
1288
- "box-sizing": `${value}-box`
1289
- })
1290
- ]
1291
- ];
1292
-
1293
- // src/rules/ring.ts
1294
- var rings = [
1295
- [/^ring-?(.*)$/, ([, d]) => {
1296
- const value = handler.px(d || "1");
1297
- if (value) {
1298
- return {
1299
- "--un-ring-inset": "var(--un-empty, )",
1300
- "--un-ring-offset-width": "0px",
1301
- "--un-ring-offset-color": "#fff",
1302
- "--un-ring-color": "rgba(59, 130, 246, .5)",
1303
- "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
1304
- "--un-ring-shadow": `var(--un-ring-inset) 0 0 0 calc(${value} + var(--un-ring-offset-width)) var(--un-ring-color)`,
1305
- "-webkit-box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);",
1306
- "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);"
1307
- };
1308
- }
1309
- }],
1310
- [/^ring-offset-?(.*)$/, ([, d]) => {
1311
- const value = handler.px(d || "1");
1312
- if (value) {
1313
- return {
1314
- "--un-ring-offset-width": value
1315
- };
1316
- }
1317
- }],
1318
- ["ring-inset", { "--un-ring-inset": "inset" }],
1319
- ...ringColors,
1320
- ...ringOffsetColors
1321
- ];
1322
-
1323
- // src/rules/shadow.ts
1324
- var colorResolver3 = (body, theme) => {
1325
- const data = parseColorUtil(body, theme);
1326
- if (!data)
1327
- return;
1328
- const { color, rgba } = data;
1329
- if (!color)
1330
- return;
1331
- if (rgba) {
1332
- return {
1333
- "--un-shadow-color": `${rgba.slice(0, 3).join(",")}`
1334
- };
1335
- } else {
1336
- return {
1337
- "--un-shadow-color": color
1338
- };
1339
- }
1340
- };
1341
- var mixBlendModes = [
1342
- ["mix-blend-normal", { "mix-blend-mode": "normal" }],
1343
- ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
1344
- ["mix-blend-screen", { "mix-blend-mode": "screen" }],
1345
- ["mix-blend-overlay", { "mix-blend-mode": "overlay" }],
1346
- ["mix-blend-darken", { "mix-blend-mode": "darken" }],
1347
- ["mix-blend-lighten", { "mix-blend-mode": "lighten" }],
1348
- ["mix-blend-color-dodge", { "mix-blend-mode": "color-dodge" }],
1349
- ["mix-blend-color-burn", { "mix-blend-mode": "color-burn" }],
1350
- ["mix-blend-color-light", { "mix-blend-mode": "color-light" }],
1351
- ["mix-blend-soft-light", { "mix-blend-mode": "soft-light" }],
1352
- ["mix-blend-difference", { "mix-blend-mode": "difference" }],
1353
- ["mix-blend-exclusion", { "mix-blend-mode": "exclusion" }],
1354
- ["mix-blend-hue", { "mix-blend-mode": "hue" }],
1355
- ["mix-blend-saturation", { "mix-blend-mode": "saturation" }],
1356
- ["mix-blend-color", { "mix-blend-mode": "color" }],
1357
- ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
1358
- ];
1359
- var boxShadows = [
1360
- [/^shadow-?(.*)$/, ([, d], { theme }) => {
1361
- var _a;
1362
- const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
1363
- if (value) {
1364
- return {
1365
- "--un-shadow-color": "0,0,0",
1366
- "--un-shadow": value,
1367
- "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
1368
- };
1369
- }
1370
- const color = colorResolver3(d, theme);
1371
- if (color)
1372
- return color;
1373
- }]
1374
- ];
1375
-
1376
- // src/rules/size.ts
1377
- function getPropName(minmax, hw) {
1378
- return `${minmax ? `${minmax}-` : ""}${hw === "h" ? "height" : "width"}`;
1379
- }
1380
- function getThemeValue(minmax, hw, theme, prop) {
1381
- var _a;
1382
- let str = `${hw === "h" ? "height" : "width"}`;
1383
- if (minmax)
1384
- str = `${minmax}${capitalize(str)}`;
1385
- return (_a = theme[str]) == null ? void 0 : _a[prop];
1386
- }
1387
- var sizes = [
1388
- [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
1389
- const v = getThemeValue(m, w, theme, s) || handler.bracket.cssvar.fraction.rem(s);
1390
- if (v != null)
1391
- return { [getPropName(m, w)]: v };
1392
- }],
1393
- [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
1394
- var _a;
1395
- const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
1396
- if (v != null)
1397
- return { [getPropName(m, w)]: v };
1398
- }]
1399
- ];
1400
- var aspectRatio = [
1401
- ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
1402
- [/^aspect-ratio-(.+)$/, ([, d]) => {
1403
- const v = (/^\d+\/\d+$/.test(d) ? d : null) || handler.bracket.cssvar.number(d);
1404
- if (v != null)
1405
- return { "aspect-ratio": v };
1406
- }]
1407
- ];
1408
-
1409
- // src/rules/spacing.ts
1410
- var directionSize = (prefix) => ([_, direction, size]) => {
1411
- const v = handler.bracket.rem.fraction.cssvar(size);
1412
- if (v)
1413
- return directionMap[direction].map((i) => [prefix + i, v]);
1414
- };
1415
- var paddings = [
1416
- [/^pa?()-?(-?.+)$/, directionSize("padding")],
1417
- [/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
1418
- [/^p-?([rltbse])-?(-?.+)$/, directionSize("padding")]
1419
- ];
1420
- var margins = [
1421
- [/^ma?()-?(-?.+)$/, directionSize("margin")],
1422
- [/^m-?([xy])-?(-?.+)$/, directionSize("margin")],
1423
- [/^m-?([rltbse])-?(-?.+)$/, directionSize("margin")],
1424
- [/^space-?([xy])-?(-?.+)$/, (match) => {
1425
- var _a;
1426
- const [, direction, size] = match;
1427
- if (size === "reverse")
1428
- return { [`--un-space-${direction}-reverse`]: 1 };
1429
- const results = (_a = directionSize("margin")(match)) == null ? void 0 : _a.map((item) => {
1430
- const value = item[0].endsWith("right") || item[0].endsWith("bottom") ? `calc(${item[1]} * var(--un-space-${direction}-reverse))` : `calc(${item[1]} * calc(1 - var(--un-space-${direction}-reverse)))`;
1431
- return [item[0], value];
1432
- });
1433
- if (results) {
1434
- return [
1435
- [`--un-space-${direction}-reverse`, 0],
1436
- ...results
1437
- ];
1438
- }
1439
- }]
1440
- ];
1441
-
1442
- // src/rules/table.ts
1443
- var tables = [
1444
- ["border-collapse", { "border-collapse": "collapse" }],
1445
- ["border-separate", { "border-collapse": "separate" }],
1446
- ["caption-top", { "caption-side": "top" }],
1447
- ["caption-bottom", { "caption-side": "bottom" }],
1448
- ["inline-table", { display: "inline-table" }],
1449
- ["table", { display: "table" }],
1450
- ["table-auto", { "table-layout": "auto" }],
1451
- ["table-empty-cells-visible", { "empty-cells": "show" }],
1452
- ["table-empty-cells-hidden", { "empty-cells": "hide" }],
1453
- ["table-fixed", { "table-layout": "fixed" }],
1454
- ["table-caption", { display: "table-caption" }],
1455
- ["table-cell", { display: "table-cell" }],
1456
- ["table-column", { display: "table-column" }],
1457
- ["table-column-group", { display: "table-column-group" }],
1458
- ["table-footer-group", { display: "table-footer-group" }],
1459
- ["table-header-group", { display: "table-header-group" }],
1460
- ["table-row", { display: "table-row" }],
1461
- ["table-row-group", { display: "table-row-group" }]
1462
- ];
1463
-
1464
- // src/rules/transform.ts
1465
- var transformBase = {
1466
- "--un-rotate": 0,
1467
- "--un-scale-x": 1,
1468
- "--un-scale-y": 1,
1469
- "--un-scale-z": 1,
1470
- "--un-skew-x": 0,
1471
- "--un-skew-y": 0,
1472
- "--un-translate-x": 0,
1473
- "--un-translate-y": 0,
1474
- "--un-translate-z": 0,
1475
- "transform": "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
1476
- [CONTROL_BYPASS_PSEUDO]: ""
1477
- };
1478
- var transforms = [
1479
- ["transform", transformBase],
1480
- [/^preserve-(3d|flat)$/, ([, value]) => ({ "transform-style": value === "3d" ? `preserve-${value}` : value })],
1481
- [/^translate()-([^-]+)$/, handleTranslate],
1482
- [/^translate-([xyz])-([^-]+)$/, handleTranslate],
1483
- [/^scale()-([^-]+)$/, handleScale],
1484
- [/^scale-([xyz])-([^-]+)$/, handleScale],
1485
- [/^rotate-([^-]+)(?:deg)?$/, handleRotate],
1486
- ["origin-center", { "transform-origin": "center" }],
1487
- ["origin-top", { "transform-origin": "top" }],
1488
- ["origin-top-right", { "transform-origin": "top right" }],
1489
- ["origin-right", { "transform-origin": "right" }],
1490
- ["origin-bottom-right", { "transform-origin": "bottom right" }],
1491
- ["origin-bottom", { "transform-origin": "bottom" }],
1492
- ["origin-bottom-left", { "transform-origin": "bottom left" }],
1493
- ["origin-left", { "transform-origin": "left" }],
1494
- ["origin-top-left", { "transform-origin": "top left" }]
1495
- ];
1496
- function handleTranslate([, d, b]) {
1497
- const v = handler.bracket.fraction.rem(b);
1498
- if (v != null) {
1499
- return [
1500
- transformBase,
1501
- [
1502
- ...xyzMap[d].map((i) => [`--un-translate${i}`, v])
1503
- ]
1504
- ];
1505
- }
1506
- }
1507
- function handleScale([, d, b]) {
1508
- const v = handler.bracket.fraction.percent(b);
1509
- if (v != null) {
1510
- return [
1511
- transformBase,
1512
- [
1513
- ...xyzMap[d].map((i) => [`--un-scale${i}`, v])
1514
- ]
1515
- ];
1516
- }
1517
- }
1518
- function handleRotate([, b]) {
1519
- const v = handler.bracket.number(b);
1520
- if (v != null) {
1521
- return [
1522
- transformBase,
1523
- { "--un-rotate": `${v}deg` }
1524
- ];
1525
- }
1526
- }
1527
-
1528
- // src/rules/variables.ts
1529
- var variablesAbbrMap = {
1530
- "visible": "visibility",
1531
- "select": "user-select",
1532
- "vertical": "vertical-align",
1533
- "backface": "backface-visibility",
1534
- "whitespace": "white-space",
1535
- "break": "word-break",
1536
- "color": "color",
1537
- "case": "text-transform",
1538
- "write": "writing-mode",
1539
- "write-orient": "text-orientation",
1540
- "origin": "transform-origin",
1541
- "bg": "background-color",
1542
- "bg-blend": "background-blend-mode",
1543
- "bg-clip": "-webkit-background-clip",
1544
- "bg-gradient": "linear-gradient",
1545
- "bg-origin-border": "background-origin",
1546
- "bg-position": "background-position",
1547
- "bg-repeat": "background-repeat",
1548
- "bg-size": "background-size",
1549
- "bg-opacity": "background-opacity",
1550
- "tab": "tab-size",
1551
- "underline": "text-decoration-thickness",
1552
- "underline-offset": "text-underline-offset",
1553
- "text": "color",
1554
- "grid-cols": "grid-template-columns",
1555
- "grid-rows": "grid-template-rows",
1556
- "auto-flow": "grid-auto-flow",
1557
- "row-start": "grid-row-start",
1558
- "row-end": "grid-row-end",
1559
- "justify": "justify-content",
1560
- "content": "align-content",
1561
- "items": "align-items",
1562
- "self": "align-self",
1563
- "object": "object-fit",
1564
- "mix-blend": "mix-blend-mode",
1565
- "animate-speed": "animation-speed"
1566
- };
1567
- var cssVariables = [[
1568
- /^(.+)-\$(.+)$/,
1569
- ([, name, varname]) => {
1570
- const prop = variablesAbbrMap[name];
1571
- if (prop) {
1572
- return {
1573
- [prop]: `var(--${varname})`
1574
- };
1575
- }
1576
- }
1577
- ]];
1578
-
1579
- // src/rules/question-mark.ts
1580
- var questionMark = [
1581
- [
1582
- /^(where|\?)$/,
1583
- (_, { constructCSS, generator }) => {
1584
- if (generator.config.envMode === "dev")
1585
- return `@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}}
1586
- ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
1587
- }
1588
- ]
1589
- ];
1590
-
1591
- // src/rules/divide.ts
1592
- var divideSizes = [
1593
- [/^divide-?([xy])$/, handlerDivide],
1594
- [/^divide-?([xy])-?(-?.+)$/, handlerDivide],
1595
- [/^divide-?([xy])-reverse$/, ([, d]) => [[`--un-divide-${d}-reverse`, 1]]]
1596
- ];
1597
- var divideStyles = [
1598
- ["divide-solid", { "border-style": "solid" }],
1599
- ["divide-dashed", { "border-style": "dashed" }],
1600
- ["divide-dotted", { "border-style": "dotted" }],
1601
- ["divide-double", { "border-style": "double" }],
1602
- ["divide-none", { "border-style": "none" }]
1603
- ];
1604
- var divides = [divideSizes, divideColors, divideStyles].flat(1);
1605
- function handlerDivide([, a, b]) {
1606
- const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
1607
- const v = handler.bracket.px(s);
1608
- if (v != null) {
1609
- const results = directionMap[d].map((item) => {
1610
- const key = `border${item}-width`;
1611
- const value = item.endsWith("right") || item.endsWith("bottom") ? `calc(${v} * var(--un-divide-${d}-reverse))` : `calc(${v} * calc(1 - var(--un-divide-${d}-reverse)))`;
1612
- return [key, value];
1613
- });
1614
- if (results)
1615
- return [[`--un-divide-${d}-reverse`, 0], ...results];
1616
- }
1617
- }
1618
-
1619
- // src/rules/line-clamp.ts
1620
- var lineClamps = [
1621
- [/^line-clamp-(\d+)$/, ([, v]) => ({
1622
- "overflow": "hidden",
1623
- "display": "-webkit-box",
1624
- "-webkit-box-orient": "vertical",
1625
- "-webkit-line-clamp": v,
1626
- "line-clamp": v
1627
- })],
1628
- ["line-clamp-none", {
1629
- "-webkit-line-clamp": "unset",
1630
- "line-clamp": "unset"
1631
- }]
1632
- ];
1633
-
1634
- // src/rules/default.ts
1635
- var rules = [
1636
- screenReadersAccess,
1637
- cssVariables,
1638
- paddings,
1639
- margins,
1640
- lineClamps,
1641
- isolations,
1642
- container,
1643
- displays,
1644
- opacity,
1645
- bgAttachments,
1646
- bgBlendModes,
1647
- bgClips,
1648
- bgColors,
1649
- bgGradients,
1650
- bgImages,
1651
- bgOrigins,
1652
- bgPositions,
1653
- bgSizes,
1654
- bgRepeats,
1655
- fillColors,
1656
- borders,
1657
- divides,
1658
- contents,
1659
- fonts,
1660
- tabSizes,
1661
- textIndents,
1662
- textOverflows,
1663
- textDecorations,
1664
- textDecorationStyles,
1665
- textDecorationColors,
1666
- textDecorationLengths,
1667
- textDecorationOffsets,
1668
- textStrokeWidths,
1669
- textStrokeColors,
1670
- textShadows,
1671
- textTransforms,
1672
- textAligns,
1673
- textColors,
1674
- fontStyles,
1675
- fontVariantNumeric,
1676
- fontSmoothings,
1677
- hyphens,
1678
- writingModes,
1679
- writingOrientations,
1680
- mixBlendModes,
1681
- boxShadows,
1682
- rings,
1683
- flex,
1684
- grids,
1685
- gaps,
1686
- positions,
1687
- sizes,
1688
- aspectRatio,
1689
- cursors,
1690
- appearances,
1691
- pointerEvents,
1692
- resizes,
1693
- verticalAligns,
1694
- userSelects,
1695
- whitespaces,
1696
- listStyle,
1697
- caretColors,
1698
- boxDecorationBreaks,
1699
- caretOpacity,
1700
- imageRenderings,
1701
- appearance,
1702
- outline,
1703
- placeholder,
1704
- overscrolls,
1705
- breaks,
1706
- trackings,
1707
- wordSpacings,
1708
- leadings,
1709
- overflows,
1710
- positions,
1711
- orders,
1712
- justifies,
1713
- justifyItems,
1714
- justifySelfs,
1715
- alignContents,
1716
- alignItems,
1717
- alignSelfs,
1718
- placeContents,
1719
- placeItems,
1720
- placeSelfs,
1721
- animations,
1722
- insets,
1723
- floats,
1724
- zIndexes,
1725
- objectPositions,
1726
- boxSizing,
1727
- transitions,
1728
- filters,
1729
- tables,
1730
- transforms,
1731
- questionMark
1732
- ].flat(1);
1733
-
1734
- export {
1735
- verticalAligns,
1736
- textAligns,
1737
- animations,
1738
- parseColorUtil,
1739
- colorResolver,
1740
- opacity,
1741
- textColors,
1742
- textDecorationColors,
1743
- textStrokeColors,
1744
- bgColors,
1745
- borderColors,
1746
- ringColors,
1747
- ringOffsetColors,
1748
- divideColors,
1749
- fillColors,
1750
- bgAttachments,
1751
- bgBlendModes,
1752
- bgClips,
1753
- bgGradients,
1754
- bgImages,
1755
- bgOrigins,
1756
- bgPositions,
1757
- bgRepeats,
1758
- bgSizes,
1759
- outline,
1760
- listStyle,
1761
- boxDecorationBreaks,
1762
- caretOpacity,
1763
- caretColors,
1764
- imageRenderings,
1765
- appearance,
1766
- placeholder,
1767
- overscrolls,
1768
- borderSizes,
1769
- borderRadius,
1770
- borderStyles,
1771
- borders,
1772
- container,
1773
- containerShortcuts,
1774
- transitions,
1775
- filters,
1776
- flex,
1777
- varEmpty2 as varEmpty,
1778
- displays,
1779
- appearances,
1780
- cursors,
1781
- pointerEvents,
1782
- resizes,
1783
- userSelects,
1784
- whitespaces,
1785
- contents,
1786
- breaks,
1787
- textOverflows,
1788
- textTransforms,
1789
- textDecorations,
1790
- textDecorationStyles,
1791
- fontStyles,
1792
- fontSmoothings,
1793
- hyphens,
1794
- writingModes,
1795
- writingOrientations,
1796
- screenReadersAccess,
1797
- isolations,
1798
- fontsFamilies,
1799
- fontSizes,
1800
- fontWeights,
1801
- leadings,
1802
- trackings,
1803
- wordSpacings,
1804
- tabSizes,
1805
- textDecorationLengths,
1806
- textDecorationOffsets,
1807
- textIndents,
1808
- textStrokeWidths,
1809
- textShadows,
1810
- fontVariantNumeric,
1811
- fonts,
1812
- gaps,
1813
- grids,
1814
- overflows,
1815
- positions,
1816
- justifies,
1817
- orders,
1818
- justifyItems,
1819
- justifySelfs,
1820
- alignContents,
1821
- alignItems,
1822
- alignSelfs,
1823
- placeContents,
1824
- placeItems,
1825
- placeSelfs,
1826
- insets,
1827
- floats,
1828
- zIndexes,
1829
- objectPositions,
1830
- boxSizing,
1831
- rings,
1832
- mixBlendModes,
1833
- boxShadows,
1834
- sizes,
1835
- aspectRatio,
1836
- paddings,
1837
- margins,
1838
- tables,
1839
- transforms,
1840
- cssVariables,
1841
- questionMark,
1842
- divideSizes,
1843
- divideStyles,
1844
- divides,
1845
- lineClamps,
1846
- rules
1847
- };