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