@react95/core 8.1.4-alpha.0 → 9.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 (40) hide show
  1. package/README.md +0 -21
  2. package/cjs/Alert/Alert.cjs +21 -13
  3. package/cjs/Modal/Modal.cjs +81 -96
  4. package/cjs/Modal/Modal.css.ts.vanilla.css +6 -4
  5. package/cjs/TaskBar/TaskBar.cjs +40 -7
  6. package/cjs/TitleBar/TitleBar.cjs +71 -7
  7. package/cjs/TitleBar/TitleBar.css.ts.vanilla.css +8 -1
  8. package/cjs/TitleBar/maximize.svg.cjs +3 -0
  9. package/cjs/TitleBar/minimize.svg.cjs +3 -0
  10. package/cjs/TitleBar/restore.svg.cjs +3 -0
  11. package/cjs/index.cjs +0 -4
  12. package/cjs/shared/events.cjs +35 -0
  13. package/esm/Alert/Alert.mjs +21 -13
  14. package/esm/Modal/Modal.css.ts.vanilla.css +6 -4
  15. package/esm/Modal/Modal.mjs +83 -98
  16. package/esm/TaskBar/TaskBar.mjs +41 -8
  17. package/esm/TitleBar/TitleBar.css.ts.vanilla.css +8 -1
  18. package/esm/TitleBar/TitleBar.mjs +73 -9
  19. package/esm/TitleBar/maximize.svg.mjs +4 -0
  20. package/esm/TitleBar/minimize.svg.mjs +4 -0
  21. package/esm/TitleBar/restore.svg.mjs +4 -0
  22. package/esm/index.mjs +0 -4
  23. package/esm/shared/events.mjs +35 -0
  24. package/package.json +4 -8
  25. package/types/Cursor/Cursor.css.d.ts +1 -1
  26. package/types/Modal/Modal.d.ts +2259 -11
  27. package/types/TaskBar/WindowButton.d.ts +3 -3
  28. package/types/TitleBar/TitleBar.d.ts +2271 -3
  29. package/types/index.d.ts +1 -3
  30. package/types/shared/events.d.ts +19 -0
  31. package/cjs/Modal/ModalContext.cjs +0 -16
  32. package/cjs/Modal/ModalProvider.cjs +0 -56
  33. package/esm/Modal/ModalContext.mjs +0 -16
  34. package/esm/Modal/ModalProvider.mjs +0 -56
  35. package/types/Modal/ModalContext.d.ts +0 -15
  36. package/types/Modal/ModalProvider.d.ts +0 -3
  37. /package/cjs/{Modal → TitleBar}/close.svg.cjs +0 -0
  38. /package/cjs/{Modal → TitleBar}/help.svg.cjs +0 -0
  39. /package/esm/{Modal → TitleBar}/close.svg.mjs +0 -0
  40. /package/esm/{Modal → TitleBar}/help.svg.mjs +0 -0
@@ -1,8 +1,2271 @@
1
+ import type { ButtonHTMLAttributes, ElementRef, ElementType, ForwardedRef, ForwardRefRenderFunction, HTMLAttributes, ReactElement } from 'react';
1
2
  import React from 'react';
2
- import type { ForwardRefRenderFunction, ReactElement, HTMLAttributes } from 'react';
3
3
  import { FrameProps } from '../Frame/Frame';
4
- declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- declare const Option: React.ForwardRefExoticComponent<Omit<FrameProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ declare const OptionsBox: (props: {
5
+ as?: "div" | undefined;
6
+ } & Omit<Omit<React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
7
+ ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
8
+ }, "as"> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
9
+ readonly backgroundColor: {
10
+ dynamic: {
11
+ default: string;
12
+ };
13
+ dynamicScale: {
14
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ };
36
+ name: "backgroundColor";
37
+ vars: {
38
+ default: string;
39
+ };
40
+ };
41
+ readonly color: {
42
+ dynamic: {
43
+ default: string;
44
+ };
45
+ dynamicScale: {
46
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ };
68
+ name: "color";
69
+ vars: {
70
+ default: string;
71
+ };
72
+ };
73
+ } & {
74
+ bgColor: {
75
+ mappings: "backgroundColor"[];
76
+ };
77
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
78
+ readonly boxShadow: {
79
+ dynamic: {
80
+ default: string;
81
+ };
82
+ dynamicScale: {
83
+ out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ };
87
+ name: "boxShadow";
88
+ vars: {
89
+ default: string;
90
+ };
91
+ };
92
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
93
+ readonly zIndex: {
94
+ dynamic: {
95
+ default: string;
96
+ };
97
+ dynamicScale: {
98
+ modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
+ };
102
+ name: "zIndex";
103
+ vars: {
104
+ default: string;
105
+ };
106
+ };
107
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
108
+ readonly display: {
109
+ dynamic: {
110
+ default: string;
111
+ };
112
+ dynamicScale: true;
113
+ name: "display";
114
+ vars: {
115
+ default: string;
116
+ };
117
+ };
118
+ readonly overflow: {
119
+ dynamic: {
120
+ default: string;
121
+ };
122
+ dynamicScale: true;
123
+ name: "overflow";
124
+ vars: {
125
+ default: string;
126
+ };
127
+ };
128
+ readonly boxSizing: {
129
+ dynamic: {
130
+ default: string;
131
+ };
132
+ dynamicScale: true;
133
+ name: "boxSizing";
134
+ vars: {
135
+ default: string;
136
+ };
137
+ };
138
+ readonly grid: {
139
+ dynamic: {
140
+ default: string;
141
+ };
142
+ dynamicScale: true;
143
+ name: "grid";
144
+ vars: {
145
+ default: string;
146
+ };
147
+ };
148
+ readonly gridArea: {
149
+ dynamic: {
150
+ default: string;
151
+ };
152
+ dynamicScale: true;
153
+ name: "gridArea";
154
+ vars: {
155
+ default: string;
156
+ };
157
+ };
158
+ readonly gridAutoColumns: {
159
+ dynamic: {
160
+ default: string;
161
+ };
162
+ dynamicScale: true;
163
+ name: "gridAutoColumns";
164
+ vars: {
165
+ default: string;
166
+ };
167
+ };
168
+ readonly gridAutoFlow: {
169
+ dynamic: {
170
+ default: string;
171
+ };
172
+ dynamicScale: true;
173
+ name: "gridAutoFlow";
174
+ vars: {
175
+ default: string;
176
+ };
177
+ };
178
+ readonly gridAutoRows: {
179
+ dynamic: {
180
+ default: string;
181
+ };
182
+ dynamicScale: true;
183
+ name: "gridAutoRows";
184
+ vars: {
185
+ default: string;
186
+ };
187
+ };
188
+ readonly gridColumn: {
189
+ dynamic: {
190
+ default: string;
191
+ };
192
+ dynamicScale: true;
193
+ name: "gridColumn";
194
+ vars: {
195
+ default: string;
196
+ };
197
+ };
198
+ readonly gridColumnEnd: {
199
+ dynamic: {
200
+ default: string;
201
+ };
202
+ dynamicScale: true;
203
+ name: "gridColumnEnd";
204
+ vars: {
205
+ default: string;
206
+ };
207
+ };
208
+ readonly gridColumnStart: {
209
+ dynamic: {
210
+ default: string;
211
+ };
212
+ dynamicScale: true;
213
+ name: "gridColumnStart";
214
+ vars: {
215
+ default: string;
216
+ };
217
+ };
218
+ readonly gridRow: {
219
+ dynamic: {
220
+ default: string;
221
+ };
222
+ dynamicScale: true;
223
+ name: "gridRow";
224
+ vars: {
225
+ default: string;
226
+ };
227
+ };
228
+ readonly gridRowEnd: {
229
+ dynamic: {
230
+ default: string;
231
+ };
232
+ dynamicScale: true;
233
+ name: "gridRowEnd";
234
+ vars: {
235
+ default: string;
236
+ };
237
+ };
238
+ readonly gridRowStart: {
239
+ dynamic: {
240
+ default: string;
241
+ };
242
+ dynamicScale: true;
243
+ name: "gridRowStart";
244
+ vars: {
245
+ default: string;
246
+ };
247
+ };
248
+ readonly gridTemplate: {
249
+ dynamic: {
250
+ default: string;
251
+ };
252
+ dynamicScale: true;
253
+ name: "gridTemplate";
254
+ vars: {
255
+ default: string;
256
+ };
257
+ };
258
+ readonly gridTemplateAreas: {
259
+ dynamic: {
260
+ default: string;
261
+ };
262
+ dynamicScale: true;
263
+ name: "gridTemplateAreas";
264
+ vars: {
265
+ default: string;
266
+ };
267
+ };
268
+ readonly gridTemplateColumns: {
269
+ dynamic: {
270
+ default: string;
271
+ };
272
+ dynamicScale: true;
273
+ name: "gridTemplateColumns";
274
+ vars: {
275
+ default: string;
276
+ };
277
+ };
278
+ readonly gridTemplateRows: {
279
+ dynamic: {
280
+ default: string;
281
+ };
282
+ dynamicScale: true;
283
+ name: "gridTemplateRows";
284
+ vars: {
285
+ default: string;
286
+ };
287
+ };
288
+ readonly flex: {
289
+ dynamic: {
290
+ default: string;
291
+ };
292
+ dynamicScale: true;
293
+ name: "flex";
294
+ vars: {
295
+ default: string;
296
+ };
297
+ };
298
+ readonly flexBasis: {
299
+ dynamic: {
300
+ default: string;
301
+ };
302
+ dynamicScale: true;
303
+ name: "flexBasis";
304
+ vars: {
305
+ default: string;
306
+ };
307
+ };
308
+ readonly flexDirection: {
309
+ dynamic: {
310
+ default: string;
311
+ };
312
+ dynamicScale: true;
313
+ name: "flexDirection";
314
+ vars: {
315
+ default: string;
316
+ };
317
+ };
318
+ readonly flexFlow: {
319
+ dynamic: {
320
+ default: string;
321
+ };
322
+ dynamicScale: true;
323
+ name: "flexFlow";
324
+ vars: {
325
+ default: string;
326
+ };
327
+ };
328
+ readonly flexGrow: {
329
+ dynamic: {
330
+ default: string;
331
+ };
332
+ dynamicScale: true;
333
+ name: "flexGrow";
334
+ vars: {
335
+ default: string;
336
+ };
337
+ };
338
+ readonly flexShrink: {
339
+ dynamic: {
340
+ default: string;
341
+ };
342
+ dynamicScale: true;
343
+ name: "flexShrink";
344
+ vars: {
345
+ default: string;
346
+ };
347
+ };
348
+ readonly flexWrap: {
349
+ dynamic: {
350
+ default: string;
351
+ };
352
+ dynamicScale: true;
353
+ name: "flexWrap";
354
+ vars: {
355
+ default: string;
356
+ };
357
+ };
358
+ readonly justifyContent: {
359
+ dynamic: {
360
+ default: string;
361
+ };
362
+ dynamicScale: true;
363
+ name: "justifyContent";
364
+ vars: {
365
+ default: string;
366
+ };
367
+ };
368
+ readonly justifyItems: {
369
+ dynamic: {
370
+ default: string;
371
+ };
372
+ dynamicScale: true;
373
+ name: "justifyItems";
374
+ vars: {
375
+ default: string;
376
+ };
377
+ };
378
+ readonly justifySelf: {
379
+ dynamic: {
380
+ default: string;
381
+ };
382
+ dynamicScale: true;
383
+ name: "justifySelf";
384
+ vars: {
385
+ default: string;
386
+ };
387
+ };
388
+ readonly alignContent: {
389
+ dynamic: {
390
+ default: string;
391
+ };
392
+ dynamicScale: true;
393
+ name: "alignContent";
394
+ vars: {
395
+ default: string;
396
+ };
397
+ };
398
+ readonly alignItems: {
399
+ dynamic: {
400
+ default: string;
401
+ };
402
+ dynamicScale: true;
403
+ name: "alignItems";
404
+ vars: {
405
+ default: string;
406
+ };
407
+ };
408
+ readonly alignSelf: {
409
+ dynamic: {
410
+ default: string;
411
+ };
412
+ dynamicScale: true;
413
+ name: "alignSelf";
414
+ vars: {
415
+ default: string;
416
+ };
417
+ };
418
+ readonly gap: {
419
+ dynamic: {
420
+ default: string;
421
+ };
422
+ dynamicScale: {
423
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
425
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
426
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
428
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
431
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
432
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
433
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
434
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
435
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
436
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
437
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
438
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
439
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
440
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
441
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
442
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
443
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
444
+ };
445
+ name: "gap";
446
+ vars: {
447
+ default: string;
448
+ };
449
+ };
450
+ readonly width: {
451
+ dynamic: {
452
+ default: string;
453
+ };
454
+ dynamicScale: {
455
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
456
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
461
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
462
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
463
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
464
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
465
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
466
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
467
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
468
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
472
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
473
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
474
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
+ };
477
+ name: "width";
478
+ vars: {
479
+ default: string;
480
+ };
481
+ };
482
+ readonly maxWidth: {
483
+ dynamic: {
484
+ default: string;
485
+ };
486
+ dynamicScale: {
487
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
488
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
490
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
491
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
492
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
493
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
494
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
495
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
496
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
497
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
506
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
507
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
508
+ };
509
+ name: "maxWidth";
510
+ vars: {
511
+ default: string;
512
+ };
513
+ };
514
+ readonly minWidth: {
515
+ dynamic: {
516
+ default: string;
517
+ };
518
+ dynamicScale: {
519
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
+ };
541
+ name: "minWidth";
542
+ vars: {
543
+ default: string;
544
+ };
545
+ };
546
+ readonly height: {
547
+ dynamic: {
548
+ default: string;
549
+ };
550
+ dynamicScale: {
551
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
552
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
553
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
554
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
555
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
556
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
557
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
558
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
559
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
560
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
562
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
565
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
566
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
567
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
568
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
569
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
570
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
571
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
572
+ };
573
+ name: "height";
574
+ vars: {
575
+ default: string;
576
+ };
577
+ };
578
+ readonly maxHeight: {
579
+ dynamic: {
580
+ default: string;
581
+ };
582
+ dynamicScale: {
583
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
584
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
585
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
586
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
587
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
588
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
589
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
590
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
591
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
592
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
593
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
594
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
595
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
596
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
597
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
598
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
599
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
601
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
602
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
603
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
604
+ };
605
+ name: "maxHeight";
606
+ vars: {
607
+ default: string;
608
+ };
609
+ };
610
+ readonly minHeight: {
611
+ dynamic: {
612
+ default: string;
613
+ };
614
+ dynamicScale: {
615
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
616
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
617
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
618
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
619
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
620
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
621
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
622
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
623
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
624
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
625
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
626
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
627
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
628
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
629
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
630
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
631
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
632
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
633
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
634
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
635
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
636
+ };
637
+ name: "minHeight";
638
+ vars: {
639
+ default: string;
640
+ };
641
+ };
642
+ readonly margin: {
643
+ dynamic: {
644
+ default: string;
645
+ };
646
+ dynamicScale: {
647
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
649
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
650
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
651
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
652
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
653
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
654
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
655
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
656
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
657
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
658
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
659
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
660
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
661
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
662
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
663
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
664
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
665
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
666
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
667
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
668
+ };
669
+ name: "margin";
670
+ vars: {
671
+ default: string;
672
+ };
673
+ };
674
+ readonly marginBlock: {
675
+ dynamic: {
676
+ default: string;
677
+ };
678
+ dynamicScale: {
679
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
680
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
681
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
682
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
685
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
686
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
687
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
688
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
689
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
690
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
691
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
692
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
693
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
694
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
695
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
696
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
697
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
698
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
699
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
700
+ };
701
+ name: "marginBlock";
702
+ vars: {
703
+ default: string;
704
+ };
705
+ };
706
+ readonly marginBlockEnd: {
707
+ dynamic: {
708
+ default: string;
709
+ };
710
+ dynamicScale: {
711
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
712
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
713
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
714
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
715
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
716
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
717
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
718
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
719
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
720
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
721
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
722
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
723
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
724
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
725
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
726
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
727
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
728
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
729
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
730
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
731
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
732
+ };
733
+ name: "marginBlockEnd";
734
+ vars: {
735
+ default: string;
736
+ };
737
+ };
738
+ readonly marginBlockStart: {
739
+ dynamic: {
740
+ default: string;
741
+ };
742
+ dynamicScale: {
743
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
744
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
745
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
746
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
747
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
748
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
749
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
750
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
751
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
752
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
753
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
754
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
755
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
756
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
757
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
758
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
759
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
760
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
761
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
762
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
763
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
764
+ };
765
+ name: "marginBlockStart";
766
+ vars: {
767
+ default: string;
768
+ };
769
+ };
770
+ readonly marginBottom: {
771
+ dynamic: {
772
+ default: string;
773
+ };
774
+ dynamicScale: {
775
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
776
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
777
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
778
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
779
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
780
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
781
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
782
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
783
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
784
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
785
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
786
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
787
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
788
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
789
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
790
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
791
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
792
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
793
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
794
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
795
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
796
+ };
797
+ name: "marginBottom";
798
+ vars: {
799
+ default: string;
800
+ };
801
+ };
802
+ readonly marginInline: {
803
+ dynamic: {
804
+ default: string;
805
+ };
806
+ dynamicScale: {
807
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
808
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
809
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
810
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
811
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
812
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
813
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
814
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
815
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
816
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
817
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
818
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
819
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
820
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
821
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
822
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
823
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
824
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
825
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
826
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
827
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
828
+ };
829
+ name: "marginInline";
830
+ vars: {
831
+ default: string;
832
+ };
833
+ };
834
+ readonly marginInlineEnd: {
835
+ dynamic: {
836
+ default: string;
837
+ };
838
+ dynamicScale: {
839
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
840
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
842
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
843
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
844
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
845
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
846
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
847
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
848
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
849
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
850
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
851
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
852
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
853
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
854
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
855
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
856
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
857
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
858
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
859
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
860
+ };
861
+ name: "marginInlineEnd";
862
+ vars: {
863
+ default: string;
864
+ };
865
+ };
866
+ readonly marginInlineStart: {
867
+ dynamic: {
868
+ default: string;
869
+ };
870
+ dynamicScale: {
871
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
872
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
873
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
878
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
879
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
880
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
881
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
882
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
883
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
884
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
885
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
886
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
887
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
888
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
889
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
890
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
891
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
892
+ };
893
+ name: "marginInlineStart";
894
+ vars: {
895
+ default: string;
896
+ };
897
+ };
898
+ readonly marginLeft: {
899
+ dynamic: {
900
+ default: string;
901
+ };
902
+ dynamicScale: {
903
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
904
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
905
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
906
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
907
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
908
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
909
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
910
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
913
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
914
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
915
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
916
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
917
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
918
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
919
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
920
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
921
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
922
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
923
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
924
+ };
925
+ name: "marginLeft";
926
+ vars: {
927
+ default: string;
928
+ };
929
+ };
930
+ readonly marginRight: {
931
+ dynamic: {
932
+ default: string;
933
+ };
934
+ dynamicScale: {
935
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
936
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
937
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
938
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
939
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
940
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
941
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
942
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
943
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
944
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
946
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
947
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
952
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
953
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
954
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
955
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
956
+ };
957
+ name: "marginRight";
958
+ vars: {
959
+ default: string;
960
+ };
961
+ };
962
+ readonly marginTop: {
963
+ dynamic: {
964
+ default: string;
965
+ };
966
+ dynamicScale: {
967
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
968
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
969
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
970
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
971
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
972
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
973
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
974
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
975
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
976
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
980
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
981
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
984
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
985
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
986
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
987
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
+ };
989
+ name: "marginTop";
990
+ vars: {
991
+ default: string;
992
+ };
993
+ };
994
+ readonly padding: {
995
+ dynamic: {
996
+ default: string;
997
+ };
998
+ dynamicScale: {
999
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1000
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1001
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1002
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1003
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1004
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1005
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1006
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1007
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1008
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1009
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1010
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1011
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1012
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1013
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1014
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1015
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1016
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1017
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1018
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1019
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1020
+ };
1021
+ name: "padding";
1022
+ vars: {
1023
+ default: string;
1024
+ };
1025
+ };
1026
+ readonly paddingBlock: {
1027
+ dynamic: {
1028
+ default: string;
1029
+ };
1030
+ dynamicScale: {
1031
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1032
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1033
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1034
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1035
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1036
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1037
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1038
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1039
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1040
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1041
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1042
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1043
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1044
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1045
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1046
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1047
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1048
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1049
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1050
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1051
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1052
+ };
1053
+ name: "paddingBlock";
1054
+ vars: {
1055
+ default: string;
1056
+ };
1057
+ };
1058
+ readonly paddingBlockEnd: {
1059
+ dynamic: {
1060
+ default: string;
1061
+ };
1062
+ dynamicScale: {
1063
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1064
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1065
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1066
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1067
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1068
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1069
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1070
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1071
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1072
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1073
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1074
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1075
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1076
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1077
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1078
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1082
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1084
+ };
1085
+ name: "paddingBlockEnd";
1086
+ vars: {
1087
+ default: string;
1088
+ };
1089
+ };
1090
+ readonly paddingBlockStart: {
1091
+ dynamic: {
1092
+ default: string;
1093
+ };
1094
+ dynamicScale: {
1095
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1096
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1097
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1098
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1099
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1100
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1101
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1102
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1103
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1104
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1105
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1106
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1107
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1108
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1109
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1110
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1111
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1112
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1113
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1114
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1115
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1116
+ };
1117
+ name: "paddingBlockStart";
1118
+ vars: {
1119
+ default: string;
1120
+ };
1121
+ };
1122
+ readonly paddingBottom: {
1123
+ dynamic: {
1124
+ default: string;
1125
+ };
1126
+ dynamicScale: {
1127
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1128
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1129
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1130
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1131
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1132
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1133
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1134
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1135
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1136
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1137
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1138
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1139
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1140
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1141
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1142
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1143
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1144
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1145
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1146
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1147
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1148
+ };
1149
+ name: "paddingBottom";
1150
+ vars: {
1151
+ default: string;
1152
+ };
1153
+ };
1154
+ readonly paddingInline: {
1155
+ dynamic: {
1156
+ default: string;
1157
+ };
1158
+ dynamicScale: {
1159
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1160
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1161
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1163
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1164
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1165
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1166
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1167
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1168
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1169
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1170
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1171
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1172
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1173
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1174
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1175
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1176
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1177
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1178
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1179
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1180
+ };
1181
+ name: "paddingInline";
1182
+ vars: {
1183
+ default: string;
1184
+ };
1185
+ };
1186
+ readonly paddingInlineEnd: {
1187
+ dynamic: {
1188
+ default: string;
1189
+ };
1190
+ dynamicScale: {
1191
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1192
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1193
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1194
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1195
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1196
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1197
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1198
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1199
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1200
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1201
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1202
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1203
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1204
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1205
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1206
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1207
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1208
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1209
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1210
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1211
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1212
+ };
1213
+ name: "paddingInlineEnd";
1214
+ vars: {
1215
+ default: string;
1216
+ };
1217
+ };
1218
+ readonly paddingInlineStart: {
1219
+ dynamic: {
1220
+ default: string;
1221
+ };
1222
+ dynamicScale: {
1223
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1224
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1225
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1226
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1227
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1228
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1229
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1230
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1231
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1232
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1233
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1234
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1235
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1236
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1237
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1238
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1239
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1240
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1241
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1242
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1243
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1244
+ };
1245
+ name: "paddingInlineStart";
1246
+ vars: {
1247
+ default: string;
1248
+ };
1249
+ };
1250
+ readonly paddingLeft: {
1251
+ dynamic: {
1252
+ default: string;
1253
+ };
1254
+ dynamicScale: {
1255
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1256
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1257
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1258
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1259
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1261
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1262
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1263
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1264
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1265
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1266
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1267
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1268
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1269
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1270
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1271
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1272
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1273
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1274
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1275
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1276
+ };
1277
+ name: "paddingLeft";
1278
+ vars: {
1279
+ default: string;
1280
+ };
1281
+ };
1282
+ readonly paddingRight: {
1283
+ dynamic: {
1284
+ default: string;
1285
+ };
1286
+ dynamicScale: {
1287
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1288
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1289
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1290
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1291
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1292
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1293
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1294
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1295
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1296
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1297
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1298
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1299
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1300
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1301
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1302
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1303
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1304
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1305
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1306
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1307
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1308
+ };
1309
+ name: "paddingRight";
1310
+ vars: {
1311
+ default: string;
1312
+ };
1313
+ };
1314
+ readonly paddingTop: {
1315
+ dynamic: {
1316
+ default: string;
1317
+ };
1318
+ dynamicScale: {
1319
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1320
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1321
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1322
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1323
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1324
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1325
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1326
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1327
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1328
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1329
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1330
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1331
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1332
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1333
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1334
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1335
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1336
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1337
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1338
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1339
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1340
+ };
1341
+ name: "paddingTop";
1342
+ vars: {
1343
+ default: string;
1344
+ };
1345
+ };
1346
+ } & {
1347
+ size: {
1348
+ mappings: ("height" | "width")[];
1349
+ };
1350
+ h: {
1351
+ mappings: "height"[];
1352
+ };
1353
+ w: {
1354
+ mappings: "width"[];
1355
+ };
1356
+ minH: {
1357
+ mappings: "minHeight"[];
1358
+ };
1359
+ minW: {
1360
+ mappings: "minWidth"[];
1361
+ };
1362
+ m: {
1363
+ mappings: "margin"[];
1364
+ };
1365
+ mr: {
1366
+ mappings: "marginRight"[];
1367
+ };
1368
+ ml: {
1369
+ mappings: "marginLeft"[];
1370
+ };
1371
+ mt: {
1372
+ mappings: "marginTop"[];
1373
+ };
1374
+ mb: {
1375
+ mappings: "marginBottom"[];
1376
+ };
1377
+ marginX: {
1378
+ mappings: ("marginLeft" | "marginRight")[];
1379
+ };
1380
+ marginY: {
1381
+ mappings: ("marginBottom" | "marginTop")[];
1382
+ };
1383
+ mx: {
1384
+ mappings: ("marginLeft" | "marginRight")[];
1385
+ };
1386
+ my: {
1387
+ mappings: ("marginBottom" | "marginTop")[];
1388
+ };
1389
+ p: {
1390
+ mappings: "padding"[];
1391
+ };
1392
+ pr: {
1393
+ mappings: "paddingRight"[];
1394
+ };
1395
+ pl: {
1396
+ mappings: "paddingLeft"[];
1397
+ };
1398
+ pt: {
1399
+ mappings: "paddingTop"[];
1400
+ };
1401
+ pb: {
1402
+ mappings: "paddingBottom"[];
1403
+ };
1404
+ paddingX: {
1405
+ mappings: ("paddingLeft" | "paddingRight")[];
1406
+ };
1407
+ paddingY: {
1408
+ mappings: ("paddingBottom" | "paddingTop")[];
1409
+ };
1410
+ px: {
1411
+ mappings: ("paddingLeft" | "paddingRight")[];
1412
+ };
1413
+ py: {
1414
+ mappings: ("paddingBottom" | "paddingTop")[];
1415
+ };
1416
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1417
+ readonly position: {
1418
+ dynamic: {
1419
+ default: string;
1420
+ };
1421
+ dynamicScale: true;
1422
+ name: "position";
1423
+ vars: {
1424
+ default: string;
1425
+ };
1426
+ };
1427
+ readonly top: {
1428
+ dynamic: {
1429
+ default: string;
1430
+ };
1431
+ dynamicScale: true;
1432
+ name: "top";
1433
+ vars: {
1434
+ default: string;
1435
+ };
1436
+ };
1437
+ readonly right: {
1438
+ dynamic: {
1439
+ default: string;
1440
+ };
1441
+ dynamicScale: true;
1442
+ name: "right";
1443
+ vars: {
1444
+ default: string;
1445
+ };
1446
+ };
1447
+ readonly bottom: {
1448
+ dynamic: {
1449
+ default: string;
1450
+ };
1451
+ dynamicScale: true;
1452
+ name: "bottom";
1453
+ vars: {
1454
+ default: string;
1455
+ };
1456
+ };
1457
+ readonly left: {
1458
+ dynamic: {
1459
+ default: string;
1460
+ };
1461
+ dynamicScale: true;
1462
+ name: "left";
1463
+ vars: {
1464
+ default: string;
1465
+ };
1466
+ };
1467
+ readonly pointerEvents: {
1468
+ dynamic: {
1469
+ default: string;
1470
+ };
1471
+ dynamicScale: true;
1472
+ name: "pointerEvents";
1473
+ vars: {
1474
+ default: string;
1475
+ };
1476
+ };
1477
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1478
+ readonly background: {
1479
+ dynamic: {
1480
+ default: string;
1481
+ };
1482
+ dynamicScale: true;
1483
+ name: "background";
1484
+ vars: {
1485
+ default: string;
1486
+ };
1487
+ };
1488
+ readonly backgroundAttachment: {
1489
+ dynamic: {
1490
+ default: string;
1491
+ };
1492
+ dynamicScale: true;
1493
+ name: "backgroundAttachment";
1494
+ vars: {
1495
+ default: string;
1496
+ };
1497
+ };
1498
+ readonly backgroundImage: {
1499
+ dynamic: {
1500
+ default: string;
1501
+ };
1502
+ dynamicScale: true;
1503
+ name: "backgroundImage";
1504
+ vars: {
1505
+ default: string;
1506
+ };
1507
+ };
1508
+ readonly backgroundPosition: {
1509
+ dynamic: {
1510
+ default: string;
1511
+ };
1512
+ dynamicScale: true;
1513
+ name: "backgroundPosition";
1514
+ vars: {
1515
+ default: string;
1516
+ };
1517
+ };
1518
+ readonly backgroundRepeat: {
1519
+ dynamic: {
1520
+ default: string;
1521
+ };
1522
+ dynamicScale: true;
1523
+ name: "backgroundRepeat";
1524
+ vars: {
1525
+ default: string;
1526
+ };
1527
+ };
1528
+ readonly backgroundSize: {
1529
+ dynamic: {
1530
+ default: string;
1531
+ };
1532
+ dynamicScale: true;
1533
+ name: "backgroundSize";
1534
+ vars: {
1535
+ default: string;
1536
+ };
1537
+ };
1538
+ readonly backgroundOrigin: {
1539
+ dynamic: {
1540
+ default: string;
1541
+ };
1542
+ dynamicScale: true;
1543
+ name: "backgroundOrigin";
1544
+ vars: {
1545
+ default: string;
1546
+ };
1547
+ };
1548
+ readonly backgroundClip: {
1549
+ dynamic: {
1550
+ default: string;
1551
+ };
1552
+ dynamicScale: true;
1553
+ name: "backgroundClip";
1554
+ vars: {
1555
+ default: string;
1556
+ };
1557
+ };
1558
+ } & {
1559
+ bg: {
1560
+ mappings: "background"[];
1561
+ };
1562
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1563
+ readonly border: {
1564
+ dynamic: {
1565
+ default: string;
1566
+ };
1567
+ dynamicScale: true;
1568
+ name: "border";
1569
+ vars: {
1570
+ default: string;
1571
+ };
1572
+ };
1573
+ readonly borderStyle: {
1574
+ dynamic: {
1575
+ default: string;
1576
+ };
1577
+ dynamicScale: true;
1578
+ name: "borderStyle";
1579
+ vars: {
1580
+ default: string;
1581
+ };
1582
+ };
1583
+ readonly borderWidth: {
1584
+ dynamic: {
1585
+ default: string;
1586
+ };
1587
+ dynamicScale: true;
1588
+ name: "borderWidth";
1589
+ vars: {
1590
+ default: string;
1591
+ };
1592
+ };
1593
+ readonly borderColor: {
1594
+ dynamic: {
1595
+ default: string;
1596
+ };
1597
+ dynamicScale: {
1598
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1599
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1600
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1601
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1602
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1603
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1604
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1605
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1606
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1607
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1608
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1609
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1610
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1611
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1612
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1613
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1614
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1615
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1616
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1617
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1618
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1619
+ };
1620
+ name: "borderColor";
1621
+ vars: {
1622
+ default: string;
1623
+ };
1624
+ };
1625
+ readonly borderTop: {
1626
+ dynamic: {
1627
+ default: string;
1628
+ };
1629
+ dynamicScale: true;
1630
+ name: "borderTop";
1631
+ vars: {
1632
+ default: string;
1633
+ };
1634
+ };
1635
+ readonly borderTopColor: {
1636
+ dynamic: {
1637
+ default: string;
1638
+ };
1639
+ dynamicScale: {
1640
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1641
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1642
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1643
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1644
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1645
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1646
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1647
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1648
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1649
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1650
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1651
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1652
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1653
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1654
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1655
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1656
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1657
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1658
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1659
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1660
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1661
+ };
1662
+ name: "borderTopColor";
1663
+ vars: {
1664
+ default: string;
1665
+ };
1666
+ };
1667
+ readonly borderTopStyle: {
1668
+ dynamic: {
1669
+ default: string;
1670
+ };
1671
+ dynamicScale: true;
1672
+ name: "borderTopStyle";
1673
+ vars: {
1674
+ default: string;
1675
+ };
1676
+ };
1677
+ readonly borderTopWidth: {
1678
+ dynamic: {
1679
+ default: string;
1680
+ };
1681
+ dynamicScale: true;
1682
+ name: "borderTopWidth";
1683
+ vars: {
1684
+ default: string;
1685
+ };
1686
+ };
1687
+ readonly borderRight: {
1688
+ dynamic: {
1689
+ default: string;
1690
+ };
1691
+ dynamicScale: true;
1692
+ name: "borderRight";
1693
+ vars: {
1694
+ default: string;
1695
+ };
1696
+ };
1697
+ readonly borderRightColor: {
1698
+ dynamic: {
1699
+ default: string;
1700
+ };
1701
+ dynamicScale: {
1702
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1703
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1704
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1705
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1706
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1707
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1708
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1709
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1710
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1711
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1712
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1713
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1714
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1715
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1716
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1717
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1718
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1719
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1720
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1721
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1722
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1723
+ };
1724
+ name: "borderRightColor";
1725
+ vars: {
1726
+ default: string;
1727
+ };
1728
+ };
1729
+ readonly borderRightStyle: {
1730
+ dynamic: {
1731
+ default: string;
1732
+ };
1733
+ dynamicScale: true;
1734
+ name: "borderRightStyle";
1735
+ vars: {
1736
+ default: string;
1737
+ };
1738
+ };
1739
+ readonly borderRightWidth: {
1740
+ dynamic: {
1741
+ default: string;
1742
+ };
1743
+ dynamicScale: true;
1744
+ name: "borderRightWidth";
1745
+ vars: {
1746
+ default: string;
1747
+ };
1748
+ };
1749
+ readonly borderBottom: {
1750
+ dynamic: {
1751
+ default: string;
1752
+ };
1753
+ dynamicScale: true;
1754
+ name: "borderBottom";
1755
+ vars: {
1756
+ default: string;
1757
+ };
1758
+ };
1759
+ readonly borderBottomColor: {
1760
+ dynamic: {
1761
+ default: string;
1762
+ };
1763
+ dynamicScale: {
1764
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1765
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1766
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1767
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1768
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1769
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1770
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1771
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1772
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1773
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1774
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1775
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1776
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1777
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1778
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1779
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1780
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1781
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1782
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1783
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1784
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1785
+ };
1786
+ name: "borderBottomColor";
1787
+ vars: {
1788
+ default: string;
1789
+ };
1790
+ };
1791
+ readonly borderBottomStyle: {
1792
+ dynamic: {
1793
+ default: string;
1794
+ };
1795
+ dynamicScale: true;
1796
+ name: "borderBottomStyle";
1797
+ vars: {
1798
+ default: string;
1799
+ };
1800
+ };
1801
+ readonly borderBottomWidth: {
1802
+ dynamic: {
1803
+ default: string;
1804
+ };
1805
+ dynamicScale: true;
1806
+ name: "borderBottomWidth";
1807
+ vars: {
1808
+ default: string;
1809
+ };
1810
+ };
1811
+ readonly borderLeft: {
1812
+ dynamic: {
1813
+ default: string;
1814
+ };
1815
+ dynamicScale: true;
1816
+ name: "borderLeft";
1817
+ vars: {
1818
+ default: string;
1819
+ };
1820
+ };
1821
+ readonly borderLeftColor: {
1822
+ dynamic: {
1823
+ default: string;
1824
+ };
1825
+ dynamicScale: {
1826
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1827
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1828
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1829
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1830
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1831
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1832
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1833
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1834
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1835
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1836
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1837
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1838
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1839
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1840
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1841
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1842
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1843
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1844
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1845
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1846
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1847
+ };
1848
+ name: "borderLeftColor";
1849
+ vars: {
1850
+ default: string;
1851
+ };
1852
+ };
1853
+ readonly borderLeftStyle: {
1854
+ dynamic: {
1855
+ default: string;
1856
+ };
1857
+ dynamicScale: true;
1858
+ name: "borderLeftStyle";
1859
+ vars: {
1860
+ default: string;
1861
+ };
1862
+ };
1863
+ readonly borderLeftWidth: {
1864
+ dynamic: {
1865
+ default: string;
1866
+ };
1867
+ dynamicScale: true;
1868
+ name: "borderLeftWidth";
1869
+ vars: {
1870
+ default: string;
1871
+ };
1872
+ };
1873
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1874
+ readonly borderBottomLeftRadius: {
1875
+ dynamic: {
1876
+ default: string;
1877
+ };
1878
+ dynamicScale: true;
1879
+ name: "borderBottomLeftRadius";
1880
+ vars: {
1881
+ default: string;
1882
+ };
1883
+ };
1884
+ readonly borderBottomRightRadius: {
1885
+ dynamic: {
1886
+ default: string;
1887
+ };
1888
+ dynamicScale: true;
1889
+ name: "borderBottomRightRadius";
1890
+ vars: {
1891
+ default: string;
1892
+ };
1893
+ };
1894
+ readonly borderImage: {
1895
+ dynamic: {
1896
+ default: string;
1897
+ };
1898
+ dynamicScale: true;
1899
+ name: "borderImage";
1900
+ vars: {
1901
+ default: string;
1902
+ };
1903
+ };
1904
+ readonly borderImageOutset: {
1905
+ dynamic: {
1906
+ default: string;
1907
+ };
1908
+ dynamicScale: true;
1909
+ name: "borderImageOutset";
1910
+ vars: {
1911
+ default: string;
1912
+ };
1913
+ };
1914
+ readonly borderImageRepeat: {
1915
+ dynamic: {
1916
+ default: string;
1917
+ };
1918
+ dynamicScale: true;
1919
+ name: "borderImageRepeat";
1920
+ vars: {
1921
+ default: string;
1922
+ };
1923
+ };
1924
+ readonly borderImageSlice: {
1925
+ dynamic: {
1926
+ default: string;
1927
+ };
1928
+ dynamicScale: true;
1929
+ name: "borderImageSlice";
1930
+ vars: {
1931
+ default: string;
1932
+ };
1933
+ };
1934
+ readonly borderImageSource: {
1935
+ dynamic: {
1936
+ default: string;
1937
+ };
1938
+ dynamicScale: true;
1939
+ name: "borderImageSource";
1940
+ vars: {
1941
+ default: string;
1942
+ };
1943
+ };
1944
+ readonly borderImageWidth: {
1945
+ dynamic: {
1946
+ default: string;
1947
+ };
1948
+ dynamicScale: true;
1949
+ name: "borderImageWidth";
1950
+ vars: {
1951
+ default: string;
1952
+ };
1953
+ };
1954
+ readonly borderRadius: {
1955
+ dynamic: {
1956
+ default: string;
1957
+ };
1958
+ dynamicScale: true;
1959
+ name: "borderRadius";
1960
+ vars: {
1961
+ default: string;
1962
+ };
1963
+ };
1964
+ readonly borderTopLeftRadius: {
1965
+ dynamic: {
1966
+ default: string;
1967
+ };
1968
+ dynamicScale: true;
1969
+ name: "borderTopLeftRadius";
1970
+ vars: {
1971
+ default: string;
1972
+ };
1973
+ };
1974
+ readonly borderTopRightRadius: {
1975
+ dynamic: {
1976
+ default: string;
1977
+ };
1978
+ dynamicScale: true;
1979
+ name: "borderTopRightRadius";
1980
+ vars: {
1981
+ default: string;
1982
+ };
1983
+ };
1984
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1985
+ readonly outline: {
1986
+ dynamic: {
1987
+ default: string;
1988
+ };
1989
+ dynamicScale: true;
1990
+ name: "outline";
1991
+ vars: {
1992
+ default: string;
1993
+ };
1994
+ };
1995
+ readonly outlineColor: {
1996
+ dynamic: {
1997
+ default: string;
1998
+ };
1999
+ dynamicScale: true;
2000
+ name: "outlineColor";
2001
+ vars: {
2002
+ default: string;
2003
+ };
2004
+ };
2005
+ readonly outlineStyle: {
2006
+ dynamic: {
2007
+ default: string;
2008
+ };
2009
+ dynamicScale: true;
2010
+ name: "outlineStyle";
2011
+ vars: {
2012
+ default: string;
2013
+ };
2014
+ };
2015
+ readonly outlineWidth: {
2016
+ dynamic: {
2017
+ default: string;
2018
+ };
2019
+ dynamicScale: true;
2020
+ name: "outlineWidth";
2021
+ vars: {
2022
+ default: string;
2023
+ };
2024
+ };
2025
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
2026
+ readonly font: {
2027
+ dynamic: {
2028
+ default: string;
2029
+ };
2030
+ dynamicScale: true;
2031
+ name: "font";
2032
+ vars: {
2033
+ default: string;
2034
+ };
2035
+ };
2036
+ readonly fontFamily: {
2037
+ dynamic: {
2038
+ default: string;
2039
+ };
2040
+ dynamicScale: true;
2041
+ name: "fontFamily";
2042
+ vars: {
2043
+ default: string;
2044
+ };
2045
+ };
2046
+ readonly fontStyle: {
2047
+ dynamic: {
2048
+ default: string;
2049
+ };
2050
+ dynamicScale: true;
2051
+ name: "fontStyle";
2052
+ vars: {
2053
+ default: string;
2054
+ };
2055
+ };
2056
+ readonly fontSize: {
2057
+ dynamic: {
2058
+ default: string;
2059
+ };
2060
+ dynamicScale: true;
2061
+ name: "fontSize";
2062
+ vars: {
2063
+ default: string;
2064
+ };
2065
+ };
2066
+ readonly fontWeight: {
2067
+ dynamic: {
2068
+ default: string;
2069
+ };
2070
+ dynamicScale: true;
2071
+ name: "fontWeight";
2072
+ vars: {
2073
+ default: string;
2074
+ };
2075
+ };
2076
+ readonly fontVariant: {
2077
+ dynamic: {
2078
+ default: string;
2079
+ };
2080
+ dynamicScale: true;
2081
+ name: "fontVariant";
2082
+ vars: {
2083
+ default: string;
2084
+ };
2085
+ };
2086
+ readonly fontSizeAdjust: {
2087
+ dynamic: {
2088
+ default: string;
2089
+ };
2090
+ dynamicScale: true;
2091
+ name: "fontSizeAdjust";
2092
+ vars: {
2093
+ default: string;
2094
+ };
2095
+ };
2096
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
2097
+ readonly color: {
2098
+ dynamic: {
2099
+ default: string;
2100
+ };
2101
+ dynamicScale: {
2102
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2103
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2104
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2105
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2106
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2107
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2108
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2109
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2110
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2111
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2112
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2113
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2114
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2115
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2116
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2117
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2118
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2119
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2120
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2121
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2122
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2123
+ };
2124
+ name: "color";
2125
+ vars: {
2126
+ default: string;
2127
+ };
2128
+ };
2129
+ readonly direction: {
2130
+ dynamic: {
2131
+ default: string;
2132
+ };
2133
+ dynamicScale: true;
2134
+ name: "direction";
2135
+ vars: {
2136
+ default: string;
2137
+ };
2138
+ };
2139
+ readonly letterSpacing: {
2140
+ dynamic: {
2141
+ default: string;
2142
+ };
2143
+ dynamicScale: true;
2144
+ name: "letterSpacing";
2145
+ vars: {
2146
+ default: string;
2147
+ };
2148
+ };
2149
+ readonly lineHeight: {
2150
+ dynamic: {
2151
+ default: string;
2152
+ };
2153
+ dynamicScale: true;
2154
+ name: "lineHeight";
2155
+ vars: {
2156
+ default: string;
2157
+ };
2158
+ };
2159
+ readonly textAlign: {
2160
+ dynamic: {
2161
+ default: string;
2162
+ };
2163
+ dynamicScale: true;
2164
+ name: "textAlign";
2165
+ vars: {
2166
+ default: string;
2167
+ };
2168
+ };
2169
+ readonly textDecoration: {
2170
+ dynamic: {
2171
+ default: string;
2172
+ };
2173
+ dynamicScale: true;
2174
+ name: "textDecoration";
2175
+ vars: {
2176
+ default: string;
2177
+ };
2178
+ };
2179
+ readonly textIndent: {
2180
+ dynamic: {
2181
+ default: string;
2182
+ };
2183
+ dynamicScale: true;
2184
+ name: "textIndent";
2185
+ vars: {
2186
+ default: string;
2187
+ };
2188
+ };
2189
+ readonly textShadow: {
2190
+ dynamic: {
2191
+ default: string;
2192
+ };
2193
+ dynamicScale: true;
2194
+ name: "textShadow";
2195
+ vars: {
2196
+ default: string;
2197
+ };
2198
+ };
2199
+ readonly textTransform: {
2200
+ dynamic: {
2201
+ default: string;
2202
+ };
2203
+ dynamicScale: true;
2204
+ name: "textTransform";
2205
+ vars: {
2206
+ default: string;
2207
+ };
2208
+ };
2209
+ readonly verticalAlign: {
2210
+ dynamic: {
2211
+ default: string;
2212
+ };
2213
+ dynamicScale: true;
2214
+ name: "verticalAlign";
2215
+ vars: {
2216
+ default: string;
2217
+ };
2218
+ };
2219
+ readonly whiteSpace: {
2220
+ dynamic: {
2221
+ default: string;
2222
+ };
2223
+ dynamicScale: true;
2224
+ name: "whiteSpace";
2225
+ vars: {
2226
+ default: string;
2227
+ };
2228
+ };
2229
+ readonly wordSpacing: {
2230
+ dynamic: {
2231
+ default: string;
2232
+ };
2233
+ dynamicScale: true;
2234
+ name: "wordSpacing";
2235
+ vars: {
2236
+ default: string;
2237
+ };
2238
+ };
2239
+ readonly wordBreak: {
2240
+ dynamic: {
2241
+ default: string;
2242
+ };
2243
+ dynamicScale: true;
2244
+ name: "wordBreak";
2245
+ vars: {
2246
+ default: string;
2247
+ };
2248
+ };
2249
+ }> & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
2250
+ export type OptionProps<TAs extends ElementType> = ButtonHTMLAttributes<HTMLButtonElement> & FrameProps<TAs>;
2251
+ declare const Option: <TAs extends ElementType = "button">(props: OptionProps<TAs> & {
2252
+ ref?: ForwardedRef<ElementRef<TAs>>;
2253
+ }) => ReactElement;
2254
+ declare const Help: <TAs extends ElementType = "button">(props: OptionProps<TAs> & {
2255
+ ref?: ForwardedRef<ElementRef<TAs>>;
2256
+ }) => ReactElement;
2257
+ declare const Close: <TAs extends ElementType = "button">(props: OptionProps<TAs> & {
2258
+ ref?: ForwardedRef<ElementRef<TAs>>;
2259
+ }) => ReactElement;
2260
+ declare const Maximize: <TAs extends ElementType = "button">(props: OptionProps<TAs> & {
2261
+ ref?: ForwardedRef<ElementRef<TAs>>;
2262
+ }) => ReactElement;
2263
+ declare const Minimize: <TAs extends ElementType = "button">(props: OptionProps<TAs> & {
2264
+ ref?: ForwardedRef<ElementRef<TAs>>;
2265
+ }) => ReactElement;
2266
+ declare const Restore: <TAs extends ElementType = "button">(props: OptionProps<TAs> & {
2267
+ ref?: ForwardedRef<ElementRef<TAs>>;
2268
+ }) => ReactElement;
6
2269
  export interface TitleBarBackgroundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, FrameProps<'div'> {
7
2270
  active?: boolean;
8
2271
  icon?: ReactElement;
@@ -11,6 +2274,11 @@ export interface TitleBarBackgroundProps extends Omit<HTMLAttributes<HTMLDivElem
11
2274
  interface TitleBarOptions {
12
2275
  Option: typeof Option;
13
2276
  OptionsBox: typeof OptionsBox;
2277
+ Help: typeof Help;
2278
+ Close: typeof Close;
2279
+ Maximize: typeof Maximize;
2280
+ Minimize: typeof Minimize;
2281
+ Restore: typeof Restore;
14
2282
  }
15
2283
  export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps<'div'> {
16
2284
  }