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