@telegraph/style-engine 0.0.1

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +17 -0
  3. package/dist/cjs/index.js +50 -0
  4. package/dist/cjs/index.js.map +1 -0
  5. package/dist/esm/index.mjs +2630 -0
  6. package/dist/esm/index.mjs.map +1 -0
  7. package/dist/types/constants/responsive-style-props.d.ts +22 -0
  8. package/dist/types/constants/responsive-style-props.d.ts.map +1 -0
  9. package/dist/types/hooks/useStyleProps.d.ts +908 -0
  10. package/dist/types/hooks/useStyleProps.d.ts.map +1 -0
  11. package/dist/types/index.d.ts +7 -0
  12. package/dist/types/index.d.ts.map +1 -0
  13. package/package.json +60 -0
package/dist/types/hooks/useStyleProps.d.ts ADDED
@@ -0,0 +1,908 @@
1
+ import { SprinklesProperties as StyleProperties } from '@vanilla-extract/sprinkles';
2
+ import { createStyleProps } from '../index';
3
+
4
+ type StylePropFn<StylePropFnProperties extends StyleProperties[]> = ReturnType<typeof createStyleProps<StylePropFnProperties>>;
5
+ type StyleProps<StylePropFnProperties extends StyleProperties[]> = Parameters<StylePropFn<StylePropFnProperties>>[0];
6
+ type ComponentProps<Props, StylePropFnProperties extends StyleProperties[]> = Omit<Props, keyof StyleProps<StylePropFnProperties>>;
7
+ type UseStylePropsParams<Props, StylePropFnProperties extends StyleProperties[]> = {
8
+ props: Props;
9
+ stylePropsFn: StylePropFn<StylePropFnProperties>;
10
+ };
11
+ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleProperties[]>({ props, stylePropsFn, }: UseStylePropsParams<Props, StylePropFnProperties>) => {
12
+ styleProps: StylePropFnProperties extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
13
+ [property: string]: {
14
+ responsiveArray: string[];
15
+ values: {
16
+ [valueName: string]: {
17
+ defaultClass: string | undefined;
18
+ conditions: {
19
+ [conditionName: string]: string;
20
+ };
21
+ };
22
+ };
23
+ } | {
24
+ values: {
25
+ [valueName: string]: {
26
+ defaultClass: string | undefined;
27
+ conditions: {
28
+ [conditionName: string]: string;
29
+ };
30
+ };
31
+ };
32
+ } | {
33
+ mappings: string[];
34
+ } | {
35
+ values: {
36
+ [valueName: string]: {
37
+ defaultClass: string;
38
+ };
39
+ };
40
+ };
41
+ } ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
42
+ responsiveArray: string[];
43
+ values: {
44
+ [valueName: string]: {
45
+ defaultClass: string | undefined;
46
+ conditions: {
47
+ [conditionName: string]: string;
48
+ };
49
+ };
50
+ };
51
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
52
+ values: {
53
+ [valueName: string]: {
54
+ defaultClass: string | undefined;
55
+ conditions: {
56
+ [conditionName: string]: string;
57
+ };
58
+ };
59
+ };
60
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
61
+ mappings: string[];
62
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
63
+ responsiveArray: string[];
64
+ values: {
65
+ [valueName: string]: {
66
+ defaultClass: string | undefined;
67
+ conditions: {
68
+ [conditionName: string]: string;
69
+ };
70
+ };
71
+ };
72
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
73
+ values: {
74
+ [valueName: string]: {
75
+ defaultClass: string | undefined;
76
+ conditions: {
77
+ [conditionName: string]: string;
78
+ };
79
+ };
80
+ };
81
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
82
+ values: {
83
+ [valueName: string]: {
84
+ defaultClass: string;
85
+ };
86
+ };
87
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
88
+ values: {
89
+ [valueName: string]: {
90
+ defaultClass: string;
91
+ };
92
+ };
93
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_1 extends {
94
+ [property: string]: {
95
+ responsiveArray: string[];
96
+ values: {
97
+ [valueName: string]: {
98
+ defaultClass: string | undefined;
99
+ conditions: {
100
+ [conditionName: string]: string;
101
+ };
102
+ };
103
+ };
104
+ } | {
105
+ values: {
106
+ [valueName: string]: {
107
+ defaultClass: string | undefined;
108
+ conditions: {
109
+ [conditionName: string]: string;
110
+ };
111
+ };
112
+ };
113
+ } | {
114
+ mappings: string[];
115
+ } | {
116
+ values: {
117
+ [valueName: string]: {
118
+ defaultClass: string;
119
+ };
120
+ };
121
+ };
122
+ } ? { [Prop in keyof T_1]?: (L["styles"][Prop] extends {
123
+ responsiveArray: string[];
124
+ values: {
125
+ [valueName: string]: {
126
+ defaultClass: string | undefined;
127
+ conditions: {
128
+ [conditionName: string]: string;
129
+ };
130
+ };
131
+ };
132
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
133
+ values: {
134
+ [valueName: string]: {
135
+ defaultClass: string | undefined;
136
+ conditions: {
137
+ [conditionName: string]: string;
138
+ };
139
+ };
140
+ };
141
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
142
+ mappings: string[];
143
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
144
+ responsiveArray: string[];
145
+ values: {
146
+ [valueName: string]: {
147
+ defaultClass: string | undefined;
148
+ conditions: {
149
+ [conditionName: string]: string;
150
+ };
151
+ };
152
+ };
153
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
154
+ values: {
155
+ [valueName: string]: {
156
+ defaultClass: string | undefined;
157
+ conditions: {
158
+ [conditionName: string]: string;
159
+ };
160
+ };
161
+ };
162
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
163
+ values: {
164
+ [valueName: string]: {
165
+ defaultClass: string;
166
+ };
167
+ };
168
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
169
+ values: {
170
+ [valueName: string]: {
171
+ defaultClass: string;
172
+ };
173
+ };
174
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_2 extends {
175
+ [property: string]: {
176
+ responsiveArray: string[];
177
+ values: {
178
+ [valueName: string]: {
179
+ defaultClass: string | undefined;
180
+ conditions: {
181
+ [conditionName: string]: string;
182
+ };
183
+ };
184
+ };
185
+ } | {
186
+ values: {
187
+ [valueName: string]: {
188
+ defaultClass: string | undefined;
189
+ conditions: {
190
+ [conditionName: string]: string;
191
+ };
192
+ };
193
+ };
194
+ } | {
195
+ mappings: string[];
196
+ } | {
197
+ values: {
198
+ [valueName: string]: {
199
+ defaultClass: string;
200
+ };
201
+ };
202
+ };
203
+ } ? { [Prop in keyof T_2]?: (L["styles"][Prop] extends {
204
+ responsiveArray: string[];
205
+ values: {
206
+ [valueName: string]: {
207
+ defaultClass: string | undefined;
208
+ conditions: {
209
+ [conditionName: string]: string;
210
+ };
211
+ };
212
+ };
213
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
214
+ values: {
215
+ [valueName: string]: {
216
+ defaultClass: string | undefined;
217
+ conditions: {
218
+ [conditionName: string]: string;
219
+ };
220
+ };
221
+ };
222
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
223
+ mappings: string[];
224
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
225
+ responsiveArray: string[];
226
+ values: {
227
+ [valueName: string]: {
228
+ defaultClass: string | undefined;
229
+ conditions: {
230
+ [conditionName: string]: string;
231
+ };
232
+ };
233
+ };
234
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
235
+ values: {
236
+ [valueName: string]: {
237
+ defaultClass: string | undefined;
238
+ conditions: {
239
+ [conditionName: string]: string;
240
+ };
241
+ };
242
+ };
243
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
244
+ values: {
245
+ [valueName: string]: {
246
+ defaultClass: string;
247
+ };
248
+ };
249
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
250
+ values: {
251
+ [valueName: string]: {
252
+ defaultClass: string;
253
+ };
254
+ };
255
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_3 extends {
256
+ [property: string]: {
257
+ responsiveArray: string[];
258
+ values: {
259
+ [valueName: string]: {
260
+ defaultClass: string | undefined;
261
+ conditions: {
262
+ [conditionName: string]: string;
263
+ };
264
+ };
265
+ };
266
+ } | {
267
+ values: {
268
+ [valueName: string]: {
269
+ defaultClass: string | undefined;
270
+ conditions: {
271
+ [conditionName: string]: string;
272
+ };
273
+ };
274
+ };
275
+ } | {
276
+ mappings: string[];
277
+ } | {
278
+ values: {
279
+ [valueName: string]: {
280
+ defaultClass: string;
281
+ };
282
+ };
283
+ };
284
+ } ? { [Prop in keyof T_3]?: (L["styles"][Prop] extends {
285
+ responsiveArray: string[];
286
+ values: {
287
+ [valueName: string]: {
288
+ defaultClass: string | undefined;
289
+ conditions: {
290
+ [conditionName: string]: string;
291
+ };
292
+ };
293
+ };
294
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
295
+ values: {
296
+ [valueName: string]: {
297
+ defaultClass: string | undefined;
298
+ conditions: {
299
+ [conditionName: string]: string;
300
+ };
301
+ };
302
+ };
303
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
304
+ mappings: string[];
305
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
306
+ responsiveArray: string[];
307
+ values: {
308
+ [valueName: string]: {
309
+ defaultClass: string | undefined;
310
+ conditions: {
311
+ [conditionName: string]: string;
312
+ };
313
+ };
314
+ };
315
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
316
+ values: {
317
+ [valueName: string]: {
318
+ defaultClass: string | undefined;
319
+ conditions: {
320
+ [conditionName: string]: string;
321
+ };
322
+ };
323
+ };
324
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
325
+ values: {
326
+ [valueName: string]: {
327
+ defaultClass: string;
328
+ };
329
+ };
330
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
331
+ values: {
332
+ [valueName: string]: {
333
+ defaultClass: string;
334
+ };
335
+ };
336
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_4 extends {
337
+ [property: string]: {
338
+ responsiveArray: string[];
339
+ values: {
340
+ [valueName: string]: {
341
+ defaultClass: string | undefined;
342
+ conditions: {
343
+ [conditionName: string]: string;
344
+ };
345
+ };
346
+ };
347
+ } | {
348
+ values: {
349
+ [valueName: string]: {
350
+ defaultClass: string | undefined;
351
+ conditions: {
352
+ [conditionName: string]: string;
353
+ };
354
+ };
355
+ };
356
+ } | {
357
+ mappings: string[];
358
+ } | {
359
+ values: {
360
+ [valueName: string]: {
361
+ defaultClass: string;
362
+ };
363
+ };
364
+ };
365
+ } ? { [Prop in keyof T_4]?: (L["styles"][Prop] extends {
366
+ responsiveArray: string[];
367
+ values: {
368
+ [valueName: string]: {
369
+ defaultClass: string | undefined;
370
+ conditions: {
371
+ [conditionName: string]: string;
372
+ };
373
+ };
374
+ };
375
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
376
+ values: {
377
+ [valueName: string]: {
378
+ defaultClass: string | undefined;
379
+ conditions: {
380
+ [conditionName: string]: string;
381
+ };
382
+ };
383
+ };
384
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
385
+ mappings: string[];
386
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
387
+ responsiveArray: string[];
388
+ values: {
389
+ [valueName: string]: {
390
+ defaultClass: string | undefined;
391
+ conditions: {
392
+ [conditionName: string]: string;
393
+ };
394
+ };
395
+ };
396
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
397
+ values: {
398
+ [valueName: string]: {
399
+ defaultClass: string | undefined;
400
+ conditions: {
401
+ [conditionName: string]: string;
402
+ };
403
+ };
404
+ };
405
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
406
+ values: {
407
+ [valueName: string]: {
408
+ defaultClass: string;
409
+ };
410
+ };
411
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
412
+ values: {
413
+ [valueName: string]: {
414
+ defaultClass: string;
415
+ };
416
+ };
417
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_5 extends {
418
+ [property: string]: {
419
+ responsiveArray: string[];
420
+ values: {
421
+ [valueName: string]: {
422
+ defaultClass: string | undefined;
423
+ conditions: {
424
+ [conditionName: string]: string;
425
+ };
426
+ };
427
+ };
428
+ } | {
429
+ values: {
430
+ [valueName: string]: {
431
+ defaultClass: string | undefined;
432
+ conditions: {
433
+ [conditionName: string]: string;
434
+ };
435
+ };
436
+ };
437
+ } | {
438
+ mappings: string[];
439
+ } | {
440
+ values: {
441
+ [valueName: string]: {
442
+ defaultClass: string;
443
+ };
444
+ };
445
+ };
446
+ } ? { [Prop in keyof T_5]?: (L["styles"][Prop] extends {
447
+ responsiveArray: string[];
448
+ values: {
449
+ [valueName: string]: {
450
+ defaultClass: string | undefined;
451
+ conditions: {
452
+ [conditionName: string]: string;
453
+ };
454
+ };
455
+ };
456
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
457
+ values: {
458
+ [valueName: string]: {
459
+ defaultClass: string | undefined;
460
+ conditions: {
461
+ [conditionName: string]: string;
462
+ };
463
+ };
464
+ };
465
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
466
+ mappings: string[];
467
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
468
+ responsiveArray: string[];
469
+ values: {
470
+ [valueName: string]: {
471
+ defaultClass: string | undefined;
472
+ conditions: {
473
+ [conditionName: string]: string;
474
+ };
475
+ };
476
+ };
477
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
478
+ values: {
479
+ [valueName: string]: {
480
+ defaultClass: string | undefined;
481
+ conditions: {
482
+ [conditionName: string]: string;
483
+ };
484
+ };
485
+ };
486
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
487
+ values: {
488
+ [valueName: string]: {
489
+ defaultClass: string;
490
+ };
491
+ };
492
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
493
+ values: {
494
+ [valueName: string]: {
495
+ defaultClass: string;
496
+ };
497
+ };
498
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_6 extends {
499
+ [property: string]: {
500
+ responsiveArray: string[];
501
+ values: {
502
+ [valueName: string]: {
503
+ defaultClass: string | undefined;
504
+ conditions: {
505
+ [conditionName: string]: string;
506
+ };
507
+ };
508
+ };
509
+ } | {
510
+ values: {
511
+ [valueName: string]: {
512
+ defaultClass: string | undefined;
513
+ conditions: {
514
+ [conditionName: string]: string;
515
+ };
516
+ };
517
+ };
518
+ } | {
519
+ mappings: string[];
520
+ } | {
521
+ values: {
522
+ [valueName: string]: {
523
+ defaultClass: string;
524
+ };
525
+ };
526
+ };
527
+ } ? { [Prop in keyof T_6]?: (L["styles"][Prop] extends {
528
+ responsiveArray: string[];
529
+ values: {
530
+ [valueName: string]: {
531
+ defaultClass: string | undefined;
532
+ conditions: {
533
+ [conditionName: string]: string;
534
+ };
535
+ };
536
+ };
537
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
538
+ values: {
539
+ [valueName: string]: {
540
+ defaultClass: string | undefined;
541
+ conditions: {
542
+ [conditionName: string]: string;
543
+ };
544
+ };
545
+ };
546
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
547
+ mappings: string[];
548
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
549
+ responsiveArray: string[];
550
+ values: {
551
+ [valueName: string]: {
552
+ defaultClass: string | undefined;
553
+ conditions: {
554
+ [conditionName: string]: string;
555
+ };
556
+ };
557
+ };
558
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
559
+ values: {
560
+ [valueName: string]: {
561
+ defaultClass: string | undefined;
562
+ conditions: {
563
+ [conditionName: string]: string;
564
+ };
565
+ };
566
+ };
567
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
568
+ values: {
569
+ [valueName: string]: {
570
+ defaultClass: string;
571
+ };
572
+ };
573
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
574
+ values: {
575
+ [valueName: string]: {
576
+ defaultClass: string;
577
+ };
578
+ };
579
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_7 extends {
580
+ [property: string]: {
581
+ responsiveArray: string[];
582
+ values: {
583
+ [valueName: string]: {
584
+ defaultClass: string | undefined;
585
+ conditions: {
586
+ [conditionName: string]: string;
587
+ };
588
+ };
589
+ };
590
+ } | {
591
+ values: {
592
+ [valueName: string]: {
593
+ defaultClass: string | undefined;
594
+ conditions: {
595
+ [conditionName: string]: string;
596
+ };
597
+ };
598
+ };
599
+ } | {
600
+ mappings: string[];
601
+ } | {
602
+ values: {
603
+ [valueName: string]: {
604
+ defaultClass: string;
605
+ };
606
+ };
607
+ };
608
+ } ? { [Prop in keyof T_7]?: (L["styles"][Prop] extends {
609
+ responsiveArray: string[];
610
+ values: {
611
+ [valueName: string]: {
612
+ defaultClass: string | undefined;
613
+ conditions: {
614
+ [conditionName: string]: string;
615
+ };
616
+ };
617
+ };
618
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
619
+ values: {
620
+ [valueName: string]: {
621
+ defaultClass: string | undefined;
622
+ conditions: {
623
+ [conditionName: string]: string;
624
+ };
625
+ };
626
+ };
627
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
628
+ mappings: string[];
629
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
630
+ responsiveArray: string[];
631
+ values: {
632
+ [valueName: string]: {
633
+ defaultClass: string | undefined;
634
+ conditions: {
635
+ [conditionName: string]: string;
636
+ };
637
+ };
638
+ };
639
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
640
+ values: {
641
+ [valueName: string]: {
642
+ defaultClass: string | undefined;
643
+ conditions: {
644
+ [conditionName: string]: string;
645
+ };
646
+ };
647
+ };
648
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
649
+ values: {
650
+ [valueName: string]: {
651
+ defaultClass: string;
652
+ };
653
+ };
654
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
655
+ values: {
656
+ [valueName: string]: {
657
+ defaultClass: string;
658
+ };
659
+ };
660
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_8 extends {
661
+ [property: string]: {
662
+ responsiveArray: string[];
663
+ values: {
664
+ [valueName: string]: {
665
+ defaultClass: string | undefined;
666
+ conditions: {
667
+ [conditionName: string]: string;
668
+ };
669
+ };
670
+ };
671
+ } | {
672
+ values: {
673
+ [valueName: string]: {
674
+ defaultClass: string | undefined;
675
+ conditions: {
676
+ [conditionName: string]: string;
677
+ };
678
+ };
679
+ };
680
+ } | {
681
+ mappings: string[];
682
+ } | {
683
+ values: {
684
+ [valueName: string]: {
685
+ defaultClass: string;
686
+ };
687
+ };
688
+ };
689
+ } ? { [Prop in keyof T_8]?: (L["styles"][Prop] extends {
690
+ responsiveArray: string[];
691
+ values: {
692
+ [valueName: string]: {
693
+ defaultClass: string | undefined;
694
+ conditions: {
695
+ [conditionName: string]: string;
696
+ };
697
+ };
698
+ };
699
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
700
+ values: {
701
+ [valueName: string]: {
702
+ defaultClass: string | undefined;
703
+ conditions: {
704
+ [conditionName: string]: string;
705
+ };
706
+ };
707
+ };
708
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
709
+ mappings: string[];
710
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
711
+ responsiveArray: string[];
712
+ values: {
713
+ [valueName: string]: {
714
+ defaultClass: string | undefined;
715
+ conditions: {
716
+ [conditionName: string]: string;
717
+ };
718
+ };
719
+ };
720
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
721
+ values: {
722
+ [valueName: string]: {
723
+ defaultClass: string | undefined;
724
+ conditions: {
725
+ [conditionName: string]: string;
726
+ };
727
+ };
728
+ };
729
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
730
+ values: {
731
+ [valueName: string]: {
732
+ defaultClass: string;
733
+ };
734
+ };
735
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
736
+ values: {
737
+ [valueName: string]: {
738
+ defaultClass: string;
739
+ };
740
+ };
741
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_9 extends {
742
+ [property: string]: {
743
+ responsiveArray: string[];
744
+ values: {
745
+ [valueName: string]: {
746
+ defaultClass: string | undefined;
747
+ conditions: {
748
+ [conditionName: string]: string;
749
+ };
750
+ };
751
+ };
752
+ } | {
753
+ values: {
754
+ [valueName: string]: {
755
+ defaultClass: string | undefined;
756
+ conditions: {
757
+ [conditionName: string]: string;
758
+ };
759
+ };
760
+ };
761
+ } | {
762
+ mappings: string[];
763
+ } | {
764
+ values: {
765
+ [valueName: string]: {
766
+ defaultClass: string;
767
+ };
768
+ };
769
+ };
770
+ } ? { [Prop in keyof T_9]?: (L["styles"][Prop] extends {
771
+ responsiveArray: string[];
772
+ values: {
773
+ [valueName: string]: {
774
+ defaultClass: string | undefined;
775
+ conditions: {
776
+ [conditionName: string]: string;
777
+ };
778
+ };
779
+ };
780
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
781
+ values: {
782
+ [valueName: string]: {
783
+ defaultClass: string | undefined;
784
+ conditions: {
785
+ [conditionName: string]: string;
786
+ };
787
+ };
788
+ };
789
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
790
+ mappings: string[];
791
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
792
+ responsiveArray: string[];
793
+ values: {
794
+ [valueName: string]: {
795
+ defaultClass: string | undefined;
796
+ conditions: {
797
+ [conditionName: string]: string;
798
+ };
799
+ };
800
+ };
801
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
802
+ values: {
803
+ [valueName: string]: {
804
+ defaultClass: string | undefined;
805
+ conditions: {
806
+ [conditionName: string]: string;
807
+ };
808
+ };
809
+ };
810
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
811
+ values: {
812
+ [valueName: string]: {
813
+ defaultClass: string;
814
+ };
815
+ };
816
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
817
+ values: {
818
+ [valueName: string]: {
819
+ defaultClass: string;
820
+ };
821
+ };
822
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T_10 extends {
823
+ [property: string]: {
824
+ responsiveArray: string[];
825
+ values: {
826
+ [valueName: string]: {
827
+ defaultClass: string | undefined;
828
+ conditions: {
829
+ [conditionName: string]: string;
830
+ };
831
+ };
832
+ };
833
+ } | {
834
+ values: {
835
+ [valueName: string]: {
836
+ defaultClass: string | undefined;
837
+ conditions: {
838
+ [conditionName: string]: string;
839
+ };
840
+ };
841
+ };
842
+ } | {
843
+ mappings: string[];
844
+ } | {
845
+ values: {
846
+ [valueName: string]: {
847
+ defaultClass: string;
848
+ };
849
+ };
850
+ };
851
+ } ? { [Prop in keyof T_10]?: (L["styles"][Prop] extends {
852
+ responsiveArray: string[];
853
+ values: {
854
+ [valueName: string]: {
855
+ defaultClass: string | undefined;
856
+ conditions: {
857
+ [conditionName: string]: string;
858
+ };
859
+ };
860
+ };
861
+ } ? ((L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][Prop]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][Prop]["values"] | null>][L["styles"][Prop]["responsiveArray"]["length"]] : L["styles"][Prop] extends {
862
+ values: {
863
+ [valueName: string]: {
864
+ defaultClass: string | undefined;
865
+ conditions: {
866
+ [conditionName: string]: string;
867
+ };
868
+ };
869
+ };
870
+ } ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
871
+ mappings: string[];
872
+ } ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
873
+ responsiveArray: string[];
874
+ values: {
875
+ [valueName: string]: {
876
+ defaultClass: string | undefined;
877
+ conditions: {
878
+ [conditionName: string]: string;
879
+ };
880
+ };
881
+ };
882
+ } ? ((L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_2 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined) | [never, import('@vanilla-extract/sprinkles').ResponsiveArray<1, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>, import('@vanilla-extract/sprinkles').ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | null>][L["styles"][L["styles"][Prop]["mappings"][number]]["responsiveArray"]["length"]] : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
883
+ values: {
884
+ [valueName: string]: {
885
+ defaultClass: string | undefined;
886
+ conditions: {
887
+ [conditionName: string]: string;
888
+ };
889
+ };
890
+ };
891
+ } ? (L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["defaultClass"] extends string ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] : never) | { [Condition_3 in keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"][keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"]]["conditions"]]?: keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined; } | undefined : L["styles"][L["styles"][Prop]["mappings"][number]] extends {
892
+ values: {
893
+ [valueName: string]: {
894
+ defaultClass: string;
895
+ };
896
+ };
897
+ } ? keyof L["styles"][L["styles"][Prop]["mappings"][number]]["values"] | undefined : never : L["styles"][Prop] extends {
898
+ values: {
899
+ [valueName: string]: {
900
+ defaultClass: string;
901
+ };
902
+ };
903
+ } ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & any : {}) : {}) : {}) : {}) : {}) : {}) : {}) : {}) : {}) : {}) : {};
904
+ componentProps: ComponentProps<Props, StylePropFnProperties>;
905
+ styleClassName: string;
906
+ };
907
+ export {};
908
+ //# sourceMappingURL=useStyleProps.d.ts.map