@webstudio-is/react-sdk 0.185.0 → 0.191.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 (11) hide show
  1. package/lib/index.js +212 -121
  2. package/lib/runtime.js +8 -12
  3. package/lib/types/components/component-meta.d.ts +1112 -449
  4. package/lib/types/components/components-utils.d.ts +2 -1
  5. package/lib/types/core-components.d.ts +298 -1
  6. package/lib/types/embed-template.d.ts +724 -215
  7. package/lib/types/hook.d.ts +9 -23
  8. package/lib/types/index.d.ts +0 -1
  9. package/package.json +10 -12
  10. package/lib/types/tree/create-elements-tree.d.ts +0 -26
  11. package/lib/types/tree/index.d.ts +0 -1
package/lib/types/components/component-meta.d.ts CHANGED
@@ -745,6 +745,131 @@ export declare const WsComponentMeta: z.ZodObject<{
745
745
  type: z.ZodEnum<["container", "control", "embed", "rich-text-child"]>;
746
746
  requiredAncestors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
747
747
  invalidAncestors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
748
+ constraints: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
749
+ relation: z.ZodUnion<[z.ZodLiteral<"ancestor">, z.ZodLiteral<"parent">, z.ZodLiteral<"self">, z.ZodLiteral<"child">, z.ZodLiteral<"descendant">]>;
750
+ component: z.ZodOptional<z.ZodObject<{
751
+ $eq: z.ZodOptional<z.ZodString>;
752
+ $neq: z.ZodOptional<z.ZodString>;
753
+ $in: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
754
+ $nin: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
755
+ }, "strip", z.ZodTypeAny, {
756
+ $eq?: string | undefined;
757
+ $neq?: string | undefined;
758
+ $in?: string[] | undefined;
759
+ $nin?: string[] | undefined;
760
+ }, {
761
+ $eq?: string | undefined;
762
+ $neq?: string | undefined;
763
+ $in?: string[] | undefined;
764
+ $nin?: string[] | undefined;
765
+ }>>;
766
+ tag: z.ZodOptional<z.ZodObject<{
767
+ $eq: z.ZodOptional<z.ZodString>;
768
+ $neq: z.ZodOptional<z.ZodString>;
769
+ $in: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
770
+ $nin: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
771
+ }, "strip", z.ZodTypeAny, {
772
+ $eq?: string | undefined;
773
+ $neq?: string | undefined;
774
+ $in?: string[] | undefined;
775
+ $nin?: string[] | undefined;
776
+ }, {
777
+ $eq?: string | undefined;
778
+ $neq?: string | undefined;
779
+ $in?: string[] | undefined;
780
+ $nin?: string[] | undefined;
781
+ }>>;
782
+ }, "strip", z.ZodTypeAny, {
783
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
784
+ component?: {
785
+ $eq?: string | undefined;
786
+ $neq?: string | undefined;
787
+ $in?: string[] | undefined;
788
+ $nin?: string[] | undefined;
789
+ } | undefined;
790
+ tag?: {
791
+ $eq?: string | undefined;
792
+ $neq?: string | undefined;
793
+ $in?: string[] | undefined;
794
+ $nin?: string[] | undefined;
795
+ } | undefined;
796
+ }, {
797
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
798
+ component?: {
799
+ $eq?: string | undefined;
800
+ $neq?: string | undefined;
801
+ $in?: string[] | undefined;
802
+ $nin?: string[] | undefined;
803
+ } | undefined;
804
+ tag?: {
805
+ $eq?: string | undefined;
806
+ $neq?: string | undefined;
807
+ $in?: string[] | undefined;
808
+ $nin?: string[] | undefined;
809
+ } | undefined;
810
+ }>, z.ZodArray<z.ZodObject<{
811
+ relation: z.ZodUnion<[z.ZodLiteral<"ancestor">, z.ZodLiteral<"parent">, z.ZodLiteral<"self">, z.ZodLiteral<"child">, z.ZodLiteral<"descendant">]>;
812
+ component: z.ZodOptional<z.ZodObject<{
813
+ $eq: z.ZodOptional<z.ZodString>;
814
+ $neq: z.ZodOptional<z.ZodString>;
815
+ $in: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
816
+ $nin: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
817
+ }, "strip", z.ZodTypeAny, {
818
+ $eq?: string | undefined;
819
+ $neq?: string | undefined;
820
+ $in?: string[] | undefined;
821
+ $nin?: string[] | undefined;
822
+ }, {
823
+ $eq?: string | undefined;
824
+ $neq?: string | undefined;
825
+ $in?: string[] | undefined;
826
+ $nin?: string[] | undefined;
827
+ }>>;
828
+ tag: z.ZodOptional<z.ZodObject<{
829
+ $eq: z.ZodOptional<z.ZodString>;
830
+ $neq: z.ZodOptional<z.ZodString>;
831
+ $in: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
832
+ $nin: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
833
+ }, "strip", z.ZodTypeAny, {
834
+ $eq?: string | undefined;
835
+ $neq?: string | undefined;
836
+ $in?: string[] | undefined;
837
+ $nin?: string[] | undefined;
838
+ }, {
839
+ $eq?: string | undefined;
840
+ $neq?: string | undefined;
841
+ $in?: string[] | undefined;
842
+ $nin?: string[] | undefined;
843
+ }>>;
844
+ }, "strip", z.ZodTypeAny, {
845
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
846
+ component?: {
847
+ $eq?: string | undefined;
848
+ $neq?: string | undefined;
849
+ $in?: string[] | undefined;
850
+ $nin?: string[] | undefined;
851
+ } | undefined;
852
+ tag?: {
853
+ $eq?: string | undefined;
854
+ $neq?: string | undefined;
855
+ $in?: string[] | undefined;
856
+ $nin?: string[] | undefined;
857
+ } | undefined;
858
+ }, {
859
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
860
+ component?: {
861
+ $eq?: string | undefined;
862
+ $neq?: string | undefined;
863
+ $in?: string[] | undefined;
864
+ $nin?: string[] | undefined;
865
+ } | undefined;
866
+ tag?: {
867
+ $eq?: string | undefined;
868
+ $neq?: string | undefined;
869
+ $in?: string[] | undefined;
870
+ $nin?: string[] | undefined;
871
+ } | undefined;
872
+ }>, "many">]>>;
748
873
  indexWithinAncestor: z.ZodOptional<z.ZodString>;
749
874
  stylable: z.ZodOptional<z.ZodBoolean>;
750
875
  detachable: z.ZodOptional<z.ZodBoolean>;
@@ -753,6 +878,16 @@ export declare const WsComponentMeta: z.ZodObject<{
753
878
  icon: z.ZodString;
754
879
  presetStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodType<{
755
880
  value: {
881
+ value: {
882
+ value: string;
883
+ type: "asset";
884
+ } | {
885
+ type: "url";
886
+ url: string;
887
+ };
888
+ type: "image";
889
+ hidden?: boolean | undefined;
890
+ } | {
756
891
  value: number;
757
892
  type: "unit";
758
893
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -765,10 +900,6 @@ export declare const WsComponentMeta: z.ZodObject<{
765
900
  value: string;
766
901
  type: "unparsed";
767
902
  hidden?: boolean | undefined;
768
- } | {
769
- value: string[];
770
- type: "fontFamily";
771
- hidden?: boolean | undefined;
772
903
  } | {
773
904
  type: "rgb";
774
905
  r: number;
@@ -781,20 +912,15 @@ export declare const WsComponentMeta: z.ZodObject<{
781
912
  name: string;
782
913
  args: import("@webstudio-is/css-engine").StyleValue;
783
914
  hidden?: boolean;
784
- } | {
785
- value: {
786
- value: string;
787
- type: "asset";
788
- } | {
789
- type: "url";
790
- url: string;
791
- };
792
- type: "image";
793
- hidden?: boolean | undefined;
794
915
  } | {
795
916
  value: string;
796
917
  type: "var";
797
918
  fallback?: {
919
+ value: number;
920
+ type: "unit";
921
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
922
+ hidden?: boolean | undefined;
923
+ } | {
798
924
  value: string;
799
925
  type: "keyword";
800
926
  hidden?: boolean | undefined;
@@ -802,10 +928,27 @@ export declare const WsComponentMeta: z.ZodObject<{
802
928
  value: string;
803
929
  type: "unparsed";
804
930
  hidden?: boolean | undefined;
931
+ } | {
932
+ type: "rgb";
933
+ r: number;
934
+ g: number;
935
+ b: number;
936
+ alpha: number;
937
+ hidden?: boolean | undefined;
805
938
  } | undefined;
806
939
  hidden?: boolean | undefined;
807
940
  } | {
808
941
  value: ({
942
+ value: {
943
+ value: string;
944
+ type: "asset";
945
+ } | {
946
+ type: "url";
947
+ url: string;
948
+ };
949
+ type: "image";
950
+ hidden?: boolean | undefined;
951
+ } | {
809
952
  value: number;
810
953
  type: "unit";
811
954
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -830,20 +973,15 @@ export declare const WsComponentMeta: z.ZodObject<{
830
973
  name: string;
831
974
  args: import("@webstudio-is/css-engine").StyleValue;
832
975
  hidden?: boolean;
833
- } | {
834
- value: {
835
- value: string;
836
- type: "asset";
837
- } | {
838
- type: "url";
839
- url: string;
840
- };
841
- type: "image";
842
- hidden?: boolean | undefined;
843
976
  } | {
844
977
  value: string;
845
978
  type: "var";
846
979
  fallback?: {
980
+ value: number;
981
+ type: "unit";
982
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
983
+ hidden?: boolean | undefined;
984
+ } | {
847
985
  value: string;
848
986
  type: "keyword";
849
987
  hidden?: boolean | undefined;
@@ -851,6 +989,13 @@ export declare const WsComponentMeta: z.ZodObject<{
851
989
  value: string;
852
990
  type: "unparsed";
853
991
  hidden?: boolean | undefined;
992
+ } | {
993
+ type: "rgb";
994
+ r: number;
995
+ g: number;
996
+ b: number;
997
+ alpha: number;
998
+ hidden?: boolean | undefined;
854
999
  } | undefined;
855
1000
  hidden?: boolean | undefined;
856
1001
  })[];
@@ -862,6 +1007,16 @@ export declare const WsComponentMeta: z.ZodObject<{
862
1007
  hidden?: boolean | undefined;
863
1008
  } | {
864
1009
  value: ({
1010
+ value: {
1011
+ value: string;
1012
+ type: "asset";
1013
+ } | {
1014
+ type: "url";
1015
+ url: string;
1016
+ };
1017
+ type: "image";
1018
+ hidden?: boolean | undefined;
1019
+ } | {
865
1020
  value: number;
866
1021
  type: "unit";
867
1022
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -886,20 +1041,15 @@ export declare const WsComponentMeta: z.ZodObject<{
886
1041
  name: string;
887
1042
  args: import("@webstudio-is/css-engine").StyleValue;
888
1043
  hidden?: boolean;
889
- } | {
890
- value: {
891
- value: string;
892
- type: "asset";
893
- } | {
894
- type: "url";
895
- url: string;
896
- };
897
- type: "image";
898
- hidden?: boolean | undefined;
899
1044
  } | {
900
1045
  value: string;
901
1046
  type: "var";
902
1047
  fallback?: {
1048
+ value: number;
1049
+ type: "unit";
1050
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1051
+ hidden?: boolean | undefined;
1052
+ } | {
903
1053
  value: string;
904
1054
  type: "keyword";
905
1055
  hidden?: boolean | undefined;
@@ -907,10 +1057,27 @@ export declare const WsComponentMeta: z.ZodObject<{
907
1057
  value: string;
908
1058
  type: "unparsed";
909
1059
  hidden?: boolean | undefined;
1060
+ } | {
1061
+ type: "rgb";
1062
+ r: number;
1063
+ g: number;
1064
+ b: number;
1065
+ alpha: number;
1066
+ hidden?: boolean | undefined;
910
1067
  } | undefined;
911
1068
  hidden?: boolean | undefined;
912
1069
  } | {
913
1070
  value: ({
1071
+ value: {
1072
+ value: string;
1073
+ type: "asset";
1074
+ } | {
1075
+ type: "url";
1076
+ url: string;
1077
+ };
1078
+ type: "image";
1079
+ hidden?: boolean | undefined;
1080
+ } | {
914
1081
  value: number;
915
1082
  type: "unit";
916
1083
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -935,20 +1102,15 @@ export declare const WsComponentMeta: z.ZodObject<{
935
1102
  name: string;
936
1103
  args: import("@webstudio-is/css-engine").StyleValue;
937
1104
  hidden?: boolean;
938
- } | {
939
- value: {
940
- value: string;
941
- type: "asset";
942
- } | {
943
- type: "url";
944
- url: string;
945
- };
946
- type: "image";
947
- hidden?: boolean | undefined;
948
1105
  } | {
949
1106
  value: string;
950
1107
  type: "var";
951
1108
  fallback?: {
1109
+ value: number;
1110
+ type: "unit";
1111
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1112
+ hidden?: boolean | undefined;
1113
+ } | {
952
1114
  value: string;
953
1115
  type: "keyword";
954
1116
  hidden?: boolean | undefined;
@@ -956,6 +1118,13 @@ export declare const WsComponentMeta: z.ZodObject<{
956
1118
  value: string;
957
1119
  type: "unparsed";
958
1120
  hidden?: boolean | undefined;
1121
+ } | {
1122
+ type: "rgb";
1123
+ r: number;
1124
+ g: number;
1125
+ b: number;
1126
+ alpha: number;
1127
+ hidden?: boolean | undefined;
959
1128
  } | undefined;
960
1129
  hidden?: boolean | undefined;
961
1130
  })[];
@@ -968,6 +1137,10 @@ export declare const WsComponentMeta: z.ZodObject<{
968
1137
  })[];
969
1138
  type: "layers";
970
1139
  hidden?: boolean | undefined;
1140
+ } | {
1141
+ value: string[];
1142
+ type: "fontFamily";
1143
+ hidden?: boolean | undefined;
971
1144
  } | {
972
1145
  type: "guaranteedInvalid";
973
1146
  hidden?: boolean | undefined;
@@ -980,6 +1153,16 @@ export declare const WsComponentMeta: z.ZodObject<{
980
1153
  property: import("@webstudio-is/css-engine").StyleProperty;
981
1154
  }, z.ZodTypeDef, {
982
1155
  value: {
1156
+ value: {
1157
+ value: string;
1158
+ type: "asset";
1159
+ } | {
1160
+ type: "url";
1161
+ url: string;
1162
+ };
1163
+ type: "image";
1164
+ hidden?: boolean | undefined;
1165
+ } | {
983
1166
  value: number;
984
1167
  type: "unit";
985
1168
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -992,10 +1175,6 @@ export declare const WsComponentMeta: z.ZodObject<{
992
1175
  value: string;
993
1176
  type: "unparsed";
994
1177
  hidden?: boolean | undefined;
995
- } | {
996
- value: string[];
997
- type: "fontFamily";
998
- hidden?: boolean | undefined;
999
1178
  } | {
1000
1179
  type: "rgb";
1001
1180
  r: number;
@@ -1008,20 +1187,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1008
1187
  name: string;
1009
1188
  args: import("@webstudio-is/css-engine").StyleValue;
1010
1189
  hidden?: boolean;
1011
- } | {
1012
- value: {
1013
- value: string;
1014
- type: "asset";
1015
- } | {
1016
- type: "url";
1017
- url: string;
1018
- };
1019
- type: "image";
1020
- hidden?: boolean | undefined;
1021
1190
  } | {
1022
1191
  value: string;
1023
1192
  type: "var";
1024
1193
  fallback?: {
1194
+ value: number;
1195
+ type: "unit";
1196
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1197
+ hidden?: boolean | undefined;
1198
+ } | {
1025
1199
  value: string;
1026
1200
  type: "keyword";
1027
1201
  hidden?: boolean | undefined;
@@ -1029,10 +1203,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1029
1203
  value: string;
1030
1204
  type: "unparsed";
1031
1205
  hidden?: boolean | undefined;
1206
+ } | {
1207
+ type: "rgb";
1208
+ r: number;
1209
+ g: number;
1210
+ b: number;
1211
+ alpha: number;
1212
+ hidden?: boolean | undefined;
1032
1213
  } | undefined;
1033
1214
  hidden?: boolean | undefined;
1034
1215
  } | {
1035
1216
  value: ({
1217
+ value: {
1218
+ value: string;
1219
+ type: "asset";
1220
+ } | {
1221
+ type: "url";
1222
+ url: string;
1223
+ };
1224
+ type: "image";
1225
+ hidden?: boolean | undefined;
1226
+ } | {
1036
1227
  value: number;
1037
1228
  type: "unit";
1038
1229
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1057,20 +1248,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1057
1248
  name: string;
1058
1249
  args: import("@webstudio-is/css-engine").StyleValue;
1059
1250
  hidden?: boolean;
1060
- } | {
1061
- value: {
1062
- value: string;
1063
- type: "asset";
1064
- } | {
1065
- type: "url";
1066
- url: string;
1067
- };
1068
- type: "image";
1069
- hidden?: boolean | undefined;
1070
1251
  } | {
1071
1252
  value: string;
1072
1253
  type: "var";
1073
1254
  fallback?: {
1255
+ value: number;
1256
+ type: "unit";
1257
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1258
+ hidden?: boolean | undefined;
1259
+ } | {
1074
1260
  value: string;
1075
1261
  type: "keyword";
1076
1262
  hidden?: boolean | undefined;
@@ -1078,6 +1264,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1078
1264
  value: string;
1079
1265
  type: "unparsed";
1080
1266
  hidden?: boolean | undefined;
1267
+ } | {
1268
+ type: "rgb";
1269
+ r: number;
1270
+ g: number;
1271
+ b: number;
1272
+ alpha: number;
1273
+ hidden?: boolean | undefined;
1081
1274
  } | undefined;
1082
1275
  hidden?: boolean | undefined;
1083
1276
  })[];
@@ -1089,6 +1282,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1089
1282
  hidden?: boolean | undefined;
1090
1283
  } | {
1091
1284
  value: ({
1285
+ value: {
1286
+ value: string;
1287
+ type: "asset";
1288
+ } | {
1289
+ type: "url";
1290
+ url: string;
1291
+ };
1292
+ type: "image";
1293
+ hidden?: boolean | undefined;
1294
+ } | {
1092
1295
  value: number;
1093
1296
  type: "unit";
1094
1297
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1113,20 +1316,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1113
1316
  name: string;
1114
1317
  args: import("@webstudio-is/css-engine").StyleValue;
1115
1318
  hidden?: boolean;
1116
- } | {
1117
- value: {
1118
- value: string;
1119
- type: "asset";
1120
- } | {
1121
- type: "url";
1122
- url: string;
1123
- };
1124
- type: "image";
1125
- hidden?: boolean | undefined;
1126
1319
  } | {
1127
1320
  value: string;
1128
1321
  type: "var";
1129
1322
  fallback?: {
1323
+ value: number;
1324
+ type: "unit";
1325
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1326
+ hidden?: boolean | undefined;
1327
+ } | {
1130
1328
  value: string;
1131
1329
  type: "keyword";
1132
1330
  hidden?: boolean | undefined;
@@ -1134,10 +1332,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1134
1332
  value: string;
1135
1333
  type: "unparsed";
1136
1334
  hidden?: boolean | undefined;
1335
+ } | {
1336
+ type: "rgb";
1337
+ r: number;
1338
+ g: number;
1339
+ b: number;
1340
+ alpha: number;
1341
+ hidden?: boolean | undefined;
1137
1342
  } | undefined;
1138
1343
  hidden?: boolean | undefined;
1139
1344
  } | {
1140
1345
  value: ({
1346
+ value: {
1347
+ value: string;
1348
+ type: "asset";
1349
+ } | {
1350
+ type: "url";
1351
+ url: string;
1352
+ };
1353
+ type: "image";
1354
+ hidden?: boolean | undefined;
1355
+ } | {
1141
1356
  value: number;
1142
1357
  type: "unit";
1143
1358
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1162,20 +1377,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1162
1377
  name: string;
1163
1378
  args: import("@webstudio-is/css-engine").StyleValue;
1164
1379
  hidden?: boolean;
1165
- } | {
1166
- value: {
1167
- value: string;
1168
- type: "asset";
1169
- } | {
1170
- type: "url";
1171
- url: string;
1172
- };
1173
- type: "image";
1174
- hidden?: boolean | undefined;
1175
1380
  } | {
1176
1381
  value: string;
1177
1382
  type: "var";
1178
1383
  fallback?: {
1384
+ value: number;
1385
+ type: "unit";
1386
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1387
+ hidden?: boolean | undefined;
1388
+ } | {
1179
1389
  value: string;
1180
1390
  type: "keyword";
1181
1391
  hidden?: boolean | undefined;
@@ -1183,6 +1393,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1183
1393
  value: string;
1184
1394
  type: "unparsed";
1185
1395
  hidden?: boolean | undefined;
1396
+ } | {
1397
+ type: "rgb";
1398
+ r: number;
1399
+ g: number;
1400
+ b: number;
1401
+ alpha: number;
1402
+ hidden?: boolean | undefined;
1186
1403
  } | undefined;
1187
1404
  hidden?: boolean | undefined;
1188
1405
  })[];
@@ -1195,6 +1412,10 @@ export declare const WsComponentMeta: z.ZodObject<{
1195
1412
  })[];
1196
1413
  type: "layers";
1197
1414
  hidden?: boolean | undefined;
1415
+ } | {
1416
+ value: string[];
1417
+ type: "fontFamily";
1418
+ hidden?: boolean | undefined;
1198
1419
  } | {
1199
1420
  type: "guaranteedInvalid";
1200
1421
  hidden?: boolean | undefined;
@@ -1210,6 +1431,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1210
1431
  variant: z.ZodOptional<z.ZodString>;
1211
1432
  styles: z.ZodArray<z.ZodType<{
1212
1433
  value: {
1434
+ value: {
1435
+ value: string;
1436
+ type: "asset";
1437
+ } | {
1438
+ type: "url";
1439
+ url: string;
1440
+ };
1441
+ type: "image";
1442
+ hidden?: boolean | undefined;
1443
+ } | {
1213
1444
  value: number;
1214
1445
  type: "unit";
1215
1446
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1222,10 +1453,6 @@ export declare const WsComponentMeta: z.ZodObject<{
1222
1453
  value: string;
1223
1454
  type: "unparsed";
1224
1455
  hidden?: boolean | undefined;
1225
- } | {
1226
- value: string[];
1227
- type: "fontFamily";
1228
- hidden?: boolean | undefined;
1229
1456
  } | {
1230
1457
  type: "rgb";
1231
1458
  r: number;
@@ -1238,20 +1465,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1238
1465
  name: string;
1239
1466
  args: import("@webstudio-is/css-engine").StyleValue;
1240
1467
  hidden?: boolean;
1241
- } | {
1242
- value: {
1243
- value: string;
1244
- type: "asset";
1245
- } | {
1246
- type: "url";
1247
- url: string;
1248
- };
1249
- type: "image";
1250
- hidden?: boolean | undefined;
1251
1468
  } | {
1252
1469
  value: string;
1253
1470
  type: "var";
1254
1471
  fallback?: {
1472
+ value: number;
1473
+ type: "unit";
1474
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1475
+ hidden?: boolean | undefined;
1476
+ } | {
1255
1477
  value: string;
1256
1478
  type: "keyword";
1257
1479
  hidden?: boolean | undefined;
@@ -1259,10 +1481,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1259
1481
  value: string;
1260
1482
  type: "unparsed";
1261
1483
  hidden?: boolean | undefined;
1484
+ } | {
1485
+ type: "rgb";
1486
+ r: number;
1487
+ g: number;
1488
+ b: number;
1489
+ alpha: number;
1490
+ hidden?: boolean | undefined;
1262
1491
  } | undefined;
1263
1492
  hidden?: boolean | undefined;
1264
1493
  } | {
1265
1494
  value: ({
1495
+ value: {
1496
+ value: string;
1497
+ type: "asset";
1498
+ } | {
1499
+ type: "url";
1500
+ url: string;
1501
+ };
1502
+ type: "image";
1503
+ hidden?: boolean | undefined;
1504
+ } | {
1266
1505
  value: number;
1267
1506
  type: "unit";
1268
1507
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1287,20 +1526,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1287
1526
  name: string;
1288
1527
  args: import("@webstudio-is/css-engine").StyleValue;
1289
1528
  hidden?: boolean;
1290
- } | {
1291
- value: {
1292
- value: string;
1293
- type: "asset";
1294
- } | {
1295
- type: "url";
1296
- url: string;
1297
- };
1298
- type: "image";
1299
- hidden?: boolean | undefined;
1300
1529
  } | {
1301
1530
  value: string;
1302
1531
  type: "var";
1303
1532
  fallback?: {
1533
+ value: number;
1534
+ type: "unit";
1535
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1536
+ hidden?: boolean | undefined;
1537
+ } | {
1304
1538
  value: string;
1305
1539
  type: "keyword";
1306
1540
  hidden?: boolean | undefined;
@@ -1308,6 +1542,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1308
1542
  value: string;
1309
1543
  type: "unparsed";
1310
1544
  hidden?: boolean | undefined;
1545
+ } | {
1546
+ type: "rgb";
1547
+ r: number;
1548
+ g: number;
1549
+ b: number;
1550
+ alpha: number;
1551
+ hidden?: boolean | undefined;
1311
1552
  } | undefined;
1312
1553
  hidden?: boolean | undefined;
1313
1554
  })[];
@@ -1319,6 +1560,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1319
1560
  hidden?: boolean | undefined;
1320
1561
  } | {
1321
1562
  value: ({
1563
+ value: {
1564
+ value: string;
1565
+ type: "asset";
1566
+ } | {
1567
+ type: "url";
1568
+ url: string;
1569
+ };
1570
+ type: "image";
1571
+ hidden?: boolean | undefined;
1572
+ } | {
1322
1573
  value: number;
1323
1574
  type: "unit";
1324
1575
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1343,20 +1594,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1343
1594
  name: string;
1344
1595
  args: import("@webstudio-is/css-engine").StyleValue;
1345
1596
  hidden?: boolean;
1346
- } | {
1347
- value: {
1348
- value: string;
1349
- type: "asset";
1350
- } | {
1351
- type: "url";
1352
- url: string;
1353
- };
1354
- type: "image";
1355
- hidden?: boolean | undefined;
1356
1597
  } | {
1357
1598
  value: string;
1358
1599
  type: "var";
1359
1600
  fallback?: {
1601
+ value: number;
1602
+ type: "unit";
1603
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1604
+ hidden?: boolean | undefined;
1605
+ } | {
1360
1606
  value: string;
1361
1607
  type: "keyword";
1362
1608
  hidden?: boolean | undefined;
@@ -1364,10 +1610,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1364
1610
  value: string;
1365
1611
  type: "unparsed";
1366
1612
  hidden?: boolean | undefined;
1613
+ } | {
1614
+ type: "rgb";
1615
+ r: number;
1616
+ g: number;
1617
+ b: number;
1618
+ alpha: number;
1619
+ hidden?: boolean | undefined;
1367
1620
  } | undefined;
1368
1621
  hidden?: boolean | undefined;
1369
1622
  } | {
1370
1623
  value: ({
1624
+ value: {
1625
+ value: string;
1626
+ type: "asset";
1627
+ } | {
1628
+ type: "url";
1629
+ url: string;
1630
+ };
1631
+ type: "image";
1632
+ hidden?: boolean | undefined;
1633
+ } | {
1371
1634
  value: number;
1372
1635
  type: "unit";
1373
1636
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1392,20 +1655,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1392
1655
  name: string;
1393
1656
  args: import("@webstudio-is/css-engine").StyleValue;
1394
1657
  hidden?: boolean;
1395
- } | {
1396
- value: {
1397
- value: string;
1398
- type: "asset";
1399
- } | {
1400
- type: "url";
1401
- url: string;
1402
- };
1403
- type: "image";
1404
- hidden?: boolean | undefined;
1405
1658
  } | {
1406
1659
  value: string;
1407
1660
  type: "var";
1408
1661
  fallback?: {
1662
+ value: number;
1663
+ type: "unit";
1664
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1665
+ hidden?: boolean | undefined;
1666
+ } | {
1409
1667
  value: string;
1410
1668
  type: "keyword";
1411
1669
  hidden?: boolean | undefined;
@@ -1413,6 +1671,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1413
1671
  value: string;
1414
1672
  type: "unparsed";
1415
1673
  hidden?: boolean | undefined;
1674
+ } | {
1675
+ type: "rgb";
1676
+ r: number;
1677
+ g: number;
1678
+ b: number;
1679
+ alpha: number;
1680
+ hidden?: boolean | undefined;
1416
1681
  } | undefined;
1417
1682
  hidden?: boolean | undefined;
1418
1683
  })[];
@@ -1425,6 +1690,10 @@ export declare const WsComponentMeta: z.ZodObject<{
1425
1690
  })[];
1426
1691
  type: "layers";
1427
1692
  hidden?: boolean | undefined;
1693
+ } | {
1694
+ value: string[];
1695
+ type: "fontFamily";
1696
+ hidden?: boolean | undefined;
1428
1697
  } | {
1429
1698
  type: "guaranteedInvalid";
1430
1699
  hidden?: boolean | undefined;
@@ -1437,6 +1706,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1437
1706
  property: import("@webstudio-is/css-engine").StyleProperty;
1438
1707
  }, z.ZodTypeDef, {
1439
1708
  value: {
1709
+ value: {
1710
+ value: string;
1711
+ type: "asset";
1712
+ } | {
1713
+ type: "url";
1714
+ url: string;
1715
+ };
1716
+ type: "image";
1717
+ hidden?: boolean | undefined;
1718
+ } | {
1440
1719
  value: number;
1441
1720
  type: "unit";
1442
1721
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1449,10 +1728,6 @@ export declare const WsComponentMeta: z.ZodObject<{
1449
1728
  value: string;
1450
1729
  type: "unparsed";
1451
1730
  hidden?: boolean | undefined;
1452
- } | {
1453
- value: string[];
1454
- type: "fontFamily";
1455
- hidden?: boolean | undefined;
1456
1731
  } | {
1457
1732
  type: "rgb";
1458
1733
  r: number;
@@ -1465,20 +1740,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1465
1740
  name: string;
1466
1741
  args: import("@webstudio-is/css-engine").StyleValue;
1467
1742
  hidden?: boolean;
1468
- } | {
1469
- value: {
1470
- value: string;
1471
- type: "asset";
1472
- } | {
1473
- type: "url";
1474
- url: string;
1475
- };
1476
- type: "image";
1477
- hidden?: boolean | undefined;
1478
1743
  } | {
1479
1744
  value: string;
1480
1745
  type: "var";
1481
1746
  fallback?: {
1747
+ value: number;
1748
+ type: "unit";
1749
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1750
+ hidden?: boolean | undefined;
1751
+ } | {
1482
1752
  value: string;
1483
1753
  type: "keyword";
1484
1754
  hidden?: boolean | undefined;
@@ -1486,10 +1756,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1486
1756
  value: string;
1487
1757
  type: "unparsed";
1488
1758
  hidden?: boolean | undefined;
1759
+ } | {
1760
+ type: "rgb";
1761
+ r: number;
1762
+ g: number;
1763
+ b: number;
1764
+ alpha: number;
1765
+ hidden?: boolean | undefined;
1489
1766
  } | undefined;
1490
1767
  hidden?: boolean | undefined;
1491
1768
  } | {
1492
1769
  value: ({
1770
+ value: {
1771
+ value: string;
1772
+ type: "asset";
1773
+ } | {
1774
+ type: "url";
1775
+ url: string;
1776
+ };
1777
+ type: "image";
1778
+ hidden?: boolean | undefined;
1779
+ } | {
1493
1780
  value: number;
1494
1781
  type: "unit";
1495
1782
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1514,20 +1801,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1514
1801
  name: string;
1515
1802
  args: import("@webstudio-is/css-engine").StyleValue;
1516
1803
  hidden?: boolean;
1517
- } | {
1518
- value: {
1519
- value: string;
1520
- type: "asset";
1521
- } | {
1522
- type: "url";
1523
- url: string;
1524
- };
1525
- type: "image";
1526
- hidden?: boolean | undefined;
1527
1804
  } | {
1528
1805
  value: string;
1529
1806
  type: "var";
1530
1807
  fallback?: {
1808
+ value: number;
1809
+ type: "unit";
1810
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1811
+ hidden?: boolean | undefined;
1812
+ } | {
1531
1813
  value: string;
1532
1814
  type: "keyword";
1533
1815
  hidden?: boolean | undefined;
@@ -1535,6 +1817,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1535
1817
  value: string;
1536
1818
  type: "unparsed";
1537
1819
  hidden?: boolean | undefined;
1820
+ } | {
1821
+ type: "rgb";
1822
+ r: number;
1823
+ g: number;
1824
+ b: number;
1825
+ alpha: number;
1826
+ hidden?: boolean | undefined;
1538
1827
  } | undefined;
1539
1828
  hidden?: boolean | undefined;
1540
1829
  })[];
@@ -1546,6 +1835,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1546
1835
  hidden?: boolean | undefined;
1547
1836
  } | {
1548
1837
  value: ({
1838
+ value: {
1839
+ value: string;
1840
+ type: "asset";
1841
+ } | {
1842
+ type: "url";
1843
+ url: string;
1844
+ };
1845
+ type: "image";
1846
+ hidden?: boolean | undefined;
1847
+ } | {
1549
1848
  value: number;
1550
1849
  type: "unit";
1551
1850
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1570,20 +1869,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1570
1869
  name: string;
1571
1870
  args: import("@webstudio-is/css-engine").StyleValue;
1572
1871
  hidden?: boolean;
1573
- } | {
1574
- value: {
1575
- value: string;
1576
- type: "asset";
1577
- } | {
1578
- type: "url";
1579
- url: string;
1580
- };
1581
- type: "image";
1582
- hidden?: boolean | undefined;
1583
1872
  } | {
1584
1873
  value: string;
1585
1874
  type: "var";
1586
1875
  fallback?: {
1876
+ value: number;
1877
+ type: "unit";
1878
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1879
+ hidden?: boolean | undefined;
1880
+ } | {
1587
1881
  value: string;
1588
1882
  type: "keyword";
1589
1883
  hidden?: boolean | undefined;
@@ -1591,10 +1885,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1591
1885
  value: string;
1592
1886
  type: "unparsed";
1593
1887
  hidden?: boolean | undefined;
1888
+ } | {
1889
+ type: "rgb";
1890
+ r: number;
1891
+ g: number;
1892
+ b: number;
1893
+ alpha: number;
1894
+ hidden?: boolean | undefined;
1594
1895
  } | undefined;
1595
1896
  hidden?: boolean | undefined;
1596
1897
  } | {
1597
1898
  value: ({
1899
+ value: {
1900
+ value: string;
1901
+ type: "asset";
1902
+ } | {
1903
+ type: "url";
1904
+ url: string;
1905
+ };
1906
+ type: "image";
1907
+ hidden?: boolean | undefined;
1908
+ } | {
1598
1909
  value: number;
1599
1910
  type: "unit";
1600
1911
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1619,20 +1930,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1619
1930
  name: string;
1620
1931
  args: import("@webstudio-is/css-engine").StyleValue;
1621
1932
  hidden?: boolean;
1622
- } | {
1623
- value: {
1624
- value: string;
1625
- type: "asset";
1626
- } | {
1627
- type: "url";
1628
- url: string;
1629
- };
1630
- type: "image";
1631
- hidden?: boolean | undefined;
1632
1933
  } | {
1633
1934
  value: string;
1634
1935
  type: "var";
1635
1936
  fallback?: {
1937
+ value: number;
1938
+ type: "unit";
1939
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1940
+ hidden?: boolean | undefined;
1941
+ } | {
1636
1942
  value: string;
1637
1943
  type: "keyword";
1638
1944
  hidden?: boolean | undefined;
@@ -1640,6 +1946,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1640
1946
  value: string;
1641
1947
  type: "unparsed";
1642
1948
  hidden?: boolean | undefined;
1949
+ } | {
1950
+ type: "rgb";
1951
+ r: number;
1952
+ g: number;
1953
+ b: number;
1954
+ alpha: number;
1955
+ hidden?: boolean | undefined;
1643
1956
  } | undefined;
1644
1957
  hidden?: boolean | undefined;
1645
1958
  })[];
@@ -1652,6 +1965,10 @@ export declare const WsComponentMeta: z.ZodObject<{
1652
1965
  })[];
1653
1966
  type: "layers";
1654
1967
  hidden?: boolean | undefined;
1968
+ } | {
1969
+ value: string[];
1970
+ type: "fontFamily";
1971
+ hidden?: boolean | undefined;
1655
1972
  } | {
1656
1973
  type: "guaranteedInvalid";
1657
1974
  hidden?: boolean | undefined;
@@ -1666,6 +1983,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1666
1983
  }, "strip", z.ZodTypeAny, {
1667
1984
  styles: {
1668
1985
  value: {
1986
+ value: {
1987
+ value: string;
1988
+ type: "asset";
1989
+ } | {
1990
+ type: "url";
1991
+ url: string;
1992
+ };
1993
+ type: "image";
1994
+ hidden?: boolean | undefined;
1995
+ } | {
1669
1996
  value: number;
1670
1997
  type: "unit";
1671
1998
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1678,10 +2005,6 @@ export declare const WsComponentMeta: z.ZodObject<{
1678
2005
  value: string;
1679
2006
  type: "unparsed";
1680
2007
  hidden?: boolean | undefined;
1681
- } | {
1682
- value: string[];
1683
- type: "fontFamily";
1684
- hidden?: boolean | undefined;
1685
2008
  } | {
1686
2009
  type: "rgb";
1687
2010
  r: number;
@@ -1694,20 +2017,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1694
2017
  name: string;
1695
2018
  args: import("@webstudio-is/css-engine").StyleValue;
1696
2019
  hidden?: boolean;
1697
- } | {
1698
- value: {
1699
- value: string;
1700
- type: "asset";
1701
- } | {
1702
- type: "url";
1703
- url: string;
1704
- };
1705
- type: "image";
1706
- hidden?: boolean | undefined;
1707
2020
  } | {
1708
2021
  value: string;
1709
2022
  type: "var";
1710
2023
  fallback?: {
2024
+ value: number;
2025
+ type: "unit";
2026
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2027
+ hidden?: boolean | undefined;
2028
+ } | {
1711
2029
  value: string;
1712
2030
  type: "keyword";
1713
2031
  hidden?: boolean | undefined;
@@ -1715,10 +2033,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1715
2033
  value: string;
1716
2034
  type: "unparsed";
1717
2035
  hidden?: boolean | undefined;
2036
+ } | {
2037
+ type: "rgb";
2038
+ r: number;
2039
+ g: number;
2040
+ b: number;
2041
+ alpha: number;
2042
+ hidden?: boolean | undefined;
1718
2043
  } | undefined;
1719
2044
  hidden?: boolean | undefined;
1720
2045
  } | {
1721
2046
  value: ({
2047
+ value: {
2048
+ value: string;
2049
+ type: "asset";
2050
+ } | {
2051
+ type: "url";
2052
+ url: string;
2053
+ };
2054
+ type: "image";
2055
+ hidden?: boolean | undefined;
2056
+ } | {
1722
2057
  value: number;
1723
2058
  type: "unit";
1724
2059
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1743,20 +2078,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1743
2078
  name: string;
1744
2079
  args: import("@webstudio-is/css-engine").StyleValue;
1745
2080
  hidden?: boolean;
1746
- } | {
1747
- value: {
1748
- value: string;
1749
- type: "asset";
1750
- } | {
1751
- type: "url";
1752
- url: string;
1753
- };
1754
- type: "image";
1755
- hidden?: boolean | undefined;
1756
2081
  } | {
1757
2082
  value: string;
1758
2083
  type: "var";
1759
2084
  fallback?: {
2085
+ value: number;
2086
+ type: "unit";
2087
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2088
+ hidden?: boolean | undefined;
2089
+ } | {
1760
2090
  value: string;
1761
2091
  type: "keyword";
1762
2092
  hidden?: boolean | undefined;
@@ -1764,6 +2094,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1764
2094
  value: string;
1765
2095
  type: "unparsed";
1766
2096
  hidden?: boolean | undefined;
2097
+ } | {
2098
+ type: "rgb";
2099
+ r: number;
2100
+ g: number;
2101
+ b: number;
2102
+ alpha: number;
2103
+ hidden?: boolean | undefined;
1767
2104
  } | undefined;
1768
2105
  hidden?: boolean | undefined;
1769
2106
  })[];
@@ -1775,6 +2112,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1775
2112
  hidden?: boolean | undefined;
1776
2113
  } | {
1777
2114
  value: ({
2115
+ value: {
2116
+ value: string;
2117
+ type: "asset";
2118
+ } | {
2119
+ type: "url";
2120
+ url: string;
2121
+ };
2122
+ type: "image";
2123
+ hidden?: boolean | undefined;
2124
+ } | {
1778
2125
  value: number;
1779
2126
  type: "unit";
1780
2127
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1799,20 +2146,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1799
2146
  name: string;
1800
2147
  args: import("@webstudio-is/css-engine").StyleValue;
1801
2148
  hidden?: boolean;
1802
- } | {
1803
- value: {
1804
- value: string;
1805
- type: "asset";
1806
- } | {
1807
- type: "url";
1808
- url: string;
1809
- };
1810
- type: "image";
1811
- hidden?: boolean | undefined;
1812
2149
  } | {
1813
2150
  value: string;
1814
2151
  type: "var";
1815
2152
  fallback?: {
2153
+ value: number;
2154
+ type: "unit";
2155
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2156
+ hidden?: boolean | undefined;
2157
+ } | {
1816
2158
  value: string;
1817
2159
  type: "keyword";
1818
2160
  hidden?: boolean | undefined;
@@ -1820,10 +2162,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1820
2162
  value: string;
1821
2163
  type: "unparsed";
1822
2164
  hidden?: boolean | undefined;
2165
+ } | {
2166
+ type: "rgb";
2167
+ r: number;
2168
+ g: number;
2169
+ b: number;
2170
+ alpha: number;
2171
+ hidden?: boolean | undefined;
1823
2172
  } | undefined;
1824
2173
  hidden?: boolean | undefined;
1825
2174
  } | {
1826
2175
  value: ({
2176
+ value: {
2177
+ value: string;
2178
+ type: "asset";
2179
+ } | {
2180
+ type: "url";
2181
+ url: string;
2182
+ };
2183
+ type: "image";
2184
+ hidden?: boolean | undefined;
2185
+ } | {
1827
2186
  value: number;
1828
2187
  type: "unit";
1829
2188
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1848,20 +2207,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1848
2207
  name: string;
1849
2208
  args: import("@webstudio-is/css-engine").StyleValue;
1850
2209
  hidden?: boolean;
1851
- } | {
1852
- value: {
1853
- value: string;
1854
- type: "asset";
1855
- } | {
1856
- type: "url";
1857
- url: string;
1858
- };
1859
- type: "image";
1860
- hidden?: boolean | undefined;
1861
2210
  } | {
1862
2211
  value: string;
1863
2212
  type: "var";
1864
2213
  fallback?: {
2214
+ value: number;
2215
+ type: "unit";
2216
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2217
+ hidden?: boolean | undefined;
2218
+ } | {
1865
2219
  value: string;
1866
2220
  type: "keyword";
1867
2221
  hidden?: boolean | undefined;
@@ -1869,6 +2223,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1869
2223
  value: string;
1870
2224
  type: "unparsed";
1871
2225
  hidden?: boolean | undefined;
2226
+ } | {
2227
+ type: "rgb";
2228
+ r: number;
2229
+ g: number;
2230
+ b: number;
2231
+ alpha: number;
2232
+ hidden?: boolean | undefined;
1872
2233
  } | undefined;
1873
2234
  hidden?: boolean | undefined;
1874
2235
  })[];
@@ -1881,6 +2242,10 @@ export declare const WsComponentMeta: z.ZodObject<{
1881
2242
  })[];
1882
2243
  type: "layers";
1883
2244
  hidden?: boolean | undefined;
2245
+ } | {
2246
+ value: string[];
2247
+ type: "fontFamily";
2248
+ hidden?: boolean | undefined;
1884
2249
  } | {
1885
2250
  type: "guaranteedInvalid";
1886
2251
  hidden?: boolean | undefined;
@@ -1896,6 +2261,16 @@ export declare const WsComponentMeta: z.ZodObject<{
1896
2261
  }, {
1897
2262
  styles: {
1898
2263
  value: {
2264
+ value: {
2265
+ value: string;
2266
+ type: "asset";
2267
+ } | {
2268
+ type: "url";
2269
+ url: string;
2270
+ };
2271
+ type: "image";
2272
+ hidden?: boolean | undefined;
2273
+ } | {
1899
2274
  value: number;
1900
2275
  type: "unit";
1901
2276
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1908,10 +2283,6 @@ export declare const WsComponentMeta: z.ZodObject<{
1908
2283
  value: string;
1909
2284
  type: "unparsed";
1910
2285
  hidden?: boolean | undefined;
1911
- } | {
1912
- value: string[];
1913
- type: "fontFamily";
1914
- hidden?: boolean | undefined;
1915
2286
  } | {
1916
2287
  type: "rgb";
1917
2288
  r: number;
@@ -1924,20 +2295,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1924
2295
  name: string;
1925
2296
  args: import("@webstudio-is/css-engine").StyleValue;
1926
2297
  hidden?: boolean;
1927
- } | {
1928
- value: {
1929
- value: string;
1930
- type: "asset";
1931
- } | {
1932
- type: "url";
1933
- url: string;
1934
- };
1935
- type: "image";
1936
- hidden?: boolean | undefined;
1937
2298
  } | {
1938
2299
  value: string;
1939
2300
  type: "var";
1940
2301
  fallback?: {
2302
+ value: number;
2303
+ type: "unit";
2304
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2305
+ hidden?: boolean | undefined;
2306
+ } | {
1941
2307
  value: string;
1942
2308
  type: "keyword";
1943
2309
  hidden?: boolean | undefined;
@@ -1945,10 +2311,27 @@ export declare const WsComponentMeta: z.ZodObject<{
1945
2311
  value: string;
1946
2312
  type: "unparsed";
1947
2313
  hidden?: boolean | undefined;
2314
+ } | {
2315
+ type: "rgb";
2316
+ r: number;
2317
+ g: number;
2318
+ b: number;
2319
+ alpha: number;
2320
+ hidden?: boolean | undefined;
1948
2321
  } | undefined;
1949
2322
  hidden?: boolean | undefined;
1950
2323
  } | {
1951
2324
  value: ({
2325
+ value: {
2326
+ value: string;
2327
+ type: "asset";
2328
+ } | {
2329
+ type: "url";
2330
+ url: string;
2331
+ };
2332
+ type: "image";
2333
+ hidden?: boolean | undefined;
2334
+ } | {
1952
2335
  value: number;
1953
2336
  type: "unit";
1954
2337
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1973,20 +2356,15 @@ export declare const WsComponentMeta: z.ZodObject<{
1973
2356
  name: string;
1974
2357
  args: import("@webstudio-is/css-engine").StyleValue;
1975
2358
  hidden?: boolean;
1976
- } | {
1977
- value: {
1978
- value: string;
1979
- type: "asset";
1980
- } | {
1981
- type: "url";
1982
- url: string;
1983
- };
1984
- type: "image";
1985
- hidden?: boolean | undefined;
1986
2359
  } | {
1987
2360
  value: string;
1988
2361
  type: "var";
1989
2362
  fallback?: {
2363
+ value: number;
2364
+ type: "unit";
2365
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2366
+ hidden?: boolean | undefined;
2367
+ } | {
1990
2368
  value: string;
1991
2369
  type: "keyword";
1992
2370
  hidden?: boolean | undefined;
@@ -1994,6 +2372,13 @@ export declare const WsComponentMeta: z.ZodObject<{
1994
2372
  value: string;
1995
2373
  type: "unparsed";
1996
2374
  hidden?: boolean | undefined;
2375
+ } | {
2376
+ type: "rgb";
2377
+ r: number;
2378
+ g: number;
2379
+ b: number;
2380
+ alpha: number;
2381
+ hidden?: boolean | undefined;
1997
2382
  } | undefined;
1998
2383
  hidden?: boolean | undefined;
1999
2384
  })[];
@@ -2005,6 +2390,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2005
2390
  hidden?: boolean | undefined;
2006
2391
  } | {
2007
2392
  value: ({
2393
+ value: {
2394
+ value: string;
2395
+ type: "asset";
2396
+ } | {
2397
+ type: "url";
2398
+ url: string;
2399
+ };
2400
+ type: "image";
2401
+ hidden?: boolean | undefined;
2402
+ } | {
2008
2403
  value: number;
2009
2404
  type: "unit";
2010
2405
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2029,20 +2424,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2029
2424
  name: string;
2030
2425
  args: import("@webstudio-is/css-engine").StyleValue;
2031
2426
  hidden?: boolean;
2032
- } | {
2033
- value: {
2034
- value: string;
2035
- type: "asset";
2036
- } | {
2037
- type: "url";
2038
- url: string;
2039
- };
2040
- type: "image";
2041
- hidden?: boolean | undefined;
2042
2427
  } | {
2043
2428
  value: string;
2044
2429
  type: "var";
2045
2430
  fallback?: {
2431
+ value: number;
2432
+ type: "unit";
2433
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2434
+ hidden?: boolean | undefined;
2435
+ } | {
2046
2436
  value: string;
2047
2437
  type: "keyword";
2048
2438
  hidden?: boolean | undefined;
@@ -2050,10 +2440,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2050
2440
  value: string;
2051
2441
  type: "unparsed";
2052
2442
  hidden?: boolean | undefined;
2443
+ } | {
2444
+ type: "rgb";
2445
+ r: number;
2446
+ g: number;
2447
+ b: number;
2448
+ alpha: number;
2449
+ hidden?: boolean | undefined;
2053
2450
  } | undefined;
2054
2451
  hidden?: boolean | undefined;
2055
2452
  } | {
2056
2453
  value: ({
2454
+ value: {
2455
+ value: string;
2456
+ type: "asset";
2457
+ } | {
2458
+ type: "url";
2459
+ url: string;
2460
+ };
2461
+ type: "image";
2462
+ hidden?: boolean | undefined;
2463
+ } | {
2057
2464
  value: number;
2058
2465
  type: "unit";
2059
2466
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2078,20 +2485,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2078
2485
  name: string;
2079
2486
  args: import("@webstudio-is/css-engine").StyleValue;
2080
2487
  hidden?: boolean;
2081
- } | {
2082
- value: {
2083
- value: string;
2084
- type: "asset";
2085
- } | {
2086
- type: "url";
2087
- url: string;
2088
- };
2089
- type: "image";
2090
- hidden?: boolean | undefined;
2091
2488
  } | {
2092
2489
  value: string;
2093
2490
  type: "var";
2094
2491
  fallback?: {
2492
+ value: number;
2493
+ type: "unit";
2494
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2495
+ hidden?: boolean | undefined;
2496
+ } | {
2095
2497
  value: string;
2096
2498
  type: "keyword";
2097
2499
  hidden?: boolean | undefined;
@@ -2099,6 +2501,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2099
2501
  value: string;
2100
2502
  type: "unparsed";
2101
2503
  hidden?: boolean | undefined;
2504
+ } | {
2505
+ type: "rgb";
2506
+ r: number;
2507
+ g: number;
2508
+ b: number;
2509
+ alpha: number;
2510
+ hidden?: boolean | undefined;
2102
2511
  } | undefined;
2103
2512
  hidden?: boolean | undefined;
2104
2513
  })[];
@@ -2111,6 +2520,10 @@ export declare const WsComponentMeta: z.ZodObject<{
2111
2520
  })[];
2112
2521
  type: "layers";
2113
2522
  hidden?: boolean | undefined;
2523
+ } | {
2524
+ value: string[];
2525
+ type: "fontFamily";
2526
+ hidden?: boolean | undefined;
2114
2527
  } | {
2115
2528
  type: "guaranteedInvalid";
2116
2529
  hidden?: boolean | undefined;
@@ -2137,7 +2550,7 @@ export declare const WsComponentMeta: z.ZodObject<{
2137
2550
  selector: string;
2138
2551
  category?: "states" | "component-states" | undefined;
2139
2552
  }>, "many">>;
2140
- template: z.ZodOptional<z.ZodLazy<z.ZodArray<z.ZodUnion<[z.ZodType<import("../embed-template").EmbedTemplateInstance, z.ZodTypeDef, import("../embed-template").EmbedTemplateInstance>, z.ZodObject<{
2553
+ template: z.ZodOptional<z.ZodLazy<z.ZodArray<z.ZodUnion<[z.ZodType<import("..").EmbedTemplateInstance, z.ZodTypeDef, import("..").EmbedTemplateInstance>, z.ZodObject<{
2141
2554
  type: z.ZodLiteral<"text">;
2142
2555
  value: z.ZodString;
2143
2556
  placeholder: z.ZodOptional<z.ZodBoolean>;
@@ -2166,6 +2579,35 @@ export declare const WsComponentMeta: z.ZodObject<{
2166
2579
  category?: "data" | "xml" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "internal" | undefined;
2167
2580
  requiredAncestors?: string[] | undefined;
2168
2581
  invalidAncestors?: string[] | undefined;
2582
+ constraints?: {
2583
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
2584
+ component?: {
2585
+ $eq?: string | undefined;
2586
+ $neq?: string | undefined;
2587
+ $in?: string[] | undefined;
2588
+ $nin?: string[] | undefined;
2589
+ } | undefined;
2590
+ tag?: {
2591
+ $eq?: string | undefined;
2592
+ $neq?: string | undefined;
2593
+ $in?: string[] | undefined;
2594
+ $nin?: string[] | undefined;
2595
+ } | undefined;
2596
+ } | {
2597
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
2598
+ component?: {
2599
+ $eq?: string | undefined;
2600
+ $neq?: string | undefined;
2601
+ $in?: string[] | undefined;
2602
+ $nin?: string[] | undefined;
2603
+ } | undefined;
2604
+ tag?: {
2605
+ $eq?: string | undefined;
2606
+ $neq?: string | undefined;
2607
+ $in?: string[] | undefined;
2608
+ $nin?: string[] | undefined;
2609
+ } | undefined;
2610
+ }[] | undefined;
2169
2611
  indexWithinAncestor?: string | undefined;
2170
2612
  stylable?: boolean | undefined;
2171
2613
  detachable?: boolean | undefined;
@@ -2173,6 +2615,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2173
2615
  description?: string | undefined;
2174
2616
  presetStyle?: Record<string, {
2175
2617
  value: {
2618
+ value: {
2619
+ value: string;
2620
+ type: "asset";
2621
+ } | {
2622
+ type: "url";
2623
+ url: string;
2624
+ };
2625
+ type: "image";
2626
+ hidden?: boolean | undefined;
2627
+ } | {
2176
2628
  value: number;
2177
2629
  type: "unit";
2178
2630
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2185,36 +2637,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2185
2637
  value: string;
2186
2638
  type: "unparsed";
2187
2639
  hidden?: boolean | undefined;
2188
- } | {
2189
- value: string[];
2190
- type: "fontFamily";
2191
- hidden?: boolean | undefined;
2192
2640
  } | {
2193
2641
  type: "rgb";
2194
2642
  r: number;
2195
2643
  g: number;
2196
2644
  b: number;
2197
- alpha: number;
2198
- hidden?: boolean | undefined;
2199
- } | {
2200
- type: "function";
2201
- name: string;
2202
- args: import("@webstudio-is/css-engine").StyleValue;
2203
- hidden?: boolean;
2204
- } | {
2205
- value: {
2206
- value: string;
2207
- type: "asset";
2208
- } | {
2209
- type: "url";
2210
- url: string;
2211
- };
2212
- type: "image";
2645
+ alpha: number;
2213
2646
  hidden?: boolean | undefined;
2647
+ } | {
2648
+ type: "function";
2649
+ name: string;
2650
+ args: import("@webstudio-is/css-engine").StyleValue;
2651
+ hidden?: boolean;
2214
2652
  } | {
2215
2653
  value: string;
2216
2654
  type: "var";
2217
2655
  fallback?: {
2656
+ value: number;
2657
+ type: "unit";
2658
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2659
+ hidden?: boolean | undefined;
2660
+ } | {
2218
2661
  value: string;
2219
2662
  type: "keyword";
2220
2663
  hidden?: boolean | undefined;
@@ -2222,10 +2665,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2222
2665
  value: string;
2223
2666
  type: "unparsed";
2224
2667
  hidden?: boolean | undefined;
2668
+ } | {
2669
+ type: "rgb";
2670
+ r: number;
2671
+ g: number;
2672
+ b: number;
2673
+ alpha: number;
2674
+ hidden?: boolean | undefined;
2225
2675
  } | undefined;
2226
2676
  hidden?: boolean | undefined;
2227
2677
  } | {
2228
2678
  value: ({
2679
+ value: {
2680
+ value: string;
2681
+ type: "asset";
2682
+ } | {
2683
+ type: "url";
2684
+ url: string;
2685
+ };
2686
+ type: "image";
2687
+ hidden?: boolean | undefined;
2688
+ } | {
2229
2689
  value: number;
2230
2690
  type: "unit";
2231
2691
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2250,20 +2710,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2250
2710
  name: string;
2251
2711
  args: import("@webstudio-is/css-engine").StyleValue;
2252
2712
  hidden?: boolean;
2253
- } | {
2254
- value: {
2255
- value: string;
2256
- type: "asset";
2257
- } | {
2258
- type: "url";
2259
- url: string;
2260
- };
2261
- type: "image";
2262
- hidden?: boolean | undefined;
2263
2713
  } | {
2264
2714
  value: string;
2265
2715
  type: "var";
2266
2716
  fallback?: {
2717
+ value: number;
2718
+ type: "unit";
2719
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2720
+ hidden?: boolean | undefined;
2721
+ } | {
2267
2722
  value: string;
2268
2723
  type: "keyword";
2269
2724
  hidden?: boolean | undefined;
@@ -2271,6 +2726,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2271
2726
  value: string;
2272
2727
  type: "unparsed";
2273
2728
  hidden?: boolean | undefined;
2729
+ } | {
2730
+ type: "rgb";
2731
+ r: number;
2732
+ g: number;
2733
+ b: number;
2734
+ alpha: number;
2735
+ hidden?: boolean | undefined;
2274
2736
  } | undefined;
2275
2737
  hidden?: boolean | undefined;
2276
2738
  })[];
@@ -2282,6 +2744,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2282
2744
  hidden?: boolean | undefined;
2283
2745
  } | {
2284
2746
  value: ({
2747
+ value: {
2748
+ value: string;
2749
+ type: "asset";
2750
+ } | {
2751
+ type: "url";
2752
+ url: string;
2753
+ };
2754
+ type: "image";
2755
+ hidden?: boolean | undefined;
2756
+ } | {
2285
2757
  value: number;
2286
2758
  type: "unit";
2287
2759
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2306,20 +2778,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2306
2778
  name: string;
2307
2779
  args: import("@webstudio-is/css-engine").StyleValue;
2308
2780
  hidden?: boolean;
2309
- } | {
2310
- value: {
2311
- value: string;
2312
- type: "asset";
2313
- } | {
2314
- type: "url";
2315
- url: string;
2316
- };
2317
- type: "image";
2318
- hidden?: boolean | undefined;
2319
2781
  } | {
2320
2782
  value: string;
2321
2783
  type: "var";
2322
2784
  fallback?: {
2785
+ value: number;
2786
+ type: "unit";
2787
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2788
+ hidden?: boolean | undefined;
2789
+ } | {
2323
2790
  value: string;
2324
2791
  type: "keyword";
2325
2792
  hidden?: boolean | undefined;
@@ -2327,10 +2794,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2327
2794
  value: string;
2328
2795
  type: "unparsed";
2329
2796
  hidden?: boolean | undefined;
2797
+ } | {
2798
+ type: "rgb";
2799
+ r: number;
2800
+ g: number;
2801
+ b: number;
2802
+ alpha: number;
2803
+ hidden?: boolean | undefined;
2330
2804
  } | undefined;
2331
2805
  hidden?: boolean | undefined;
2332
2806
  } | {
2333
2807
  value: ({
2808
+ value: {
2809
+ value: string;
2810
+ type: "asset";
2811
+ } | {
2812
+ type: "url";
2813
+ url: string;
2814
+ };
2815
+ type: "image";
2816
+ hidden?: boolean | undefined;
2817
+ } | {
2334
2818
  value: number;
2335
2819
  type: "unit";
2336
2820
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2355,20 +2839,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2355
2839
  name: string;
2356
2840
  args: import("@webstudio-is/css-engine").StyleValue;
2357
2841
  hidden?: boolean;
2358
- } | {
2359
- value: {
2360
- value: string;
2361
- type: "asset";
2362
- } | {
2363
- type: "url";
2364
- url: string;
2365
- };
2366
- type: "image";
2367
- hidden?: boolean | undefined;
2368
2842
  } | {
2369
2843
  value: string;
2370
2844
  type: "var";
2371
2845
  fallback?: {
2846
+ value: number;
2847
+ type: "unit";
2848
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2849
+ hidden?: boolean | undefined;
2850
+ } | {
2372
2851
  value: string;
2373
2852
  type: "keyword";
2374
2853
  hidden?: boolean | undefined;
@@ -2376,6 +2855,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2376
2855
  value: string;
2377
2856
  type: "unparsed";
2378
2857
  hidden?: boolean | undefined;
2858
+ } | {
2859
+ type: "rgb";
2860
+ r: number;
2861
+ g: number;
2862
+ b: number;
2863
+ alpha: number;
2864
+ hidden?: boolean | undefined;
2379
2865
  } | undefined;
2380
2866
  hidden?: boolean | undefined;
2381
2867
  })[];
@@ -2388,6 +2874,10 @@ export declare const WsComponentMeta: z.ZodObject<{
2388
2874
  })[];
2389
2875
  type: "layers";
2390
2876
  hidden?: boolean | undefined;
2877
+ } | {
2878
+ value: string[];
2879
+ type: "fontFamily";
2880
+ hidden?: boolean | undefined;
2391
2881
  } | {
2392
2882
  type: "guaranteedInvalid";
2393
2883
  hidden?: boolean | undefined;
@@ -2402,6 +2892,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2402
2892
  presetTokens?: Record<string, {
2403
2893
  styles: {
2404
2894
  value: {
2895
+ value: {
2896
+ value: string;
2897
+ type: "asset";
2898
+ } | {
2899
+ type: "url";
2900
+ url: string;
2901
+ };
2902
+ type: "image";
2903
+ hidden?: boolean | undefined;
2904
+ } | {
2405
2905
  value: number;
2406
2906
  type: "unit";
2407
2907
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2414,10 +2914,6 @@ export declare const WsComponentMeta: z.ZodObject<{
2414
2914
  value: string;
2415
2915
  type: "unparsed";
2416
2916
  hidden?: boolean | undefined;
2417
- } | {
2418
- value: string[];
2419
- type: "fontFamily";
2420
- hidden?: boolean | undefined;
2421
2917
  } | {
2422
2918
  type: "rgb";
2423
2919
  r: number;
@@ -2430,20 +2926,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2430
2926
  name: string;
2431
2927
  args: import("@webstudio-is/css-engine").StyleValue;
2432
2928
  hidden?: boolean;
2433
- } | {
2434
- value: {
2435
- value: string;
2436
- type: "asset";
2437
- } | {
2438
- type: "url";
2439
- url: string;
2440
- };
2441
- type: "image";
2442
- hidden?: boolean | undefined;
2443
2929
  } | {
2444
2930
  value: string;
2445
2931
  type: "var";
2446
2932
  fallback?: {
2933
+ value: number;
2934
+ type: "unit";
2935
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2936
+ hidden?: boolean | undefined;
2937
+ } | {
2447
2938
  value: string;
2448
2939
  type: "keyword";
2449
2940
  hidden?: boolean | undefined;
@@ -2451,10 +2942,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2451
2942
  value: string;
2452
2943
  type: "unparsed";
2453
2944
  hidden?: boolean | undefined;
2945
+ } | {
2946
+ type: "rgb";
2947
+ r: number;
2948
+ g: number;
2949
+ b: number;
2950
+ alpha: number;
2951
+ hidden?: boolean | undefined;
2454
2952
  } | undefined;
2455
2953
  hidden?: boolean | undefined;
2456
2954
  } | {
2457
2955
  value: ({
2956
+ value: {
2957
+ value: string;
2958
+ type: "asset";
2959
+ } | {
2960
+ type: "url";
2961
+ url: string;
2962
+ };
2963
+ type: "image";
2964
+ hidden?: boolean | undefined;
2965
+ } | {
2458
2966
  value: number;
2459
2967
  type: "unit";
2460
2968
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2479,20 +2987,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2479
2987
  name: string;
2480
2988
  args: import("@webstudio-is/css-engine").StyleValue;
2481
2989
  hidden?: boolean;
2482
- } | {
2483
- value: {
2484
- value: string;
2485
- type: "asset";
2486
- } | {
2487
- type: "url";
2488
- url: string;
2489
- };
2490
- type: "image";
2491
- hidden?: boolean | undefined;
2492
2990
  } | {
2493
2991
  value: string;
2494
2992
  type: "var";
2495
2993
  fallback?: {
2994
+ value: number;
2995
+ type: "unit";
2996
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2997
+ hidden?: boolean | undefined;
2998
+ } | {
2496
2999
  value: string;
2497
3000
  type: "keyword";
2498
3001
  hidden?: boolean | undefined;
@@ -2500,6 +3003,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2500
3003
  value: string;
2501
3004
  type: "unparsed";
2502
3005
  hidden?: boolean | undefined;
3006
+ } | {
3007
+ type: "rgb";
3008
+ r: number;
3009
+ g: number;
3010
+ b: number;
3011
+ alpha: number;
3012
+ hidden?: boolean | undefined;
2503
3013
  } | undefined;
2504
3014
  hidden?: boolean | undefined;
2505
3015
  })[];
@@ -2511,6 +3021,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2511
3021
  hidden?: boolean | undefined;
2512
3022
  } | {
2513
3023
  value: ({
3024
+ value: {
3025
+ value: string;
3026
+ type: "asset";
3027
+ } | {
3028
+ type: "url";
3029
+ url: string;
3030
+ };
3031
+ type: "image";
3032
+ hidden?: boolean | undefined;
3033
+ } | {
2514
3034
  value: number;
2515
3035
  type: "unit";
2516
3036
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2535,20 +3055,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2535
3055
  name: string;
2536
3056
  args: import("@webstudio-is/css-engine").StyleValue;
2537
3057
  hidden?: boolean;
2538
- } | {
2539
- value: {
2540
- value: string;
2541
- type: "asset";
2542
- } | {
2543
- type: "url";
2544
- url: string;
2545
- };
2546
- type: "image";
2547
- hidden?: boolean | undefined;
2548
3058
  } | {
2549
3059
  value: string;
2550
3060
  type: "var";
2551
3061
  fallback?: {
3062
+ value: number;
3063
+ type: "unit";
3064
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3065
+ hidden?: boolean | undefined;
3066
+ } | {
2552
3067
  value: string;
2553
3068
  type: "keyword";
2554
3069
  hidden?: boolean | undefined;
@@ -2556,10 +3071,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2556
3071
  value: string;
2557
3072
  type: "unparsed";
2558
3073
  hidden?: boolean | undefined;
3074
+ } | {
3075
+ type: "rgb";
3076
+ r: number;
3077
+ g: number;
3078
+ b: number;
3079
+ alpha: number;
3080
+ hidden?: boolean | undefined;
2559
3081
  } | undefined;
2560
3082
  hidden?: boolean | undefined;
2561
3083
  } | {
2562
3084
  value: ({
3085
+ value: {
3086
+ value: string;
3087
+ type: "asset";
3088
+ } | {
3089
+ type: "url";
3090
+ url: string;
3091
+ };
3092
+ type: "image";
3093
+ hidden?: boolean | undefined;
3094
+ } | {
2563
3095
  value: number;
2564
3096
  type: "unit";
2565
3097
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2584,20 +3116,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2584
3116
  name: string;
2585
3117
  args: import("@webstudio-is/css-engine").StyleValue;
2586
3118
  hidden?: boolean;
2587
- } | {
2588
- value: {
2589
- value: string;
2590
- type: "asset";
2591
- } | {
2592
- type: "url";
2593
- url: string;
2594
- };
2595
- type: "image";
2596
- hidden?: boolean | undefined;
2597
3119
  } | {
2598
3120
  value: string;
2599
3121
  type: "var";
2600
3122
  fallback?: {
3123
+ value: number;
3124
+ type: "unit";
3125
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3126
+ hidden?: boolean | undefined;
3127
+ } | {
2601
3128
  value: string;
2602
3129
  type: "keyword";
2603
3130
  hidden?: boolean | undefined;
@@ -2605,6 +3132,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2605
3132
  value: string;
2606
3133
  type: "unparsed";
2607
3134
  hidden?: boolean | undefined;
3135
+ } | {
3136
+ type: "rgb";
3137
+ r: number;
3138
+ g: number;
3139
+ b: number;
3140
+ alpha: number;
3141
+ hidden?: boolean | undefined;
2608
3142
  } | undefined;
2609
3143
  hidden?: boolean | undefined;
2610
3144
  })[];
@@ -2617,6 +3151,10 @@ export declare const WsComponentMeta: z.ZodObject<{
2617
3151
  })[];
2618
3152
  type: "layers";
2619
3153
  hidden?: boolean | undefined;
3154
+ } | {
3155
+ value: string[];
3156
+ type: "fontFamily";
3157
+ hidden?: boolean | undefined;
2620
3158
  } | {
2621
3159
  type: "guaranteedInvalid";
2622
3160
  hidden?: boolean | undefined;
@@ -2642,7 +3180,7 @@ export declare const WsComponentMeta: z.ZodObject<{
2642
3180
  } | {
2643
3181
  value: string;
2644
3182
  type: "expression";
2645
- } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
3183
+ } | import("..").EmbedTemplateInstance)[] | undefined;
2646
3184
  order?: number | undefined;
2647
3185
  }, {
2648
3186
  type: "control" | "embed" | "container" | "rich-text-child";
@@ -2650,6 +3188,35 @@ export declare const WsComponentMeta: z.ZodObject<{
2650
3188
  category?: "data" | "xml" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "internal" | undefined;
2651
3189
  requiredAncestors?: string[] | undefined;
2652
3190
  invalidAncestors?: string[] | undefined;
3191
+ constraints?: {
3192
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
3193
+ component?: {
3194
+ $eq?: string | undefined;
3195
+ $neq?: string | undefined;
3196
+ $in?: string[] | undefined;
3197
+ $nin?: string[] | undefined;
3198
+ } | undefined;
3199
+ tag?: {
3200
+ $eq?: string | undefined;
3201
+ $neq?: string | undefined;
3202
+ $in?: string[] | undefined;
3203
+ $nin?: string[] | undefined;
3204
+ } | undefined;
3205
+ } | {
3206
+ relation: "ancestor" | "parent" | "self" | "child" | "descendant";
3207
+ component?: {
3208
+ $eq?: string | undefined;
3209
+ $neq?: string | undefined;
3210
+ $in?: string[] | undefined;
3211
+ $nin?: string[] | undefined;
3212
+ } | undefined;
3213
+ tag?: {
3214
+ $eq?: string | undefined;
3215
+ $neq?: string | undefined;
3216
+ $in?: string[] | undefined;
3217
+ $nin?: string[] | undefined;
3218
+ } | undefined;
3219
+ }[] | undefined;
2653
3220
  indexWithinAncestor?: string | undefined;
2654
3221
  stylable?: boolean | undefined;
2655
3222
  detachable?: boolean | undefined;
@@ -2657,6 +3224,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2657
3224
  description?: string | undefined;
2658
3225
  presetStyle?: Record<string, {
2659
3226
  value: {
3227
+ value: {
3228
+ value: string;
3229
+ type: "asset";
3230
+ } | {
3231
+ type: "url";
3232
+ url: string;
3233
+ };
3234
+ type: "image";
3235
+ hidden?: boolean | undefined;
3236
+ } | {
2660
3237
  value: number;
2661
3238
  type: "unit";
2662
3239
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2669,10 +3246,6 @@ export declare const WsComponentMeta: z.ZodObject<{
2669
3246
  value: string;
2670
3247
  type: "unparsed";
2671
3248
  hidden?: boolean | undefined;
2672
- } | {
2673
- value: string[];
2674
- type: "fontFamily";
2675
- hidden?: boolean | undefined;
2676
3249
  } | {
2677
3250
  type: "rgb";
2678
3251
  r: number;
@@ -2685,20 +3258,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2685
3258
  name: string;
2686
3259
  args: import("@webstudio-is/css-engine").StyleValue;
2687
3260
  hidden?: boolean;
2688
- } | {
2689
- value: {
2690
- value: string;
2691
- type: "asset";
2692
- } | {
2693
- type: "url";
2694
- url: string;
2695
- };
2696
- type: "image";
2697
- hidden?: boolean | undefined;
2698
3261
  } | {
2699
3262
  value: string;
2700
3263
  type: "var";
2701
3264
  fallback?: {
3265
+ value: number;
3266
+ type: "unit";
3267
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3268
+ hidden?: boolean | undefined;
3269
+ } | {
2702
3270
  value: string;
2703
3271
  type: "keyword";
2704
3272
  hidden?: boolean | undefined;
@@ -2706,10 +3274,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2706
3274
  value: string;
2707
3275
  type: "unparsed";
2708
3276
  hidden?: boolean | undefined;
3277
+ } | {
3278
+ type: "rgb";
3279
+ r: number;
3280
+ g: number;
3281
+ b: number;
3282
+ alpha: number;
3283
+ hidden?: boolean | undefined;
2709
3284
  } | undefined;
2710
3285
  hidden?: boolean | undefined;
2711
3286
  } | {
2712
3287
  value: ({
3288
+ value: {
3289
+ value: string;
3290
+ type: "asset";
3291
+ } | {
3292
+ type: "url";
3293
+ url: string;
3294
+ };
3295
+ type: "image";
3296
+ hidden?: boolean | undefined;
3297
+ } | {
2713
3298
  value: number;
2714
3299
  type: "unit";
2715
3300
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2734,20 +3319,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2734
3319
  name: string;
2735
3320
  args: import("@webstudio-is/css-engine").StyleValue;
2736
3321
  hidden?: boolean;
2737
- } | {
2738
- value: {
2739
- value: string;
2740
- type: "asset";
2741
- } | {
2742
- type: "url";
2743
- url: string;
2744
- };
2745
- type: "image";
2746
- hidden?: boolean | undefined;
2747
3322
  } | {
2748
3323
  value: string;
2749
3324
  type: "var";
2750
3325
  fallback?: {
3326
+ value: number;
3327
+ type: "unit";
3328
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3329
+ hidden?: boolean | undefined;
3330
+ } | {
2751
3331
  value: string;
2752
3332
  type: "keyword";
2753
3333
  hidden?: boolean | undefined;
@@ -2755,6 +3335,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2755
3335
  value: string;
2756
3336
  type: "unparsed";
2757
3337
  hidden?: boolean | undefined;
3338
+ } | {
3339
+ type: "rgb";
3340
+ r: number;
3341
+ g: number;
3342
+ b: number;
3343
+ alpha: number;
3344
+ hidden?: boolean | undefined;
2758
3345
  } | undefined;
2759
3346
  hidden?: boolean | undefined;
2760
3347
  })[];
@@ -2766,6 +3353,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2766
3353
  hidden?: boolean | undefined;
2767
3354
  } | {
2768
3355
  value: ({
3356
+ value: {
3357
+ value: string;
3358
+ type: "asset";
3359
+ } | {
3360
+ type: "url";
3361
+ url: string;
3362
+ };
3363
+ type: "image";
3364
+ hidden?: boolean | undefined;
3365
+ } | {
2769
3366
  value: number;
2770
3367
  type: "unit";
2771
3368
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2790,20 +3387,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2790
3387
  name: string;
2791
3388
  args: import("@webstudio-is/css-engine").StyleValue;
2792
3389
  hidden?: boolean;
2793
- } | {
2794
- value: {
2795
- value: string;
2796
- type: "asset";
2797
- } | {
2798
- type: "url";
2799
- url: string;
2800
- };
2801
- type: "image";
2802
- hidden?: boolean | undefined;
2803
3390
  } | {
2804
3391
  value: string;
2805
3392
  type: "var";
2806
3393
  fallback?: {
3394
+ value: number;
3395
+ type: "unit";
3396
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3397
+ hidden?: boolean | undefined;
3398
+ } | {
2807
3399
  value: string;
2808
3400
  type: "keyword";
2809
3401
  hidden?: boolean | undefined;
@@ -2811,10 +3403,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2811
3403
  value: string;
2812
3404
  type: "unparsed";
2813
3405
  hidden?: boolean | undefined;
3406
+ } | {
3407
+ type: "rgb";
3408
+ r: number;
3409
+ g: number;
3410
+ b: number;
3411
+ alpha: number;
3412
+ hidden?: boolean | undefined;
2814
3413
  } | undefined;
2815
3414
  hidden?: boolean | undefined;
2816
3415
  } | {
2817
3416
  value: ({
3417
+ value: {
3418
+ value: string;
3419
+ type: "asset";
3420
+ } | {
3421
+ type: "url";
3422
+ url: string;
3423
+ };
3424
+ type: "image";
3425
+ hidden?: boolean | undefined;
3426
+ } | {
2818
3427
  value: number;
2819
3428
  type: "unit";
2820
3429
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2839,20 +3448,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2839
3448
  name: string;
2840
3449
  args: import("@webstudio-is/css-engine").StyleValue;
2841
3450
  hidden?: boolean;
2842
- } | {
2843
- value: {
2844
- value: string;
2845
- type: "asset";
2846
- } | {
2847
- type: "url";
2848
- url: string;
2849
- };
2850
- type: "image";
2851
- hidden?: boolean | undefined;
2852
3451
  } | {
2853
3452
  value: string;
2854
3453
  type: "var";
2855
3454
  fallback?: {
3455
+ value: number;
3456
+ type: "unit";
3457
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3458
+ hidden?: boolean | undefined;
3459
+ } | {
2856
3460
  value: string;
2857
3461
  type: "keyword";
2858
3462
  hidden?: boolean | undefined;
@@ -2860,6 +3464,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2860
3464
  value: string;
2861
3465
  type: "unparsed";
2862
3466
  hidden?: boolean | undefined;
3467
+ } | {
3468
+ type: "rgb";
3469
+ r: number;
3470
+ g: number;
3471
+ b: number;
3472
+ alpha: number;
3473
+ hidden?: boolean | undefined;
2863
3474
  } | undefined;
2864
3475
  hidden?: boolean | undefined;
2865
3476
  })[];
@@ -2872,6 +3483,10 @@ export declare const WsComponentMeta: z.ZodObject<{
2872
3483
  })[];
2873
3484
  type: "layers";
2874
3485
  hidden?: boolean | undefined;
3486
+ } | {
3487
+ value: string[];
3488
+ type: "fontFamily";
3489
+ hidden?: boolean | undefined;
2875
3490
  } | {
2876
3491
  type: "guaranteedInvalid";
2877
3492
  hidden?: boolean | undefined;
@@ -2886,6 +3501,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2886
3501
  presetTokens?: Record<string, {
2887
3502
  styles: {
2888
3503
  value: {
3504
+ value: {
3505
+ value: string;
3506
+ type: "asset";
3507
+ } | {
3508
+ type: "url";
3509
+ url: string;
3510
+ };
3511
+ type: "image";
3512
+ hidden?: boolean | undefined;
3513
+ } | {
2889
3514
  value: number;
2890
3515
  type: "unit";
2891
3516
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2898,10 +3523,6 @@ export declare const WsComponentMeta: z.ZodObject<{
2898
3523
  value: string;
2899
3524
  type: "unparsed";
2900
3525
  hidden?: boolean | undefined;
2901
- } | {
2902
- value: string[];
2903
- type: "fontFamily";
2904
- hidden?: boolean | undefined;
2905
3526
  } | {
2906
3527
  type: "rgb";
2907
3528
  r: number;
@@ -2914,20 +3535,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2914
3535
  name: string;
2915
3536
  args: import("@webstudio-is/css-engine").StyleValue;
2916
3537
  hidden?: boolean;
2917
- } | {
2918
- value: {
2919
- value: string;
2920
- type: "asset";
2921
- } | {
2922
- type: "url";
2923
- url: string;
2924
- };
2925
- type: "image";
2926
- hidden?: boolean | undefined;
2927
3538
  } | {
2928
3539
  value: string;
2929
3540
  type: "var";
2930
3541
  fallback?: {
3542
+ value: number;
3543
+ type: "unit";
3544
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3545
+ hidden?: boolean | undefined;
3546
+ } | {
2931
3547
  value: string;
2932
3548
  type: "keyword";
2933
3549
  hidden?: boolean | undefined;
@@ -2935,10 +3551,27 @@ export declare const WsComponentMeta: z.ZodObject<{
2935
3551
  value: string;
2936
3552
  type: "unparsed";
2937
3553
  hidden?: boolean | undefined;
3554
+ } | {
3555
+ type: "rgb";
3556
+ r: number;
3557
+ g: number;
3558
+ b: number;
3559
+ alpha: number;
3560
+ hidden?: boolean | undefined;
2938
3561
  } | undefined;
2939
3562
  hidden?: boolean | undefined;
2940
3563
  } | {
2941
3564
  value: ({
3565
+ value: {
3566
+ value: string;
3567
+ type: "asset";
3568
+ } | {
3569
+ type: "url";
3570
+ url: string;
3571
+ };
3572
+ type: "image";
3573
+ hidden?: boolean | undefined;
3574
+ } | {
2942
3575
  value: number;
2943
3576
  type: "unit";
2944
3577
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2963,20 +3596,15 @@ export declare const WsComponentMeta: z.ZodObject<{
2963
3596
  name: string;
2964
3597
  args: import("@webstudio-is/css-engine").StyleValue;
2965
3598
  hidden?: boolean;
2966
- } | {
2967
- value: {
2968
- value: string;
2969
- type: "asset";
2970
- } | {
2971
- type: "url";
2972
- url: string;
2973
- };
2974
- type: "image";
2975
- hidden?: boolean | undefined;
2976
3599
  } | {
2977
3600
  value: string;
2978
3601
  type: "var";
2979
3602
  fallback?: {
3603
+ value: number;
3604
+ type: "unit";
3605
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3606
+ hidden?: boolean | undefined;
3607
+ } | {
2980
3608
  value: string;
2981
3609
  type: "keyword";
2982
3610
  hidden?: boolean | undefined;
@@ -2984,6 +3612,13 @@ export declare const WsComponentMeta: z.ZodObject<{
2984
3612
  value: string;
2985
3613
  type: "unparsed";
2986
3614
  hidden?: boolean | undefined;
3615
+ } | {
3616
+ type: "rgb";
3617
+ r: number;
3618
+ g: number;
3619
+ b: number;
3620
+ alpha: number;
3621
+ hidden?: boolean | undefined;
2987
3622
  } | undefined;
2988
3623
  hidden?: boolean | undefined;
2989
3624
  })[];
@@ -2995,6 +3630,16 @@ export declare const WsComponentMeta: z.ZodObject<{
2995
3630
  hidden?: boolean | undefined;
2996
3631
  } | {
2997
3632
  value: ({
3633
+ value: {
3634
+ value: string;
3635
+ type: "asset";
3636
+ } | {
3637
+ type: "url";
3638
+ url: string;
3639
+ };
3640
+ type: "image";
3641
+ hidden?: boolean | undefined;
3642
+ } | {
2998
3643
  value: number;
2999
3644
  type: "unit";
3000
3645
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -3019,20 +3664,15 @@ export declare const WsComponentMeta: z.ZodObject<{
3019
3664
  name: string;
3020
3665
  args: import("@webstudio-is/css-engine").StyleValue;
3021
3666
  hidden?: boolean;
3022
- } | {
3023
- value: {
3024
- value: string;
3025
- type: "asset";
3026
- } | {
3027
- type: "url";
3028
- url: string;
3029
- };
3030
- type: "image";
3031
- hidden?: boolean | undefined;
3032
3667
  } | {
3033
3668
  value: string;
3034
3669
  type: "var";
3035
3670
  fallback?: {
3671
+ value: number;
3672
+ type: "unit";
3673
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3674
+ hidden?: boolean | undefined;
3675
+ } | {
3036
3676
  value: string;
3037
3677
  type: "keyword";
3038
3678
  hidden?: boolean | undefined;
@@ -3040,10 +3680,27 @@ export declare const WsComponentMeta: z.ZodObject<{
3040
3680
  value: string;
3041
3681
  type: "unparsed";
3042
3682
  hidden?: boolean | undefined;
3683
+ } | {
3684
+ type: "rgb";
3685
+ r: number;
3686
+ g: number;
3687
+ b: number;
3688
+ alpha: number;
3689
+ hidden?: boolean | undefined;
3043
3690
  } | undefined;
3044
3691
  hidden?: boolean | undefined;
3045
3692
  } | {
3046
3693
  value: ({
3694
+ value: {
3695
+ value: string;
3696
+ type: "asset";
3697
+ } | {
3698
+ type: "url";
3699
+ url: string;
3700
+ };
3701
+ type: "image";
3702
+ hidden?: boolean | undefined;
3703
+ } | {
3047
3704
  value: number;
3048
3705
  type: "unit";
3049
3706
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -3068,20 +3725,15 @@ export declare const WsComponentMeta: z.ZodObject<{
3068
3725
  name: string;
3069
3726
  args: import("@webstudio-is/css-engine").StyleValue;
3070
3727
  hidden?: boolean;
3071
- } | {
3072
- value: {
3073
- value: string;
3074
- type: "asset";
3075
- } | {
3076
- type: "url";
3077
- url: string;
3078
- };
3079
- type: "image";
3080
- hidden?: boolean | undefined;
3081
3728
  } | {
3082
3729
  value: string;
3083
3730
  type: "var";
3084
3731
  fallback?: {
3732
+ value: number;
3733
+ type: "unit";
3734
+ unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3735
+ hidden?: boolean | undefined;
3736
+ } | {
3085
3737
  value: string;
3086
3738
  type: "keyword";
3087
3739
  hidden?: boolean | undefined;
@@ -3089,6 +3741,13 @@ export declare const WsComponentMeta: z.ZodObject<{
3089
3741
  value: string;
3090
3742
  type: "unparsed";
3091
3743
  hidden?: boolean | undefined;
3744
+ } | {
3745
+ type: "rgb";
3746
+ r: number;
3747
+ g: number;
3748
+ b: number;
3749
+ alpha: number;
3750
+ hidden?: boolean | undefined;
3092
3751
  } | undefined;
3093
3752
  hidden?: boolean | undefined;
3094
3753
  })[];
@@ -3101,6 +3760,10 @@ export declare const WsComponentMeta: z.ZodObject<{
3101
3760
  })[];
3102
3761
  type: "layers";
3103
3762
  hidden?: boolean | undefined;
3763
+ } | {
3764
+ value: string[];
3765
+ type: "fontFamily";
3766
+ hidden?: boolean | undefined;
3104
3767
  } | {
3105
3768
  type: "guaranteedInvalid";
3106
3769
  hidden?: boolean | undefined;
@@ -3126,7 +3789,7 @@ export declare const WsComponentMeta: z.ZodObject<{
3126
3789
  } | {
3127
3790
  value: string;
3128
3791
  type: "expression";
3129
- } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
3792
+ } | import("..").EmbedTemplateInstance)[] | undefined;
3130
3793
  order?: number | undefined;
3131
3794
  }>;
3132
3795
  export type WsComponentMeta = Omit<z.infer<typeof WsComponentMeta>, "presetStyle"> & {