@ctlyst.id/voila-ui 1.0.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 (103) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +1 -0
  3. package/dist/index.js +160 -0
  4. package/dist/index.mjs +14225 -0
  5. package/dist/style.css +1 -0
  6. package/dist/types/@types/vanilla-sprinkles.d.ts +17 -0
  7. package/dist/types/assets/Spinner.d.ts +8 -0
  8. package/dist/types/assets/index.d.ts +1 -0
  9. package/dist/types/components/badge/badge.css.d.ts +40 -0
  10. package/dist/types/components/badge/badge.d.ts +15 -0
  11. package/dist/types/components/badge/index.d.ts +2 -0
  12. package/dist/types/components/button/button.css.d.ts +121 -0
  13. package/dist/types/components/button/button.d.ts +19 -0
  14. package/dist/types/components/button/index.d.ts +2 -0
  15. package/dist/types/components/close-button/close-button.css.d.ts +2 -0
  16. package/dist/types/components/close-button/close-button.d.ts +14 -0
  17. package/dist/types/components/close-button/index.d.ts +2 -0
  18. package/dist/types/components/form/common/action-icon.d.ts +3 -0
  19. package/dist/types/components/form/common/add-on.d.ts +10 -0
  20. package/dist/types/components/form/common/label.d.ts +10 -0
  21. package/dist/types/components/form/field.d.ts +15 -0
  22. package/dist/types/components/form/form.type.d.ts +1 -0
  23. package/dist/types/components/form/index.d.ts +4 -0
  24. package/dist/types/components/form/input.d.ts +24 -0
  25. package/dist/types/components/form/styles/addon.css.d.ts +29 -0
  26. package/dist/types/components/form/styles/common.css.d.ts +4 -0
  27. package/dist/types/components/form/styles/field.css.d.ts +37 -0
  28. package/dist/types/components/form/styles/index.d.ts +6 -0
  29. package/dist/types/components/form/styles/input.css.d.ts +2 -0
  30. package/dist/types/components/form/styles/label.css.d.ts +20 -0
  31. package/dist/types/components/form/styles/textarea.css.d.ts +2 -0
  32. package/dist/types/components/form/textarea.d.ts +18 -0
  33. package/dist/types/components/form/utils/resolve-form-state.d.ts +8 -0
  34. package/dist/types/components/icon-button/icon-button.css.d.ts +101 -0
  35. package/dist/types/components/icon-button/icon-button.d.ts +15 -0
  36. package/dist/types/components/icon-button/index.d.ts +2 -0
  37. package/dist/types/components/image/image.css.d.ts +21 -0
  38. package/dist/types/components/image/image.d.ts +34 -0
  39. package/dist/types/components/image/index.d.ts +2 -0
  40. package/dist/types/components/index.d.ts +10 -0
  41. package/dist/types/components/list/index.d.ts +4 -0
  42. package/dist/types/components/list/list-item.css.d.ts +14 -0
  43. package/dist/types/components/list/list-item.d.ts +16 -0
  44. package/dist/types/components/list/list.css.d.ts +2 -0
  45. package/dist/types/components/list/list.d.ts +11 -0
  46. package/dist/types/components/tabs/index.d.ts +4 -0
  47. package/dist/types/components/tabs/tab-item.css.d.ts +10 -0
  48. package/dist/types/components/tabs/tab-item.d.ts +13 -0
  49. package/dist/types/components/tabs/tabs.css.d.ts +20 -0
  50. package/dist/types/components/tabs/tabs.d.ts +23 -0
  51. package/dist/types/components/tooltip/index.d.ts +2 -0
  52. package/dist/types/components/tooltip/tooltip.css.d.ts +2 -0
  53. package/dist/types/components/tooltip/tooltip.d.ts +20 -0
  54. package/dist/types/components/utils/hooks/use-ripple/index.d.ts +2 -0
  55. package/dist/types/components/utils/hooks/use-ripple/ripple.css.d.ts +2 -0
  56. package/dist/types/components/utils/hooks/use-ripple/use-ripple.d.ts +6 -0
  57. package/dist/types/index.d.ts +7 -0
  58. package/dist/types/layouts/box/box.d.ts +6979 -0
  59. package/dist/types/layouts/box/index.d.ts +2 -0
  60. package/dist/types/layouts/flex/flex.d.ts +366 -0
  61. package/dist/types/layouts/flex/index.d.ts +2 -0
  62. package/dist/types/layouts/grid/grid.d.ts +666 -0
  63. package/dist/types/layouts/grid/index.d.ts +2 -0
  64. package/dist/types/layouts/index.d.ts +5 -0
  65. package/dist/types/layouts/stack/index.d.ts +2 -0
  66. package/dist/types/layouts/stack/stack.d.ts +17 -0
  67. package/dist/types/layouts/stack/utils.d.ts +10 -0
  68. package/dist/types/layouts/text/index.d.ts +2 -0
  69. package/dist/types/layouts/text/text.css.d.ts +72 -0
  70. package/dist/types/layouts/text/text.d.ts +13959 -0
  71. package/dist/types/provider/index.d.ts +1 -0
  72. package/dist/types/provider/provider.d.ts +3 -0
  73. package/dist/types/provider/radix-provider.d.ts +3 -0
  74. package/dist/types/theme/index.d.ts +2 -0
  75. package/dist/types/theme/styles/atoms/border.css.d.ts +1575 -0
  76. package/dist/types/theme/styles/atoms/common.css.d.ts +721 -0
  77. package/dist/types/theme/styles/atoms/constants.d.ts +3 -0
  78. package/dist/types/theme/styles/atoms/flex.css.d.ts +362 -0
  79. package/dist/types/theme/styles/atoms/grid.css.d.ts +661 -0
  80. package/dist/types/theme/styles/atoms/index.d.ts +8 -0
  81. package/dist/types/theme/styles/atoms/position.css.d.ts +778 -0
  82. package/dist/types/theme/styles/atoms/sizes.css.d.ts +1313 -0
  83. package/dist/types/theme/styles/atoms/space.css.d.ts +1943 -0
  84. package/dist/types/theme/styles/atoms/typography.css.d.ts +329 -0
  85. package/dist/types/theme/styles/globals.css.d.ts +3 -0
  86. package/dist/types/theme/styles/index.d.ts +3 -0
  87. package/dist/types/theme/styles/normalize.css.d.ts +0 -0
  88. package/dist/types/theme/styles/theme.css.d.ts +240 -0
  89. package/dist/types/theme/styles/utils.d.ts +17 -0
  90. package/dist/types/theme/tokens/animation.d.ts +21 -0
  91. package/dist/types/theme/tokens/border.d.ts +9 -0
  92. package/dist/types/theme/tokens/breakpoints.d.ts +9 -0
  93. package/dist/types/theme/tokens/color.d.ts +125 -0
  94. package/dist/types/theme/tokens/index.d.ts +241 -0
  95. package/dist/types/theme/tokens/opacity.d.ts +8 -0
  96. package/dist/types/theme/tokens/radii.d.ts +6 -0
  97. package/dist/types/theme/tokens/shadows.d.ts +6 -0
  98. package/dist/types/theme/tokens/space.d.ts +72 -0
  99. package/dist/types/theme/tokens/typography.d.ts +123 -0
  100. package/dist/types/theme/tokens/z-indices.d.ts +16 -0
  101. package/dist/types/utils/index.d.ts +1 -0
  102. package/dist/types/utils/merge-atoms.d.ts +7 -0
  103. package/package.json +77 -0
package/dist/types/theme/styles/atoms/position.css.d.ts ADDED
@@ -0,0 +1,778 @@
1
+ export declare const positionAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
2
+ config: {
3
+ top: {
4
+ values: {
5
+ auto: {
6
+ default: string;
7
+ conditions: Record<string | number, string>;
8
+ };
9
+ 0: {
10
+ default: string;
11
+ conditions: Record<string | number, string>;
12
+ };
13
+ 1: {
14
+ default: string;
15
+ conditions: Record<string | number, string>;
16
+ };
17
+ "100vh": {
18
+ default: string;
19
+ conditions: Record<string | number, string>;
20
+ };
21
+ "100vw": {
22
+ default: string;
23
+ conditions: Record<string | number, string>;
24
+ };
25
+ 10: {
26
+ default: string;
27
+ conditions: Record<string | number, string>;
28
+ };
29
+ 2: {
30
+ default: string;
31
+ conditions: Record<string | number, string>;
32
+ };
33
+ 16: {
34
+ default: string;
35
+ conditions: Record<string | number, string>;
36
+ };
37
+ 20: {
38
+ default: string;
39
+ conditions: Record<string | number, string>;
40
+ };
41
+ 24: {
42
+ default: string;
43
+ conditions: Record<string | number, string>;
44
+ };
45
+ 32: {
46
+ default: string;
47
+ conditions: Record<string | number, string>;
48
+ };
49
+ 40: {
50
+ default: string;
51
+ conditions: Record<string | number, string>;
52
+ };
53
+ 48: {
54
+ default: string;
55
+ conditions: Record<string | number, string>;
56
+ };
57
+ 56: {
58
+ default: string;
59
+ conditions: Record<string | number, string>;
60
+ };
61
+ full: {
62
+ default: string;
63
+ conditions: Record<string | number, string>;
64
+ };
65
+ 4: {
66
+ default: string;
67
+ conditions: Record<string | number, string>;
68
+ };
69
+ 6: {
70
+ default: string;
71
+ conditions: Record<string | number, string>;
72
+ };
73
+ 8: {
74
+ default: string;
75
+ conditions: Record<string | number, string>;
76
+ };
77
+ 12: {
78
+ default: string;
79
+ conditions: Record<string | number, string>;
80
+ };
81
+ 14: {
82
+ default: string;
83
+ conditions: Record<string | number, string>;
84
+ };
85
+ 18: {
86
+ default: string;
87
+ conditions: Record<string | number, string>;
88
+ };
89
+ 22: {
90
+ default: string;
91
+ conditions: Record<string | number, string>;
92
+ };
93
+ 64: {
94
+ default: string;
95
+ conditions: Record<string | number, string>;
96
+ };
97
+ 72: {
98
+ default: string;
99
+ conditions: Record<string | number, string>;
100
+ };
101
+ 80: {
102
+ default: string;
103
+ conditions: Record<string | number, string>;
104
+ };
105
+ 88: {
106
+ default: string;
107
+ conditions: Record<string | number, string>;
108
+ };
109
+ 96: {
110
+ default: string;
111
+ conditions: Record<string | number, string>;
112
+ };
113
+ 104: {
114
+ default: string;
115
+ conditions: Record<string | number, string>;
116
+ };
117
+ 112: {
118
+ default: string;
119
+ conditions: Record<string | number, string>;
120
+ };
121
+ fitContent: {
122
+ default: string;
123
+ conditions: Record<string | number, string>;
124
+ };
125
+ maxContent: {
126
+ default: string;
127
+ conditions: Record<string | number, string>;
128
+ };
129
+ minContent: {
130
+ default: string;
131
+ conditions: Record<string | number, string>;
132
+ };
133
+ gapX: {
134
+ default: string;
135
+ conditions: Record<string | number, string>;
136
+ };
137
+ gapY: {
138
+ default: string;
139
+ conditions: Record<string | number, string>;
140
+ };
141
+ };
142
+ staticScale: {
143
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
+ 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ };
178
+ name: "top";
179
+ };
180
+ right: {
181
+ values: {
182
+ auto: {
183
+ default: string;
184
+ conditions: Record<string | number, string>;
185
+ };
186
+ 0: {
187
+ default: string;
188
+ conditions: Record<string | number, string>;
189
+ };
190
+ 1: {
191
+ default: string;
192
+ conditions: Record<string | number, string>;
193
+ };
194
+ "100vh": {
195
+ default: string;
196
+ conditions: Record<string | number, string>;
197
+ };
198
+ "100vw": {
199
+ default: string;
200
+ conditions: Record<string | number, string>;
201
+ };
202
+ 10: {
203
+ default: string;
204
+ conditions: Record<string | number, string>;
205
+ };
206
+ 2: {
207
+ default: string;
208
+ conditions: Record<string | number, string>;
209
+ };
210
+ 16: {
211
+ default: string;
212
+ conditions: Record<string | number, string>;
213
+ };
214
+ 20: {
215
+ default: string;
216
+ conditions: Record<string | number, string>;
217
+ };
218
+ 24: {
219
+ default: string;
220
+ conditions: Record<string | number, string>;
221
+ };
222
+ 32: {
223
+ default: string;
224
+ conditions: Record<string | number, string>;
225
+ };
226
+ 40: {
227
+ default: string;
228
+ conditions: Record<string | number, string>;
229
+ };
230
+ 48: {
231
+ default: string;
232
+ conditions: Record<string | number, string>;
233
+ };
234
+ 56: {
235
+ default: string;
236
+ conditions: Record<string | number, string>;
237
+ };
238
+ full: {
239
+ default: string;
240
+ conditions: Record<string | number, string>;
241
+ };
242
+ 4: {
243
+ default: string;
244
+ conditions: Record<string | number, string>;
245
+ };
246
+ 6: {
247
+ default: string;
248
+ conditions: Record<string | number, string>;
249
+ };
250
+ 8: {
251
+ default: string;
252
+ conditions: Record<string | number, string>;
253
+ };
254
+ 12: {
255
+ default: string;
256
+ conditions: Record<string | number, string>;
257
+ };
258
+ 14: {
259
+ default: string;
260
+ conditions: Record<string | number, string>;
261
+ };
262
+ 18: {
263
+ default: string;
264
+ conditions: Record<string | number, string>;
265
+ };
266
+ 22: {
267
+ default: string;
268
+ conditions: Record<string | number, string>;
269
+ };
270
+ 64: {
271
+ default: string;
272
+ conditions: Record<string | number, string>;
273
+ };
274
+ 72: {
275
+ default: string;
276
+ conditions: Record<string | number, string>;
277
+ };
278
+ 80: {
279
+ default: string;
280
+ conditions: Record<string | number, string>;
281
+ };
282
+ 88: {
283
+ default: string;
284
+ conditions: Record<string | number, string>;
285
+ };
286
+ 96: {
287
+ default: string;
288
+ conditions: Record<string | number, string>;
289
+ };
290
+ 104: {
291
+ default: string;
292
+ conditions: Record<string | number, string>;
293
+ };
294
+ 112: {
295
+ default: string;
296
+ conditions: Record<string | number, string>;
297
+ };
298
+ fitContent: {
299
+ default: string;
300
+ conditions: Record<string | number, string>;
301
+ };
302
+ maxContent: {
303
+ default: string;
304
+ conditions: Record<string | number, string>;
305
+ };
306
+ minContent: {
307
+ default: string;
308
+ conditions: Record<string | number, string>;
309
+ };
310
+ gapX: {
311
+ default: string;
312
+ conditions: Record<string | number, string>;
313
+ };
314
+ gapY: {
315
+ default: string;
316
+ conditions: Record<string | number, string>;
317
+ };
318
+ };
319
+ staticScale: {
320
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
+ 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
+ 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
+ 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
+ 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
+ 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
+ fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
+ maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
+ minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
+ '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
+ '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
+ gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
+ gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
+ };
355
+ name: "right";
356
+ };
357
+ bottom: {
358
+ values: {
359
+ auto: {
360
+ default: string;
361
+ conditions: Record<string | number, string>;
362
+ };
363
+ 0: {
364
+ default: string;
365
+ conditions: Record<string | number, string>;
366
+ };
367
+ 1: {
368
+ default: string;
369
+ conditions: Record<string | number, string>;
370
+ };
371
+ "100vh": {
372
+ default: string;
373
+ conditions: Record<string | number, string>;
374
+ };
375
+ "100vw": {
376
+ default: string;
377
+ conditions: Record<string | number, string>;
378
+ };
379
+ 10: {
380
+ default: string;
381
+ conditions: Record<string | number, string>;
382
+ };
383
+ 2: {
384
+ default: string;
385
+ conditions: Record<string | number, string>;
386
+ };
387
+ 16: {
388
+ default: string;
389
+ conditions: Record<string | number, string>;
390
+ };
391
+ 20: {
392
+ default: string;
393
+ conditions: Record<string | number, string>;
394
+ };
395
+ 24: {
396
+ default: string;
397
+ conditions: Record<string | number, string>;
398
+ };
399
+ 32: {
400
+ default: string;
401
+ conditions: Record<string | number, string>;
402
+ };
403
+ 40: {
404
+ default: string;
405
+ conditions: Record<string | number, string>;
406
+ };
407
+ 48: {
408
+ default: string;
409
+ conditions: Record<string | number, string>;
410
+ };
411
+ 56: {
412
+ default: string;
413
+ conditions: Record<string | number, string>;
414
+ };
415
+ full: {
416
+ default: string;
417
+ conditions: Record<string | number, string>;
418
+ };
419
+ 4: {
420
+ default: string;
421
+ conditions: Record<string | number, string>;
422
+ };
423
+ 6: {
424
+ default: string;
425
+ conditions: Record<string | number, string>;
426
+ };
427
+ 8: {
428
+ default: string;
429
+ conditions: Record<string | number, string>;
430
+ };
431
+ 12: {
432
+ default: string;
433
+ conditions: Record<string | number, string>;
434
+ };
435
+ 14: {
436
+ default: string;
437
+ conditions: Record<string | number, string>;
438
+ };
439
+ 18: {
440
+ default: string;
441
+ conditions: Record<string | number, string>;
442
+ };
443
+ 22: {
444
+ default: string;
445
+ conditions: Record<string | number, string>;
446
+ };
447
+ 64: {
448
+ default: string;
449
+ conditions: Record<string | number, string>;
450
+ };
451
+ 72: {
452
+ default: string;
453
+ conditions: Record<string | number, string>;
454
+ };
455
+ 80: {
456
+ default: string;
457
+ conditions: Record<string | number, string>;
458
+ };
459
+ 88: {
460
+ default: string;
461
+ conditions: Record<string | number, string>;
462
+ };
463
+ 96: {
464
+ default: string;
465
+ conditions: Record<string | number, string>;
466
+ };
467
+ 104: {
468
+ default: string;
469
+ conditions: Record<string | number, string>;
470
+ };
471
+ 112: {
472
+ default: string;
473
+ conditions: Record<string | number, string>;
474
+ };
475
+ fitContent: {
476
+ default: string;
477
+ conditions: Record<string | number, string>;
478
+ };
479
+ maxContent: {
480
+ default: string;
481
+ conditions: Record<string | number, string>;
482
+ };
483
+ minContent: {
484
+ default: string;
485
+ conditions: Record<string | number, string>;
486
+ };
487
+ gapX: {
488
+ default: string;
489
+ conditions: Record<string | number, string>;
490
+ };
491
+ gapY: {
492
+ default: string;
493
+ conditions: Record<string | number, string>;
494
+ };
495
+ };
496
+ staticScale: {
497
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
+ 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
+ 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
506
+ 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
507
+ 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
508
+ 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
509
+ 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
510
+ 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
+ 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
+ 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
518
+ 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
+ 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
+ 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ };
532
+ name: "bottom";
533
+ };
534
+ left: {
535
+ values: {
536
+ auto: {
537
+ default: string;
538
+ conditions: Record<string | number, string>;
539
+ };
540
+ 0: {
541
+ default: string;
542
+ conditions: Record<string | number, string>;
543
+ };
544
+ 1: {
545
+ default: string;
546
+ conditions: Record<string | number, string>;
547
+ };
548
+ "100vh": {
549
+ default: string;
550
+ conditions: Record<string | number, string>;
551
+ };
552
+ "100vw": {
553
+ default: string;
554
+ conditions: Record<string | number, string>;
555
+ };
556
+ 10: {
557
+ default: string;
558
+ conditions: Record<string | number, string>;
559
+ };
560
+ 2: {
561
+ default: string;
562
+ conditions: Record<string | number, string>;
563
+ };
564
+ 16: {
565
+ default: string;
566
+ conditions: Record<string | number, string>;
567
+ };
568
+ 20: {
569
+ default: string;
570
+ conditions: Record<string | number, string>;
571
+ };
572
+ 24: {
573
+ default: string;
574
+ conditions: Record<string | number, string>;
575
+ };
576
+ 32: {
577
+ default: string;
578
+ conditions: Record<string | number, string>;
579
+ };
580
+ 40: {
581
+ default: string;
582
+ conditions: Record<string | number, string>;
583
+ };
584
+ 48: {
585
+ default: string;
586
+ conditions: Record<string | number, string>;
587
+ };
588
+ 56: {
589
+ default: string;
590
+ conditions: Record<string | number, string>;
591
+ };
592
+ full: {
593
+ default: string;
594
+ conditions: Record<string | number, string>;
595
+ };
596
+ 4: {
597
+ default: string;
598
+ conditions: Record<string | number, string>;
599
+ };
600
+ 6: {
601
+ default: string;
602
+ conditions: Record<string | number, string>;
603
+ };
604
+ 8: {
605
+ default: string;
606
+ conditions: Record<string | number, string>;
607
+ };
608
+ 12: {
609
+ default: string;
610
+ conditions: Record<string | number, string>;
611
+ };
612
+ 14: {
613
+ default: string;
614
+ conditions: Record<string | number, string>;
615
+ };
616
+ 18: {
617
+ default: string;
618
+ conditions: Record<string | number, string>;
619
+ };
620
+ 22: {
621
+ default: string;
622
+ conditions: Record<string | number, string>;
623
+ };
624
+ 64: {
625
+ default: string;
626
+ conditions: Record<string | number, string>;
627
+ };
628
+ 72: {
629
+ default: string;
630
+ conditions: Record<string | number, string>;
631
+ };
632
+ 80: {
633
+ default: string;
634
+ conditions: Record<string | number, string>;
635
+ };
636
+ 88: {
637
+ default: string;
638
+ conditions: Record<string | number, string>;
639
+ };
640
+ 96: {
641
+ default: string;
642
+ conditions: Record<string | number, string>;
643
+ };
644
+ 104: {
645
+ default: string;
646
+ conditions: Record<string | number, string>;
647
+ };
648
+ 112: {
649
+ default: string;
650
+ conditions: Record<string | number, string>;
651
+ };
652
+ fitContent: {
653
+ default: string;
654
+ conditions: Record<string | number, string>;
655
+ };
656
+ maxContent: {
657
+ default: string;
658
+ conditions: Record<string | number, string>;
659
+ };
660
+ minContent: {
661
+ default: string;
662
+ conditions: Record<string | number, string>;
663
+ };
664
+ gapX: {
665
+ default: string;
666
+ conditions: Record<string | number, string>;
667
+ };
668
+ gapY: {
669
+ default: string;
670
+ conditions: Record<string | number, string>;
671
+ };
672
+ };
673
+ staticScale: {
674
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
675
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
676
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
677
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
678
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
679
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
680
+ 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
681
+ 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
682
+ 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
+ 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
+ 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
685
+ 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
686
+ 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
687
+ 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
688
+ 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
689
+ 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
690
+ 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
691
+ 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
692
+ 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
693
+ 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
694
+ 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
695
+ 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
696
+ 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
697
+ 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
698
+ 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
699
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
700
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
701
+ fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
702
+ maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
703
+ minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
704
+ '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
705
+ '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
706
+ gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
+ gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
708
+ };
709
+ name: "left";
710
+ };
711
+ };
712
+ } & {
713
+ config: {
714
+ position: {
715
+ dynamic: {
716
+ default: string;
717
+ conditions: Record<string | number, string>;
718
+ };
719
+ dynamicScale: true;
720
+ name: "position";
721
+ vars: {
722
+ default: string;
723
+ conditions: Record<string | number, string>;
724
+ };
725
+ };
726
+ top: {
727
+ dynamic: {
728
+ default: string;
729
+ conditions: Record<string | number, string>;
730
+ };
731
+ dynamicScale: true;
732
+ name: "top";
733
+ vars: {
734
+ default: string;
735
+ conditions: Record<string | number, string>;
736
+ };
737
+ };
738
+ right: {
739
+ dynamic: {
740
+ default: string;
741
+ conditions: Record<string | number, string>;
742
+ };
743
+ dynamicScale: true;
744
+ name: "right";
745
+ vars: {
746
+ default: string;
747
+ conditions: Record<string | number, string>;
748
+ };
749
+ };
750
+ bottom: {
751
+ dynamic: {
752
+ default: string;
753
+ conditions: Record<string | number, string>;
754
+ };
755
+ dynamicScale: true;
756
+ name: "bottom";
757
+ vars: {
758
+ default: string;
759
+ conditions: Record<string | number, string>;
760
+ };
761
+ };
762
+ left: {
763
+ dynamic: {
764
+ default: string;
765
+ conditions: Record<string | number, string>;
766
+ };
767
+ dynamicScale: true;
768
+ name: "left";
769
+ vars: {
770
+ default: string;
771
+ conditions: Record<string | number, string>;
772
+ };
773
+ };
774
+ };
775
+ } & {
776
+ config: {};
777
+ }]>;
778
+ export type PositionAtoms = Parameters<typeof positionAtoms>[0];