@webstudio-is/react-sdk 0.0.0-73cd6ea → 0.0.0-7a19155

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