@webstudio-is/react-sdk 0.274.5 → 0.276.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,119 +7,129 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
7
7
  pages: Pages;
8
8
  source: "canvas" | "prebuild";
9
9
  }) => ({
10
- name: string;
11
- value: number;
12
- type: "number";
13
10
  id: string;
14
11
  instanceId: string;
12
+ name: string;
15
13
  required?: boolean | undefined;
14
+ type: "number";
15
+ value: number;
16
16
  } | {
17
- name: string;
18
- value: string;
19
- type: "string";
20
17
  id: string;
21
18
  instanceId: string;
19
+ name: string;
22
20
  required?: boolean | undefined;
21
+ type: "string";
22
+ value: string;
23
23
  } | {
24
- name: string;
25
- value: boolean;
26
- type: "boolean";
27
24
  id: string;
28
25
  instanceId: string;
26
+ name: string;
29
27
  required?: boolean | undefined;
28
+ type: "boolean";
29
+ value: boolean;
30
30
  } | {
31
- name: string;
32
- type: "json";
33
31
  id: string;
34
32
  instanceId: string;
35
- value?: unknown;
33
+ name: string;
36
34
  required?: boolean | undefined;
35
+ type: "json";
36
+ value: unknown;
37
37
  } | {
38
- name: string;
39
- value: string;
40
- type: "asset";
41
38
  id: string;
42
39
  instanceId: string;
40
+ name: string;
43
41
  required?: boolean | undefined;
42
+ type: "asset";
43
+ value: string;
44
44
  } | {
45
+ id: string;
46
+ instanceId: string;
45
47
  name: string;
48
+ required?: boolean | undefined;
49
+ type: "page";
46
50
  value: string | {
47
51
  pageId: string;
48
52
  instanceId: string;
49
53
  };
50
- type: "page";
54
+ } | {
51
55
  id: string;
52
56
  instanceId: string;
53
- required?: boolean | undefined;
54
- } | {
55
57
  name: string;
56
- value: string[];
58
+ required?: boolean | undefined;
57
59
  type: "string[]";
60
+ value: string[];
61
+ } | {
58
62
  id: string;
59
63
  instanceId: string;
60
- required?: boolean | undefined;
61
- } | {
62
64
  name: string;
63
- value: string;
65
+ required?: boolean | undefined;
64
66
  type: "parameter";
67
+ value: string;
68
+ } | {
65
69
  id: string;
66
70
  instanceId: string;
67
- required?: boolean | undefined;
68
- } | {
69
71
  name: string;
70
- value: string;
72
+ required?: boolean | undefined;
71
73
  type: "resource";
74
+ value: string;
75
+ } | {
72
76
  id: string;
73
77
  instanceId: string;
74
- required?: boolean | undefined;
75
- } | {
76
78
  name: string;
77
- value: string;
79
+ required?: boolean | undefined;
78
80
  type: "expression";
81
+ value: string;
82
+ } | {
79
83
  id: string;
80
84
  instanceId: string;
81
- required?: boolean | undefined;
82
- } | {
83
85
  name: string;
86
+ required?: boolean | undefined;
87
+ type: "action";
84
88
  value: {
85
- code: string;
86
89
  type: "execute";
87
90
  args: string[];
91
+ code: string;
88
92
  }[];
89
- type: "action";
93
+ } | {
90
94
  id: string;
91
95
  instanceId: string;
92
- required?: boolean | undefined;
93
- } | {
94
96
  name: string;
97
+ required?: boolean | undefined;
98
+ type: "animationAction";
95
99
  value: {
96
100
  type: "scroll";
101
+ source?: "closest" | "nearest" | "root" | undefined;
102
+ axis?: "block" | "inline" | "x" | "y" | undefined;
97
103
  animations: {
104
+ name?: string | undefined;
105
+ description?: string | undefined;
106
+ enabled?: [string, boolean][] | undefined;
98
107
  keyframes: {
99
- styles: Record<string, {
108
+ offset?: number | undefined;
109
+ styles: Record<string, import("@webstudio-is/css-engine").ColorValue | {
110
+ type: "image";
100
111
  value: {
101
- value: string;
102
112
  type: "asset";
113
+ value: string;
103
114
  } | {
104
115
  type: "url";
105
116
  url: string;
106
117
  };
107
- type: "image";
108
118
  hidden?: boolean | undefined;
109
119
  } | {
110
- value: number;
111
120
  type: "unit";
112
121
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
122
+ value: number;
113
123
  hidden?: boolean | undefined;
114
124
  } | {
115
- value: string;
116
125
  type: "keyword";
126
+ value: string;
117
127
  hidden?: boolean | undefined;
118
128
  } | {
119
- value: string;
120
129
  type: "unparsed";
130
+ value: string;
121
131
  hidden?: boolean | undefined;
122
- } | import("@webstudio-is/css-engine").ColorValue | {
132
+ } | {
123
133
  type: "rgb";
124
134
  r: number;
125
135
  g: number;
@@ -127,27 +137,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
127
137
  alpha: number;
128
138
  hidden?: boolean | undefined;
129
139
  } | {
130
- type: "function";
131
- name: string;
132
- args: import("@webstudio-is/css-engine").StyleValue;
133
- hidden?: boolean;
134
- } | {
135
- value: string;
136
140
  type: "var";
137
- fallback?: {
138
- value: number;
141
+ value: string;
142
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
139
143
  type: "unit";
140
144
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
145
+ value: number;
141
146
  hidden?: boolean | undefined;
142
147
  } | {
143
- value: string;
144
148
  type: "keyword";
149
+ value: string;
145
150
  hidden?: boolean | undefined;
146
151
  } | {
147
- value: string;
148
152
  type: "unparsed";
153
+ value: string;
149
154
  hidden?: boolean | undefined;
150
- } | import("@webstudio-is/css-engine").ColorValue | {
155
+ } | {
151
156
  type: "rgb";
152
157
  r: number;
153
158
  g: number;
@@ -157,30 +162,31 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
157
162
  } | undefined;
158
163
  hidden?: boolean | undefined;
159
164
  } | {
160
- value: ({
165
+ type: "tuple";
166
+ value: (import("@webstudio-is/css-engine").ColorValue | {
167
+ type: "image";
161
168
  value: {
162
- value: string;
163
169
  type: "asset";
170
+ value: string;
164
171
  } | {
165
172
  type: "url";
166
173
  url: string;
167
174
  };
168
- type: "image";
169
175
  hidden?: boolean | undefined;
170
176
  } | {
171
- value: number;
172
177
  type: "unit";
173
178
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
179
+ value: number;
174
180
  hidden?: boolean | undefined;
175
181
  } | {
176
- value: string;
177
182
  type: "keyword";
183
+ value: string;
178
184
  hidden?: boolean | undefined;
179
185
  } | {
180
- value: string;
181
186
  type: "unparsed";
187
+ value: string;
182
188
  hidden?: boolean | undefined;
183
- } | import("@webstudio-is/css-engine").ColorValue | {
189
+ } | {
184
190
  type: "rgb";
185
191
  r: number;
186
192
  g: number;
@@ -188,27 +194,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
188
194
  alpha: number;
189
195
  hidden?: boolean | undefined;
190
196
  } | {
191
- type: "function";
192
- name: string;
193
- args: import("@webstudio-is/css-engine").StyleValue;
194
- hidden?: boolean;
195
- } | {
196
- value: string;
197
197
  type: "var";
198
- fallback?: {
199
- value: number;
198
+ value: string;
199
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
200
200
  type: "unit";
201
201
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
202
+ value: number;
202
203
  hidden?: boolean | undefined;
203
204
  } | {
204
- value: string;
205
205
  type: "keyword";
206
+ value: string;
206
207
  hidden?: boolean | undefined;
207
208
  } | {
208
- value: string;
209
209
  type: "unparsed";
210
+ value: string;
210
211
  hidden?: boolean | undefined;
211
- } | import("@webstudio-is/css-engine").ColorValue | {
212
+ } | {
212
213
  type: "rgb";
213
214
  r: number;
214
215
  g: number;
@@ -217,34 +218,39 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
217
218
  hidden?: boolean | undefined;
218
219
  } | undefined;
219
220
  hidden?: boolean | undefined;
221
+ } | {
222
+ type: "function";
223
+ name: string;
224
+ args: import("@webstudio-is/css-engine").StyleValue;
225
+ hidden?: boolean;
220
226
  })[];
221
- type: "tuple";
222
227
  hidden?: boolean | undefined;
223
228
  } | {
224
229
  type: "shadow";
230
+ hidden?: boolean | undefined;
225
231
  position: "inset" | "outset";
226
232
  offsetX: {
227
- value: number;
228
233
  type: "unit";
229
234
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
235
+ value: number;
230
236
  hidden?: boolean | undefined;
231
237
  } | {
232
- value: string;
233
238
  type: "var";
234
- fallback?: {
235
- value: number;
239
+ value: string;
240
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
236
241
  type: "unit";
237
242
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
243
+ value: number;
238
244
  hidden?: boolean | undefined;
239
245
  } | {
240
- value: string;
241
246
  type: "keyword";
247
+ value: string;
242
248
  hidden?: boolean | undefined;
243
249
  } | {
244
- value: string;
245
250
  type: "unparsed";
251
+ value: string;
246
252
  hidden?: boolean | undefined;
247
- } | import("@webstudio-is/css-engine").ColorValue | {
253
+ } | {
248
254
  type: "rgb";
249
255
  r: number;
250
256
  g: number;
@@ -255,27 +261,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
255
261
  hidden?: boolean | undefined;
256
262
  };
257
263
  offsetY: {
258
- value: number;
259
264
  type: "unit";
260
265
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
266
+ value: number;
261
267
  hidden?: boolean | undefined;
262
268
  } | {
263
- value: string;
264
269
  type: "var";
265
- fallback?: {
266
- value: number;
270
+ value: string;
271
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
267
272
  type: "unit";
268
273
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
274
+ value: number;
269
275
  hidden?: boolean | undefined;
270
276
  } | {
271
- value: string;
272
277
  type: "keyword";
278
+ value: string;
273
279
  hidden?: boolean | undefined;
274
280
  } | {
275
- value: string;
276
281
  type: "unparsed";
282
+ value: string;
277
283
  hidden?: boolean | undefined;
278
- } | import("@webstudio-is/css-engine").ColorValue | {
284
+ } | {
279
285
  type: "rgb";
280
286
  r: number;
281
287
  g: number;
@@ -285,34 +291,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
285
291
  } | undefined;
286
292
  hidden?: boolean | undefined;
287
293
  };
288
- color?: {
289
- value: string;
290
- type: "keyword";
291
- hidden?: boolean | undefined;
292
- } | import("@webstudio-is/css-engine").ColorValue | {
293
- type: "rgb";
294
- r: number;
295
- g: number;
296
- b: number;
297
- alpha: number;
294
+ blur?: {
295
+ type: "unit";
296
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
297
+ value: number;
298
298
  hidden?: boolean | undefined;
299
299
  } | {
300
- value: string;
301
300
  type: "var";
302
- fallback?: {
303
- value: number;
301
+ value: string;
302
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
304
303
  type: "unit";
305
304
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
305
+ value: number;
306
306
  hidden?: boolean | undefined;
307
307
  } | {
308
- value: string;
309
308
  type: "keyword";
309
+ value: string;
310
310
  hidden?: boolean | undefined;
311
311
  } | {
312
- value: string;
313
312
  type: "unparsed";
313
+ value: string;
314
314
  hidden?: boolean | undefined;
315
- } | import("@webstudio-is/css-engine").ColorValue | {
315
+ } | {
316
316
  type: "rgb";
317
317
  r: number;
318
318
  g: number;
@@ -322,29 +322,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
322
322
  } | undefined;
323
323
  hidden?: boolean | undefined;
324
324
  } | undefined;
325
- hidden?: boolean | undefined;
326
- blur?: {
327
- value: number;
325
+ spread?: {
328
326
  type: "unit";
329
327
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
328
+ value: number;
330
329
  hidden?: boolean | undefined;
331
330
  } | {
332
- value: string;
333
331
  type: "var";
334
- fallback?: {
335
- value: number;
332
+ value: string;
333
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
336
334
  type: "unit";
337
335
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
336
+ value: number;
338
337
  hidden?: boolean | undefined;
339
338
  } | {
340
- value: string;
341
339
  type: "keyword";
340
+ value: string;
342
341
  hidden?: boolean | undefined;
343
342
  } | {
344
- value: string;
345
343
  type: "unparsed";
344
+ value: string;
346
345
  hidden?: boolean | undefined;
347
- } | import("@webstudio-is/css-engine").ColorValue | {
346
+ } | {
348
347
  type: "rgb";
349
348
  r: number;
350
349
  g: number;
@@ -354,28 +353,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
354
353
  } | undefined;
355
354
  hidden?: boolean | undefined;
356
355
  } | undefined;
357
- spread?: {
358
- value: number;
359
- type: "unit";
360
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
356
+ color?: import("@webstudio-is/css-engine").ColorValue | {
357
+ type: "keyword";
358
+ value: string;
359
+ hidden?: boolean | undefined;
360
+ } | {
361
+ type: "rgb";
362
+ r: number;
363
+ g: number;
364
+ b: number;
365
+ alpha: number;
361
366
  hidden?: boolean | undefined;
362
367
  } | {
363
- value: string;
364
368
  type: "var";
365
- fallback?: {
366
- value: number;
369
+ value: string;
370
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
367
371
  type: "unit";
368
372
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
373
+ value: number;
369
374
  hidden?: boolean | undefined;
370
375
  } | {
371
- value: string;
372
376
  type: "keyword";
377
+ value: string;
373
378
  hidden?: boolean | undefined;
374
379
  } | {
375
- value: string;
376
380
  type: "unparsed";
381
+ value: string;
377
382
  hidden?: boolean | undefined;
378
- } | import("@webstudio-is/css-engine").ColorValue | {
383
+ } | {
379
384
  type: "rgb";
380
385
  r: number;
381
386
  g: number;
@@ -386,34 +391,35 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
386
391
  hidden?: boolean | undefined;
387
392
  } | undefined;
388
393
  } | {
389
- value: string;
390
394
  type: "invalid";
395
+ value: string;
391
396
  hidden?: boolean | undefined;
392
397
  } | {
393
- value: ({
398
+ type: "layers";
399
+ value: (import("@webstudio-is/css-engine").ColorValue | {
400
+ type: "image";
394
401
  value: {
395
- value: string;
396
402
  type: "asset";
403
+ value: string;
397
404
  } | {
398
405
  type: "url";
399
406
  url: string;
400
407
  };
401
- type: "image";
402
408
  hidden?: boolean | undefined;
403
409
  } | {
404
- value: number;
405
410
  type: "unit";
406
411
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
412
+ value: number;
407
413
  hidden?: boolean | undefined;
408
414
  } | {
409
- value: string;
410
415
  type: "keyword";
416
+ value: string;
411
417
  hidden?: boolean | undefined;
412
418
  } | {
413
- value: string;
414
419
  type: "unparsed";
420
+ value: string;
415
421
  hidden?: boolean | undefined;
416
- } | import("@webstudio-is/css-engine").ColorValue | {
422
+ } | {
417
423
  type: "rgb";
418
424
  r: number;
419
425
  g: number;
@@ -421,27 +427,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
421
427
  alpha: number;
422
428
  hidden?: boolean | undefined;
423
429
  } | {
424
- type: "function";
425
- name: string;
426
- args: import("@webstudio-is/css-engine").StyleValue;
427
- hidden?: boolean;
428
- } | {
429
- value: string;
430
430
  type: "var";
431
- fallback?: {
432
- value: number;
431
+ value: string;
432
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
433
433
  type: "unit";
434
434
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
435
+ value: number;
435
436
  hidden?: boolean | undefined;
436
437
  } | {
437
- value: string;
438
438
  type: "keyword";
439
+ value: string;
439
440
  hidden?: boolean | undefined;
440
441
  } | {
441
- value: string;
442
442
  type: "unparsed";
443
+ value: string;
443
444
  hidden?: boolean | undefined;
444
- } | import("@webstudio-is/css-engine").ColorValue | {
445
+ } | {
445
446
  type: "rgb";
446
447
  r: number;
447
448
  g: number;
@@ -451,30 +452,31 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
451
452
  } | undefined;
452
453
  hidden?: boolean | undefined;
453
454
  } | {
454
- value: ({
455
+ type: "tuple";
456
+ value: (import("@webstudio-is/css-engine").ColorValue | {
457
+ type: "image";
455
458
  value: {
456
- value: string;
457
459
  type: "asset";
460
+ value: string;
458
461
  } | {
459
462
  type: "url";
460
463
  url: string;
461
464
  };
462
- type: "image";
463
465
  hidden?: boolean | undefined;
464
466
  } | {
465
- value: number;
466
467
  type: "unit";
467
468
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
469
+ value: number;
468
470
  hidden?: boolean | undefined;
469
471
  } | {
470
- value: string;
471
472
  type: "keyword";
473
+ value: string;
472
474
  hidden?: boolean | undefined;
473
475
  } | {
474
- value: string;
475
476
  type: "unparsed";
477
+ value: string;
476
478
  hidden?: boolean | undefined;
477
- } | import("@webstudio-is/css-engine").ColorValue | {
479
+ } | {
478
480
  type: "rgb";
479
481
  r: number;
480
482
  g: number;
@@ -482,27 +484,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
482
484
  alpha: number;
483
485
  hidden?: boolean | undefined;
484
486
  } | {
485
- type: "function";
486
- name: string;
487
- args: import("@webstudio-is/css-engine").StyleValue;
488
- hidden?: boolean;
489
- } | {
490
- value: string;
491
487
  type: "var";
492
- fallback?: {
493
- value: number;
488
+ value: string;
489
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
494
490
  type: "unit";
495
491
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
492
+ value: number;
496
493
  hidden?: boolean | undefined;
497
494
  } | {
498
- value: string;
499
495
  type: "keyword";
496
+ value: string;
500
497
  hidden?: boolean | undefined;
501
498
  } | {
502
- value: string;
503
499
  type: "unparsed";
500
+ value: string;
504
501
  hidden?: boolean | undefined;
505
- } | import("@webstudio-is/css-engine").ColorValue | {
502
+ } | {
506
503
  type: "rgb";
507
504
  r: number;
508
505
  g: number;
@@ -511,34 +508,39 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
511
508
  hidden?: boolean | undefined;
512
509
  } | undefined;
513
510
  hidden?: boolean | undefined;
511
+ } | {
512
+ type: "function";
513
+ name: string;
514
+ args: import("@webstudio-is/css-engine").StyleValue;
515
+ hidden?: boolean;
514
516
  })[];
515
- type: "tuple";
516
517
  hidden?: boolean | undefined;
517
518
  } | {
518
519
  type: "shadow";
520
+ hidden?: boolean | undefined;
519
521
  position: "inset" | "outset";
520
522
  offsetX: {
521
- value: number;
522
523
  type: "unit";
523
524
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
525
+ value: number;
524
526
  hidden?: boolean | undefined;
525
527
  } | {
526
- value: string;
527
528
  type: "var";
528
- fallback?: {
529
- value: number;
529
+ value: string;
530
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
530
531
  type: "unit";
531
532
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
533
+ value: number;
532
534
  hidden?: boolean | undefined;
533
535
  } | {
534
- value: string;
535
536
  type: "keyword";
537
+ value: string;
536
538
  hidden?: boolean | undefined;
537
539
  } | {
538
- value: string;
539
540
  type: "unparsed";
541
+ value: string;
540
542
  hidden?: boolean | undefined;
541
- } | import("@webstudio-is/css-engine").ColorValue | {
543
+ } | {
542
544
  type: "rgb";
543
545
  r: number;
544
546
  g: number;
@@ -549,27 +551,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
549
551
  hidden?: boolean | undefined;
550
552
  };
551
553
  offsetY: {
552
- value: number;
553
554
  type: "unit";
554
555
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
556
+ value: number;
555
557
  hidden?: boolean | undefined;
556
558
  } | {
557
- value: string;
558
559
  type: "var";
559
- fallback?: {
560
- value: number;
560
+ value: string;
561
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
561
562
  type: "unit";
562
563
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
564
+ value: number;
563
565
  hidden?: boolean | undefined;
564
566
  } | {
565
- value: string;
566
567
  type: "keyword";
568
+ value: string;
567
569
  hidden?: boolean | undefined;
568
570
  } | {
569
- value: string;
570
571
  type: "unparsed";
572
+ value: string;
571
573
  hidden?: boolean | undefined;
572
- } | import("@webstudio-is/css-engine").ColorValue | {
574
+ } | {
573
575
  type: "rgb";
574
576
  r: number;
575
577
  g: number;
@@ -579,34 +581,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
579
581
  } | undefined;
580
582
  hidden?: boolean | undefined;
581
583
  };
582
- color?: {
583
- value: string;
584
- type: "keyword";
585
- hidden?: boolean | undefined;
586
- } | import("@webstudio-is/css-engine").ColorValue | {
587
- type: "rgb";
588
- r: number;
589
- g: number;
590
- b: number;
591
- alpha: number;
584
+ blur?: {
585
+ type: "unit";
586
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
587
+ value: number;
592
588
  hidden?: boolean | undefined;
593
589
  } | {
594
- value: string;
595
590
  type: "var";
596
- fallback?: {
597
- value: number;
591
+ value: string;
592
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
598
593
  type: "unit";
599
594
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
595
+ value: number;
600
596
  hidden?: boolean | undefined;
601
597
  } | {
602
- value: string;
603
598
  type: "keyword";
599
+ value: string;
604
600
  hidden?: boolean | undefined;
605
601
  } | {
606
- value: string;
607
602
  type: "unparsed";
603
+ value: string;
608
604
  hidden?: boolean | undefined;
609
- } | import("@webstudio-is/css-engine").ColorValue | {
605
+ } | {
610
606
  type: "rgb";
611
607
  r: number;
612
608
  g: number;
@@ -616,29 +612,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
616
612
  } | undefined;
617
613
  hidden?: boolean | undefined;
618
614
  } | undefined;
619
- hidden?: boolean | undefined;
620
- blur?: {
621
- value: number;
615
+ spread?: {
622
616
  type: "unit";
623
617
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
618
+ value: number;
624
619
  hidden?: boolean | undefined;
625
620
  } | {
626
- value: string;
627
621
  type: "var";
628
- fallback?: {
629
- value: number;
622
+ value: string;
623
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
630
624
  type: "unit";
631
625
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
626
+ value: number;
632
627
  hidden?: boolean | undefined;
633
628
  } | {
634
- value: string;
635
629
  type: "keyword";
630
+ value: string;
636
631
  hidden?: boolean | undefined;
637
632
  } | {
638
- value: string;
639
633
  type: "unparsed";
634
+ value: string;
640
635
  hidden?: boolean | undefined;
641
- } | import("@webstudio-is/css-engine").ColorValue | {
636
+ } | {
642
637
  type: "rgb";
643
638
  r: number;
644
639
  g: number;
@@ -648,28 +643,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
648
643
  } | undefined;
649
644
  hidden?: boolean | undefined;
650
645
  } | undefined;
651
- spread?: {
652
- value: number;
653
- type: "unit";
654
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
646
+ color?: import("@webstudio-is/css-engine").ColorValue | {
647
+ type: "keyword";
648
+ value: string;
649
+ hidden?: boolean | undefined;
650
+ } | {
651
+ type: "rgb";
652
+ r: number;
653
+ g: number;
654
+ b: number;
655
+ alpha: number;
655
656
  hidden?: boolean | undefined;
656
657
  } | {
657
- value: string;
658
658
  type: "var";
659
- fallback?: {
660
- value: number;
659
+ value: string;
660
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
661
661
  type: "unit";
662
662
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
663
+ value: number;
663
664
  hidden?: boolean | undefined;
664
665
  } | {
665
- value: string;
666
666
  type: "keyword";
667
+ value: string;
667
668
  hidden?: boolean | undefined;
668
669
  } | {
669
- value: string;
670
670
  type: "unparsed";
671
+ value: string;
671
672
  hidden?: boolean | undefined;
672
- } | import("@webstudio-is/css-engine").ColorValue | {
673
+ } | {
673
674
  type: "rgb";
674
675
  r: number;
675
676
  g: number;
@@ -680,105 +681,114 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
680
681
  hidden?: boolean | undefined;
681
682
  } | undefined;
682
683
  } | {
683
- value: string;
684
684
  type: "invalid";
685
+ value: string;
685
686
  hidden?: boolean | undefined;
687
+ } | {
688
+ type: "function";
689
+ name: string;
690
+ args: import("@webstudio-is/css-engine").StyleValue;
691
+ hidden?: boolean;
686
692
  })[];
687
- type: "layers";
688
693
  hidden?: boolean | undefined;
689
694
  } | {
690
- value: string[];
691
695
  type: "fontFamily";
696
+ value: string[];
692
697
  hidden?: boolean | undefined;
693
698
  } | {
694
699
  type: "guaranteedInvalid";
695
700
  hidden?: boolean | undefined;
696
701
  } | {
697
- value: "";
698
702
  type: "unset";
703
+ value: "";
699
704
  hidden?: boolean | undefined;
705
+ } | {
706
+ type: "function";
707
+ name: string;
708
+ args: import("@webstudio-is/css-engine").StyleValue;
709
+ hidden?: boolean;
700
710
  }>;
701
- offset?: number | undefined;
702
711
  }[];
703
712
  timing: {
704
- fill?: "none" | "forwards" | "backwards" | "both" | undefined;
705
713
  easing?: string | undefined;
714
+ fill?: "backwards" | "both" | "forwards" | "none" | undefined;
706
715
  duration?: {
707
- value: number;
708
716
  type: "unit";
709
- unit: "s" | "ms";
717
+ value: number;
718
+ unit: "ms" | "s";
710
719
  } | {
711
- value: string;
712
720
  type: "var";
721
+ value: string;
713
722
  } | undefined;
714
723
  delay?: {
715
- value: number;
716
724
  type: "unit";
717
- unit: "s" | "ms";
725
+ value: number;
726
+ unit: "ms" | "s";
718
727
  } | {
719
- value: string;
720
728
  type: "var";
729
+ value: string;
721
730
  } | undefined;
722
731
  iterations?: number | "infinite" | undefined;
723
- rangeStart?: ["start" | "end", {
724
- value: number;
732
+ rangeStart?: ["end" | "start", {
725
733
  type: "unit";
726
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
734
+ value: number;
735
+ unit: "%" | "cap" | "ch" | "cm" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "em" | "ex" | "in" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "mm" | "pc" | "pt" | "px" | "q" | "rcap" | "rch" | "rem" | "rex" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vh" | "vi" | "vmax" | "vmin" | "vw";
727
736
  } | {
728
- value: string;
729
737
  type: "unparsed";
730
- } | {
731
738
  value: string;
739
+ } | {
732
740
  type: "var";
741
+ value: string;
733
742
  }] | undefined;
734
- rangeEnd?: ["start" | "end", {
735
- value: number;
743
+ rangeEnd?: ["end" | "start", {
736
744
  type: "unit";
737
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
745
+ value: number;
746
+ unit: "%" | "cap" | "ch" | "cm" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "em" | "ex" | "in" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "mm" | "pc" | "pt" | "px" | "q" | "rcap" | "rch" | "rem" | "rex" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vh" | "vi" | "vmax" | "vmin" | "vw";
738
747
  } | {
739
- value: string;
740
748
  type: "unparsed";
741
- } | {
742
749
  value: string;
750
+ } | {
743
751
  type: "var";
752
+ value: string;
744
753
  }] | undefined;
745
754
  };
746
- name?: string | undefined;
747
- description?: string | undefined;
748
- enabled?: [string, boolean][] | undefined;
749
755
  }[];
750
- source?: "closest" | "nearest" | "root" | undefined;
751
- axis?: "block" | "x" | "y" | "inline" | undefined;
752
756
  isPinned?: boolean | undefined;
753
757
  debug?: boolean | undefined;
754
758
  } | {
755
759
  type: "view";
760
+ subject?: string | undefined;
761
+ axis?: "block" | "inline" | "x" | "y" | undefined;
756
762
  animations: {
763
+ name?: string | undefined;
764
+ description?: string | undefined;
765
+ enabled?: [string, boolean][] | undefined;
757
766
  keyframes: {
758
- styles: Record<string, {
767
+ offset?: number | undefined;
768
+ styles: Record<string, import("@webstudio-is/css-engine").ColorValue | {
769
+ type: "image";
759
770
  value: {
760
- value: string;
761
771
  type: "asset";
772
+ value: string;
762
773
  } | {
763
774
  type: "url";
764
775
  url: string;
765
776
  };
766
- type: "image";
767
777
  hidden?: boolean | undefined;
768
778
  } | {
769
- value: number;
770
779
  type: "unit";
771
780
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
781
+ value: number;
772
782
  hidden?: boolean | undefined;
773
783
  } | {
774
- value: string;
775
784
  type: "keyword";
785
+ value: string;
776
786
  hidden?: boolean | undefined;
777
787
  } | {
778
- value: string;
779
788
  type: "unparsed";
789
+ value: string;
780
790
  hidden?: boolean | undefined;
781
- } | import("@webstudio-is/css-engine").ColorValue | {
791
+ } | {
782
792
  type: "rgb";
783
793
  r: number;
784
794
  g: number;
@@ -786,27 +796,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
786
796
  alpha: number;
787
797
  hidden?: boolean | undefined;
788
798
  } | {
789
- type: "function";
790
- name: string;
791
- args: import("@webstudio-is/css-engine").StyleValue;
792
- hidden?: boolean;
793
- } | {
794
- value: string;
795
799
  type: "var";
796
- fallback?: {
797
- value: number;
800
+ value: string;
801
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
798
802
  type: "unit";
799
803
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
804
+ value: number;
800
805
  hidden?: boolean | undefined;
801
806
  } | {
802
- value: string;
803
807
  type: "keyword";
808
+ value: string;
804
809
  hidden?: boolean | undefined;
805
810
  } | {
806
- value: string;
807
811
  type: "unparsed";
812
+ value: string;
808
813
  hidden?: boolean | undefined;
809
- } | import("@webstudio-is/css-engine").ColorValue | {
814
+ } | {
810
815
  type: "rgb";
811
816
  r: number;
812
817
  g: number;
@@ -816,30 +821,31 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
816
821
  } | undefined;
817
822
  hidden?: boolean | undefined;
818
823
  } | {
819
- value: ({
824
+ type: "tuple";
825
+ value: (import("@webstudio-is/css-engine").ColorValue | {
826
+ type: "image";
820
827
  value: {
821
- value: string;
822
828
  type: "asset";
829
+ value: string;
823
830
  } | {
824
831
  type: "url";
825
832
  url: string;
826
833
  };
827
- type: "image";
828
834
  hidden?: boolean | undefined;
829
835
  } | {
830
- value: number;
831
836
  type: "unit";
832
837
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
838
+ value: number;
833
839
  hidden?: boolean | undefined;
834
840
  } | {
835
- value: string;
836
841
  type: "keyword";
842
+ value: string;
837
843
  hidden?: boolean | undefined;
838
844
  } | {
839
- value: string;
840
845
  type: "unparsed";
846
+ value: string;
841
847
  hidden?: boolean | undefined;
842
- } | import("@webstudio-is/css-engine").ColorValue | {
848
+ } | {
843
849
  type: "rgb";
844
850
  r: number;
845
851
  g: number;
@@ -847,27 +853,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
847
853
  alpha: number;
848
854
  hidden?: boolean | undefined;
849
855
  } | {
850
- type: "function";
851
- name: string;
852
- args: import("@webstudio-is/css-engine").StyleValue;
853
- hidden?: boolean;
854
- } | {
855
- value: string;
856
856
  type: "var";
857
- fallback?: {
858
- value: number;
857
+ value: string;
858
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
859
859
  type: "unit";
860
860
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
861
+ value: number;
861
862
  hidden?: boolean | undefined;
862
863
  } | {
863
- value: string;
864
864
  type: "keyword";
865
+ value: string;
865
866
  hidden?: boolean | undefined;
866
867
  } | {
867
- value: string;
868
868
  type: "unparsed";
869
+ value: string;
869
870
  hidden?: boolean | undefined;
870
- } | import("@webstudio-is/css-engine").ColorValue | {
871
+ } | {
871
872
  type: "rgb";
872
873
  r: number;
873
874
  g: number;
@@ -876,34 +877,39 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
876
877
  hidden?: boolean | undefined;
877
878
  } | undefined;
878
879
  hidden?: boolean | undefined;
880
+ } | {
881
+ type: "function";
882
+ name: string;
883
+ args: import("@webstudio-is/css-engine").StyleValue;
884
+ hidden?: boolean;
879
885
  })[];
880
- type: "tuple";
881
886
  hidden?: boolean | undefined;
882
887
  } | {
883
888
  type: "shadow";
889
+ hidden?: boolean | undefined;
884
890
  position: "inset" | "outset";
885
891
  offsetX: {
886
- value: number;
887
892
  type: "unit";
888
893
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
894
+ value: number;
889
895
  hidden?: boolean | undefined;
890
896
  } | {
891
- value: string;
892
897
  type: "var";
893
- fallback?: {
894
- value: number;
898
+ value: string;
899
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
895
900
  type: "unit";
896
901
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
902
+ value: number;
897
903
  hidden?: boolean | undefined;
898
904
  } | {
899
- value: string;
900
905
  type: "keyword";
906
+ value: string;
901
907
  hidden?: boolean | undefined;
902
908
  } | {
903
- value: string;
904
909
  type: "unparsed";
910
+ value: string;
905
911
  hidden?: boolean | undefined;
906
- } | import("@webstudio-is/css-engine").ColorValue | {
912
+ } | {
907
913
  type: "rgb";
908
914
  r: number;
909
915
  g: number;
@@ -914,27 +920,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
914
920
  hidden?: boolean | undefined;
915
921
  };
916
922
  offsetY: {
917
- value: number;
918
923
  type: "unit";
919
924
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
925
+ value: number;
920
926
  hidden?: boolean | undefined;
921
927
  } | {
922
- value: string;
923
928
  type: "var";
924
- fallback?: {
925
- value: number;
929
+ value: string;
930
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
926
931
  type: "unit";
927
932
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
933
+ value: number;
928
934
  hidden?: boolean | undefined;
929
935
  } | {
930
- value: string;
931
936
  type: "keyword";
937
+ value: string;
932
938
  hidden?: boolean | undefined;
933
939
  } | {
934
- value: string;
935
940
  type: "unparsed";
941
+ value: string;
936
942
  hidden?: boolean | undefined;
937
- } | import("@webstudio-is/css-engine").ColorValue | {
943
+ } | {
938
944
  type: "rgb";
939
945
  r: number;
940
946
  g: number;
@@ -944,34 +950,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
944
950
  } | undefined;
945
951
  hidden?: boolean | undefined;
946
952
  };
947
- color?: {
948
- value: string;
949
- type: "keyword";
950
- hidden?: boolean | undefined;
951
- } | import("@webstudio-is/css-engine").ColorValue | {
952
- type: "rgb";
953
- r: number;
954
- g: number;
955
- b: number;
956
- alpha: number;
953
+ blur?: {
954
+ type: "unit";
955
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
956
+ value: number;
957
957
  hidden?: boolean | undefined;
958
958
  } | {
959
- value: string;
960
959
  type: "var";
961
- fallback?: {
962
- value: number;
960
+ value: string;
961
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
963
962
  type: "unit";
964
963
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
964
+ value: number;
965
965
  hidden?: boolean | undefined;
966
966
  } | {
967
- value: string;
968
967
  type: "keyword";
968
+ value: string;
969
969
  hidden?: boolean | undefined;
970
970
  } | {
971
- value: string;
972
971
  type: "unparsed";
972
+ value: string;
973
973
  hidden?: boolean | undefined;
974
- } | import("@webstudio-is/css-engine").ColorValue | {
974
+ } | {
975
975
  type: "rgb";
976
976
  r: number;
977
977
  g: number;
@@ -981,29 +981,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
981
981
  } | undefined;
982
982
  hidden?: boolean | undefined;
983
983
  } | undefined;
984
- hidden?: boolean | undefined;
985
- blur?: {
986
- value: number;
984
+ spread?: {
987
985
  type: "unit";
988
986
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
987
+ value: number;
989
988
  hidden?: boolean | undefined;
990
989
  } | {
991
- value: string;
992
990
  type: "var";
993
- fallback?: {
994
- value: number;
991
+ value: string;
992
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
995
993
  type: "unit";
996
994
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
995
+ value: number;
997
996
  hidden?: boolean | undefined;
998
997
  } | {
999
- value: string;
1000
998
  type: "keyword";
999
+ value: string;
1001
1000
  hidden?: boolean | undefined;
1002
1001
  } | {
1003
- value: string;
1004
1002
  type: "unparsed";
1003
+ value: string;
1005
1004
  hidden?: boolean | undefined;
1006
- } | import("@webstudio-is/css-engine").ColorValue | {
1005
+ } | {
1007
1006
  type: "rgb";
1008
1007
  r: number;
1009
1008
  g: number;
@@ -1013,28 +1012,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1013
1012
  } | undefined;
1014
1013
  hidden?: boolean | undefined;
1015
1014
  } | undefined;
1016
- spread?: {
1017
- value: number;
1018
- type: "unit";
1019
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
1015
+ color?: import("@webstudio-is/css-engine").ColorValue | {
1016
+ type: "keyword";
1017
+ value: string;
1018
+ hidden?: boolean | undefined;
1019
+ } | {
1020
+ type: "rgb";
1021
+ r: number;
1022
+ g: number;
1023
+ b: number;
1024
+ alpha: number;
1020
1025
  hidden?: boolean | undefined;
1021
1026
  } | {
1022
- value: string;
1023
1027
  type: "var";
1024
- fallback?: {
1025
- value: number;
1028
+ value: string;
1029
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1026
1030
  type: "unit";
1027
1031
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1032
+ value: number;
1028
1033
  hidden?: boolean | undefined;
1029
1034
  } | {
1030
- value: string;
1031
1035
  type: "keyword";
1036
+ value: string;
1032
1037
  hidden?: boolean | undefined;
1033
1038
  } | {
1034
- value: string;
1035
1039
  type: "unparsed";
1040
+ value: string;
1036
1041
  hidden?: boolean | undefined;
1037
- } | import("@webstudio-is/css-engine").ColorValue | {
1042
+ } | {
1038
1043
  type: "rgb";
1039
1044
  r: number;
1040
1045
  g: number;
@@ -1045,34 +1050,35 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1045
1050
  hidden?: boolean | undefined;
1046
1051
  } | undefined;
1047
1052
  } | {
1048
- value: string;
1049
1053
  type: "invalid";
1054
+ value: string;
1050
1055
  hidden?: boolean | undefined;
1051
1056
  } | {
1052
- value: ({
1057
+ type: "layers";
1058
+ value: (import("@webstudio-is/css-engine").ColorValue | {
1059
+ type: "image";
1053
1060
  value: {
1054
- value: string;
1055
1061
  type: "asset";
1062
+ value: string;
1056
1063
  } | {
1057
1064
  type: "url";
1058
1065
  url: string;
1059
1066
  };
1060
- type: "image";
1061
1067
  hidden?: boolean | undefined;
1062
1068
  } | {
1063
- value: number;
1064
1069
  type: "unit";
1065
1070
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1071
+ value: number;
1066
1072
  hidden?: boolean | undefined;
1067
1073
  } | {
1068
- value: string;
1069
1074
  type: "keyword";
1075
+ value: string;
1070
1076
  hidden?: boolean | undefined;
1071
1077
  } | {
1072
- value: string;
1073
1078
  type: "unparsed";
1079
+ value: string;
1074
1080
  hidden?: boolean | undefined;
1075
- } | import("@webstudio-is/css-engine").ColorValue | {
1081
+ } | {
1076
1082
  type: "rgb";
1077
1083
  r: number;
1078
1084
  g: number;
@@ -1080,27 +1086,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1080
1086
  alpha: number;
1081
1087
  hidden?: boolean | undefined;
1082
1088
  } | {
1083
- type: "function";
1084
- name: string;
1085
- args: import("@webstudio-is/css-engine").StyleValue;
1086
- hidden?: boolean;
1087
- } | {
1088
- value: string;
1089
1089
  type: "var";
1090
- fallback?: {
1091
- value: number;
1090
+ value: string;
1091
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1092
1092
  type: "unit";
1093
1093
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1094
+ value: number;
1094
1095
  hidden?: boolean | undefined;
1095
1096
  } | {
1096
- value: string;
1097
1097
  type: "keyword";
1098
+ value: string;
1098
1099
  hidden?: boolean | undefined;
1099
1100
  } | {
1100
- value: string;
1101
1101
  type: "unparsed";
1102
+ value: string;
1102
1103
  hidden?: boolean | undefined;
1103
- } | import("@webstudio-is/css-engine").ColorValue | {
1104
+ } | {
1104
1105
  type: "rgb";
1105
1106
  r: number;
1106
1107
  g: number;
@@ -1110,30 +1111,31 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1110
1111
  } | undefined;
1111
1112
  hidden?: boolean | undefined;
1112
1113
  } | {
1113
- value: ({
1114
+ type: "tuple";
1115
+ value: (import("@webstudio-is/css-engine").ColorValue | {
1116
+ type: "image";
1114
1117
  value: {
1115
- value: string;
1116
1118
  type: "asset";
1119
+ value: string;
1117
1120
  } | {
1118
1121
  type: "url";
1119
1122
  url: string;
1120
1123
  };
1121
- type: "image";
1122
1124
  hidden?: boolean | undefined;
1123
1125
  } | {
1124
- value: number;
1125
1126
  type: "unit";
1126
1127
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1128
+ value: number;
1127
1129
  hidden?: boolean | undefined;
1128
1130
  } | {
1129
- value: string;
1130
1131
  type: "keyword";
1132
+ value: string;
1131
1133
  hidden?: boolean | undefined;
1132
1134
  } | {
1133
- value: string;
1134
1135
  type: "unparsed";
1136
+ value: string;
1135
1137
  hidden?: boolean | undefined;
1136
- } | import("@webstudio-is/css-engine").ColorValue | {
1138
+ } | {
1137
1139
  type: "rgb";
1138
1140
  r: number;
1139
1141
  g: number;
@@ -1141,27 +1143,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1141
1143
  alpha: number;
1142
1144
  hidden?: boolean | undefined;
1143
1145
  } | {
1144
- type: "function";
1145
- name: string;
1146
- args: import("@webstudio-is/css-engine").StyleValue;
1147
- hidden?: boolean;
1148
- } | {
1149
- value: string;
1150
1146
  type: "var";
1151
- fallback?: {
1152
- value: number;
1147
+ value: string;
1148
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1153
1149
  type: "unit";
1154
1150
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1151
+ value: number;
1155
1152
  hidden?: boolean | undefined;
1156
1153
  } | {
1157
- value: string;
1158
1154
  type: "keyword";
1155
+ value: string;
1159
1156
  hidden?: boolean | undefined;
1160
1157
  } | {
1161
- value: string;
1162
1158
  type: "unparsed";
1159
+ value: string;
1163
1160
  hidden?: boolean | undefined;
1164
- } | import("@webstudio-is/css-engine").ColorValue | {
1161
+ } | {
1165
1162
  type: "rgb";
1166
1163
  r: number;
1167
1164
  g: number;
@@ -1170,34 +1167,39 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1170
1167
  hidden?: boolean | undefined;
1171
1168
  } | undefined;
1172
1169
  hidden?: boolean | undefined;
1170
+ } | {
1171
+ type: "function";
1172
+ name: string;
1173
+ args: import("@webstudio-is/css-engine").StyleValue;
1174
+ hidden?: boolean;
1173
1175
  })[];
1174
- type: "tuple";
1175
1176
  hidden?: boolean | undefined;
1176
1177
  } | {
1177
1178
  type: "shadow";
1179
+ hidden?: boolean | undefined;
1178
1180
  position: "inset" | "outset";
1179
1181
  offsetX: {
1180
- value: number;
1181
1182
  type: "unit";
1182
1183
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1184
+ value: number;
1183
1185
  hidden?: boolean | undefined;
1184
1186
  } | {
1185
- value: string;
1186
1187
  type: "var";
1187
- fallback?: {
1188
- value: number;
1188
+ value: string;
1189
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1189
1190
  type: "unit";
1190
1191
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1192
+ value: number;
1191
1193
  hidden?: boolean | undefined;
1192
1194
  } | {
1193
- value: string;
1194
1195
  type: "keyword";
1196
+ value: string;
1195
1197
  hidden?: boolean | undefined;
1196
1198
  } | {
1197
- value: string;
1198
1199
  type: "unparsed";
1200
+ value: string;
1199
1201
  hidden?: boolean | undefined;
1200
- } | import("@webstudio-is/css-engine").ColorValue | {
1202
+ } | {
1201
1203
  type: "rgb";
1202
1204
  r: number;
1203
1205
  g: number;
@@ -1208,27 +1210,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1208
1210
  hidden?: boolean | undefined;
1209
1211
  };
1210
1212
  offsetY: {
1211
- value: number;
1212
1213
  type: "unit";
1213
1214
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1215
+ value: number;
1214
1216
  hidden?: boolean | undefined;
1215
1217
  } | {
1216
- value: string;
1217
1218
  type: "var";
1218
- fallback?: {
1219
- value: number;
1219
+ value: string;
1220
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1220
1221
  type: "unit";
1221
1222
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1223
+ value: number;
1222
1224
  hidden?: boolean | undefined;
1223
1225
  } | {
1224
- value: string;
1225
1226
  type: "keyword";
1227
+ value: string;
1226
1228
  hidden?: boolean | undefined;
1227
1229
  } | {
1228
- value: string;
1229
1230
  type: "unparsed";
1231
+ value: string;
1230
1232
  hidden?: boolean | undefined;
1231
- } | import("@webstudio-is/css-engine").ColorValue | {
1233
+ } | {
1232
1234
  type: "rgb";
1233
1235
  r: number;
1234
1236
  g: number;
@@ -1238,34 +1240,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1238
1240
  } | undefined;
1239
1241
  hidden?: boolean | undefined;
1240
1242
  };
1241
- color?: {
1242
- value: string;
1243
- type: "keyword";
1244
- hidden?: boolean | undefined;
1245
- } | import("@webstudio-is/css-engine").ColorValue | {
1246
- type: "rgb";
1247
- r: number;
1248
- g: number;
1249
- b: number;
1250
- alpha: number;
1243
+ blur?: {
1244
+ type: "unit";
1245
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1246
+ value: number;
1251
1247
  hidden?: boolean | undefined;
1252
1248
  } | {
1253
- value: string;
1254
1249
  type: "var";
1255
- fallback?: {
1256
- value: number;
1250
+ value: string;
1251
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1257
1252
  type: "unit";
1258
1253
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1254
+ value: number;
1259
1255
  hidden?: boolean | undefined;
1260
1256
  } | {
1261
- value: string;
1262
1257
  type: "keyword";
1258
+ value: string;
1263
1259
  hidden?: boolean | undefined;
1264
1260
  } | {
1265
- value: string;
1266
1261
  type: "unparsed";
1262
+ value: string;
1267
1263
  hidden?: boolean | undefined;
1268
- } | import("@webstudio-is/css-engine").ColorValue | {
1264
+ } | {
1269
1265
  type: "rgb";
1270
1266
  r: number;
1271
1267
  g: number;
@@ -1275,29 +1271,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1275
1271
  } | undefined;
1276
1272
  hidden?: boolean | undefined;
1277
1273
  } | undefined;
1278
- hidden?: boolean | undefined;
1279
- blur?: {
1280
- value: number;
1274
+ spread?: {
1281
1275
  type: "unit";
1282
1276
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1277
+ value: number;
1283
1278
  hidden?: boolean | undefined;
1284
1279
  } | {
1285
- value: string;
1286
1280
  type: "var";
1287
- fallback?: {
1288
- value: number;
1281
+ value: string;
1282
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1289
1283
  type: "unit";
1290
1284
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1285
+ value: number;
1291
1286
  hidden?: boolean | undefined;
1292
1287
  } | {
1293
- value: string;
1294
1288
  type: "keyword";
1289
+ value: string;
1295
1290
  hidden?: boolean | undefined;
1296
1291
  } | {
1297
- value: string;
1298
1292
  type: "unparsed";
1293
+ value: string;
1299
1294
  hidden?: boolean | undefined;
1300
- } | import("@webstudio-is/css-engine").ColorValue | {
1295
+ } | {
1301
1296
  type: "rgb";
1302
1297
  r: number;
1303
1298
  g: number;
@@ -1307,28 +1302,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1307
1302
  } | undefined;
1308
1303
  hidden?: boolean | undefined;
1309
1304
  } | undefined;
1310
- spread?: {
1311
- value: number;
1312
- type: "unit";
1313
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
1305
+ color?: import("@webstudio-is/css-engine").ColorValue | {
1306
+ type: "keyword";
1307
+ value: string;
1308
+ hidden?: boolean | undefined;
1309
+ } | {
1310
+ type: "rgb";
1311
+ r: number;
1312
+ g: number;
1313
+ b: number;
1314
+ alpha: number;
1314
1315
  hidden?: boolean | undefined;
1315
1316
  } | {
1316
- value: string;
1317
1317
  type: "var";
1318
- fallback?: {
1319
- value: number;
1318
+ value: string;
1319
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1320
1320
  type: "unit";
1321
1321
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1322
+ value: number;
1322
1323
  hidden?: boolean | undefined;
1323
1324
  } | {
1324
- value: string;
1325
1325
  type: "keyword";
1326
+ value: string;
1326
1327
  hidden?: boolean | undefined;
1327
1328
  } | {
1328
- value: string;
1329
1329
  type: "unparsed";
1330
+ value: string;
1330
1331
  hidden?: boolean | undefined;
1331
- } | import("@webstudio-is/css-engine").ColorValue | {
1332
+ } | {
1332
1333
  type: "rgb";
1333
1334
  r: number;
1334
1335
  g: number;
@@ -1339,110 +1340,109 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1339
1340
  hidden?: boolean | undefined;
1340
1341
  } | undefined;
1341
1342
  } | {
1342
- value: string;
1343
1343
  type: "invalid";
1344
+ value: string;
1344
1345
  hidden?: boolean | undefined;
1346
+ } | {
1347
+ type: "function";
1348
+ name: string;
1349
+ args: import("@webstudio-is/css-engine").StyleValue;
1350
+ hidden?: boolean;
1345
1351
  })[];
1346
- type: "layers";
1347
1352
  hidden?: boolean | undefined;
1348
1353
  } | {
1349
- value: string[];
1350
1354
  type: "fontFamily";
1355
+ value: string[];
1351
1356
  hidden?: boolean | undefined;
1352
1357
  } | {
1353
1358
  type: "guaranteedInvalid";
1354
1359
  hidden?: boolean | undefined;
1355
1360
  } | {
1356
- value: "";
1357
1361
  type: "unset";
1362
+ value: "";
1358
1363
  hidden?: boolean | undefined;
1364
+ } | {
1365
+ type: "function";
1366
+ name: string;
1367
+ args: import("@webstudio-is/css-engine").StyleValue;
1368
+ hidden?: boolean;
1359
1369
  }>;
1360
- offset?: number | undefined;
1361
1370
  }[];
1362
1371
  timing: {
1363
- fill?: "none" | "forwards" | "backwards" | "both" | undefined;
1364
1372
  easing?: string | undefined;
1373
+ fill?: "backwards" | "both" | "forwards" | "none" | undefined;
1365
1374
  duration?: {
1366
- value: number;
1367
1375
  type: "unit";
1368
- unit: "s" | "ms";
1376
+ value: number;
1377
+ unit: "ms" | "s";
1369
1378
  } | {
1370
- value: string;
1371
1379
  type: "var";
1380
+ value: string;
1372
1381
  } | undefined;
1373
1382
  delay?: {
1374
- value: number;
1375
1383
  type: "unit";
1376
- unit: "s" | "ms";
1384
+ value: number;
1385
+ unit: "ms" | "s";
1377
1386
  } | {
1378
- value: string;
1379
1387
  type: "var";
1388
+ value: string;
1380
1389
  } | undefined;
1381
1390
  iterations?: number | "infinite" | undefined;
1382
- rangeStart?: ["contain" | "cover" | "entry" | "exit" | "entry-crossing" | "exit-crossing", {
1383
- value: number;
1391
+ rangeStart?: ["contain" | "cover" | "entry" | "entry-crossing" | "exit" | "exit-crossing", {
1384
1392
  type: "unit";
1385
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1393
+ value: number;
1394
+ unit: "%" | "cap" | "ch" | "cm" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "em" | "ex" | "in" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "mm" | "pc" | "pt" | "px" | "q" | "rcap" | "rch" | "rem" | "rex" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vh" | "vi" | "vmax" | "vmin" | "vw";
1386
1395
  } | {
1387
- value: string;
1388
1396
  type: "unparsed";
1389
- } | {
1390
1397
  value: string;
1398
+ } | {
1391
1399
  type: "var";
1400
+ value: string;
1392
1401
  }] | undefined;
1393
- rangeEnd?: ["contain" | "cover" | "entry" | "exit" | "entry-crossing" | "exit-crossing", {
1394
- value: number;
1402
+ rangeEnd?: ["contain" | "cover" | "entry" | "entry-crossing" | "exit" | "exit-crossing", {
1395
1403
  type: "unit";
1396
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1404
+ value: number;
1405
+ unit: "%" | "cap" | "ch" | "cm" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "em" | "ex" | "in" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "mm" | "pc" | "pt" | "px" | "q" | "rcap" | "rch" | "rem" | "rex" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vh" | "vi" | "vmax" | "vmin" | "vw";
1397
1406
  } | {
1398
- value: string;
1399
1407
  type: "unparsed";
1400
- } | {
1401
1408
  value: string;
1409
+ } | {
1402
1410
  type: "var";
1411
+ value: string;
1403
1412
  }] | undefined;
1404
1413
  };
1405
- name?: string | undefined;
1406
- description?: string | undefined;
1407
- enabled?: [string, boolean][] | undefined;
1408
1414
  }[];
1409
- axis?: "block" | "x" | "y" | "inline" | undefined;
1410
- isPinned?: boolean | undefined;
1411
- debug?: boolean | undefined;
1412
- subject?: string | undefined;
1413
1415
  insetStart?: {
1414
- value: number;
1416
+ type: "keyword";
1417
+ value: "auto";
1418
+ } | {
1415
1419
  type: "unit";
1416
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1420
+ value: number;
1421
+ unit: "%" | "cap" | "ch" | "cm" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "em" | "ex" | "in" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "mm" | "pc" | "pt" | "px" | "q" | "rcap" | "rch" | "rem" | "rex" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vh" | "vi" | "vmax" | "vmin" | "vw";
1417
1422
  } | {
1418
- value: string;
1419
1423
  type: "unparsed";
1420
- } | {
1421
1424
  value: string;
1422
- type: "var";
1423
1425
  } | {
1424
- value: "auto";
1425
- type: "keyword";
1426
+ type: "var";
1427
+ value: string;
1426
1428
  } | undefined;
1427
1429
  insetEnd?: {
1428
- value: number;
1430
+ type: "keyword";
1431
+ value: "auto";
1432
+ } | {
1429
1433
  type: "unit";
1430
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1434
+ value: number;
1435
+ unit: "%" | "cap" | "ch" | "cm" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "em" | "ex" | "in" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "mm" | "pc" | "pt" | "px" | "q" | "rcap" | "rch" | "rem" | "rex" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vh" | "vi" | "vmax" | "vmin" | "vw";
1431
1436
  } | {
1432
- value: string;
1433
1437
  type: "unparsed";
1434
- } | {
1435
1438
  value: string;
1436
- type: "var";
1437
1439
  } | {
1438
- value: "auto";
1439
- type: "keyword";
1440
+ type: "var";
1441
+ value: string;
1440
1442
  } | undefined;
1443
+ isPinned?: boolean | undefined;
1444
+ debug?: boolean | undefined;
1441
1445
  };
1442
- type: "animationAction";
1443
- id: string;
1444
- instanceId: string;
1445
- required?: boolean | undefined;
1446
1446
  })[];
1447
1447
  export declare const idAttribute: "data-ws-id";
1448
1448
  export declare const selectorIdAttribute: "data-ws-selector";