@rarui/styles 2.3.0-rc.1 → 2.3.0-rc.3

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 (115) hide show
  1. package/dist/decorators/addSprinkleAttributes.d.ts +3 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +73 -12398
  4. package/dist/packages/exhibition/avatar/index.d.ts +52 -0
  5. package/dist/packages/exhibition/avatar/rarui-avatar.css.d.ts +54 -0
  6. package/dist/packages/exhibition/avatar/rarui-avatar.types.d.ts +6 -0
  7. package/dist/packages/exhibition/badge/index.d.ts +79 -0
  8. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +89 -0
  9. package/dist/packages/exhibition/badge/rarui-badge.types.d.ts +6 -0
  10. package/dist/packages/exhibition/divider/index.d.ts +167 -0
  11. package/dist/packages/exhibition/divider/rarui-divider.css.d.ts +6 -0
  12. package/dist/packages/exhibition/divider/rarui-divider.types.d.ts +26 -0
  13. package/dist/packages/exhibition/icon/index.d.ts +136 -0
  14. package/dist/packages/exhibition/icon/rarui-icon.types.d.ts +13 -0
  15. package/dist/packages/exhibition/label/index.d.ts +22 -0
  16. package/dist/packages/exhibition/label/rarui-label.css.d.ts +23 -0
  17. package/dist/packages/exhibition/label/rarui-label.types.d.ts +6 -0
  18. package/dist/packages/exhibition/stepper/index.d.ts +56 -0
  19. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +68 -0
  20. package/dist/packages/exhibition/stepper/rarui-stepper.types.d.ts +6 -0
  21. package/dist/packages/exhibition/text/index.d.ts +325 -0
  22. package/dist/packages/exhibition/text/rarui-text.css.d.ts +18 -0
  23. package/dist/packages/exhibition/text/rarui-text.types.d.ts +27 -0
  24. package/dist/packages/exhibition/title/index.d.ts +289 -0
  25. package/dist/packages/exhibition/title/rarui-title.css.d.ts +18 -0
  26. package/dist/packages/exhibition/title/rarui-title.types.d.ts +27 -0
  27. package/dist/packages/exhibition/tooltip/index.d.ts +39 -0
  28. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +43 -0
  29. package/dist/packages/exhibition/tooltip/rarui-tooltip.types.d.ts +6 -0
  30. package/dist/packages/feedback/progress/index.d.ts +81 -0
  31. package/dist/packages/feedback/progress/rarui-progress.css.d.ts +33 -0
  32. package/dist/packages/feedback/progress/rarui-progress.types.d.ts +16 -0
  33. package/dist/packages/feedback/skeleton/index.d.ts +115 -0
  34. package/dist/packages/feedback/skeleton/rarui-skeleton.types.d.ts +13 -0
  35. package/dist/packages/feedback/status/index.d.ts +70 -0
  36. package/dist/packages/feedback/status/rarui-status.css.d.ts +85 -0
  37. package/dist/packages/feedback/status/rarui-status.types.d.ts +6 -0
  38. package/dist/packages/feedback/toast/index.d.ts +151 -0
  39. package/dist/packages/feedback/toast/rarui-toast.css.d.ts +141 -0
  40. package/dist/packages/feedback/toast/rarui-toast.types.d.ts +8 -0
  41. package/dist/packages/input/button/index.d.ts +91 -0
  42. package/dist/packages/input/button/rarui-button.css.d.ts +105 -0
  43. package/dist/packages/input/button/rarui-button.types.d.ts +6 -0
  44. package/dist/packages/input/checkbox/index.d.ts +53 -0
  45. package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts +63 -0
  46. package/dist/packages/input/checkbox/rarui-checkbox.types.d.ts +6 -0
  47. package/dist/packages/input/chip/index.d.ts +93 -0
  48. package/dist/packages/input/chip/rarui-chip.css.d.ts +75 -0
  49. package/dist/packages/input/chip/rarui-chip.types.d.ts +15 -0
  50. package/dist/packages/input/datepicker/index.d.ts +10 -0
  51. package/dist/packages/input/dropdown/index.d.ts +112 -0
  52. package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +30 -0
  53. package/dist/packages/input/dropdown/rarui-dropdown.types.d.ts +16 -0
  54. package/dist/packages/input/iconButton/index.d.ts +90 -0
  55. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +98 -0
  56. package/dist/packages/input/iconButton/rarui-iconButton.types.d.ts +6 -0
  57. package/dist/packages/input/input/index.d.ts +112 -0
  58. package/dist/packages/input/input/rarui-input.css.d.ts +122 -0
  59. package/dist/packages/input/input/rarui-input.types.d.ts +6 -0
  60. package/dist/packages/input/radioButton/index.d.ts +64 -0
  61. package/dist/packages/input/radioButton/rarui-radioButton.css.d.ts +68 -0
  62. package/dist/packages/input/radioButton/rarui-radioButton.types.d.ts +6 -0
  63. package/dist/packages/input/select/index.d.ts +67 -0
  64. package/dist/packages/input/select/rarui-select.css.d.ts +54 -0
  65. package/dist/packages/input/select/rarui-select.types.d.ts +9 -0
  66. package/dist/packages/input/textarea/index.d.ts +36 -0
  67. package/dist/packages/input/textarea/rarui-textarea.css.d.ts +37 -0
  68. package/dist/packages/input/textarea/rarui-textarea.types.d.ts +6 -0
  69. package/dist/packages/input/toggle/index.d.ts +106 -0
  70. package/dist/packages/input/toggle/rarui-toggle.css.d.ts +110 -0
  71. package/dist/packages/input/toggle/rarui-toggle.types.d.ts +6 -0
  72. package/dist/packages/layout/box/index.d.ts +3122 -0
  73. package/dist/packages/layout/box/rarui-box.css.d.ts +38 -0
  74. package/dist/packages/layout/box/rarui-box.types.d.ts +227 -0
  75. package/dist/packages/layout/sidebar/index.d.ts +121 -0
  76. package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +37 -0
  77. package/dist/packages/layout/sidebar/rarui-sidebar.types.d.ts +21 -0
  78. package/dist/packages/navigation/breadcrumb/index.d.ts +16 -0
  79. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.d.ts +18 -0
  80. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.types.d.ts +6 -0
  81. package/dist/packages/navigation/link/index.d.ts +38 -0
  82. package/dist/packages/navigation/link/rarui-link.css.d.ts +42 -0
  83. package/dist/packages/navigation/link/rarui-link.types.d.ts +6 -0
  84. package/dist/packages/navigation/pagination/index.d.ts +47 -0
  85. package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +49 -0
  86. package/dist/packages/navigation/pagination/rarui-pagination.types.d.ts +6 -0
  87. package/dist/packages/navigation/sideNavigation/index.d.ts +75 -0
  88. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.d.ts +76 -0
  89. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.types.d.ts +6 -0
  90. package/dist/packages/navigation/tabs/index.d.ts +65 -0
  91. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +79 -0
  92. package/dist/packages/navigation/tabs/rarui-tabs.types.d.ts +6 -0
  93. package/dist/packages/surface/accordion/index.d.ts +47 -0
  94. package/dist/packages/surface/accordion/rarui-accordion.css.d.ts +49 -0
  95. package/dist/packages/surface/accordion/rarui-accordion.types.d.ts +6 -0
  96. package/dist/packages/surface/banner/index.d.ts +41 -0
  97. package/dist/packages/surface/banner/rarui-banner.css.d.ts +47 -0
  98. package/dist/packages/surface/banner/rarui-banner.types.d.ts +6 -0
  99. package/dist/packages/surface/card/index.d.ts +195 -0
  100. package/dist/packages/surface/card/rarui-card.css.d.ts +27 -0
  101. package/dist/packages/surface/card/rarui-card.types.d.ts +16 -0
  102. package/dist/packages/surface/modal/index.d.ts +91 -0
  103. package/dist/packages/surface/modal/rarui-modal.css.d.ts +21 -0
  104. package/dist/packages/surface/modal/rarui-modal.types.d.ts +16 -0
  105. package/dist/properties/css.d.ts +207 -0
  106. package/dist/themes/globals.css.d.ts +219 -0
  107. package/dist/themes/rarui-theme-dark.css.d.ts +3 -0
  108. package/dist/types/css.types.d.ts +3658 -0
  109. package/dist/types/utils.types.d.ts +9 -0
  110. package/dist/utils/index.d.ts +3 -0
  111. package/package.json +8 -15
  112. package/dist/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js +0 -1
  113. package/dist/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +0 -1
  114. package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +0 -1
  115. package/dist/node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js +0 -1
package/dist/packages/layout/box/index.d.ts ADDED
@@ -0,0 +1,3122 @@
1
+ import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
2
+
3
+ declare const box: {
4
+ sprinkle: SprinklesFn<[{
5
+ config: {
6
+ backgroundColor: {
7
+ values: {
8
+ "brand-hover": {
9
+ default: string;
10
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
11
+ };
12
+ "brand-press": {
13
+ default: string;
14
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
15
+ };
16
+ "brand-subdued": {
17
+ default: string;
18
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
19
+ };
20
+ "error-hover": {
21
+ default: string;
22
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
23
+ };
24
+ "error-press": {
25
+ default: string;
26
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
27
+ };
28
+ "error-subdued": {
29
+ default: string;
30
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
31
+ };
32
+ "info-hover": {
33
+ default: string;
34
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
35
+ };
36
+ "info-press": {
37
+ default: string;
38
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
39
+ };
40
+ "info-subdued": {
41
+ default: string;
42
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
43
+ };
44
+ "invert-disabled": {
45
+ default: string;
46
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
47
+ };
48
+ "invert-hover": {
49
+ default: string;
50
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
51
+ };
52
+ "invert-press": {
53
+ default: string;
54
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
55
+ };
56
+ "invert-secondary": {
57
+ default: string;
58
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
59
+ };
60
+ "success-hover": {
61
+ default: string;
62
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
63
+ };
64
+ "success-press": {
65
+ default: string;
66
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
67
+ };
68
+ "success-subdued": {
69
+ default: string;
70
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
71
+ };
72
+ "warning-hover": {
73
+ default: string;
74
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
75
+ };
76
+ "warning-press": {
77
+ default: string;
78
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
79
+ };
80
+ "warning-subdued": {
81
+ default: string;
82
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
83
+ };
84
+ background: {
85
+ default: string;
86
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
87
+ };
88
+ brand: {
89
+ default: string;
90
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
91
+ };
92
+ disabled: {
93
+ default: string;
94
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
95
+ };
96
+ error: {
97
+ default: string;
98
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
99
+ };
100
+ hover: {
101
+ default: string;
102
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
103
+ };
104
+ info: {
105
+ default: string;
106
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
107
+ };
108
+ invert: {
109
+ default: string;
110
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
111
+ };
112
+ overlay: {
113
+ default: string;
114
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
115
+ };
116
+ press: {
117
+ default: string;
118
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
119
+ };
120
+ primary: {
121
+ default: string;
122
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
123
+ };
124
+ secondary: {
125
+ default: string;
126
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
127
+ };
128
+ success: {
129
+ default: string;
130
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
131
+ };
132
+ warning: {
133
+ default: string;
134
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
135
+ };
136
+ transparent: {
137
+ default: string;
138
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
139
+ };
140
+ };
141
+ staticScale: {
142
+ transparent: string;
143
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ };
176
+ name: "backgroundColor";
177
+ };
178
+ fill: {
179
+ values: {
180
+ "brand-hover": {
181
+ default: string;
182
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
183
+ };
184
+ "brand-press": {
185
+ default: string;
186
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
187
+ };
188
+ "brand-subdued": {
189
+ default: string;
190
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
191
+ };
192
+ "error-hover": {
193
+ default: string;
194
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
195
+ };
196
+ "error-press": {
197
+ default: string;
198
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
199
+ };
200
+ "error-subdued": {
201
+ default: string;
202
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
203
+ };
204
+ "info-hover": {
205
+ default: string;
206
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
207
+ };
208
+ "info-press": {
209
+ default: string;
210
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
211
+ };
212
+ "info-subdued": {
213
+ default: string;
214
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
215
+ };
216
+ "invert-disabled": {
217
+ default: string;
218
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
219
+ };
220
+ "invert-hover": {
221
+ default: string;
222
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
223
+ };
224
+ "invert-press": {
225
+ default: string;
226
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
227
+ };
228
+ "invert-secondary": {
229
+ default: string;
230
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
231
+ };
232
+ "success-hover": {
233
+ default: string;
234
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
235
+ };
236
+ "success-press": {
237
+ default: string;
238
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
239
+ };
240
+ "success-subdued": {
241
+ default: string;
242
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
243
+ };
244
+ "warning-hover": {
245
+ default: string;
246
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
247
+ };
248
+ "warning-press": {
249
+ default: string;
250
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
251
+ };
252
+ "warning-subdued": {
253
+ default: string;
254
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
255
+ };
256
+ background: {
257
+ default: string;
258
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
259
+ };
260
+ brand: {
261
+ default: string;
262
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
263
+ };
264
+ disabled: {
265
+ default: string;
266
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
267
+ };
268
+ error: {
269
+ default: string;
270
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
271
+ };
272
+ hover: {
273
+ default: string;
274
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
275
+ };
276
+ info: {
277
+ default: string;
278
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
279
+ };
280
+ invert: {
281
+ default: string;
282
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
283
+ };
284
+ overlay: {
285
+ default: string;
286
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
287
+ };
288
+ press: {
289
+ default: string;
290
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
291
+ };
292
+ primary: {
293
+ default: string;
294
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
295
+ };
296
+ secondary: {
297
+ default: string;
298
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
299
+ };
300
+ success: {
301
+ default: string;
302
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
303
+ };
304
+ warning: {
305
+ default: string;
306
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
307
+ };
308
+ transparent: {
309
+ default: string;
310
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
311
+ };
312
+ currentColor: {
313
+ default: string;
314
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
315
+ };
316
+ };
317
+ staticScale: {
318
+ currentColor: string;
319
+ transparent: string;
320
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
+ overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
+ };
353
+ name: "fill";
354
+ };
355
+ borderColor: {
356
+ values: {
357
+ "invert-disabled": {
358
+ default: string;
359
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
360
+ };
361
+ "brand-alt": {
362
+ default: string;
363
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
364
+ };
365
+ brand: {
366
+ default: string;
367
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
368
+ };
369
+ disabled: {
370
+ default: string;
371
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
372
+ };
373
+ error: {
374
+ default: string;
375
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
376
+ };
377
+ info: {
378
+ default: string;
379
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
380
+ };
381
+ invert: {
382
+ default: string;
383
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
384
+ };
385
+ primary: {
386
+ default: string;
387
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
388
+ };
389
+ secondary: {
390
+ default: string;
391
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
392
+ };
393
+ success: {
394
+ default: string;
395
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
396
+ };
397
+ warning: {
398
+ default: string;
399
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
400
+ };
401
+ divider: {
402
+ default: string;
403
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
404
+ };
405
+ subdued: {
406
+ default: string;
407
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
408
+ };
409
+ transparent: {
410
+ default: string;
411
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
412
+ };
413
+ };
414
+ staticScale: {
415
+ transparent: string;
416
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
419
+ divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
421
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
423
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
425
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
426
+ subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
428
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
+ };
430
+ name: "borderColor";
431
+ };
432
+ color: {
433
+ values: {
434
+ "invert-disabled": {
435
+ default: string;
436
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
437
+ };
438
+ "invert-secondary": {
439
+ default: string;
440
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
441
+ };
442
+ "brand-alt": {
443
+ default: string;
444
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
445
+ };
446
+ "on-brand": {
447
+ default: string;
448
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
449
+ };
450
+ "on-error": {
451
+ default: string;
452
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
453
+ };
454
+ "on-info": {
455
+ default: string;
456
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
457
+ };
458
+ "on-success": {
459
+ default: string;
460
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
461
+ };
462
+ "on-warning": {
463
+ default: string;
464
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
465
+ };
466
+ "warning-alt": {
467
+ default: string;
468
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
469
+ };
470
+ brand: {
471
+ default: string;
472
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
473
+ };
474
+ disabled: {
475
+ default: string;
476
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
477
+ };
478
+ error: {
479
+ default: string;
480
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
481
+ };
482
+ info: {
483
+ default: string;
484
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
485
+ };
486
+ invert: {
487
+ default: string;
488
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
489
+ };
490
+ primary: {
491
+ default: string;
492
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
493
+ };
494
+ secondary: {
495
+ default: string;
496
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
497
+ };
498
+ success: {
499
+ default: string;
500
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
501
+ };
502
+ warning: {
503
+ default: string;
504
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
505
+ };
506
+ currentColor: {
507
+ default: string;
508
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
509
+ };
510
+ };
511
+ staticScale: {
512
+ currentColor: string;
513
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
518
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ };
532
+ name: "color";
533
+ };
534
+ borderRadius: {
535
+ values: {
536
+ "2xs": {
537
+ default: string;
538
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
539
+ };
540
+ "2xl": {
541
+ default: string;
542
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
543
+ };
544
+ button: {
545
+ default: string;
546
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
547
+ };
548
+ xs: {
549
+ default: string;
550
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
551
+ };
552
+ xl: {
553
+ default: string;
554
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
555
+ };
556
+ none: {
557
+ default: string;
558
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
559
+ };
560
+ sm: {
561
+ default: string;
562
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
563
+ };
564
+ md: {
565
+ default: string;
566
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
567
+ };
568
+ lg: {
569
+ default: string;
570
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
571
+ };
572
+ pill: {
573
+ default: string;
574
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
575
+ };
576
+ input: {
577
+ default: string;
578
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
579
+ };
580
+ };
581
+ staticScale: {
582
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
583
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
584
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
585
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
586
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
587
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
588
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
589
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
590
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
591
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
592
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
593
+ };
594
+ name: "borderRadius";
595
+ };
596
+ borderTopLeftRadius: {
597
+ values: {
598
+ "2xs": {
599
+ default: string;
600
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
601
+ };
602
+ "2xl": {
603
+ default: string;
604
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
605
+ };
606
+ button: {
607
+ default: string;
608
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
609
+ };
610
+ xs: {
611
+ default: string;
612
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
613
+ };
614
+ xl: {
615
+ default: string;
616
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
617
+ };
618
+ none: {
619
+ default: string;
620
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
621
+ };
622
+ sm: {
623
+ default: string;
624
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
625
+ };
626
+ md: {
627
+ default: string;
628
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
629
+ };
630
+ lg: {
631
+ default: string;
632
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
633
+ };
634
+ pill: {
635
+ default: string;
636
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
637
+ };
638
+ input: {
639
+ default: string;
640
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
641
+ };
642
+ };
643
+ staticScale: {
644
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
645
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
646
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
647
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
649
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
650
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
651
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
652
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
653
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
654
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
655
+ };
656
+ name: "borderTopLeftRadius";
657
+ };
658
+ borderTopRightRadius: {
659
+ values: {
660
+ "2xs": {
661
+ default: string;
662
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
663
+ };
664
+ "2xl": {
665
+ default: string;
666
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
667
+ };
668
+ button: {
669
+ default: string;
670
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
671
+ };
672
+ xs: {
673
+ default: string;
674
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
675
+ };
676
+ xl: {
677
+ default: string;
678
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
679
+ };
680
+ none: {
681
+ default: string;
682
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
683
+ };
684
+ sm: {
685
+ default: string;
686
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
687
+ };
688
+ md: {
689
+ default: string;
690
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
691
+ };
692
+ lg: {
693
+ default: string;
694
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
695
+ };
696
+ pill: {
697
+ default: string;
698
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
699
+ };
700
+ input: {
701
+ default: string;
702
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
703
+ };
704
+ };
705
+ staticScale: {
706
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
708
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
709
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
710
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
711
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
712
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
713
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
714
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
715
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
716
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
717
+ };
718
+ name: "borderTopRightRadius";
719
+ };
720
+ borderBottomLeftRadius: {
721
+ values: {
722
+ "2xs": {
723
+ default: string;
724
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
725
+ };
726
+ "2xl": {
727
+ default: string;
728
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
729
+ };
730
+ button: {
731
+ default: string;
732
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
733
+ };
734
+ xs: {
735
+ default: string;
736
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
737
+ };
738
+ xl: {
739
+ default: string;
740
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
741
+ };
742
+ none: {
743
+ default: string;
744
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
745
+ };
746
+ sm: {
747
+ default: string;
748
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
749
+ };
750
+ md: {
751
+ default: string;
752
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
753
+ };
754
+ lg: {
755
+ default: string;
756
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
757
+ };
758
+ pill: {
759
+ default: string;
760
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
761
+ };
762
+ input: {
763
+ default: string;
764
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
765
+ };
766
+ };
767
+ staticScale: {
768
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
769
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
770
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
771
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
772
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
773
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
774
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
775
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
776
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
777
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
778
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
779
+ };
780
+ name: "borderBottomLeftRadius";
781
+ };
782
+ borderBottomRightRadius: {
783
+ values: {
784
+ "2xs": {
785
+ default: string;
786
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
787
+ };
788
+ "2xl": {
789
+ default: string;
790
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
791
+ };
792
+ button: {
793
+ default: string;
794
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
795
+ };
796
+ xs: {
797
+ default: string;
798
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
799
+ };
800
+ xl: {
801
+ default: string;
802
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
803
+ };
804
+ none: {
805
+ default: string;
806
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
807
+ };
808
+ sm: {
809
+ default: string;
810
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
811
+ };
812
+ md: {
813
+ default: string;
814
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
815
+ };
816
+ lg: {
817
+ default: string;
818
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
819
+ };
820
+ pill: {
821
+ default: string;
822
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
823
+ };
824
+ input: {
825
+ default: string;
826
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
827
+ };
828
+ };
829
+ staticScale: {
830
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
831
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
832
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
833
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
834
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
835
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
836
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
837
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
839
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
840
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
+ };
842
+ name: "borderBottomRightRadius";
843
+ };
844
+ borderWidth: {
845
+ values: {
846
+ none: {
847
+ default: string;
848
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
849
+ };
850
+ 1: {
851
+ default: string;
852
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
853
+ };
854
+ 2: {
855
+ default: string;
856
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
857
+ };
858
+ 3: {
859
+ default: string;
860
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
861
+ };
862
+ 4: {
863
+ default: string;
864
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
865
+ };
866
+ 5: {
867
+ default: string;
868
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
869
+ };
870
+ };
871
+ staticScale: {
872
+ none: string;
873
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
878
+ };
879
+ name: "borderWidth";
880
+ };
881
+ borderTopWidth: {
882
+ values: {
883
+ none: {
884
+ default: string;
885
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
886
+ };
887
+ 1: {
888
+ default: string;
889
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
890
+ };
891
+ 2: {
892
+ default: string;
893
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
894
+ };
895
+ 3: {
896
+ default: string;
897
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
898
+ };
899
+ 4: {
900
+ default: string;
901
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
902
+ };
903
+ 5: {
904
+ default: string;
905
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
906
+ };
907
+ };
908
+ staticScale: {
909
+ none: string;
910
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
913
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
914
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
915
+ };
916
+ name: "borderTopWidth";
917
+ };
918
+ borderBottomWidth: {
919
+ values: {
920
+ none: {
921
+ default: string;
922
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
923
+ };
924
+ 1: {
925
+ default: string;
926
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
927
+ };
928
+ 2: {
929
+ default: string;
930
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
931
+ };
932
+ 3: {
933
+ default: string;
934
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
935
+ };
936
+ 4: {
937
+ default: string;
938
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
939
+ };
940
+ 5: {
941
+ default: string;
942
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
943
+ };
944
+ };
945
+ staticScale: {
946
+ none: string;
947
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
952
+ };
953
+ name: "borderBottomWidth";
954
+ };
955
+ borderLeftWidth: {
956
+ values: {
957
+ none: {
958
+ default: string;
959
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
960
+ };
961
+ 1: {
962
+ default: string;
963
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
964
+ };
965
+ 2: {
966
+ default: string;
967
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
968
+ };
969
+ 3: {
970
+ default: string;
971
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
972
+ };
973
+ 4: {
974
+ default: string;
975
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
976
+ };
977
+ 5: {
978
+ default: string;
979
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
980
+ };
981
+ };
982
+ staticScale: {
983
+ none: string;
984
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
985
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
986
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
987
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
989
+ };
990
+ name: "borderLeftWidth";
991
+ };
992
+ borderRightWidth: {
993
+ values: {
994
+ none: {
995
+ default: string;
996
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
997
+ };
998
+ 1: {
999
+ default: string;
1000
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1001
+ };
1002
+ 2: {
1003
+ default: string;
1004
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1005
+ };
1006
+ 3: {
1007
+ default: string;
1008
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1009
+ };
1010
+ 4: {
1011
+ default: string;
1012
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1013
+ };
1014
+ 5: {
1015
+ default: string;
1016
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1017
+ };
1018
+ };
1019
+ staticScale: {
1020
+ none: string;
1021
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1022
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1023
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1024
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1025
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1026
+ };
1027
+ name: "borderRightWidth";
1028
+ };
1029
+ boxShadow: {
1030
+ values: {
1031
+ none: {
1032
+ default: string;
1033
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1034
+ };
1035
+ "top-1": {
1036
+ default: string;
1037
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1038
+ };
1039
+ "top-2": {
1040
+ default: string;
1041
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1042
+ };
1043
+ "top-3": {
1044
+ default: string;
1045
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1046
+ };
1047
+ "top-4": {
1048
+ default: string;
1049
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1050
+ };
1051
+ "top-5": {
1052
+ default: string;
1053
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1054
+ };
1055
+ "bottom-1": {
1056
+ default: string;
1057
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1058
+ };
1059
+ "bottom-2": {
1060
+ default: string;
1061
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1062
+ };
1063
+ "bottom-3": {
1064
+ default: string;
1065
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1066
+ };
1067
+ "bottom-4": {
1068
+ default: string;
1069
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1070
+ };
1071
+ "bottom-5": {
1072
+ default: string;
1073
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1074
+ };
1075
+ };
1076
+ staticScale: {
1077
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1078
+ "top-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
+ "top-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
+ "top-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
+ "top-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1082
+ "top-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
+ "bottom-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1084
+ "bottom-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1085
+ "bottom-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1086
+ "bottom-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1087
+ "bottom-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1088
+ };
1089
+ name: "boxShadow";
1090
+ };
1091
+ padding: {
1092
+ values: {
1093
+ "2xs": {
1094
+ default: string;
1095
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1096
+ };
1097
+ "2xl": {
1098
+ default: string;
1099
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1100
+ };
1101
+ "4xs": {
1102
+ default: string;
1103
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1104
+ };
1105
+ "3xs": {
1106
+ default: string;
1107
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1108
+ };
1109
+ "3xl": {
1110
+ default: string;
1111
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1112
+ };
1113
+ "4xl": {
1114
+ default: string;
1115
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1116
+ };
1117
+ "5xl": {
1118
+ default: string;
1119
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1120
+ };
1121
+ "6xl": {
1122
+ default: string;
1123
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1124
+ };
1125
+ "7xl": {
1126
+ default: string;
1127
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1128
+ };
1129
+ "8xl": {
1130
+ default: string;
1131
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1132
+ };
1133
+ xs: {
1134
+ default: string;
1135
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1136
+ };
1137
+ s: {
1138
+ default: string;
1139
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1140
+ };
1141
+ xl: {
1142
+ default: string;
1143
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1144
+ };
1145
+ none: {
1146
+ default: string;
1147
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1148
+ };
1149
+ md: {
1150
+ default: string;
1151
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1152
+ };
1153
+ lg: {
1154
+ default: string;
1155
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1156
+ };
1157
+ };
1158
+ staticScale: {
1159
+ readonly none: "0";
1160
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1161
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1163
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1164
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1165
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1166
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1167
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1168
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1169
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1170
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1171
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1172
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1173
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1174
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1175
+ };
1176
+ name: "padding";
1177
+ };
1178
+ paddingTop: {
1179
+ values: {
1180
+ "2xs": {
1181
+ default: string;
1182
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1183
+ };
1184
+ "2xl": {
1185
+ default: string;
1186
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1187
+ };
1188
+ "4xs": {
1189
+ default: string;
1190
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1191
+ };
1192
+ "3xs": {
1193
+ default: string;
1194
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1195
+ };
1196
+ "3xl": {
1197
+ default: string;
1198
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1199
+ };
1200
+ "4xl": {
1201
+ default: string;
1202
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1203
+ };
1204
+ "5xl": {
1205
+ default: string;
1206
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1207
+ };
1208
+ "6xl": {
1209
+ default: string;
1210
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1211
+ };
1212
+ "7xl": {
1213
+ default: string;
1214
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1215
+ };
1216
+ "8xl": {
1217
+ default: string;
1218
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1219
+ };
1220
+ xs: {
1221
+ default: string;
1222
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1223
+ };
1224
+ s: {
1225
+ default: string;
1226
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1227
+ };
1228
+ xl: {
1229
+ default: string;
1230
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1231
+ };
1232
+ none: {
1233
+ default: string;
1234
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1235
+ };
1236
+ md: {
1237
+ default: string;
1238
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1239
+ };
1240
+ lg: {
1241
+ default: string;
1242
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1243
+ };
1244
+ };
1245
+ staticScale: {
1246
+ readonly none: "0";
1247
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1248
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1249
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1250
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1251
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1252
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1253
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1254
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1255
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1256
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1257
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1258
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1259
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1261
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1262
+ };
1263
+ name: "paddingTop";
1264
+ };
1265
+ paddingBottom: {
1266
+ values: {
1267
+ "2xs": {
1268
+ default: string;
1269
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1270
+ };
1271
+ "2xl": {
1272
+ default: string;
1273
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1274
+ };
1275
+ "4xs": {
1276
+ default: string;
1277
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1278
+ };
1279
+ "3xs": {
1280
+ default: string;
1281
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1282
+ };
1283
+ "3xl": {
1284
+ default: string;
1285
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1286
+ };
1287
+ "4xl": {
1288
+ default: string;
1289
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1290
+ };
1291
+ "5xl": {
1292
+ default: string;
1293
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1294
+ };
1295
+ "6xl": {
1296
+ default: string;
1297
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1298
+ };
1299
+ "7xl": {
1300
+ default: string;
1301
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1302
+ };
1303
+ "8xl": {
1304
+ default: string;
1305
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1306
+ };
1307
+ xs: {
1308
+ default: string;
1309
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1310
+ };
1311
+ s: {
1312
+ default: string;
1313
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1314
+ };
1315
+ xl: {
1316
+ default: string;
1317
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1318
+ };
1319
+ none: {
1320
+ default: string;
1321
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1322
+ };
1323
+ md: {
1324
+ default: string;
1325
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1326
+ };
1327
+ lg: {
1328
+ default: string;
1329
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1330
+ };
1331
+ };
1332
+ staticScale: {
1333
+ readonly none: "0";
1334
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1335
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1336
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1337
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1338
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1339
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1340
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1341
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1342
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1343
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1344
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1345
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1346
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1347
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1348
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1349
+ };
1350
+ name: "paddingBottom";
1351
+ };
1352
+ paddingLeft: {
1353
+ values: {
1354
+ "2xs": {
1355
+ default: string;
1356
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1357
+ };
1358
+ "2xl": {
1359
+ default: string;
1360
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1361
+ };
1362
+ "4xs": {
1363
+ default: string;
1364
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1365
+ };
1366
+ "3xs": {
1367
+ default: string;
1368
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1369
+ };
1370
+ "3xl": {
1371
+ default: string;
1372
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1373
+ };
1374
+ "4xl": {
1375
+ default: string;
1376
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1377
+ };
1378
+ "5xl": {
1379
+ default: string;
1380
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1381
+ };
1382
+ "6xl": {
1383
+ default: string;
1384
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1385
+ };
1386
+ "7xl": {
1387
+ default: string;
1388
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1389
+ };
1390
+ "8xl": {
1391
+ default: string;
1392
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1393
+ };
1394
+ xs: {
1395
+ default: string;
1396
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1397
+ };
1398
+ s: {
1399
+ default: string;
1400
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1401
+ };
1402
+ xl: {
1403
+ default: string;
1404
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1405
+ };
1406
+ none: {
1407
+ default: string;
1408
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1409
+ };
1410
+ md: {
1411
+ default: string;
1412
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1413
+ };
1414
+ lg: {
1415
+ default: string;
1416
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1417
+ };
1418
+ };
1419
+ staticScale: {
1420
+ readonly none: "0";
1421
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1422
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1423
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1424
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1425
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1426
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1427
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1428
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1429
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1430
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1431
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1432
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1433
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1434
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1435
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1436
+ };
1437
+ name: "paddingLeft";
1438
+ };
1439
+ paddingRight: {
1440
+ values: {
1441
+ "2xs": {
1442
+ default: string;
1443
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1444
+ };
1445
+ "2xl": {
1446
+ default: string;
1447
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1448
+ };
1449
+ "4xs": {
1450
+ default: string;
1451
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1452
+ };
1453
+ "3xs": {
1454
+ default: string;
1455
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1456
+ };
1457
+ "3xl": {
1458
+ default: string;
1459
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1460
+ };
1461
+ "4xl": {
1462
+ default: string;
1463
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1464
+ };
1465
+ "5xl": {
1466
+ default: string;
1467
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1468
+ };
1469
+ "6xl": {
1470
+ default: string;
1471
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1472
+ };
1473
+ "7xl": {
1474
+ default: string;
1475
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1476
+ };
1477
+ "8xl": {
1478
+ default: string;
1479
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1480
+ };
1481
+ xs: {
1482
+ default: string;
1483
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1484
+ };
1485
+ s: {
1486
+ default: string;
1487
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1488
+ };
1489
+ xl: {
1490
+ default: string;
1491
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1492
+ };
1493
+ none: {
1494
+ default: string;
1495
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1496
+ };
1497
+ md: {
1498
+ default: string;
1499
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1500
+ };
1501
+ lg: {
1502
+ default: string;
1503
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1504
+ };
1505
+ };
1506
+ staticScale: {
1507
+ readonly none: "0";
1508
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1509
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1510
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1511
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1512
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1513
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1514
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1515
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1516
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1517
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1518
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1519
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1520
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1521
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1522
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1523
+ };
1524
+ name: "paddingRight";
1525
+ };
1526
+ margin: {
1527
+ values: {
1528
+ "2xs": {
1529
+ default: string;
1530
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1531
+ };
1532
+ "2xl": {
1533
+ default: string;
1534
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1535
+ };
1536
+ "4xs": {
1537
+ default: string;
1538
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1539
+ };
1540
+ "3xs": {
1541
+ default: string;
1542
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1543
+ };
1544
+ "3xl": {
1545
+ default: string;
1546
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1547
+ };
1548
+ "4xl": {
1549
+ default: string;
1550
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1551
+ };
1552
+ "5xl": {
1553
+ default: string;
1554
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1555
+ };
1556
+ "6xl": {
1557
+ default: string;
1558
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1559
+ };
1560
+ "7xl": {
1561
+ default: string;
1562
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1563
+ };
1564
+ "8xl": {
1565
+ default: string;
1566
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1567
+ };
1568
+ xs: {
1569
+ default: string;
1570
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1571
+ };
1572
+ s: {
1573
+ default: string;
1574
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1575
+ };
1576
+ xl: {
1577
+ default: string;
1578
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1579
+ };
1580
+ none: {
1581
+ default: string;
1582
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1583
+ };
1584
+ md: {
1585
+ default: string;
1586
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1587
+ };
1588
+ lg: {
1589
+ default: string;
1590
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1591
+ };
1592
+ auto: {
1593
+ default: string;
1594
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1595
+ };
1596
+ };
1597
+ staticScale: {
1598
+ none: "0";
1599
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1600
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1601
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1602
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1603
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1604
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1605
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1606
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1607
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1608
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1609
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1610
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1611
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1612
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1613
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1614
+ auto: string;
1615
+ };
1616
+ name: "margin";
1617
+ };
1618
+ marginTop: {
1619
+ values: {
1620
+ "2xs": {
1621
+ default: string;
1622
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1623
+ };
1624
+ "2xl": {
1625
+ default: string;
1626
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1627
+ };
1628
+ "4xs": {
1629
+ default: string;
1630
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1631
+ };
1632
+ "3xs": {
1633
+ default: string;
1634
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1635
+ };
1636
+ "3xl": {
1637
+ default: string;
1638
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1639
+ };
1640
+ "4xl": {
1641
+ default: string;
1642
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1643
+ };
1644
+ "5xl": {
1645
+ default: string;
1646
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1647
+ };
1648
+ "6xl": {
1649
+ default: string;
1650
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1651
+ };
1652
+ "7xl": {
1653
+ default: string;
1654
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1655
+ };
1656
+ "8xl": {
1657
+ default: string;
1658
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1659
+ };
1660
+ xs: {
1661
+ default: string;
1662
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1663
+ };
1664
+ s: {
1665
+ default: string;
1666
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1667
+ };
1668
+ xl: {
1669
+ default: string;
1670
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1671
+ };
1672
+ none: {
1673
+ default: string;
1674
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1675
+ };
1676
+ md: {
1677
+ default: string;
1678
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1679
+ };
1680
+ lg: {
1681
+ default: string;
1682
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1683
+ };
1684
+ auto: {
1685
+ default: string;
1686
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1687
+ };
1688
+ };
1689
+ staticScale: {
1690
+ none: "0";
1691
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1692
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1693
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1694
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1695
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1696
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1697
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1698
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1699
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1700
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1701
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1702
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1703
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1704
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1705
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1706
+ auto: string;
1707
+ };
1708
+ name: "marginTop";
1709
+ };
1710
+ marginBottom: {
1711
+ values: {
1712
+ "2xs": {
1713
+ default: string;
1714
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1715
+ };
1716
+ "2xl": {
1717
+ default: string;
1718
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1719
+ };
1720
+ "4xs": {
1721
+ default: string;
1722
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1723
+ };
1724
+ "3xs": {
1725
+ default: string;
1726
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1727
+ };
1728
+ "3xl": {
1729
+ default: string;
1730
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1731
+ };
1732
+ "4xl": {
1733
+ default: string;
1734
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1735
+ };
1736
+ "5xl": {
1737
+ default: string;
1738
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1739
+ };
1740
+ "6xl": {
1741
+ default: string;
1742
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1743
+ };
1744
+ "7xl": {
1745
+ default: string;
1746
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1747
+ };
1748
+ "8xl": {
1749
+ default: string;
1750
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1751
+ };
1752
+ xs: {
1753
+ default: string;
1754
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1755
+ };
1756
+ s: {
1757
+ default: string;
1758
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1759
+ };
1760
+ xl: {
1761
+ default: string;
1762
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1763
+ };
1764
+ none: {
1765
+ default: string;
1766
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1767
+ };
1768
+ md: {
1769
+ default: string;
1770
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1771
+ };
1772
+ lg: {
1773
+ default: string;
1774
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1775
+ };
1776
+ auto: {
1777
+ default: string;
1778
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1779
+ };
1780
+ };
1781
+ staticScale: {
1782
+ none: "0";
1783
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1784
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1785
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1786
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1787
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1788
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1789
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1790
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1791
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1792
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1793
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1794
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1795
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1796
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1797
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1798
+ auto: string;
1799
+ };
1800
+ name: "marginBottom";
1801
+ };
1802
+ marginLeft: {
1803
+ values: {
1804
+ "2xs": {
1805
+ default: string;
1806
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1807
+ };
1808
+ "2xl": {
1809
+ default: string;
1810
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1811
+ };
1812
+ "4xs": {
1813
+ default: string;
1814
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1815
+ };
1816
+ "3xs": {
1817
+ default: string;
1818
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1819
+ };
1820
+ "3xl": {
1821
+ default: string;
1822
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1823
+ };
1824
+ "4xl": {
1825
+ default: string;
1826
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1827
+ };
1828
+ "5xl": {
1829
+ default: string;
1830
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1831
+ };
1832
+ "6xl": {
1833
+ default: string;
1834
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1835
+ };
1836
+ "7xl": {
1837
+ default: string;
1838
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1839
+ };
1840
+ "8xl": {
1841
+ default: string;
1842
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1843
+ };
1844
+ xs: {
1845
+ default: string;
1846
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1847
+ };
1848
+ s: {
1849
+ default: string;
1850
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1851
+ };
1852
+ xl: {
1853
+ default: string;
1854
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1855
+ };
1856
+ none: {
1857
+ default: string;
1858
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1859
+ };
1860
+ md: {
1861
+ default: string;
1862
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1863
+ };
1864
+ lg: {
1865
+ default: string;
1866
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1867
+ };
1868
+ auto: {
1869
+ default: string;
1870
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1871
+ };
1872
+ };
1873
+ staticScale: {
1874
+ none: "0";
1875
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1876
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1877
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1878
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1879
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1880
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1881
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1882
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1883
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1884
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1885
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1886
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1887
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1888
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1889
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
+ auto: string;
1891
+ };
1892
+ name: "marginLeft";
1893
+ };
1894
+ marginRight: {
1895
+ values: {
1896
+ "2xs": {
1897
+ default: string;
1898
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1899
+ };
1900
+ "2xl": {
1901
+ default: string;
1902
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1903
+ };
1904
+ "4xs": {
1905
+ default: string;
1906
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1907
+ };
1908
+ "3xs": {
1909
+ default: string;
1910
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1911
+ };
1912
+ "3xl": {
1913
+ default: string;
1914
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1915
+ };
1916
+ "4xl": {
1917
+ default: string;
1918
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1919
+ };
1920
+ "5xl": {
1921
+ default: string;
1922
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1923
+ };
1924
+ "6xl": {
1925
+ default: string;
1926
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1927
+ };
1928
+ "7xl": {
1929
+ default: string;
1930
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1931
+ };
1932
+ "8xl": {
1933
+ default: string;
1934
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1935
+ };
1936
+ xs: {
1937
+ default: string;
1938
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1939
+ };
1940
+ s: {
1941
+ default: string;
1942
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1943
+ };
1944
+ xl: {
1945
+ default: string;
1946
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1947
+ };
1948
+ none: {
1949
+ default: string;
1950
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1951
+ };
1952
+ md: {
1953
+ default: string;
1954
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1955
+ };
1956
+ lg: {
1957
+ default: string;
1958
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1959
+ };
1960
+ auto: {
1961
+ default: string;
1962
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1963
+ };
1964
+ };
1965
+ staticScale: {
1966
+ none: "0";
1967
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1968
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1969
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1970
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1971
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1972
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1973
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1974
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1975
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1976
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1977
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1978
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1979
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1980
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1981
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1982
+ auto: string;
1983
+ };
1984
+ name: "marginRight";
1985
+ };
1986
+ gap: {
1987
+ values: {
1988
+ "2xs": {
1989
+ default: string;
1990
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1991
+ };
1992
+ "2xl": {
1993
+ default: string;
1994
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1995
+ };
1996
+ "4xs": {
1997
+ default: string;
1998
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1999
+ };
2000
+ "3xs": {
2001
+ default: string;
2002
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2003
+ };
2004
+ "3xl": {
2005
+ default: string;
2006
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2007
+ };
2008
+ "4xl": {
2009
+ default: string;
2010
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2011
+ };
2012
+ "5xl": {
2013
+ default: string;
2014
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2015
+ };
2016
+ "6xl": {
2017
+ default: string;
2018
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2019
+ };
2020
+ "7xl": {
2021
+ default: string;
2022
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2023
+ };
2024
+ "8xl": {
2025
+ default: string;
2026
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2027
+ };
2028
+ xs: {
2029
+ default: string;
2030
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2031
+ };
2032
+ s: {
2033
+ default: string;
2034
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2035
+ };
2036
+ xl: {
2037
+ default: string;
2038
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2039
+ };
2040
+ none: {
2041
+ default: string;
2042
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2043
+ };
2044
+ md: {
2045
+ default: string;
2046
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2047
+ };
2048
+ lg: {
2049
+ default: string;
2050
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2051
+ };
2052
+ };
2053
+ staticScale: {
2054
+ readonly none: "0";
2055
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2056
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2057
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2058
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2059
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2060
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2061
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2062
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2063
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2064
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2065
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2066
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2067
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2068
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2069
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2070
+ };
2071
+ name: "gap";
2072
+ };
2073
+ gridGap: {
2074
+ values: {
2075
+ "2xs": {
2076
+ default: string;
2077
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2078
+ };
2079
+ "2xl": {
2080
+ default: string;
2081
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2082
+ };
2083
+ "4xs": {
2084
+ default: string;
2085
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2086
+ };
2087
+ "3xs": {
2088
+ default: string;
2089
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2090
+ };
2091
+ "3xl": {
2092
+ default: string;
2093
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2094
+ };
2095
+ "4xl": {
2096
+ default: string;
2097
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2098
+ };
2099
+ "5xl": {
2100
+ default: string;
2101
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2102
+ };
2103
+ "6xl": {
2104
+ default: string;
2105
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2106
+ };
2107
+ "7xl": {
2108
+ default: string;
2109
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2110
+ };
2111
+ "8xl": {
2112
+ default: string;
2113
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2114
+ };
2115
+ xs: {
2116
+ default: string;
2117
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2118
+ };
2119
+ s: {
2120
+ default: string;
2121
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2122
+ };
2123
+ xl: {
2124
+ default: string;
2125
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2126
+ };
2127
+ none: {
2128
+ default: string;
2129
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2130
+ };
2131
+ md: {
2132
+ default: string;
2133
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2134
+ };
2135
+ lg: {
2136
+ default: string;
2137
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2138
+ };
2139
+ };
2140
+ staticScale: {
2141
+ readonly none: "0";
2142
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2143
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2144
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2145
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2146
+ readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2147
+ readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2148
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2149
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2150
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2151
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2152
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2153
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2154
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2155
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2156
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2157
+ };
2158
+ name: "gridGap";
2159
+ };
2160
+ zIndex: {
2161
+ values: {
2162
+ 100: {
2163
+ default: string;
2164
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2165
+ };
2166
+ 200: {
2167
+ default: string;
2168
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2169
+ };
2170
+ 300: {
2171
+ default: string;
2172
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2173
+ };
2174
+ 400: {
2175
+ default: string;
2176
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2177
+ };
2178
+ 500: {
2179
+ default: string;
2180
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2181
+ };
2182
+ 600: {
2183
+ default: string;
2184
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2185
+ };
2186
+ 700: {
2187
+ default: string;
2188
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2189
+ };
2190
+ 800: {
2191
+ default: string;
2192
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2193
+ };
2194
+ 900: {
2195
+ default: string;
2196
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2197
+ };
2198
+ };
2199
+ staticScale: {
2200
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2201
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2202
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2203
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2204
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2205
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2206
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2207
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2208
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2209
+ };
2210
+ name: "zIndex";
2211
+ };
2212
+ lineHeight: {
2213
+ values: {
2214
+ "body-xxs": {
2215
+ default: string;
2216
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2217
+ };
2218
+ "body-xs": {
2219
+ default: string;
2220
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2221
+ };
2222
+ "body-s": {
2223
+ default: string;
2224
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2225
+ };
2226
+ "body-m": {
2227
+ default: string;
2228
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2229
+ };
2230
+ "body-l": {
2231
+ default: string;
2232
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2233
+ };
2234
+ "body-xl": {
2235
+ default: string;
2236
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2237
+ };
2238
+ "heading-hero": {
2239
+ default: string;
2240
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2241
+ };
2242
+ "heading-xs": {
2243
+ default: string;
2244
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2245
+ };
2246
+ "heading-s": {
2247
+ default: string;
2248
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2249
+ };
2250
+ "heading-m": {
2251
+ default: string;
2252
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2253
+ };
2254
+ "heading-l": {
2255
+ default: string;
2256
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2257
+ };
2258
+ "heading-xl": {
2259
+ default: string;
2260
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2261
+ };
2262
+ "button-s": {
2263
+ default: string;
2264
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2265
+ };
2266
+ "button-m": {
2267
+ default: string;
2268
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2269
+ };
2270
+ "button-l": {
2271
+ default: string;
2272
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2273
+ };
2274
+ "label-s": {
2275
+ default: string;
2276
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2277
+ };
2278
+ "label-m": {
2279
+ default: string;
2280
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2281
+ };
2282
+ "label-l": {
2283
+ default: string;
2284
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2285
+ };
2286
+ };
2287
+ staticScale: {
2288
+ readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2289
+ readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2290
+ readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2291
+ readonly "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2292
+ readonly "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2293
+ readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2294
+ readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2295
+ readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2296
+ readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2297
+ readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2298
+ readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2299
+ readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2300
+ readonly "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2301
+ readonly "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2302
+ readonly "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2303
+ readonly "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2304
+ readonly "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2305
+ readonly "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2306
+ };
2307
+ name: "lineHeight";
2308
+ };
2309
+ fontWeight: {
2310
+ values: {
2311
+ regular: {
2312
+ default: string;
2313
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2314
+ };
2315
+ medium: {
2316
+ default: string;
2317
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2318
+ };
2319
+ semiBold: {
2320
+ default: string;
2321
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2322
+ };
2323
+ bold: {
2324
+ default: string;
2325
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2326
+ };
2327
+ };
2328
+ staticScale: {
2329
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2330
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2331
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2332
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2333
+ };
2334
+ name: "fontWeight";
2335
+ };
2336
+ fontSize: {
2337
+ values: {
2338
+ "body-xxs": {
2339
+ default: string;
2340
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2341
+ };
2342
+ "body-xs": {
2343
+ default: string;
2344
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2345
+ };
2346
+ "body-s": {
2347
+ default: string;
2348
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2349
+ };
2350
+ "body-m": {
2351
+ default: string;
2352
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2353
+ };
2354
+ "body-l": {
2355
+ default: string;
2356
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2357
+ };
2358
+ "body-xl": {
2359
+ default: string;
2360
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2361
+ };
2362
+ "heading-hero": {
2363
+ default: string;
2364
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2365
+ };
2366
+ "heading-xs": {
2367
+ default: string;
2368
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2369
+ };
2370
+ "heading-s": {
2371
+ default: string;
2372
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2373
+ };
2374
+ "heading-m": {
2375
+ default: string;
2376
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2377
+ };
2378
+ "heading-l": {
2379
+ default: string;
2380
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2381
+ };
2382
+ "heading-xl": {
2383
+ default: string;
2384
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2385
+ };
2386
+ "button-s": {
2387
+ default: string;
2388
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2389
+ };
2390
+ "button-m": {
2391
+ default: string;
2392
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2393
+ };
2394
+ "button-l": {
2395
+ default: string;
2396
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2397
+ };
2398
+ "label-s": {
2399
+ default: string;
2400
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2401
+ };
2402
+ "label-m": {
2403
+ default: string;
2404
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2405
+ };
2406
+ "label-l": {
2407
+ default: string;
2408
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2409
+ };
2410
+ };
2411
+ staticScale: {
2412
+ "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2413
+ "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2414
+ "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2415
+ "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2416
+ "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2417
+ "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2418
+ "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2419
+ "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2420
+ "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2421
+ "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2422
+ "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2423
+ "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2424
+ "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2425
+ "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2426
+ "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2427
+ "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2428
+ "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2429
+ "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2430
+ };
2431
+ name: "fontSize";
2432
+ };
2433
+ fontFamily: {
2434
+ values: {
2435
+ body: {
2436
+ default: string;
2437
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2438
+ };
2439
+ heading: {
2440
+ default: string;
2441
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2442
+ };
2443
+ button: {
2444
+ default: string;
2445
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2446
+ };
2447
+ };
2448
+ staticScale: {
2449
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2450
+ heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2451
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2452
+ };
2453
+ name: "fontFamily";
2454
+ };
2455
+ };
2456
+ } & {
2457
+ config: {
2458
+ width: {
2459
+ dynamic: {
2460
+ default: string;
2461
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2462
+ };
2463
+ dynamicScale: true;
2464
+ name: "width";
2465
+ vars: {
2466
+ default: string;
2467
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2468
+ };
2469
+ };
2470
+ height: {
2471
+ dynamic: {
2472
+ default: string;
2473
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2474
+ };
2475
+ dynamicScale: true;
2476
+ name: "height";
2477
+ vars: {
2478
+ default: string;
2479
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2480
+ };
2481
+ };
2482
+ maxWidth: {
2483
+ dynamic: {
2484
+ default: string;
2485
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2486
+ };
2487
+ dynamicScale: true;
2488
+ name: "maxWidth";
2489
+ vars: {
2490
+ default: string;
2491
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2492
+ };
2493
+ };
2494
+ maxHeight: {
2495
+ dynamic: {
2496
+ default: string;
2497
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2498
+ };
2499
+ dynamicScale: true;
2500
+ name: "maxHeight";
2501
+ vars: {
2502
+ default: string;
2503
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2504
+ };
2505
+ };
2506
+ minWidth: {
2507
+ dynamic: {
2508
+ default: string;
2509
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2510
+ };
2511
+ dynamicScale: true;
2512
+ name: "minWidth";
2513
+ vars: {
2514
+ default: string;
2515
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2516
+ };
2517
+ };
2518
+ minHeight: {
2519
+ dynamic: {
2520
+ default: string;
2521
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2522
+ };
2523
+ dynamicScale: true;
2524
+ name: "minHeight";
2525
+ vars: {
2526
+ default: string;
2527
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2528
+ };
2529
+ };
2530
+ bottom: {
2531
+ dynamic: {
2532
+ default: string;
2533
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2534
+ };
2535
+ dynamicScale: true;
2536
+ name: "bottom";
2537
+ vars: {
2538
+ default: string;
2539
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2540
+ };
2541
+ };
2542
+ left: {
2543
+ dynamic: {
2544
+ default: string;
2545
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2546
+ };
2547
+ dynamicScale: true;
2548
+ name: "left";
2549
+ vars: {
2550
+ default: string;
2551
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2552
+ };
2553
+ };
2554
+ right: {
2555
+ dynamic: {
2556
+ default: string;
2557
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2558
+ };
2559
+ dynamicScale: true;
2560
+ name: "right";
2561
+ vars: {
2562
+ default: string;
2563
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2564
+ };
2565
+ };
2566
+ top: {
2567
+ dynamic: {
2568
+ default: string;
2569
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2570
+ };
2571
+ dynamicScale: true;
2572
+ name: "top";
2573
+ vars: {
2574
+ default: string;
2575
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2576
+ };
2577
+ };
2578
+ flex: {
2579
+ dynamic: {
2580
+ default: string;
2581
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2582
+ };
2583
+ dynamicScale: true;
2584
+ name: "flex";
2585
+ vars: {
2586
+ default: string;
2587
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2588
+ };
2589
+ };
2590
+ gridTemplateAreas: {
2591
+ dynamic: {
2592
+ default: string;
2593
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2594
+ };
2595
+ dynamicScale: true;
2596
+ name: "gridTemplateAreas";
2597
+ vars: {
2598
+ default: string;
2599
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2600
+ };
2601
+ };
2602
+ gridTemplateColumns: {
2603
+ dynamic: {
2604
+ default: string;
2605
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2606
+ };
2607
+ dynamicScale: true;
2608
+ name: "gridTemplateColumns";
2609
+ vars: {
2610
+ default: string;
2611
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2612
+ };
2613
+ };
2614
+ gridTemplateRows: {
2615
+ dynamic: {
2616
+ default: string;
2617
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2618
+ };
2619
+ dynamicScale: true;
2620
+ name: "gridTemplateRows";
2621
+ vars: {
2622
+ default: string;
2623
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2624
+ };
2625
+ };
2626
+ gridArea: {
2627
+ dynamic: {
2628
+ default: string;
2629
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2630
+ };
2631
+ dynamicScale: true;
2632
+ name: "gridArea";
2633
+ vars: {
2634
+ default: string;
2635
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2636
+ };
2637
+ };
2638
+ flexShrink: {
2639
+ dynamic: {
2640
+ default: string;
2641
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2642
+ };
2643
+ dynamicScale: true;
2644
+ name: "flexShrink";
2645
+ vars: {
2646
+ default: string;
2647
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2648
+ };
2649
+ };
2650
+ flexGrow: {
2651
+ dynamic: {
2652
+ default: string;
2653
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2654
+ };
2655
+ dynamicScale: true;
2656
+ name: "flexGrow";
2657
+ vars: {
2658
+ default: string;
2659
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2660
+ };
2661
+ };
2662
+ order: {
2663
+ dynamic: {
2664
+ default: string;
2665
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2666
+ };
2667
+ dynamicScale: true;
2668
+ name: "order";
2669
+ vars: {
2670
+ default: string;
2671
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2672
+ };
2673
+ };
2674
+ transitionDelay: {
2675
+ dynamic: {
2676
+ default: string;
2677
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2678
+ };
2679
+ dynamicScale: true;
2680
+ name: "transitionDelay";
2681
+ vars: {
2682
+ default: string;
2683
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2684
+ };
2685
+ };
2686
+ transitionProperty: {
2687
+ dynamic: {
2688
+ default: string;
2689
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2690
+ };
2691
+ dynamicScale: true;
2692
+ name: "transitionProperty";
2693
+ vars: {
2694
+ default: string;
2695
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2696
+ };
2697
+ };
2698
+ backgroundImage: {
2699
+ dynamic: {
2700
+ default: string;
2701
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2702
+ };
2703
+ dynamicScale: true;
2704
+ name: "backgroundImage";
2705
+ vars: {
2706
+ default: string;
2707
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2708
+ };
2709
+ };
2710
+ backgroundPosition: {
2711
+ dynamic: {
2712
+ default: string;
2713
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2714
+ };
2715
+ dynamicScale: true;
2716
+ name: "backgroundPosition";
2717
+ vars: {
2718
+ default: string;
2719
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2720
+ };
2721
+ };
2722
+ backgroundPositionX: {
2723
+ dynamic: {
2724
+ default: string;
2725
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2726
+ };
2727
+ dynamicScale: true;
2728
+ name: "backgroundPositionX";
2729
+ vars: {
2730
+ default: string;
2731
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2732
+ };
2733
+ };
2734
+ backgroundPositionY: {
2735
+ dynamic: {
2736
+ default: string;
2737
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2738
+ };
2739
+ dynamicScale: true;
2740
+ name: "backgroundPositionY";
2741
+ vars: {
2742
+ default: string;
2743
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2744
+ };
2745
+ };
2746
+ backgroundBlendMode: {
2747
+ dynamic: {
2748
+ default: string;
2749
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2750
+ };
2751
+ dynamicScale: true;
2752
+ name: "backgroundBlendMode";
2753
+ vars: {
2754
+ default: string;
2755
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2756
+ };
2757
+ };
2758
+ backgroundRepeat: {
2759
+ dynamic: {
2760
+ default: string;
2761
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2762
+ };
2763
+ dynamicScale: true;
2764
+ name: "backgroundRepeat";
2765
+ vars: {
2766
+ default: string;
2767
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2768
+ };
2769
+ };
2770
+ backgroundSize: {
2771
+ dynamic: {
2772
+ default: string;
2773
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2774
+ };
2775
+ dynamicScale: true;
2776
+ name: "backgroundSize";
2777
+ vars: {
2778
+ default: string;
2779
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2780
+ };
2781
+ };
2782
+ display: {
2783
+ dynamic: {
2784
+ default: string;
2785
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2786
+ };
2787
+ dynamicScale: true;
2788
+ name: "display";
2789
+ vars: {
2790
+ default: string;
2791
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2792
+ };
2793
+ };
2794
+ flexDirection: {
2795
+ dynamic: {
2796
+ default: string;
2797
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2798
+ };
2799
+ dynamicScale: true;
2800
+ name: "flexDirection";
2801
+ vars: {
2802
+ default: string;
2803
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2804
+ };
2805
+ };
2806
+ flexWrap: {
2807
+ dynamic: {
2808
+ default: string;
2809
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2810
+ };
2811
+ dynamicScale: true;
2812
+ name: "flexWrap";
2813
+ vars: {
2814
+ default: string;
2815
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2816
+ };
2817
+ };
2818
+ flexBasis: {
2819
+ dynamic: {
2820
+ default: string;
2821
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2822
+ };
2823
+ dynamicScale: true;
2824
+ name: "flexBasis";
2825
+ vars: {
2826
+ default: string;
2827
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2828
+ };
2829
+ };
2830
+ flexFlow: {
2831
+ dynamic: {
2832
+ default: string;
2833
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2834
+ };
2835
+ dynamicScale: true;
2836
+ name: "flexFlow";
2837
+ vars: {
2838
+ default: string;
2839
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2840
+ };
2841
+ };
2842
+ justifyContent: {
2843
+ dynamic: {
2844
+ default: string;
2845
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2846
+ };
2847
+ dynamicScale: true;
2848
+ name: "justifyContent";
2849
+ vars: {
2850
+ default: string;
2851
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2852
+ };
2853
+ };
2854
+ justifyItems: {
2855
+ dynamic: {
2856
+ default: string;
2857
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2858
+ };
2859
+ dynamicScale: true;
2860
+ name: "justifyItems";
2861
+ vars: {
2862
+ default: string;
2863
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2864
+ };
2865
+ };
2866
+ alignContent: {
2867
+ dynamic: {
2868
+ default: string;
2869
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2870
+ };
2871
+ dynamicScale: true;
2872
+ name: "alignContent";
2873
+ vars: {
2874
+ default: string;
2875
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2876
+ };
2877
+ };
2878
+ alignItems: {
2879
+ dynamic: {
2880
+ default: string;
2881
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2882
+ };
2883
+ dynamicScale: true;
2884
+ name: "alignItems";
2885
+ vars: {
2886
+ default: string;
2887
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2888
+ };
2889
+ };
2890
+ alignSelf: {
2891
+ dynamic: {
2892
+ default: string;
2893
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2894
+ };
2895
+ dynamicScale: true;
2896
+ name: "alignSelf";
2897
+ vars: {
2898
+ default: string;
2899
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2900
+ };
2901
+ };
2902
+ pointerEvents: {
2903
+ dynamic: {
2904
+ default: string;
2905
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2906
+ };
2907
+ dynamicScale: true;
2908
+ name: "pointerEvents";
2909
+ vars: {
2910
+ default: string;
2911
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2912
+ };
2913
+ };
2914
+ position: {
2915
+ dynamic: {
2916
+ default: string;
2917
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2918
+ };
2919
+ dynamicScale: true;
2920
+ name: "position";
2921
+ vars: {
2922
+ default: string;
2923
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2924
+ };
2925
+ };
2926
+ borderStyle: {
2927
+ dynamic: {
2928
+ default: string;
2929
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2930
+ };
2931
+ dynamicScale: true;
2932
+ name: "borderStyle";
2933
+ vars: {
2934
+ default: string;
2935
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2936
+ };
2937
+ };
2938
+ boxSizing: {
2939
+ dynamic: {
2940
+ default: string;
2941
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2942
+ };
2943
+ dynamicScale: true;
2944
+ name: "boxSizing";
2945
+ vars: {
2946
+ default: string;
2947
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2948
+ };
2949
+ };
2950
+ cursor: {
2951
+ dynamic: {
2952
+ default: string;
2953
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2954
+ };
2955
+ dynamicScale: true;
2956
+ name: "cursor";
2957
+ vars: {
2958
+ default: string;
2959
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2960
+ };
2961
+ };
2962
+ overflow: {
2963
+ dynamic: {
2964
+ default: string;
2965
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2966
+ };
2967
+ dynamicScale: true;
2968
+ name: "overflow";
2969
+ vars: {
2970
+ default: string;
2971
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2972
+ };
2973
+ };
2974
+ overflowX: {
2975
+ dynamic: {
2976
+ default: string;
2977
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2978
+ };
2979
+ dynamicScale: true;
2980
+ name: "overflowX";
2981
+ vars: {
2982
+ default: string;
2983
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2984
+ };
2985
+ };
2986
+ overflowY: {
2987
+ dynamic: {
2988
+ default: string;
2989
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2990
+ };
2991
+ dynamicScale: true;
2992
+ name: "overflowY";
2993
+ vars: {
2994
+ default: string;
2995
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2996
+ };
2997
+ };
2998
+ transitionTimingFunction: {
2999
+ dynamic: {
3000
+ default: string;
3001
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3002
+ };
3003
+ dynamicScale: true;
3004
+ name: "transitionTimingFunction";
3005
+ vars: {
3006
+ default: string;
3007
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3008
+ };
3009
+ };
3010
+ textDecoration: {
3011
+ dynamic: {
3012
+ default: string;
3013
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3014
+ };
3015
+ dynamicScale: true;
3016
+ name: "textDecoration";
3017
+ vars: {
3018
+ default: string;
3019
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3020
+ };
3021
+ };
3022
+ textAlign: {
3023
+ dynamic: {
3024
+ default: string;
3025
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3026
+ };
3027
+ dynamicScale: true;
3028
+ name: "textAlign";
3029
+ vars: {
3030
+ default: string;
3031
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3032
+ };
3033
+ };
3034
+ opacity: {
3035
+ dynamic: {
3036
+ default: string;
3037
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3038
+ };
3039
+ dynamicScale: true;
3040
+ name: "opacity";
3041
+ vars: {
3042
+ default: string;
3043
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
3044
+ };
3045
+ };
3046
+ };
3047
+ } & {
3048
+ config: {
3049
+ borderWidth: {
3050
+ mappings: ("borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth")[];
3051
+ };
3052
+ borderWidthX: {
3053
+ mappings: ("borderLeftWidth" | "borderRightWidth")[];
3054
+ };
3055
+ borderWidthY: {
3056
+ mappings: ("borderBottomWidth" | "borderTopWidth")[];
3057
+ };
3058
+ padding: {
3059
+ mappings: ("paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop")[];
3060
+ };
3061
+ paddingX: {
3062
+ mappings: ("paddingLeft" | "paddingRight")[];
3063
+ };
3064
+ paddingY: {
3065
+ mappings: ("paddingBottom" | "paddingTop")[];
3066
+ };
3067
+ p: {
3068
+ mappings: "padding"[];
3069
+ };
3070
+ pl: {
3071
+ mappings: "paddingLeft"[];
3072
+ };
3073
+ pr: {
3074
+ mappings: "paddingRight"[];
3075
+ };
3076
+ pt: {
3077
+ mappings: "paddingTop"[];
3078
+ };
3079
+ pb: {
3080
+ mappings: "paddingBottom"[];
3081
+ };
3082
+ px: {
3083
+ mappings: ("paddingLeft" | "paddingRight")[];
3084
+ };
3085
+ py: {
3086
+ mappings: ("paddingBottom" | "paddingTop")[];
3087
+ };
3088
+ margin: {
3089
+ mappings: ("marginBottom" | "marginLeft" | "marginRight" | "marginTop")[];
3090
+ };
3091
+ marginX: {
3092
+ mappings: ("marginLeft" | "marginRight")[];
3093
+ };
3094
+ marginY: {
3095
+ mappings: ("marginBottom" | "marginTop")[];
3096
+ };
3097
+ m: {
3098
+ mappings: "margin"[];
3099
+ };
3100
+ mr: {
3101
+ mappings: "marginRight"[];
3102
+ };
3103
+ ml: {
3104
+ mappings: "marginLeft"[];
3105
+ };
3106
+ mt: {
3107
+ mappings: "marginTop"[];
3108
+ };
3109
+ mb: {
3110
+ mappings: "marginBottom"[];
3111
+ };
3112
+ mx: {
3113
+ mappings: ("marginLeft" | "marginRight")[];
3114
+ };
3115
+ my: {
3116
+ mappings: ("marginBottom" | "marginTop")[];
3117
+ };
3118
+ };
3119
+ }]>;
3120
+ };
3121
+
3122
+ export { box };