@dot-system/css-utility 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/README.md +27 -0
  2. package/cbt.config.js +39 -0
  3. package/es/config/utilities.json +1149 -0
  4. package/es/css_utility_layer.module.css +1 -0
  5. package/es/index.js +6 -0
  6. package/es/js/clsx.js +4 -0
  7. package/es/js/cn.js +5 -0
  8. package/es/js/csv.js +29 -0
  9. package/es/js/cva.js +4 -0
  10. package/es/js/dotMerge.js +43 -0
  11. package/es/utilities.plain.css +2145 -0
  12. package/lib/config/utilities.json +1149 -0
  13. package/lib/css_utility_layer.module.css +1 -0
  14. package/lib/index.js +45 -0
  15. package/lib/js/clsx.js +16 -0
  16. package/lib/js/cn.js +16 -0
  17. package/lib/js/csv.js +38 -0
  18. package/lib/js/cva.js +14 -0
  19. package/lib/js/dotMerge.js +77 -0
  20. package/lib/utilities.plain.css +2145 -0
  21. package/package.json +86 -0
package/lib/config/utilities.json ADDED
@@ -0,0 +1,1149 @@
1
+ {
2
+ "utilities": [
3
+ {
4
+ "category": "Break After",
5
+ "utilities": [
6
+ { "class": "break-after-all", "property": "break-after", "value": "all" },
7
+ { "class": "break-after-auto", "property": "break-after", "value": "auto" },
8
+ { "class": "break-after-avoid", "property": "break-after", "value": "avoid" },
9
+ { "class": "break-after-avoid-page", "property": "break-after", "value": "avoid-page" },
10
+ { "class": "break-after-column", "property": "break-after", "value": "column" },
11
+ { "class": "break-after-left", "property": "break-after", "value": "left" },
12
+ { "class": "break-after-page", "property": "break-after", "value": "page" },
13
+ { "class": "break-after-right", "property": "break-after", "value": "right" }
14
+ ]
15
+ },
16
+ {
17
+ "category": "Break Before",
18
+ "utilities": [
19
+ { "class": "break-before-all", "property": "break-before", "value": "all" },
20
+ { "class": "break-before-auto", "property": "break-before", "value": "auto" },
21
+ { "class": "break-before-avoid", "property": "break-before", "value": "avoid" },
22
+ { "class": "break-before-avoid-page", "property": "break-before", "value": "avoid-page" },
23
+ { "class": "break-before-column", "property": "break-before", "value": "column" },
24
+ { "class": "break-before-left", "property": "break-before", "value": "left" },
25
+ { "class": "break-before-page", "property": "break-before", "value": "page" },
26
+ { "class": "break-before-right", "property": "break-before", "value": "right" }
27
+ ]
28
+ },
29
+ {
30
+ "category": "Break Inside",
31
+ "utilities": [
32
+ { "class": "break-inside-auto", "property": "break-inside", "value": "auto" },
33
+ { "class": "break-inside-avoid", "property": "break-inside", "value": "avoid" },
34
+ { "class": "break-inside-avoid-column", "property": "break-inside", "value": "avoid-column" },
35
+ { "class": "break-inside-avoid-page", "property": "break-inside", "value": "avoid-page" }
36
+ ]
37
+ },
38
+ {
39
+ "category": "Box Decoration Break",
40
+ "utilities": [
41
+ { "class": "box-decoration-clone", "property": ["-webkit-box-decoration-break", "box-decoration-break"], "value": "clone" },
42
+ { "class": "box-decoration-slice", "property": ["-webkit-box-decoration-break", "box-decoration-break"], "value": "slice" },
43
+ { "class": "decoration-clone", "property": ["-webkit-box-decoration-break", "box-decoration-break"], "value": "clone" },
44
+ { "class": "decoration-slice", "property": ["-webkit-box-decoration-break", "box-decoration-break"], "value": "slice" }
45
+ ]
46
+ },
47
+ {
48
+ "category": "Box Sizing",
49
+ "utilities": [
50
+ { "class": "box-border", "property": "box-sizing", "value": "border-box" },
51
+ { "class": "box-content", "property": "box-sizing", "value": "content-box" }
52
+ ]
53
+ },
54
+ {
55
+ "category": "Float",
56
+ "utilities": [
57
+ { "class": "float-end", "property": "float", "value": "inline-end" },
58
+ { "class": "float-left", "property": "float", "value": "left" },
59
+ { "class": "float-none", "property": "float", "value": "none" },
60
+ { "class": "float-right", "property": "float", "value": "right" },
61
+ { "class": "float-start", "property": "float", "value": "inline-start" }
62
+ ]
63
+ },
64
+ {
65
+ "category": "Display",
66
+ "utilities": [
67
+ { "class": "block", "property": "display", "value": "block" },
68
+ { "class": "contents", "property": "display", "value": "contents" },
69
+ { "class": "flex", "property": "display", "value": "flex" },
70
+ { "class": "flow-root", "property": "display", "value": "flow-root" },
71
+ { "class": "grid", "property": "display", "value": "grid" },
72
+ { "class": "hidden", "property": "display", "value": "none" },
73
+ { "class": "inline", "property": "display", "value": "inline" },
74
+ { "class": "inline-block", "property": "display", "value": "inline-block" },
75
+ { "class": "inline-flex", "property": "display", "value": "inline-flex" },
76
+ { "class": "inline-grid", "property": "display", "value": "inline-grid" },
77
+ { "class": "inline-table", "property": "display", "value": "inline-table" },
78
+ { "class": "list-item", "property": "display", "value": "list-item" },
79
+ { "class": "table", "property": "display", "value": "table" },
80
+ { "class": "table-caption", "property": "display", "value": "table-caption" },
81
+ { "class": "table-cell", "property": "display", "value": "table-cell" },
82
+ { "class": "table-column", "property": "display", "value": "table-column" },
83
+ { "class": "table-column-group", "property": "display", "value": "table-column-group" },
84
+ { "class": "table-footer-group", "property": "display", "value": "table-footer-group" },
85
+ { "class": "table-header-group", "property": "display", "value": "table-header-group" },
86
+ { "class": "table-row", "property": "display", "value": "table-row" },
87
+ { "class": "table-row-group", "property": "display", "value": "table-row-group" }
88
+ ]
89
+ },
90
+ {
91
+ "category": "Position",
92
+ "utilities": [
93
+ { "class": "absolute", "property": "position", "value": "absolute" },
94
+ { "class": "fixed", "property": "position", "value": "fixed" },
95
+ { "class": "relative", "property": "position", "value": "relative" },
96
+ { "class": "static", "property": "position", "value": "static" },
97
+ { "class": "sticky", "property": "position", "value": "sticky" }
98
+ ]
99
+ },
100
+ {
101
+ "category": "Overflow",
102
+ "utilities": [
103
+ { "class": "overflow-auto", "property": "overflow", "value": "auto" },
104
+ { "class": "overflow-clip", "property": "overflow", "value": "clip" },
105
+ { "class": "overflow-hidden", "property": "overflow", "value": "hidden" },
106
+ { "class": "overflow-scroll", "property": "overflow", "value": "scroll" },
107
+ { "class": "overflow-visible", "property": "overflow", "value": "visible" },
108
+ { "class": "overflow-x-auto", "property": "overflow-x", "value": "auto" },
109
+ { "class": "overflow-x-clip", "property": "overflow-x", "value": "clip" },
110
+ { "class": "overflow-x-hidden", "property": "overflow-x", "value": "hidden" },
111
+ { "class": "overflow-x-scroll", "property": "overflow-x", "value": "scroll" },
112
+ { "class": "overflow-x-visible", "property": "overflow-x", "value": "visible" },
113
+ { "class": "overflow-y-auto", "property": "overflow-y", "value": "auto" },
114
+ { "class": "overflow-y-clip", "property": "overflow-y", "value": "clip" },
115
+ { "class": "overflow-y-hidden", "property": "overflow-y", "value": "hidden" },
116
+ { "class": "overflow-y-scroll", "property": "overflow-y", "value": "scroll" },
117
+ { "class": "overflow-y-visible", "property": "overflow-y", "value": "visible" }
118
+ ]
119
+ },
120
+ {
121
+ "category": "Overscroll Behavior",
122
+ "utilities": [
123
+ { "class": "overscroll-auto", "property": "overscroll-behavior", "value": "auto" },
124
+ { "class": "overscroll-contain", "property": "overscroll-behavior", "value": "contain" },
125
+ { "class": "overscroll-none", "property": "overscroll-behavior", "value": "none" },
126
+ { "class": "overscroll-x-auto", "property": "overscroll-behavior-x", "value": "auto" },
127
+ { "class": "overscroll-x-contain", "property": "overscroll-behavior-x", "value": "contain" },
128
+ { "class": "overscroll-x-none", "property": "overscroll-behavior-x", "value": "none" },
129
+ { "class": "overscroll-y-auto", "property": "overscroll-behavior-y", "value": "auto" },
130
+ { "class": "overscroll-y-contain", "property": "overscroll-behavior-y", "value": "contain" },
131
+ { "class": "overscroll-y-none", "property": "overscroll-behavior-y", "value": "none" }
132
+ ]
133
+ },
134
+ {
135
+ "category": "Visibility",
136
+ "utilities": [
137
+ { "class": "collapse", "property": "visibility", "value": "collapse" },
138
+ { "class": "invisible", "property": "visibility", "value": "hidden" },
139
+ { "class": "visible", "property": "visibility", "value": "visible" }
140
+ ]
141
+ },
142
+ {
143
+ "category": "Clear",
144
+ "utilities": [
145
+ { "class": "clear-both", "property": "clear", "value": "both" },
146
+ { "class": "clear-end", "property": "clear", "value": "inline-end" },
147
+ { "class": "clear-left", "property": "clear", "value": "left" },
148
+ { "class": "clear-none", "property": "clear", "value": "none" },
149
+ { "class": "clear-right", "property": "clear", "value": "right" },
150
+ { "class": "clear-start", "property": "clear", "value": "inline-start" }
151
+ ]
152
+ },
153
+ {
154
+ "category": "Object Fit",
155
+ "utilities": [
156
+ { "class": "object-contain", "property": "object-fit", "value": "contain" },
157
+ { "class": "object-cover", "property": "object-fit", "value": "cover" },
158
+ { "class": "object-fill", "property": "object-fit", "value": "fill" },
159
+ { "class": "object-none", "property": "object-fit", "value": "none" },
160
+ { "class": "object-scale-down", "property": "object-fit", "value": "scale-down" }
161
+ ]
162
+ },
163
+ {
164
+ "category": "Object Position",
165
+ "utilities": [
166
+ { "class": "object-bottom", "property": "object-position", "value": "bottom" },
167
+ { "class": "object-bottom-left", "property": "object-position", "value": "left bottom" },
168
+ { "class": "object-bottom-right", "property": "object-position", "value": "right bottom" },
169
+ { "class": "object-center", "property": "object-position", "value": "center" },
170
+ { "class": "object-left", "property": "object-position", "value": "left" },
171
+ { "class": "object-right", "property": "object-position", "value": "right" },
172
+ { "class": "object-top", "property": "object-position", "value": "top" },
173
+ { "class": "object-top-left", "property": "object-position", "value": "left top" },
174
+ { "class": "object-top-right", "property": "object-position", "value": "right top" }
175
+ ]
176
+ },
177
+ {
178
+ "category": "Flex Direction",
179
+ "utilities": [
180
+ { "class": "flex-col", "property": "flex-direction", "value": "column" },
181
+ { "class": "flex-col-reverse", "property": "flex-direction", "value": "column-reverse" },
182
+ { "class": "flex-row", "property": "flex-direction", "value": "row" },
183
+ { "class": "flex-row-reverse", "property": "flex-direction", "value": "row-reverse" }
184
+ ]
185
+ },
186
+ {
187
+ "category": "Flex Wrap",
188
+ "utilities": [
189
+ { "class": "flex-nowrap", "property": "flex-wrap", "value": "nowrap" },
190
+ { "class": "flex-wrap", "property": "flex-wrap", "value": "wrap" },
191
+ { "class": "flex-wrap-reverse", "property": "flex-wrap", "value": "wrap-reverse" }
192
+ ]
193
+ },
194
+ {
195
+ "category": "Flex",
196
+ "utilities": [
197
+ { "class": "flex-1", "property": "flex", "value": "1" },
198
+ { "class": "flex-auto", "property": "flex", "value": "auto" },
199
+ { "class": "flex-initial", "property": "flex", "value": "0 auto" },
200
+ { "class": "flex-none", "property": "flex", "value": "none" }
201
+ ]
202
+ },
203
+ {
204
+ "category": "Flex Shrink",
205
+ "utilities": [
206
+ { "class": "flex-shrink", "property": "flex-shrink", "value": "1" },
207
+ { "class": "flex-shrink-0", "property": "flex-shrink", "value": "0" },
208
+ { "class": "shrink", "property": "flex-shrink", "value": "1" },
209
+ { "class": "shrink-0", "property": "flex-shrink", "value": "0" }
210
+ ]
211
+ },
212
+ {
213
+ "category": "Flex Grow",
214
+ "utilities": [
215
+ { "class": "flex-grow", "property": "flex-grow", "value": "1" },
216
+ { "class": "grow", "property": "flex-grow", "value": "1" }
217
+ ]
218
+ },
219
+ {
220
+ "category": "Flex Basis",
221
+ "utilities": [
222
+ { "class": "basis-auto", "property": "flex-basis", "value": "auto" },
223
+ { "class": "basis-full", "property": "flex-basis", "value": "100%" }
224
+ ]
225
+ },
226
+ {
227
+ "category": "Isolation",
228
+ "utilities": [
229
+ { "class": "isolate", "property": "isolation", "value": "isolate" },
230
+ { "class": "isolation-auto", "property": "isolation", "value": "auto" }
231
+ ]
232
+ },
233
+ {
234
+ "category": "Z-Index",
235
+ "utilities": [
236
+ { "class": "z-auto", "property": "z-index", "value": "auto" }
237
+ ]
238
+ },
239
+ {
240
+ "category": "Order",
241
+ "utilities": [
242
+ { "class": "order-first", "property": "order", "value": "-9999" },
243
+ { "class": "order-last", "property": "order", "value": "9999" },
244
+ { "class": "order-none", "property": "order", "value": "0" }
245
+ ]
246
+ },
247
+ {
248
+ "category": "Grid Template Columns",
249
+ "utilities": [
250
+ { "class": "grid-cols-none", "property": "grid-template-columns", "value": "none" },
251
+ { "class": "grid-cols-subgrid", "property": "grid-template-columns", "value": "subgrid" }
252
+ ]
253
+ },
254
+ {
255
+ "category": "Grid Column",
256
+ "utilities": [
257
+ { "class": "col-span-full", "property": "grid-column", "value": "1/-1" },
258
+ { "class": "col-auto", "property": "grid-column", "value": "auto" }
259
+ ]
260
+ },
261
+ {
262
+ "category": "Grid Column Start",
263
+ "utilities": [
264
+ { "class": "col-start-auto", "property": "grid-column-start", "value": "auto" }
265
+ ]
266
+ },
267
+ {
268
+ "category": "Grid Column End",
269
+ "utilities": [
270
+ { "class": "col-end-auto", "property": "grid-column-end", "value": "auto" }
271
+ ]
272
+ },
273
+ {
274
+ "category": "Grid Template Rows",
275
+ "utilities": [
276
+ { "class": "grid-rows-none", "property": "grid-template-rows", "value": "none" },
277
+ { "class": "grid-rows-subgrid", "property": "grid-template-rows", "value": "subgrid" }
278
+ ]
279
+ },
280
+ {
281
+ "category": "Grid Row",
282
+ "utilities": [
283
+ { "class": "row-span-full", "property": "grid-row", "value": "1/-1" },
284
+ { "class": "row-auto", "property": "grid-row", "value": "auto" }
285
+ ]
286
+ },
287
+ {
288
+ "category": "Grid Row Start",
289
+ "utilities": [
290
+ { "class": "row-start-auto", "property": "grid-row-start", "value": "auto" }
291
+ ]
292
+ },
293
+ {
294
+ "category": "Grid Row End",
295
+ "utilities": [
296
+ { "class": "row-end-auto", "property": "grid-row-end", "value": "auto" }
297
+ ]
298
+ },
299
+ {
300
+ "category": "Grid Auto Flow",
301
+ "utilities": [
302
+ { "class": "grid-flow-col-dense", "property": "grid-auto-flow", "value": "column dense" },
303
+ { "class": "grid-flow-dense", "property": "grid-auto-flow", "value": "dense" },
304
+ { "class": "grid-flow-row", "property": "grid-auto-flow", "value": "row" },
305
+ { "class": "grid-flow-row-dense", "property": "grid-auto-flow", "value": "row dense" },
306
+ { "class": "grid-flow-col", "property": "grid-auto-flow", "value": "column" }
307
+ ]
308
+ },
309
+ {
310
+ "category": "Grid Auto Columns",
311
+ "utilities": [
312
+ { "class": "auto-cols-auto", "property": "grid-auto-columns", "value": "auto" },
313
+ { "class": "auto-cols-max", "property": "grid-auto-columns", "value": "max-content" },
314
+ { "class": "auto-cols-min", "property": "grid-auto-columns", "value": "min-content" },
315
+ { "class": "auto-cols-fr", "property": "grid-auto-columns", "value": "minmax(0, 1fr)" }
316
+ ]
317
+ },
318
+ {
319
+ "category": "Grid Auto Rows",
320
+ "utilities": [
321
+ { "class": "auto-rows-auto", "property": "grid-auto-rows", "value": "auto" },
322
+ { "class": "auto-rows-fr", "property": "grid-auto-rows", "value": "minmax(0, 1fr)" },
323
+ { "class": "auto-rows-max", "property": "grid-auto-rows", "value": "max-content" },
324
+ { "class": "auto-rows-min", "property": "grid-auto-rows", "value": "min-content" }
325
+ ]
326
+ },
327
+ {
328
+ "category": "Justify Content",
329
+ "utilities": [
330
+ { "class": "justify-around", "property": "justify-content", "value": "space-around" },
331
+ { "class": "justify-baseline", "property": "justify-content", "value": "baseline" },
332
+ { "class": "justify-between", "property": "justify-content", "value": "space-between" },
333
+ { "class": "justify-center", "property": "justify-content", "value": "center" },
334
+ { "class": "justify-center-safe", "property": "justify-content", "value": "safe center" },
335
+ { "class": "justify-end", "property": "justify-content", "value": "flex-end" },
336
+ { "class": "justify-end-safe", "property": "justify-content", "value": "safe flex-end" },
337
+ { "class": "justify-evenly", "property": "justify-content", "value": "space-evenly" },
338
+ { "class": "justify-normal", "property": "justify-content", "value": "normal" },
339
+ { "class": "justify-start", "property": "justify-content", "value": "flex-start" },
340
+ { "class": "justify-stretch", "property": "justify-content", "value": "stretch" }
341
+ ]
342
+ },
343
+ {
344
+ "category": "Justify Items",
345
+ "utilities": [
346
+ { "class": "justify-items-center", "property": "justify-items", "value": "center" },
347
+ { "class": "justify-items-center-safe", "property": "justify-items", "value": "safe center" },
348
+ { "class": "justify-items-end", "property": "justify-items", "value": "end" },
349
+ { "class": "justify-items-end-safe", "property": "justify-items", "value": "safe end" },
350
+ { "class": "justify-items-normal", "property": "justify-items", "value": "normal" },
351
+ { "class": "justify-items-start", "property": "justify-items", "value": "start" },
352
+ { "class": "justify-items-stretch", "property": "justify-items", "value": "stretch" }
353
+ ]
354
+ },
355
+ {
356
+ "category": "Justify Self",
357
+ "utilities": [
358
+ { "class": "justify-self-auto", "property": "justify-self", "value": "auto" },
359
+ { "class": "justify-self-center", "property": "justify-self", "value": "center" },
360
+ { "class": "justify-self-center-safe", "property": "justify-self", "value": "safe center" },
361
+ { "class": "justify-self-end", "property": "justify-self", "value": "flex-end" },
362
+ { "class": "justify-self-end-safe", "property": "justify-self", "value": "safe flex-end" },
363
+ { "class": "justify-self-start", "property": "justify-self", "value": "flex-start" },
364
+ { "class": "justify-self-stretch", "property": "justify-self", "value": "stretch" }
365
+ ]
366
+ },
367
+ {
368
+ "category": "Align Content",
369
+ "utilities": [
370
+ { "class": "content-around", "property": "align-content", "value": "space-around" },
371
+ { "class": "content-baseline", "property": "align-content", "value": "baseline" },
372
+ { "class": "content-between", "property": "align-content", "value": "space-between" },
373
+ { "class": "content-center", "property": "align-content", "value": "center" },
374
+ { "class": "content-end", "property": "align-content", "value": "flex-end" },
375
+ { "class": "content-evenly", "property": "align-content", "value": "space-evenly" },
376
+ { "class": "content-normal", "property": "align-content", "value": "normal" },
377
+ { "class": "content-start", "property": "align-content", "value": "flex-start" },
378
+ { "class": "content-stretch", "property": "align-content", "value": "stretch" }
379
+ ]
380
+ },
381
+ {
382
+ "category": "Align Items",
383
+ "utilities": [
384
+ { "class": "items-baseline", "property": "align-items", "value": "baseline" },
385
+ { "class": "items-baseline-last", "property": "align-items", "value": "last baseline" },
386
+ { "class": "items-center", "property": "align-items", "value": "center" },
387
+ { "class": "items-center-safe", "property": "align-items", "value": "safe center" },
388
+ { "class": "items-end", "property": "align-items", "value": "flex-end" },
389
+ { "class": "items-end-safe", "property": "align-items", "value": "safe flex-end" },
390
+ { "class": "items-start", "property": "align-items", "value": "flex-start" },
391
+ { "class": "items-stretch", "property": "align-items", "value": "stretch" }
392
+ ]
393
+ },
394
+ {
395
+ "category": "Place Items",
396
+ "utilities": [
397
+ { "class": "place-items-baseline", "property": "place-items", "value": "baseline" },
398
+ { "class": "place-items-center", "property": "place-items", "value": "center" },
399
+ { "class": "place-items-center-safe", "property": "place-items", "value": "safe center" },
400
+ { "class": "place-items-end", "property": "place-items", "value": "end" },
401
+ { "class": "place-items-end-safe", "property": "place-items", "value": "safe end" },
402
+ { "class": "place-items-start", "property": "place-items", "value": "start" },
403
+ { "class": "place-items-stretch", "property": "place-items", "value": "stretch" }
404
+ ]
405
+ },
406
+ {
407
+ "category": "Place Content",
408
+ "utilities": [
409
+ { "class": "place-content-around", "property": "place-content", "value": "space-around" },
410
+ { "class": "place-content-baseline", "property": "place-content", "value": "baseline" },
411
+ { "class": "place-content-between", "property": "place-content", "value": "space-between" },
412
+ { "class": "place-content-center", "property": "place-content", "value": "center" },
413
+ { "class": "place-content-center-safe", "property": "place-content", "value": "safe center" },
414
+ { "class": "place-content-end", "property": "place-content", "value": "end" },
415
+ { "class": "place-content-end-safe", "property": "place-content", "value": "safe end" },
416
+ { "class": "place-content-evenly", "property": "place-content", "value": "space-evenly" },
417
+ { "class": "place-content-start", "property": "place-content", "value": "start" },
418
+ { "class": "place-content-stretch", "property": "place-content", "value": "stretch" }
419
+ ]
420
+ },
421
+ {
422
+ "category": "Place Self",
423
+ "utilities": [
424
+ { "class": "place-self-auto", "property": "place-self", "value": "auto" },
425
+ { "class": "place-self-center", "property": "place-self", "value": "center" },
426
+ { "class": "place-self-center-safe", "property": "place-self", "value": "safe center" },
427
+ { "class": "place-self-end", "property": "place-self", "value": "end" },
428
+ { "class": "place-self-end-safe", "property": "place-self", "value": "safe end" },
429
+ { "class": "place-self-start", "property": "place-self", "value": "start" },
430
+ { "class": "place-self-stretch", "property": "place-self", "value": "stretch" }
431
+ ]
432
+ },
433
+ {
434
+ "category": "Align Self",
435
+ "utilities": [
436
+ { "class": "self-auto", "property": "align-self", "value": "auto" },
437
+ { "class": "self-baseline", "property": "align-self", "value": "baseline" },
438
+ { "class": "self-baseline-last", "property": "align-self", "value": "last baseline" },
439
+ { "class": "self-center", "property": "align-self", "value": "center" },
440
+ { "class": "self-center-safe", "property": "align-self", "value": "safe center" },
441
+ { "class": "self-end", "property": "align-self", "value": "flex-end" },
442
+ { "class": "self-end-safe", "property": "align-self", "value": "safe flex-end" },
443
+ { "class": "self-start", "property": "align-self", "value": "flex-start" },
444
+ { "class": "self-stretch", "property": "align-self", "value": "stretch" }
445
+ ]
446
+ },
447
+ {
448
+ "category": "Width",
449
+ "utilities": [
450
+ { "class": "w-auto", "property": "width", "value": "auto" },
451
+ { "class": "w-dvh", "property": "width", "value": "100dvh" },
452
+ { "class": "w-dvw", "property": "width", "value": "100dvw" },
453
+ { "class": "w-fit", "property": "width", "value": "fit-content" },
454
+ { "class": "w-full", "property": "width", "value": "100%" },
455
+ { "class": "w-lvh", "property": "width", "value": "100lvh" },
456
+ { "class": "w-lvw", "property": "width", "value": "100lvw" },
457
+ { "class": "w-max", "property": "width", "value": "max-content" },
458
+ { "class": "w-min", "property": "width", "value": "min-content" },
459
+ { "class": "w-screen", "property": "width", "value": "100vw" },
460
+ { "class": "w-svh", "property": "width", "value": "100svh" },
461
+ { "class": "w-svw", "property": "width", "value": "100svw" }
462
+ ]
463
+ },
464
+ {
465
+ "category": "Min-Width",
466
+ "utilities": [
467
+ { "class": "min-w-auto", "property": "min-width", "value": "auto" },
468
+ { "class": "min-w-dvh", "property": "min-width", "value": "100dvh" },
469
+ { "class": "min-w-dvw", "property": "min-width", "value": "100dvw" },
470
+ { "class": "min-w-fit", "property": "min-width", "value": "fit-content" },
471
+ { "class": "min-w-full", "property": "min-width", "value": "100%" },
472
+ { "class": "min-w-lvh", "property": "min-width", "value": "100lvh" },
473
+ { "class": "min-w-lvw", "property": "min-width", "value": "100lvw" },
474
+ { "class": "min-w-max", "property": "min-width", "value": "max-content" },
475
+ { "class": "min-w-min", "property": "min-width", "value": "min-content" },
476
+ { "class": "min-w-px", "property": "min-width", "value": "1px" },
477
+ { "class": "min-w-screen", "property": "min-width", "value": "100vw" },
478
+ { "class": "min-w-svh", "property": "min-width", "value": "100svh" },
479
+ { "class": "min-w-svw", "property": "min-width", "value": "100svw" }
480
+ ]
481
+ },
482
+ {
483
+ "category": "Max-Width",
484
+ "utilities": [
485
+ { "class": "max-w-dvh", "property": "max-width", "value": "100dvh" },
486
+ { "class": "max-w-dvw", "property": "max-width", "value": "100dvw" },
487
+ { "class": "max-w-fit", "property": "max-width", "value": "fit-content" },
488
+ { "class": "max-w-full", "property": "max-width", "value": "100%" },
489
+ { "class": "max-w-lvh", "property": "max-width", "value": "100lvh" },
490
+ { "class": "max-w-lvw", "property": "max-width", "value": "100lvw" },
491
+ { "class": "max-w-max", "property": "max-width", "value": "max-content" },
492
+ { "class": "max-w-min", "property": "max-width", "value": "min-content" },
493
+ { "class": "max-w-none", "property": "max-width", "value": "none" },
494
+ { "class": "max-w-px", "property": "max-width", "value": "1px" },
495
+ { "class": "max-w-screen", "property": "max-width", "value": "100vw" },
496
+ { "class": "max-w-svh", "property": "max-width", "value": "100svh" },
497
+ { "class": "max-w-svw", "property": "max-width", "value": "100svw" }
498
+ ]
499
+ },
500
+ {
501
+ "category": "Height",
502
+ "utilities": [
503
+ { "class": "h-auto", "property": "height", "value": "auto" },
504
+ { "class": "h-dvh", "property": "height", "value": "100dvh" },
505
+ { "class": "h-dvw", "property": "height", "value": "100dvw" },
506
+ { "class": "h-fit", "property": "height", "value": "fit-content" },
507
+ { "class": "h-full", "property": "height", "value": "100%" },
508
+ { "class": "h-lh", "property": "height", "value": "1lh" },
509
+ { "class": "h-lvh", "property": "height", "value": "100lvh" },
510
+ { "class": "h-lvw", "property": "height", "value": "100lvw" },
511
+ { "class": "h-max", "property": "height", "value": "max-content" },
512
+ { "class": "h-min", "property": "height", "value": "min-content" },
513
+ { "class": "h-px", "property": "height", "value": "1px" },
514
+ { "class": "h-screen", "property": "height", "value": "100vh" },
515
+ { "class": "h-svh", "property": "height", "value": "100svh" },
516
+ { "class": "h-svw", "property": "height", "value": "100svw" }
517
+ ]
518
+ },
519
+ {
520
+ "category": "Max-Height",
521
+ "utilities": [
522
+ { "class": "max-h-dvh", "property": "max-height", "value": "100dvh" },
523
+ { "class": "max-h-dvw", "property": "max-height", "value": "100dvw" },
524
+ { "class": "max-h-fit", "property": "max-height", "value": "fit-content" },
525
+ { "class": "max-h-full", "property": "max-height", "value": "100%" },
526
+ { "class": "max-h-lh", "property": "max-height", "value": "1lh" },
527
+ { "class": "max-h-lvh", "property": "max-height", "value": "100lvh" },
528
+ { "class": "max-h-lvw", "property": "max-height", "value": "100lvw" },
529
+ { "class": "max-h-max", "property": "max-height", "value": "max-content" },
530
+ { "class": "max-h-min", "property": "max-height", "value": "min-content" },
531
+ { "class": "max-h-none", "property": "max-height", "value": "none" },
532
+ { "class": "max-h-px", "property": "max-height", "value": "1px" },
533
+ { "class": "max-h-screen", "property": "max-height", "value": "100vh" },
534
+ { "class": "max-h-svh", "property": "max-height", "value": "100svh" },
535
+ { "class": "max-h-svw", "property": "max-height", "value": "100svw" }
536
+ ]
537
+ },
538
+ {
539
+ "category": "Min-Height",
540
+ "utilities": [
541
+ { "class": "min-h-auto", "property": "min-height", "value": "auto" },
542
+ { "class": "min-h-dvh", "property": "min-height", "value": "100dvh" },
543
+ { "class": "min-h-dvw", "property": "min-height", "value": "100dvw" },
544
+ { "class": "min-h-fit", "property": "min-height", "value": "fit-content" },
545
+ { "class": "min-h-full", "property": "min-height", "value": "100%" },
546
+ { "class": "min-h-lh", "property": "min-height", "value": "1lh" },
547
+ { "class": "min-h-lvh", "property": "min-height", "value": "100lvh" },
548
+ { "class": "min-h-lvw", "property": "min-height", "value": "100lvw" },
549
+ { "class": "min-h-max", "property": "min-height", "value": "max-content" },
550
+ { "class": "min-h-min", "property": "min-height", "value": "min-content" },
551
+ { "class": "min-h-px", "property": "min-height", "value": "1px" },
552
+ { "class": "min-h-screen", "property": "min-height", "value": "100vh" },
553
+ { "class": "min-h-svh", "property": "min-height", "value": "100svh" },
554
+ { "class": "min-h-svw", "property": "min-height", "value": "100svw" }
555
+ ]
556
+ },
557
+ {
558
+ "category": "Height & Width",
559
+ "utilities": [
560
+ { "class": "size-auto", "properties": [{"property": "width", "value": "auto"}, {"property": "height", "value": "auto"}] },
561
+ { "class": "size-dvh", "properties": [{"property": "width", "value": "100dvh"}, {"property": "height", "value": "100dvh"}] },
562
+ { "class": "size-dvw", "properties": [{"property": "width", "value": "100dvw"}, {"property": "height", "value": "100dvw"}] },
563
+ { "class": "size-fit", "properties": [{"property": "width", "value": "fit-content"}, {"property": "height", "value": "fit-content"}] },
564
+ { "class": "size-full", "properties": [{"property": "width", "value": "100%"}, {"property": "height", "value": "100%"}] },
565
+ { "class": "size-lvh", "properties": [{"property": "width", "value": "100lvh"}, {"property": "height", "value": "100lvh"}] },
566
+ { "class": "size-lvw", "properties": [{"property": "width", "value": "100lvw"}, {"property": "height", "value": "100lvw"}] },
567
+ { "class": "size-max", "properties": [{"property": "width", "value": "max-content"}, {"property": "height", "value": "max-content"}] },
568
+ { "class": "size-min", "properties": [{"property": "width", "value": "min-content"}, {"property": "height", "value": "min-content"}] },
569
+ { "class": "size-px", "properties": [{"property": "width", "value": "1px"}, {"property": "height", "value": "1px"}] },
570
+ { "class": "size-svh", "properties": [{"property": "width", "value": "100svh"}, {"property": "height", "value": "100svh"}] },
571
+ { "class": "size-svw", "properties": [{"property": "width", "value": "100svw"}, {"property": "height", "value": "100svw"}] }
572
+ ]
573
+ },
574
+ {
575
+ "category": "Font Smoothing",
576
+ "utilities": [
577
+ { "class": "antialiased", "property": ["-webkit-font-smoothing", "-moz-osx-font-smoothing"], "value": ["antialiased", "grayscale"] },
578
+ { "class": "subpixel-antialiased", "property": ["-webkit-font-smoothing", "-moz-osx-font-smoothing"], "value": ["auto", "auto"] }
579
+ ]
580
+ },
581
+ {
582
+ "category": "Text Transform",
583
+ "utilities": [
584
+ { "class": "capitalize", "property": "text-transform", "value": "capitalize" },
585
+ { "class": "lowercase", "property": "text-transform", "value": "lowercase" },
586
+ { "class": "normal-case", "property": "text-transform", "value": "none" },
587
+ { "class": "uppercase", "property": "text-transform", "value": "uppercase" }
588
+ ]
589
+ },
590
+ {
591
+ "category": "Font Style",
592
+ "utilities": [
593
+ { "class": "italic", "property": "font-style", "value": "italic" },
594
+ { "class": "not-italic", "property": "font-style", "value": "normal" }
595
+ ]
596
+ },
597
+ {
598
+ "category": "List Style Type",
599
+ "utilities": [
600
+ { "class": "list-decimal", "property": "list-style-type", "value": "decimal" },
601
+ { "class": "list-disc", "property": "list-style-type", "value": "disc" }
602
+ ]
603
+ },
604
+ {
605
+ "category": "List Style Image",
606
+ "utilities": [
607
+ { "class": "list-image-none", "property": "list-style-image", "value": "none" }
608
+ ]
609
+ },
610
+ {
611
+ "category": "List Style Position",
612
+ "utilities": [
613
+ { "class": "list-inside", "property": "list-style-position", "value": "inside" },
614
+ { "class": "list-outside", "property": "list-style-position", "value": "outside" }
615
+ ]
616
+ },
617
+ {
618
+ "category": "Text Align",
619
+ "utilities": [
620
+ { "class": "text-center", "property": "text-align", "value": "center" },
621
+ { "class": "text-end", "property": "text-align", "value": "end" },
622
+ { "class": "text-justify", "property": "text-align", "value": "justify" },
623
+ { "class": "text-left", "property": "text-align", "value": "left" },
624
+ { "class": "text-right", "property": "text-align", "value": "right" },
625
+ { "class": "text-start", "property": "text-align", "value": "start" }
626
+ ]
627
+ },
628
+ {
629
+ "category": "Text Decoration",
630
+ "utilities": [
631
+ { "class": "line-through", "property": "text-decoration-line", "value": "line-through" },
632
+ { "class": "no-underline", "property": "text-decoration-line", "value": "none" },
633
+ { "class": "overline", "property": "text-decoration-line", "value": "overline" },
634
+ { "class": "underline", "property": "text-decoration-line", "value": "underline" }
635
+ ]
636
+ },
637
+ {
638
+ "category": "Text Decoration Style",
639
+ "utilities": [
640
+ { "class": "decoration-dashed", "property": "text-decoration-style", "value": "dashed" },
641
+ { "class": "decoration-dotted", "property": "text-decoration-style", "value": "dotted" },
642
+ { "class": "decoration-double", "property": "text-decoration-style", "value": "double" },
643
+ { "class": "decoration-solid", "property": "text-decoration-style", "value": "solid" },
644
+ { "class": "decoration-wavy", "property": "text-decoration-style", "value": "wavy" }
645
+ ]
646
+ },
647
+ {
648
+ "category": "Text Decoration Thickness",
649
+ "utilities": [
650
+ { "class": "decoration-auto", "property": "text-decoration-thickness", "value": "auto" },
651
+ { "class": "decoration-from-font", "property": "text-decoration-thickness", "value": "from-font" }
652
+ ]
653
+ },
654
+ {
655
+ "category": "Text Underline Offset",
656
+ "utilities": [
657
+ { "class": "underline-offset-auto", "property": "text-underline-offset", "value": "auto" }
658
+ ]
659
+ },
660
+ {
661
+ "category": "Text Overflow",
662
+ "utilities": [
663
+ { "class": "text-clip", "property": "text-overflow", "value": "clip" },
664
+ { "class": "text-ellipsis", "property": "text-overflow", "value": "ellipsis" }
665
+ ]
666
+ },
667
+ {
668
+ "category": "Text Wrap",
669
+ "utilities": [
670
+ { "class": "text-balance", "property": "text-wrap", "value": "balance" },
671
+ { "class": "text-nowrap", "property": "text-wrap", "value": "nowrap" },
672
+ { "class": "text-pretty", "property": "text-wrap", "value": "pretty" },
673
+ { "class": "text-wrap", "property": "text-wrap", "value": "wrap" }
674
+ ]
675
+ },
676
+ {
677
+ "category": "Vertical Align",
678
+ "utilities": [
679
+ { "class": "align-baseline", "property": "vertical-align", "value": "baseline" },
680
+ { "class": "align-bottom", "property": "vertical-align", "value": "bottom" },
681
+ { "class": "align-middle", "property": "vertical-align", "value": "middle" },
682
+ { "class": "align-sub", "property": "vertical-align", "value": "sub" },
683
+ { "class": "align-super", "property": "vertical-align", "value": "super" },
684
+ { "class": "align-text-bottom", "property": "vertical-align", "value": "text-bottom" },
685
+ { "class": "align-text-top", "property": "vertical-align", "value": "text-top" },
686
+ { "class": "align-top", "property": "vertical-align", "value": "top" }
687
+ ]
688
+ },
689
+ {
690
+ "category": "White Space",
691
+ "utilities": [
692
+ { "class": "whitespace-normal", "property": "white-space", "value": "normal" },
693
+ { "class": "whitespace-nowrap", "property": "white-space", "value": "nowrap" },
694
+ { "class": "whitespace-pre", "property": "white-space", "value": "pre" },
695
+ { "class": "whitespace-pre-line", "property": "white-space", "value": "pre-line" },
696
+ { "class": "whitespace-pre-wrap", "property": "white-space", "value": "pre-wrap" },
697
+ { "class": "whitespace-break-spaces", "property": "white-space", "value": "break-spaces" }
698
+ ]
699
+ },
700
+ {
701
+ "category": "Word Break",
702
+ "utilities": [
703
+ { "class": "break-normal", "properties": [{"property": "overflow-wrap", "value": "normal"}, {"property": "word-break", "value": "normal"}] },
704
+ { "class": "break-all", "property": "word-break", "value": "break-all" },
705
+ { "class": "break-keep", "property": "word-break", "value": "keep-all" }
706
+ ]
707
+ },
708
+ {
709
+ "category": "Overflow Wrap",
710
+ "utilities": [
711
+ { "class": "wrap-anywhere", "property": "overflow-wrap", "value": "anywhere" },
712
+ { "class": "wrap-break-word", "property": "overflow-wrap", "value": "break-word" },
713
+ { "class": "wrap-normal", "property": "overflow-wrap", "value": "normal" }
714
+ ]
715
+ },
716
+ {
717
+ "category": "Hyphens",
718
+ "utilities": [
719
+ { "class": "hyphens-auto", "property": ["-webkit-hyphens", "hyphens"], "value": ["auto", "auto"] },
720
+ { "class": "hyphens-manual", "property": ["-webkit-hyphens", "hyphens"], "value": ["manual", "manual"] },
721
+ { "class": "hyphens-none", "property": ["-webkit-hyphens", "hyphens"], "value": ["none", "none"] }
722
+ ]
723
+ },
724
+ {
725
+ "category": "Content",
726
+ "utilities": [
727
+ { "class": "content-none", "property": "content", "value": "none" }
728
+ ]
729
+ },
730
+ {
731
+ "category": "Background Attachment",
732
+ "utilities": [
733
+ { "class": "bg-fixed", "property": "background-attachment", "value": "fixed" },
734
+ { "class": "bg-local", "property": "background-attachment", "value": "local" },
735
+ { "class": "bg-scroll", "property": "background-attachment", "value": "scroll" }
736
+ ]
737
+ },
738
+ {
739
+ "category": "Background Clip",
740
+ "utilities": [
741
+ { "class": "bg-clip-border", "property": "background-clip", "value": "border-box" },
742
+ { "class": "bg-clip-content", "property": "background-clip", "value": "content-box" },
743
+ { "class": "bg-clip-padding", "property": "background-clip", "value": "padding-box" },
744
+ { "class": "bg-clip-text", "property": ["-webkit-background-clip", "background-clip"], "value": ["text", "text"] }
745
+ ]
746
+ },
747
+ {
748
+ "category": "Background Origin",
749
+ "utilities": [
750
+ { "class": "bg-origin-border", "property": "background-origin", "value": "border-box" },
751
+ { "class": "bg-origin-content", "property": "background-origin", "value": "content-box" },
752
+ { "class": "bg-origin-padding", "property": "background-origin", "value": "padding-box" }
753
+ ]
754
+ },
755
+ {
756
+ "category": "Background Color",
757
+ "utilities": [
758
+ { "class": "bg-inherit", "property": "background-color", "value": "inherit" },
759
+ { "class": "bg-transparent", "property": "background-color", "value": "transparent" },
760
+ { "class": "bg-current", "property": "background-color", "value": "currentColor" }
761
+ ]
762
+ },
763
+ {
764
+ "category": "Background Image",
765
+ "utilities": [
766
+ { "class": "bg-none", "property": "background-image", "value": "none" }
767
+ ]
768
+ },
769
+ {
770
+ "category": "Background Position",
771
+ "utilities": [
772
+ { "class": "bg-bottom", "property": "background-position", "value": "bottom" },
773
+ { "class": "bg-bottom-left", "property": "background-position", "value": "0 100%" },
774
+ { "class": "bg-bottom-right", "property": "background-position", "value": "100% 100%" },
775
+ { "class": "bg-center", "property": "background-position", "value": "50%" },
776
+ { "class": "bg-left", "property": "background-position", "value": "0" },
777
+ { "class": "bg-right", "property": "background-position", "value": "100%" },
778
+ { "class": "bg-top", "property": "background-position", "value": "top" },
779
+ { "class": "bg-top-left", "property": "background-position", "value": "0 0" },
780
+ { "class": "bg-top-right", "property": "background-position", "value": "100% 0" }
781
+ ]
782
+ },
783
+ {
784
+ "category": "Background Repeat",
785
+ "utilities": [
786
+ { "class": "bg-no-repeat", "property": "background-repeat", "value": "no-repeat" },
787
+ { "class": "bg-repeat", "property": "background-repeat", "value": "repeat" },
788
+ { "class": "bg-repeat-round", "property": "background-repeat", "value": "round" },
789
+ { "class": "bg-repeat-space", "property": "background-repeat", "value": "space" },
790
+ { "class": "bg-repeat-x", "property": "background-repeat", "value": "repeat-x" },
791
+ { "class": "bg-repeat-y", "property": "background-repeat", "value": "repeat-y" }
792
+ ]
793
+ },
794
+ {
795
+ "category": "Background Size",
796
+ "utilities": [
797
+ { "class": "bg-auto", "property": "background-size", "value": "auto" },
798
+ { "class": "bg-contain", "property": "background-size", "value": "contain" },
799
+ { "class": "bg-cover", "property": "background-size", "value": "cover" }
800
+ ]
801
+ },
802
+ {
803
+ "category": "Border Color",
804
+ "utilities": [
805
+ { "class": "border-current", "property": "border-color", "value": "currentColor" },
806
+ { "class": "border-transparent", "property": "border-color", "value": "transparent" }
807
+ ]
808
+ },
809
+ {
810
+ "category": "Text Color",
811
+ "utilities": [
812
+ { "class": "text-inherit", "property": "color", "value": "inherit" },
813
+ { "class": "text-current", "property": "color", "value": "currentColor" },
814
+ { "class": "text-transparent", "property": "color", "value": "transparent" }
815
+ ]
816
+ },
817
+ {
818
+ "category": "Border Style",
819
+ "utilities": [
820
+ { "class": "border-dashed", "property": "border-style", "value": "dashed" },
821
+ { "class": "border-dotted", "property": "border-style", "value": "dotted" },
822
+ { "class": "border-double", "property": "border-style", "value": "double" },
823
+ { "class": "border-hidden", "property": "border-style", "value": "hidden" },
824
+ { "class": "border-none", "property": "border-style", "value": "none" },
825
+ { "class": "border-solid", "property": "border-style", "value": "solid" }
826
+ ]
827
+ },
828
+ {
829
+ "category": "Cursor",
830
+ "utilities": [
831
+ { "class": "cursor-alias", "property": "cursor", "value": "alias" },
832
+ { "class": "cursor-all-scroll", "property": "cursor", "value": "all-scroll" },
833
+ { "class": "cursor-auto", "property": "cursor", "value": "auto" },
834
+ { "class": "cursor-cell", "property": "cursor", "value": "cell" },
835
+ { "class": "cursor-col-resize", "property": "cursor", "value": "col-resize" },
836
+ { "class": "cursor-context-menu", "property": "cursor", "value": "context-menu" },
837
+ { "class": "cursor-copy", "property": "cursor", "value": "copy" },
838
+ { "class": "cursor-crosshair", "property": "cursor", "value": "crosshair" },
839
+ { "class": "cursor-default", "property": "cursor", "value": "default" },
840
+ { "class": "cursor-e-resize", "property": "cursor", "value": "e-resize" },
841
+ { "class": "cursor-ew-resize", "property": "cursor", "value": "ew-resize" },
842
+ { "class": "cursor-grab", "property": "cursor", "value": "grab" },
843
+ { "class": "cursor-grabbing", "property": "cursor", "value": "grabbing" },
844
+ { "class": "cursor-help", "property": "cursor", "value": "help" },
845
+ { "class": "cursor-move", "property": "cursor", "value": "move" },
846
+ { "class": "cursor-n-resize", "property": "cursor", "value": "n-resize" },
847
+ { "class": "cursor-ne-resize", "property": "cursor", "value": "ne-resize" },
848
+ { "class": "cursor-nesw-resize", "property": "cursor", "value": "nesw-resize" },
849
+ { "class": "cursor-no-drop", "property": "cursor", "value": "no-drop" },
850
+ { "class": "cursor-none", "property": "cursor", "value": "none" },
851
+ { "class": "cursor-not-allowed", "property": "cursor", "value": "not-allowed" },
852
+ { "class": "cursor-ns-resize", "property": "cursor", "value": "ns-resize" },
853
+ { "class": "cursor-nw-resize", "property": "cursor", "value": "nw-resize" },
854
+ { "class": "cursor-nwse-resize", "property": "cursor", "value": "nwse-resize" },
855
+ { "class": "cursor-pointer", "property": "cursor", "value": "pointer" },
856
+ { "class": "cursor-progress", "property": "cursor", "value": "progress" },
857
+ { "class": "cursor-row-resize", "property": "cursor", "value": "row-resize" },
858
+ { "class": "cursor-s-resize", "property": "cursor", "value": "s-resize" },
859
+ { "class": "cursor-se-resize", "property": "cursor", "value": "se-resize" },
860
+ { "class": "cursor-sw-resize", "property": "cursor", "value": "sw-resize" },
861
+ { "class": "cursor-text", "property": "cursor", "value": "text" },
862
+ { "class": "cursor-vertical-text", "property": "cursor", "value": "vertical-text" },
863
+ { "class": "cursor-w-resize", "property": "cursor", "value": "w-resize" },
864
+ { "class": "cursor-wait", "property": "cursor", "value": "wait" },
865
+ { "class": "cursor-zoom-in", "property": "cursor", "value": "zoom-in" },
866
+ { "class": "cursor-zoom-out", "property": "cursor", "value": "zoom-out" }
867
+ ]
868
+ },
869
+ {
870
+ "category": "Outline Color",
871
+ "utilities": [
872
+ { "class": "outline-inherit", "property": "outline-color", "value": "inherit" },
873
+ { "class": "outline-current", "property": "outline-color", "value": "currentColor" },
874
+ { "class": "outline-transparent", "property": "outline-color", "value": "transparent" }
875
+ ]
876
+ },
877
+ {
878
+ "category": "Outline Style",
879
+ "utilities": [
880
+ { "class": "outline-dashed", "property": "outline-style", "value": "dashed" },
881
+ { "class": "outline-dotted", "property": "outline-style", "value": "dotted" },
882
+ { "class": "outline-double", "property": "outline-style", "value": "double" },
883
+ { "class": "outline-none", "property": "outline-style", "value": "none" },
884
+ { "class": "outline-solid", "property": "outline-style", "value": "solid" }
885
+ ]
886
+ },
887
+ {
888
+ "category": "Text Shadow",
889
+ "utilities": [
890
+ { "class": "text-shadow-none", "property": "text-shadow", "value": "none" }
891
+ ]
892
+ },
893
+ {
894
+ "category": "Opacity",
895
+ "utilities": [
896
+ { "class": "opacity-0", "property": "opacity", "value": "0" },
897
+ { "class": "opacity-100", "property": "opacity", "value": "1" }
898
+ ]
899
+ },
900
+ {
901
+ "category": "Mix Blend Mode",
902
+ "utilities": [
903
+ { "class": "mix-blend-color", "property": "mix-blend-mode", "value": "color" },
904
+ { "class": "mix-blend-color-burn", "property": "mix-blend-mode", "value": "color-burn" },
905
+ { "class": "mix-blend-color-dodge", "property": "mix-blend-mode", "value": "color-dodge" },
906
+ { "class": "mix-blend-darken", "property": "mix-blend-mode", "value": "darken" },
907
+ { "class": "mix-blend-difference", "property": "mix-blend-mode", "value": "difference" },
908
+ { "class": "mix-blend-exclusion", "property": "mix-blend-mode", "value": "exclusion" },
909
+ { "class": "mix-blend-hard-light", "property": "mix-blend-mode", "value": "hard-light" },
910
+ { "class": "mix-blend-hue", "property": "mix-blend-mode", "value": "hue" },
911
+ { "class": "mix-blend-lighten", "property": "mix-blend-mode", "value": "lighten" },
912
+ { "class": "mix-blend-luminosity", "property": "mix-blend-mode", "value": "luminosity" },
913
+ { "class": "mix-blend-multiply", "property": "mix-blend-mode", "value": "multiply" },
914
+ { "class": "mix-blend-normal", "property": "mix-blend-mode", "value": "normal" },
915
+ { "class": "mix-blend-overlay", "property": "mix-blend-mode", "value": "overlay" },
916
+ { "class": "mix-blend-plus-darker", "property": "mix-blend-mode", "value": "plus-darker" },
917
+ { "class": "mix-blend-plus-lighter", "property": "mix-blend-mode", "value": "plus-lighter" },
918
+ { "class": "mix-blend-saturation", "property": "mix-blend-mode", "value": "saturation" },
919
+ { "class": "mix-blend-screen", "property": "mix-blend-mode", "value": "screen" },
920
+ { "class": "mix-blend-soft-light", "property": "mix-blend-mode", "value": "soft-light" }
921
+ ]
922
+ },
923
+ {
924
+ "category": "Background Blend Mode",
925
+ "utilities": [
926
+ { "class": "bg-blend-color", "property": "background-blend-mode", "value": "color" },
927
+ { "class": "bg-blend-color-burn", "property": "background-blend-mode", "value": "color-burn" },
928
+ { "class": "bg-blend-color-dodge", "property": "background-blend-mode", "value": "color-dodge" },
929
+ { "class": "bg-blend-darken", "property": "background-blend-mode", "value": "darken" },
930
+ { "class": "bg-blend-difference", "property": "background-blend-mode", "value": "difference" },
931
+ { "class": "bg-blend-exclusion", "property": "background-blend-mode", "value": "exclusion" },
932
+ { "class": "bg-blend-hard-light", "property": "background-blend-mode", "value": "hard-light" },
933
+ { "class": "bg-blend-hue", "property": "background-blend-mode", "value": "hue" },
934
+ { "class": "bg-blend-lighten", "property": "background-blend-mode", "value": "lighten" },
935
+ { "class": "bg-blend-luminosity", "property": "background-blend-mode", "value": "luminosity" },
936
+ { "class": "bg-blend-multiply", "property": "background-blend-mode", "value": "multiply" },
937
+ { "class": "bg-blend-normal", "property": "background-blend-mode", "value": "normal" },
938
+ { "class": "bg-blend-overlay", "property": "background-blend-mode", "value": "overlay" },
939
+ { "class": "bg-blend-saturation", "property": "background-blend-mode", "value": "saturation" },
940
+ { "class": "bg-blend-screen", "property": "background-blend-mode", "value": "screen" },
941
+ { "class": "bg-blend-soft-light", "property": "background-blend-mode", "value": "soft-light" }
942
+ ]
943
+ },
944
+ {
945
+ "category": "Mask Clip",
946
+ "utilities": [
947
+ { "class": "mask-clip-border", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["border-box", "border-box"] },
948
+ { "class": "mask-clip-content", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["content-box", "content-box"] },
949
+ { "class": "mask-clip-fill", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["fill-box", "fill-box"] },
950
+ { "class": "mask-clip-padding", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["padding-box", "padding-box"] },
951
+ { "class": "mask-clip-stroke", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["stroke-box", "stroke-box"] },
952
+ { "class": "mask-clip-view", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["view-box", "view-box"] },
953
+ { "class": "mask-no-clip", "property": ["-webkit-mask-clip", "mask-clip"], "value": ["no-clip", "no-clip"] }
954
+ ]
955
+ },
956
+ {
957
+ "category": "Mask Origin",
958
+ "utilities": [
959
+ { "class": "mask-origin-border", "property": ["-webkit-mask-origin", "mask-origin"], "value": ["border-box", "border-box"] },
960
+ { "class": "mask-origin-content", "property": ["-webkit-mask-origin", "mask-origin"], "value": ["content-box", "content-box"] },
961
+ { "class": "mask-origin-fill", "property": ["-webkit-mask-origin", "mask-origin"], "value": ["fill-box", "fill-box"] },
962
+ { "class": "mask-origin-padding", "property": ["-webkit-mask-origin", "mask-origin"], "value": ["padding-box", "padding-box"] },
963
+ { "class": "mask-origin-stroke", "property": ["-webkit-mask-origin", "mask-origin"], "value": ["stroke-box", "stroke-box"] },
964
+ { "class": "mask-origin-view", "property": ["-webkit-mask-origin", "mask-origin"], "value": ["view-box", "view-box"] }
965
+ ]
966
+ },
967
+ {
968
+ "category": "Mask Position",
969
+ "utilities": [
970
+ { "class": "mask-bottom", "property": ["-webkit-mask-position", "mask-position"], "value": ["bottom", "bottom"] },
971
+ { "class": "mask-bottom-left", "property": ["-webkit-mask-position", "mask-position"], "value": ["0 100%", "0 100%"] },
972
+ { "class": "mask-bottom-right", "property": ["-webkit-mask-position", "mask-position"], "value": ["100% 100%", "100% 100%"] },
973
+ { "class": "mask-center", "property": ["-webkit-mask-position", "mask-position"], "value": ["50%", "50%"] },
974
+ { "class": "mask-left", "property": ["-webkit-mask-position", "mask-position"], "value": ["0", "0"] },
975
+ { "class": "mask-right", "property": ["-webkit-mask-position", "mask-position"], "value": ["100%", "100%"] },
976
+ { "class": "mask-top", "property": ["-webkit-mask-position", "mask-position"], "value": ["top", "top"] },
977
+ { "class": "mask-top-left", "property": ["-webkit-mask-position", "mask-position"], "value": ["0 0", "0 0"] },
978
+ { "class": "mask-top-right", "property": ["-webkit-mask-position", "mask-position"], "value": ["100% 0", "100% 0"] }
979
+ ]
980
+ },
981
+ {
982
+ "category": "Mask Repeat",
983
+ "utilities": [
984
+ { "class": "mask-no-repeat", "property": ["-webkit-mask-repeat", "mask-repeat"], "value": ["no-repeat", "no-repeat"] },
985
+ { "class": "mask-repeat", "property": ["-webkit-mask-repeat", "mask-repeat"], "value": ["repeat", "repeat"] },
986
+ { "class": "mask-repeat-round", "property": ["-webkit-mask-repeat", "mask-repeat"], "value": ["round", "round"] },
987
+ { "class": "mask-repeat-space", "property": ["-webkit-mask-repeat", "mask-repeat"], "value": ["space", "space"] },
988
+ { "class": "mask-repeat-x", "property": ["-webkit-mask-repeat", "mask-repeat"], "value": ["repeat-x", "repeat-x"] },
989
+ { "class": "mask-repeat-y", "property": ["-webkit-mask-repeat", "mask-repeat"], "value": ["repeat-y", "repeat-y"] }
990
+ ]
991
+ },
992
+ {
993
+ "category": "Mask Size",
994
+ "utilities": [
995
+ { "class": "mask-auto", "property": ["-webkit-mask-size", "mask-size"], "value": ["auto", "auto"] },
996
+ { "class": "mask-contain", "property": ["-webkit-mask-size", "mask-size"], "value": ["contain", "contain"] },
997
+ { "class": "mask-cover", "property": ["-webkit-mask-size", "mask-size"], "value": ["cover", "cover"] }
998
+ ]
999
+ },
1000
+ {
1001
+ "category": "Mask Type",
1002
+ "utilities": [
1003
+ { "class": "mask-type-alpha", "property": "mask-type", "value": "alpha" },
1004
+ { "class": "mask-type-luminance", "property": "mask-type", "value": "luminance" }
1005
+ ]
1006
+ },
1007
+ {
1008
+ "category": "Filter",
1009
+ "utilities": [
1010
+ { "class": "filter-none", "property": "filter", "value": "none" }
1011
+ ]
1012
+ },
1013
+ {
1014
+ "category": "Table Layout",
1015
+ "utilities": [
1016
+ { "class": "table-auto", "property": "table-layout", "value": "auto" },
1017
+ { "class": "table-fixed", "property": "table-layout", "value": "fixed" }
1018
+ ]
1019
+ },
1020
+ {
1021
+ "category": "Caption Side",
1022
+ "utilities": [
1023
+ { "class": "caption-bottom", "property": "caption-side", "value": "bottom" },
1024
+ { "class": "caption-top", "property": "caption-side", "value": "top" }
1025
+ ]
1026
+ },
1027
+ {
1028
+ "category": "Border Collapse",
1029
+ "utilities": [
1030
+ { "class": "border-collapse", "property": "border-collapse", "value": "collapse" },
1031
+ { "class": "border-separate", "property": "border-collapse", "value": "separate" }
1032
+ ]
1033
+ },
1034
+ {
1035
+ "category": "Transition Property",
1036
+ "utilities": [
1037
+ { "class": "transition-none", "property": "transition-property", "value": "none" }
1038
+ ]
1039
+ },
1040
+ {
1041
+ "category": "Animation",
1042
+ "utilities": [
1043
+ { "class": "animate-none", "property": "animation", "value": "none" }
1044
+ ]
1045
+ },
1046
+ {
1047
+ "category": "Transform Origin",
1048
+ "utilities": [
1049
+ { "class": "origin-bottom", "property": "transform-origin", "value": "bottom" },
1050
+ { "class": "origin-bottom-left", "property": "transform-origin", "value": "0 100%" },
1051
+ { "class": "origin-bottom-right", "property": "transform-origin", "value": "100% 100%" },
1052
+ { "class": "origin-center", "property": "transform-origin", "value": "50%" },
1053
+ { "class": "origin-left", "property": "transform-origin", "value": "0" },
1054
+ { "class": "origin-right", "property": "transform-origin", "value": "100%" },
1055
+ { "class": "origin-top", "property": "transform-origin", "value": "top" },
1056
+ { "class": "origin-top-left", "property": "transform-origin", "value": "0 0" },
1057
+ { "class": "origin-top-right", "property": "transform-origin", "value": "100% 0" }
1058
+ ]
1059
+ },
1060
+ {
1061
+ "category": "Pointer Events",
1062
+ "utilities": [
1063
+ { "class": "pointer-events-auto", "property": "pointer-events", "value": "auto" },
1064
+ { "class": "pointer-events-none", "property": "pointer-events", "value": "none" }
1065
+ ]
1066
+ },
1067
+ {
1068
+ "category": "Touch Action",
1069
+ "utilities": [
1070
+ { "class": "touch-auto", "property": "touch-action", "value": "auto" },
1071
+ { "class": "touch-manipulation", "property": "touch-action", "value": "manipulation" },
1072
+ { "class": "touch-none", "property": "touch-action", "value": "none" }
1073
+ ]
1074
+ },
1075
+ {
1076
+ "category": "Resize",
1077
+ "utilities": [
1078
+ { "class": "resize", "property": "resize", "value": "both" },
1079
+ { "class": "resize-none", "property": "resize", "value": "none" },
1080
+ { "class": "resize-x", "property": "resize", "value": "horizontal" },
1081
+ { "class": "resize-y", "property": "resize", "value": "vertical" }
1082
+ ]
1083
+ },
1084
+ {
1085
+ "category": "Scroll Behavior",
1086
+ "utilities": [
1087
+ { "class": "scroll-auto", "property": "scroll-behavior", "value": "auto" },
1088
+ { "class": "scroll-smooth", "property": "scroll-behavior", "value": "smooth" }
1089
+ ]
1090
+ },
1091
+ {
1092
+ "category": "Scroll Snap Type",
1093
+ "utilities": [
1094
+ { "class": "snap-none", "property": "scroll-snap-type", "value": "none" }
1095
+ ]
1096
+ },
1097
+ {
1098
+ "category": "Scroll Snap Align",
1099
+ "utilities": [
1100
+ { "class": "snap-align-none", "property": "scroll-snap-align", "value": "none" },
1101
+ { "class": "snap-center", "property": "scroll-snap-align", "value": "center" },
1102
+ { "class": "snap-end", "property": "scroll-snap-align", "value": "end" },
1103
+ { "class": "snap-start", "property": "scroll-snap-align", "value": "start" },
1104
+ { "class": "snap-always", "property": "scroll-snap-stop", "value": "always" },
1105
+ { "class": "snap-normal", "property": "scroll-snap-stop", "value": "normal" }
1106
+ ]
1107
+ },
1108
+ {
1109
+ "category": "User Select",
1110
+ "utilities": [
1111
+ { "class": "select-all", "property": ["-webkit-user-select", "user-select"], "value": ["all", "all"] },
1112
+ { "class": "select-auto", "property": ["-webkit-user-select", "user-select"], "value": ["auto", "auto"] },
1113
+ { "class": "select-none", "property": ["-webkit-user-select", "user-select"], "value": ["none", "none"] },
1114
+ { "class": "select-text", "property": ["-webkit-user-select", "user-select"], "value": ["text", "text"] }
1115
+ ]
1116
+ },
1117
+ {
1118
+ "category": "Will Change",
1119
+ "utilities": [
1120
+ { "class": "will-change-auto", "property": "will-change", "value": "auto" },
1121
+ { "class": "will-change-contents", "property": "will-change", "value": "contents" },
1122
+ { "class": "will-change-scroll", "property": "will-change", "value": "scroll-position" },
1123
+ { "class": "will-change-transform", "property": "will-change", "value": "transform" }
1124
+ ]
1125
+ },
1126
+ {
1127
+ "category": "Fill",
1128
+ "utilities": [
1129
+ { "class": "fill-none", "property": "fill", "value": "none" },
1130
+ { "class": "fill-inherit", "property": "fill", "value": "inherit" },
1131
+ { "class": "fill-current", "property": "fill", "value": "currentColor" }
1132
+ ]
1133
+ },
1134
+ {
1135
+ "category": "Stroke",
1136
+ "utilities": [
1137
+ { "class": "stroke-none", "property": "stroke", "value": "none" },
1138
+ { "class": "stroke-inherit", "property": "stroke", "value": "inherit" },
1139
+ { "class": "stroke-current", "property": "stroke", "value": "currentColor" }
1140
+ ]
1141
+ },
1142
+ {
1143
+ "category": "Group Utilities",
1144
+ "utilities": [
1145
+ { "class": "truncate", "properties": [{"property": "text-overflow", "value": "ellipsis"}, {"property": "white-space", "value": "nowrap"}, {"property": "overflow", "value": "hidden"}] }
1146
+ ]
1147
+ }
1148
+ ]
1149
+ }