@webstudio-is/react-sdk 0.75.0 → 0.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/lib/cjs/context.js +5 -1
  2. package/lib/cjs/css/normalize.js +9 -1
  3. package/lib/cjs/embed-template.js +68 -3
  4. package/lib/cjs/expression.js +191 -0
  5. package/lib/cjs/index.js +7 -1
  6. package/lib/cjs/props.js +28 -10
  7. package/lib/cjs/tree/create-elements-tree.js +14 -1
  8. package/lib/cjs/tree/root.js +55 -0
  9. package/lib/cjs/tree/webstudio-component.js +9 -2
  10. package/lib/context.js +5 -1
  11. package/lib/css/normalize.js +9 -1
  12. package/lib/embed-template.js +68 -3
  13. package/lib/expression.js +161 -0
  14. package/lib/index.js +13 -1
  15. package/lib/props.js +28 -10
  16. package/lib/tree/create-elements-tree.js +14 -1
  17. package/lib/tree/root.js +63 -1
  18. package/lib/tree/webstudio-component.js +9 -2
  19. package/lib/types/components/component-meta.d.ts +112 -0
  20. package/lib/types/context.d.ts +3 -0
  21. package/lib/types/css/normalize.d.ts +1316 -0
  22. package/lib/types/embed-template.d.ts +512 -0
  23. package/lib/types/expression.d.ts +6 -0
  24. package/lib/types/expression.test.d.ts +1 -0
  25. package/lib/types/index.d.ts +2 -1
  26. package/lib/types/props.d.ts +8 -7
  27. package/lib/types/tree/create-elements-tree.d.ts +4 -2
  28. package/lib/types/tree/root.d.ts +3 -3
  29. package/lib/types/tree/webstudio-component.d.ts +1 -0
  30. package/package.json +10 -10
  31. package/src/context.tsx +11 -0
  32. package/src/css/normalize.ts +9 -1
  33. package/src/embed-template.test.ts +177 -1
  34. package/src/embed-template.ts +73 -2
  35. package/src/expression.test.ts +122 -0
  36. package/src/expression.ts +183 -0
  37. package/src/index.ts +7 -0
  38. package/src/props.ts +29 -10
  39. package/src/tree/create-elements-tree.tsx +20 -1
  40. package/src/tree/root.ts +81 -4
  41. package/src/tree/webstudio-component.tsx +7 -1
package/lib/types/embed-template.d.ts CHANGED
@@ -16,51 +16,203 @@ type EmbedTemplateText = z.infer<typeof EmbedTemplateText>;
16
16
  declare const EmbedTemplateProp: z.ZodUnion<[z.ZodObject<{
17
17
  type: z.ZodLiteral<"number">;
18
18
  name: z.ZodString;
19
+ dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
20
+ type: z.ZodLiteral<"variable">;
21
+ name: z.ZodString;
22
+ }, "strip", z.ZodTypeAny, {
23
+ name: string;
24
+ type: "variable";
25
+ }, {
26
+ name: string;
27
+ type: "variable";
28
+ }>, z.ZodObject<{
29
+ type: z.ZodLiteral<"expression">;
30
+ name: z.ZodString;
31
+ code: z.ZodString;
32
+ }, "strip", z.ZodTypeAny, {
33
+ name: string;
34
+ code: string;
35
+ type: "expression";
36
+ }, {
37
+ name: string;
38
+ code: string;
39
+ type: "expression";
40
+ }>]>>;
19
41
  value: z.ZodNumber;
20
42
  }, "strip", z.ZodTypeAny, {
21
43
  name: string;
22
44
  type: "number";
23
45
  value: number;
46
+ dataSourceRef?: {
47
+ name: string;
48
+ type: "variable";
49
+ } | {
50
+ name: string;
51
+ code: string;
52
+ type: "expression";
53
+ } | undefined;
24
54
  }, {
25
55
  name: string;
26
56
  type: "number";
27
57
  value: number;
58
+ dataSourceRef?: {
59
+ name: string;
60
+ type: "variable";
61
+ } | {
62
+ name: string;
63
+ code: string;
64
+ type: "expression";
65
+ } | undefined;
28
66
  }>, z.ZodObject<{
29
67
  type: z.ZodLiteral<"string">;
30
68
  name: z.ZodString;
69
+ dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
70
+ type: z.ZodLiteral<"variable">;
71
+ name: z.ZodString;
72
+ }, "strip", z.ZodTypeAny, {
73
+ name: string;
74
+ type: "variable";
75
+ }, {
76
+ name: string;
77
+ type: "variable";
78
+ }>, z.ZodObject<{
79
+ type: z.ZodLiteral<"expression">;
80
+ name: z.ZodString;
81
+ code: z.ZodString;
82
+ }, "strip", z.ZodTypeAny, {
83
+ name: string;
84
+ code: string;
85
+ type: "expression";
86
+ }, {
87
+ name: string;
88
+ code: string;
89
+ type: "expression";
90
+ }>]>>;
31
91
  value: z.ZodString;
32
92
  }, "strip", z.ZodTypeAny, {
33
93
  name: string;
34
94
  type: "string";
35
95
  value: string;
96
+ dataSourceRef?: {
97
+ name: string;
98
+ type: "variable";
99
+ } | {
100
+ name: string;
101
+ code: string;
102
+ type: "expression";
103
+ } | undefined;
36
104
  }, {
37
105
  name: string;
38
106
  type: "string";
39
107
  value: string;
108
+ dataSourceRef?: {
109
+ name: string;
110
+ type: "variable";
111
+ } | {
112
+ name: string;
113
+ code: string;
114
+ type: "expression";
115
+ } | undefined;
40
116
  }>, z.ZodObject<{
41
117
  type: z.ZodLiteral<"boolean">;
42
118
  name: z.ZodString;
119
+ dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
120
+ type: z.ZodLiteral<"variable">;
121
+ name: z.ZodString;
122
+ }, "strip", z.ZodTypeAny, {
123
+ name: string;
124
+ type: "variable";
125
+ }, {
126
+ name: string;
127
+ type: "variable";
128
+ }>, z.ZodObject<{
129
+ type: z.ZodLiteral<"expression">;
130
+ name: z.ZodString;
131
+ code: z.ZodString;
132
+ }, "strip", z.ZodTypeAny, {
133
+ name: string;
134
+ code: string;
135
+ type: "expression";
136
+ }, {
137
+ name: string;
138
+ code: string;
139
+ type: "expression";
140
+ }>]>>;
43
141
  value: z.ZodBoolean;
44
142
  }, "strip", z.ZodTypeAny, {
45
143
  name: string;
46
144
  type: "boolean";
47
145
  value: boolean;
146
+ dataSourceRef?: {
147
+ name: string;
148
+ type: "variable";
149
+ } | {
150
+ name: string;
151
+ code: string;
152
+ type: "expression";
153
+ } | undefined;
48
154
  }, {
49
155
  name: string;
50
156
  type: "boolean";
51
157
  value: boolean;
158
+ dataSourceRef?: {
159
+ name: string;
160
+ type: "variable";
161
+ } | {
162
+ name: string;
163
+ code: string;
164
+ type: "expression";
165
+ } | undefined;
52
166
  }>, z.ZodObject<{
53
167
  type: z.ZodLiteral<"string[]">;
54
168
  name: z.ZodString;
169
+ dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
170
+ type: z.ZodLiteral<"variable">;
171
+ name: z.ZodString;
172
+ }, "strip", z.ZodTypeAny, {
173
+ name: string;
174
+ type: "variable";
175
+ }, {
176
+ name: string;
177
+ type: "variable";
178
+ }>, z.ZodObject<{
179
+ type: z.ZodLiteral<"expression">;
180
+ name: z.ZodString;
181
+ code: z.ZodString;
182
+ }, "strip", z.ZodTypeAny, {
183
+ name: string;
184
+ code: string;
185
+ type: "expression";
186
+ }, {
187
+ name: string;
188
+ code: string;
189
+ type: "expression";
190
+ }>]>>;
55
191
  value: z.ZodArray<z.ZodString, "many">;
56
192
  }, "strip", z.ZodTypeAny, {
57
193
  name: string;
58
194
  type: "string[]";
59
195
  value: string[];
196
+ dataSourceRef?: {
197
+ name: string;
198
+ type: "variable";
199
+ } | {
200
+ name: string;
201
+ code: string;
202
+ type: "expression";
203
+ } | undefined;
60
204
  }, {
61
205
  name: string;
62
206
  type: "string[]";
63
207
  value: string[];
208
+ dataSourceRef?: {
209
+ name: string;
210
+ type: "variable";
211
+ } | {
212
+ name: string;
213
+ code: string;
214
+ type: "expression";
215
+ } | undefined;
64
216
  }>]>;
65
217
  type EmbedTemplateProp = z.infer<typeof EmbedTemplateProp>;
66
218
  declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
@@ -220,7 +372,26 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
220
372
  type: "unparsed";
221
373
  value: string;
222
374
  hidden?: boolean | undefined;
375
+ }>, z.ZodObject<{
376
+ type: z.ZodLiteral<"rgb">;
377
+ r: z.ZodNumber;
378
+ g: z.ZodNumber;
379
+ b: z.ZodNumber;
380
+ alpha: z.ZodNumber;
381
+ }, "strip", z.ZodTypeAny, {
382
+ type: "rgb";
383
+ alpha: number;
384
+ r: number;
385
+ g: number;
386
+ b: number;
387
+ }, {
388
+ type: "rgb";
389
+ alpha: number;
390
+ r: number;
391
+ g: number;
392
+ b: number;
223
393
  }>]>, "many">;
394
+ hidden: z.ZodOptional<z.ZodBoolean>;
224
395
  }, "strip", z.ZodTypeAny, {
225
396
  type: "tuple";
226
397
  value: ({
@@ -234,7 +405,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
234
405
  type: "unparsed";
235
406
  value: string;
236
407
  hidden?: boolean | undefined;
408
+ } | {
409
+ type: "rgb";
410
+ alpha: number;
411
+ r: number;
412
+ g: number;
413
+ b: number;
237
414
  })[];
415
+ hidden?: boolean | undefined;
238
416
  }, {
239
417
  type: "tuple";
240
418
  value: ({
@@ -248,7 +426,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
248
426
  type: "unparsed";
249
427
  value: string;
250
428
  hidden?: boolean | undefined;
429
+ } | {
430
+ type: "rgb";
431
+ alpha: number;
432
+ r: number;
433
+ g: number;
434
+ b: number;
251
435
  })[];
436
+ hidden?: boolean | undefined;
252
437
  }>, z.ZodObject<{
253
438
  type: z.ZodLiteral<"invalid">;
254
439
  value: z.ZodString;
@@ -298,7 +483,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
298
483
  type: "unparsed";
299
484
  value: string;
300
485
  hidden?: boolean | undefined;
486
+ } | {
487
+ type: "rgb";
488
+ alpha: number;
489
+ r: number;
490
+ g: number;
491
+ b: number;
301
492
  })[];
493
+ hidden?: boolean | undefined;
302
494
  })[];
303
495
  }, {
304
496
  type: "layers";
@@ -339,7 +531,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
339
531
  type: "unparsed";
340
532
  value: string;
341
533
  hidden?: boolean | undefined;
534
+ } | {
535
+ type: "rgb";
536
+ alpha: number;
537
+ r: number;
538
+ g: number;
539
+ b: number;
342
540
  })[];
541
+ hidden?: boolean | undefined;
343
542
  })[];
344
543
  }>, z.ZodObject<{
345
544
  type: z.ZodLiteral<"unit">;
@@ -436,7 +635,26 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
436
635
  type: "unparsed";
437
636
  value: string;
438
637
  hidden?: boolean | undefined;
638
+ }>, z.ZodObject<{
639
+ type: z.ZodLiteral<"rgb">;
640
+ r: z.ZodNumber;
641
+ g: z.ZodNumber;
642
+ b: z.ZodNumber;
643
+ alpha: z.ZodNumber;
644
+ }, "strip", z.ZodTypeAny, {
645
+ type: "rgb";
646
+ alpha: number;
647
+ r: number;
648
+ g: number;
649
+ b: number;
650
+ }, {
651
+ type: "rgb";
652
+ alpha: number;
653
+ r: number;
654
+ g: number;
655
+ b: number;
439
656
  }>]>, "many">;
657
+ hidden: z.ZodOptional<z.ZodBoolean>;
440
658
  }, "strip", z.ZodTypeAny, {
441
659
  type: "tuple";
442
660
  value: ({
@@ -450,7 +668,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
450
668
  type: "unparsed";
451
669
  value: string;
452
670
  hidden?: boolean | undefined;
671
+ } | {
672
+ type: "rgb";
673
+ alpha: number;
674
+ r: number;
675
+ g: number;
676
+ b: number;
453
677
  })[];
678
+ hidden?: boolean | undefined;
454
679
  }, {
455
680
  type: "tuple";
456
681
  value: ({
@@ -464,7 +689,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
464
689
  type: "unparsed";
465
690
  value: string;
466
691
  hidden?: boolean | undefined;
692
+ } | {
693
+ type: "rgb";
694
+ alpha: number;
695
+ r: number;
696
+ g: number;
697
+ b: number;
467
698
  })[];
699
+ hidden?: boolean | undefined;
468
700
  }>]>, z.ZodObject<{
469
701
  type: z.ZodLiteral<"invalid">;
470
702
  value: z.ZodString;
@@ -640,7 +872,26 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
640
872
  type: "unparsed";
641
873
  value: string;
642
874
  hidden?: boolean | undefined;
875
+ }>, z.ZodObject<{
876
+ type: z.ZodLiteral<"rgb">;
877
+ r: z.ZodNumber;
878
+ g: z.ZodNumber;
879
+ b: z.ZodNumber;
880
+ alpha: z.ZodNumber;
881
+ }, "strip", z.ZodTypeAny, {
882
+ type: "rgb";
883
+ alpha: number;
884
+ r: number;
885
+ g: number;
886
+ b: number;
887
+ }, {
888
+ type: "rgb";
889
+ alpha: number;
890
+ r: number;
891
+ g: number;
892
+ b: number;
643
893
  }>]>, "many">;
894
+ hidden: z.ZodOptional<z.ZodBoolean>;
644
895
  }, "strip", z.ZodTypeAny, {
645
896
  type: "tuple";
646
897
  value: ({
@@ -654,7 +905,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
654
905
  type: "unparsed";
655
906
  value: string;
656
907
  hidden?: boolean | undefined;
908
+ } | {
909
+ type: "rgb";
910
+ alpha: number;
911
+ r: number;
912
+ g: number;
913
+ b: number;
657
914
  })[];
915
+ hidden?: boolean | undefined;
658
916
  }, {
659
917
  type: "tuple";
660
918
  value: ({
@@ -668,7 +926,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
668
926
  type: "unparsed";
669
927
  value: string;
670
928
  hidden?: boolean | undefined;
929
+ } | {
930
+ type: "rgb";
931
+ alpha: number;
932
+ r: number;
933
+ g: number;
934
+ b: number;
671
935
  })[];
936
+ hidden?: boolean | undefined;
672
937
  }>, z.ZodObject<{
673
938
  type: z.ZodLiteral<"invalid">;
674
939
  value: z.ZodString;
@@ -718,7 +983,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
718
983
  type: "unparsed";
719
984
  value: string;
720
985
  hidden?: boolean | undefined;
986
+ } | {
987
+ type: "rgb";
988
+ alpha: number;
989
+ r: number;
990
+ g: number;
991
+ b: number;
721
992
  })[];
993
+ hidden?: boolean | undefined;
722
994
  })[];
723
995
  }, {
724
996
  type: "layers";
@@ -759,7 +1031,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
759
1031
  type: "unparsed";
760
1032
  value: string;
761
1033
  hidden?: boolean | undefined;
1034
+ } | {
1035
+ type: "rgb";
1036
+ alpha: number;
1037
+ r: number;
1038
+ g: number;
1039
+ b: number;
762
1040
  })[];
1041
+ hidden?: boolean | undefined;
763
1042
  })[];
764
1043
  }>, z.ZodObject<{
765
1044
  type: z.ZodLiteral<"unit">;
@@ -856,7 +1135,26 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
856
1135
  type: "unparsed";
857
1136
  value: string;
858
1137
  hidden?: boolean | undefined;
1138
+ }>, z.ZodObject<{
1139
+ type: z.ZodLiteral<"rgb">;
1140
+ r: z.ZodNumber;
1141
+ g: z.ZodNumber;
1142
+ b: z.ZodNumber;
1143
+ alpha: z.ZodNumber;
1144
+ }, "strip", z.ZodTypeAny, {
1145
+ type: "rgb";
1146
+ alpha: number;
1147
+ r: number;
1148
+ g: number;
1149
+ b: number;
1150
+ }, {
1151
+ type: "rgb";
1152
+ alpha: number;
1153
+ r: number;
1154
+ g: number;
1155
+ b: number;
859
1156
  }>]>, "many">;
1157
+ hidden: z.ZodOptional<z.ZodBoolean>;
860
1158
  }, "strip", z.ZodTypeAny, {
861
1159
  type: "tuple";
862
1160
  value: ({
@@ -870,7 +1168,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
870
1168
  type: "unparsed";
871
1169
  value: string;
872
1170
  hidden?: boolean | undefined;
1171
+ } | {
1172
+ type: "rgb";
1173
+ alpha: number;
1174
+ r: number;
1175
+ g: number;
1176
+ b: number;
873
1177
  })[];
1178
+ hidden?: boolean | undefined;
874
1179
  }, {
875
1180
  type: "tuple";
876
1181
  value: ({
@@ -884,7 +1189,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
884
1189
  type: "unparsed";
885
1190
  value: string;
886
1191
  hidden?: boolean | undefined;
1192
+ } | {
1193
+ type: "rgb";
1194
+ alpha: number;
1195
+ r: number;
1196
+ g: number;
1197
+ b: number;
887
1198
  })[];
1199
+ hidden?: boolean | undefined;
888
1200
  }>]>, "many">;
889
1201
  }, "strip", z.ZodTypeAny, {
890
1202
  type: "var";
@@ -932,7 +1244,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
932
1244
  type: "unparsed";
933
1245
  value: string;
934
1246
  hidden?: boolean | undefined;
1247
+ } | {
1248
+ type: "rgb";
1249
+ alpha: number;
1250
+ r: number;
1251
+ g: number;
1252
+ b: number;
935
1253
  })[];
1254
+ hidden?: boolean | undefined;
936
1255
  } | {
937
1256
  type: "layers";
938
1257
  value: ({
@@ -972,7 +1291,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
972
1291
  type: "unparsed";
973
1292
  value: string;
974
1293
  hidden?: boolean | undefined;
1294
+ } | {
1295
+ type: "rgb";
1296
+ alpha: number;
1297
+ r: number;
1298
+ g: number;
1299
+ b: number;
975
1300
  })[];
1301
+ hidden?: boolean | undefined;
976
1302
  })[];
977
1303
  })[];
978
1304
  }, {
@@ -1021,7 +1347,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1021
1347
  type: "unparsed";
1022
1348
  value: string;
1023
1349
  hidden?: boolean | undefined;
1350
+ } | {
1351
+ type: "rgb";
1352
+ alpha: number;
1353
+ r: number;
1354
+ g: number;
1355
+ b: number;
1024
1356
  })[];
1357
+ hidden?: boolean | undefined;
1025
1358
  } | {
1026
1359
  type: "layers";
1027
1360
  value: ({
@@ -1061,7 +1394,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1061
1394
  type: "unparsed";
1062
1395
  value: string;
1063
1396
  hidden?: boolean | undefined;
1397
+ } | {
1398
+ type: "rgb";
1399
+ alpha: number;
1400
+ r: number;
1401
+ g: number;
1402
+ b: number;
1064
1403
  })[];
1404
+ hidden?: boolean | undefined;
1065
1405
  })[];
1066
1406
  })[];
1067
1407
  }>]>;
@@ -1115,7 +1455,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1115
1455
  type: "unparsed";
1116
1456
  value: string;
1117
1457
  hidden?: boolean | undefined;
1458
+ } | {
1459
+ type: "rgb";
1460
+ alpha: number;
1461
+ r: number;
1462
+ g: number;
1463
+ b: number;
1118
1464
  })[];
1465
+ hidden?: boolean | undefined;
1119
1466
  } | {
1120
1467
  type: "layers";
1121
1468
  value: ({
@@ -1155,7 +1502,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1155
1502
  type: "unparsed";
1156
1503
  value: string;
1157
1504
  hidden?: boolean | undefined;
1505
+ } | {
1506
+ type: "rgb";
1507
+ alpha: number;
1508
+ r: number;
1509
+ g: number;
1510
+ b: number;
1158
1511
  })[];
1512
+ hidden?: boolean | undefined;
1159
1513
  })[];
1160
1514
  } | {
1161
1515
  type: "var";
@@ -1203,7 +1557,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1203
1557
  type: "unparsed";
1204
1558
  value: string;
1205
1559
  hidden?: boolean | undefined;
1560
+ } | {
1561
+ type: "rgb";
1562
+ alpha: number;
1563
+ r: number;
1564
+ g: number;
1565
+ b: number;
1206
1566
  })[];
1567
+ hidden?: boolean | undefined;
1207
1568
  } | {
1208
1569
  type: "layers";
1209
1570
  value: ({
@@ -1243,7 +1604,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1243
1604
  type: "unparsed";
1244
1605
  value: string;
1245
1606
  hidden?: boolean | undefined;
1607
+ } | {
1608
+ type: "rgb";
1609
+ alpha: number;
1610
+ r: number;
1611
+ g: number;
1612
+ b: number;
1246
1613
  })[];
1614
+ hidden?: boolean | undefined;
1247
1615
  })[];
1248
1616
  })[];
1249
1617
  };
@@ -1299,7 +1667,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1299
1667
  type: "unparsed";
1300
1668
  value: string;
1301
1669
  hidden?: boolean | undefined;
1670
+ } | {
1671
+ type: "rgb";
1672
+ alpha: number;
1673
+ r: number;
1674
+ g: number;
1675
+ b: number;
1302
1676
  })[];
1677
+ hidden?: boolean | undefined;
1303
1678
  } | {
1304
1679
  type: "layers";
1305
1680
  value: ({
@@ -1339,7 +1714,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1339
1714
  type: "unparsed";
1340
1715
  value: string;
1341
1716
  hidden?: boolean | undefined;
1717
+ } | {
1718
+ type: "rgb";
1719
+ alpha: number;
1720
+ r: number;
1721
+ g: number;
1722
+ b: number;
1342
1723
  })[];
1724
+ hidden?: boolean | undefined;
1343
1725
  })[];
1344
1726
  } | {
1345
1727
  type: "var";
@@ -1387,7 +1769,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1387
1769
  type: "unparsed";
1388
1770
  value: string;
1389
1771
  hidden?: boolean | undefined;
1772
+ } | {
1773
+ type: "rgb";
1774
+ alpha: number;
1775
+ r: number;
1776
+ g: number;
1777
+ b: number;
1390
1778
  })[];
1779
+ hidden?: boolean | undefined;
1391
1780
  } | {
1392
1781
  type: "layers";
1393
1782
  value: ({
@@ -1427,7 +1816,14 @@ declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
1427
1816
  type: "unparsed";
1428
1817
  value: string;
1429
1818
  hidden?: boolean | undefined;
1819
+ } | {
1820
+ type: "rgb";
1821
+ alpha: number;
1822
+ r: number;
1823
+ g: number;
1824
+ b: number;
1430
1825
  })[];
1826
+ hidden?: boolean | undefined;
1431
1827
  })[];
1432
1828
  })[];
1433
1829
  };
@@ -1487,7 +1883,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1487
1883
  type: "unparsed";
1488
1884
  value: string;
1489
1885
  hidden?: boolean | undefined;
1886
+ } | {
1887
+ type: "rgb";
1888
+ alpha: number;
1889
+ r: number;
1890
+ g: number;
1891
+ b: number;
1490
1892
  })[];
1893
+ hidden?: boolean | undefined;
1491
1894
  } | {
1492
1895
  type: "layers";
1493
1896
  value: ({
@@ -1527,7 +1930,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1527
1930
  type: "unparsed";
1528
1931
  value: string;
1529
1932
  hidden?: boolean | undefined;
1933
+ } | {
1934
+ type: "rgb";
1935
+ alpha: number;
1936
+ r: number;
1937
+ g: number;
1938
+ b: number;
1530
1939
  })[];
1940
+ hidden?: boolean | undefined;
1531
1941
  })[];
1532
1942
  } | {
1533
1943
  type: "var";
@@ -1575,7 +1985,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1575
1985
  type: "unparsed";
1576
1986
  value: string;
1577
1987
  hidden?: boolean | undefined;
1988
+ } | {
1989
+ type: "rgb";
1990
+ alpha: number;
1991
+ r: number;
1992
+ g: number;
1993
+ b: number;
1578
1994
  })[];
1995
+ hidden?: boolean | undefined;
1579
1996
  } | {
1580
1997
  type: "layers";
1581
1998
  value: ({
@@ -1615,7 +2032,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1615
2032
  type: "unparsed";
1616
2033
  value: string;
1617
2034
  hidden?: boolean | undefined;
2035
+ } | {
2036
+ type: "rgb";
2037
+ alpha: number;
2038
+ r: number;
2039
+ g: number;
2040
+ b: number;
1618
2041
  })[];
2042
+ hidden?: boolean | undefined;
1619
2043
  })[];
1620
2044
  })[];
1621
2045
  };
@@ -1671,7 +2095,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1671
2095
  type: "unparsed";
1672
2096
  value: string;
1673
2097
  hidden?: boolean | undefined;
2098
+ } | {
2099
+ type: "rgb";
2100
+ alpha: number;
2101
+ r: number;
2102
+ g: number;
2103
+ b: number;
1674
2104
  })[];
2105
+ hidden?: boolean | undefined;
1675
2106
  } | {
1676
2107
  type: "layers";
1677
2108
  value: ({
@@ -1711,7 +2142,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1711
2142
  type: "unparsed";
1712
2143
  value: string;
1713
2144
  hidden?: boolean | undefined;
2145
+ } | {
2146
+ type: "rgb";
2147
+ alpha: number;
2148
+ r: number;
2149
+ g: number;
2150
+ b: number;
1714
2151
  })[];
2152
+ hidden?: boolean | undefined;
1715
2153
  })[];
1716
2154
  } | {
1717
2155
  type: "var";
@@ -1759,7 +2197,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1759
2197
  type: "unparsed";
1760
2198
  value: string;
1761
2199
  hidden?: boolean | undefined;
2200
+ } | {
2201
+ type: "rgb";
2202
+ alpha: number;
2203
+ r: number;
2204
+ g: number;
2205
+ b: number;
1762
2206
  })[];
2207
+ hidden?: boolean | undefined;
1763
2208
  } | {
1764
2209
  type: "layers";
1765
2210
  value: ({
@@ -1799,7 +2244,14 @@ export declare const EmbedTemplateStyleDecl: z.ZodType<{
1799
2244
  type: "unparsed";
1800
2245
  value: string;
1801
2246
  hidden?: boolean | undefined;
2247
+ } | {
2248
+ type: "rgb";
2249
+ alpha: number;
2250
+ r: number;
2251
+ g: number;
2252
+ b: number;
1802
2253
  })[];
2254
+ hidden?: boolean | undefined;
1803
2255
  })[];
1804
2256
  })[];
1805
2257
  };
@@ -1898,6 +2350,38 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
1898
2350
  id: string;
1899
2351
  instanceId: string;
1900
2352
  required?: boolean | undefined;
2353
+ } | {
2354
+ name: string;
2355
+ type: "dataSource";
2356
+ value: string;
2357
+ id: string;
2358
+ instanceId: string;
2359
+ required?: boolean | undefined;
2360
+ })[];
2361
+ dataSources: ({
2362
+ name: string;
2363
+ type: "variable";
2364
+ value: {
2365
+ type: "number";
2366
+ value: number;
2367
+ } | {
2368
+ type: "string";
2369
+ value: string;
2370
+ } | {
2371
+ type: "boolean";
2372
+ value: boolean;
2373
+ } | {
2374
+ type: "string[]";
2375
+ value: string[];
2376
+ };
2377
+ id: string;
2378
+ scopeInstanceId?: string | undefined;
2379
+ } | {
2380
+ name: string;
2381
+ code: string;
2382
+ type: "expression";
2383
+ id: string;
2384
+ scopeInstanceId?: string | undefined;
1901
2385
  })[];
1902
2386
  styleSourceSelections: {
1903
2387
  values: string[];
@@ -1961,7 +2445,14 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
1961
2445
  type: "unparsed";
1962
2446
  value: string;
1963
2447
  hidden?: boolean | undefined;
2448
+ } | {
2449
+ type: "rgb";
2450
+ alpha: number;
2451
+ r: number;
2452
+ g: number;
2453
+ b: number;
1964
2454
  })[];
2455
+ hidden?: boolean | undefined;
1965
2456
  } | {
1966
2457
  type: "layers";
1967
2458
  value: ({
@@ -2001,7 +2492,14 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
2001
2492
  type: "unparsed";
2002
2493
  value: string;
2003
2494
  hidden?: boolean | undefined;
2495
+ } | {
2496
+ type: "rgb";
2497
+ alpha: number;
2498
+ r: number;
2499
+ g: number;
2500
+ b: number;
2004
2501
  })[];
2502
+ hidden?: boolean | undefined;
2005
2503
  })[];
2006
2504
  } | {
2007
2505
  type: "var";
@@ -2049,7 +2547,14 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
2049
2547
  type: "unparsed";
2050
2548
  value: string;
2051
2549
  hidden?: boolean | undefined;
2550
+ } | {
2551
+ type: "rgb";
2552
+ alpha: number;
2553
+ r: number;
2554
+ g: number;
2555
+ b: number;
2052
2556
  })[];
2557
+ hidden?: boolean | undefined;
2053
2558
  } | {
2054
2559
  type: "layers";
2055
2560
  value: ({
@@ -2089,7 +2594,14 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
2089
2594
  type: "unparsed";
2090
2595
  value: string;
2091
2596
  hidden?: boolean | undefined;
2597
+ } | {
2598
+ type: "rgb";
2599
+ alpha: number;
2600
+ r: number;
2601
+ g: number;
2602
+ b: number;
2092
2603
  })[];
2604
+ hidden?: boolean | undefined;
2093
2605
  })[];
2094
2606
  })[];
2095
2607
  };