@xyo-network/react-webapp 2.36.0 → 2.36.1

package/dist/docs.json

@@ -149,18 +149,18 @@
 												"type": "intrinsic",
 												"name": "undefined"
 											},
-											{
-												"type": "reference",
-												"name": "AlignItems",
-												"qualifiedName": "Property.AlignItems",
-												"package": "csstype"
-											},
 											{
 												"type": "array",
 												"elementType": {
 													"type": "intrinsic",
 													"name": "string"
 												}
+											},
+											{
+												"type": "reference",
+												"name": "AlignItems",
+												"qualifiedName": "Property.AlignItems",
+												"package": "csstype"
 											}
 										]
 									}
@@ -216,18 +216,18 @@
 																"type": "intrinsic",
 																"name": "undefined"
 															},
-															{
-																"type": "reference",
-																"name": "AlignItems",
-																"qualifiedName": "Property.AlignItems",
-																"package": "csstype"
-															},
 															{
 																"type": "array",
 																"elementType": {
 																	"type": "intrinsic",
 																	"name": "string"
 																}
+															},
+															{
+																"type": "reference",
+																"name": "AlignItems",
+																"qualifiedName": "Property.AlignItems",
+																"package": "csstype"
 															}
 														]
 													}
@@ -375,7 +375,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L13"
 						}
 					],
 					"type": {
@@ -396,7 +396,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L15"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L15"
 						}
 					],
 					"type": {
@@ -2470,18 +2470,18 @@
 												"type": "intrinsic",
 												"name": "undefined"
 											},
+											{
+												"type": "reference",
+												"name": "BorderColor",
+												"qualifiedName": "Property.BorderColor",
+												"package": "csstype"
+											},
 											{
 												"type": "array",
 												"elementType": {
 													"type": "intrinsic",
 													"name": "string"
 												}
-											},
-											{
-												"type": "reference",
-												"name": "BorderColor",
-												"qualifiedName": "Property.BorderColor",
-												"package": "csstype"
 											}
 										]
 									}
@@ -2537,18 +2537,18 @@
 																"type": "intrinsic",
 																"name": "undefined"
 															},
+															{
+																"type": "reference",
+																"name": "BorderColor",
+																"qualifiedName": "Property.BorderColor",
+																"package": "csstype"
+															},
 															{
 																"type": "array",
 																"elementType": {
 																	"type": "intrinsic",
 																	"name": "string"
 																}
-															},
-															{
-																"type": "reference",
-																"name": "BorderColor",
-																"qualifiedName": "Property.BorderColor",
-																"package": "csstype"
 															}
 														]
 													}
@@ -4488,7 +4488,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L16"
 						}
 					],
 					"type": {
@@ -6185,7 +6185,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L14"
 						}
 					],
 					"type": {
@@ -6208,7 +6208,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 17,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L17"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L17"
 						}
 					],
 					"type": {
@@ -11579,7 +11579,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 19,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L19"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L19"
 						}
 					],
 					"type": {
@@ -13107,7 +13107,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 18,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L18"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L18"
 						}
 					],
 					"type": {
@@ -18534,7 +18534,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 					"line": 12,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L12"
 				}
 			],
 			"extendedTypes": [
@@ -18554,7 +18554,7 @@
 			"flags": {},
 			"children": [
 				{
-					"id": 483,
+					"id": 485,
 					"name": "alignContent",
 					"kind": 1024,
 					"kindString": "Property",
@@ -18595,7 +18595,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 484,
+									"id": 486,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -18609,14 +18609,14 @@
 									],
 									"signatures": [
 										{
-											"id": 485,
+											"id": 487,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 486,
+													"id": 488,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -18667,11 +18667,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.alignContent"
+						"name": "WebAppBodyProps.alignContent"
 					}
 				},
 				{
-					"id": 479,
+					"id": 481,
 					"name": "alignItems",
 					"kind": 1024,
 					"kindString": "Property",
@@ -18689,18 +18689,18 @@
 												"type": "intrinsic",
 												"name": "undefined"
 											},
-											{
-												"type": "reference",
-												"name": "AlignItems",
-												"qualifiedName": "Property.AlignItems",
-												"package": "csstype"
-											},
 											{
 												"type": "array",
 												"elementType": {
 													"type": "intrinsic",
 													"name": "string"
 												}
+											},
+											{
+												"type": "reference",
+												"name": "AlignItems",
+												"qualifiedName": "Property.AlignItems",
+												"package": "csstype"
 											}
 										]
 									}
@@ -18712,7 +18712,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 480,
+									"id": 482,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -18726,14 +18726,14 @@
 									],
 									"signatures": [
 										{
-											"id": 481,
+											"id": 483,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 482,
+													"id": 484,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -18756,18 +18756,18 @@
 																"type": "intrinsic",
 																"name": "undefined"
 															},
-															{
-																"type": "reference",
-																"name": "AlignItems",
-																"qualifiedName": "Property.AlignItems",
-																"package": "csstype"
-															},
 															{
 																"type": "array",
 																"elementType": {
 																	"type": "intrinsic",
 																	"name": "string"
 																}
+															},
+															{
+																"type": "reference",
+																"name": "AlignItems",
+																"qualifiedName": "Property.AlignItems",
+																"package": "csstype"
 															}
 														]
 													}
@@ -18784,11 +18784,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.alignItems"
+						"name": "WebAppBodyProps.alignItems"
 					}
 				},
 				{
-					"id": 503,
+					"id": 505,
 					"name": "alignSelf",
 					"kind": 1024,
 					"kindString": "Property",
@@ -18829,7 +18829,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 504,
+									"id": 506,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -18843,14 +18843,14 @@
 									],
 									"signatures": [
 										{
-											"id": 505,
+											"id": 507,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 506,
+													"id": 508,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -18901,11 +18901,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.alignSelf"
+						"name": "WebAppBodyProps.alignSelf"
 					}
 				},
 				{
-					"id": 563,
+					"id": 565,
 					"name": "bgcolor",
 					"kind": 1024,
 					"kindString": "Property",
@@ -18946,7 +18946,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 564,
+									"id": 566,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -18960,14 +18960,14 @@
 									],
 									"signatures": [
 										{
-											"id": 565,
+											"id": 567,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 566,
+													"id": 568,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -19018,11 +19018,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.bgcolor"
+						"name": "WebAppBodyProps.bgcolor"
 					}
 				},
 				{
-					"id": 409,
+					"id": 411,
 					"name": "border",
 					"kind": 1024,
 					"kindString": "Property",
@@ -19054,7 +19054,7 @@
 													{
 														"type": "reflection",
 														"declaration": {
-															"id": 410,
+															"id": 412,
 															"name": "__type",
 															"kind": 65536,
 															"kindString": "Type literal",
@@ -19861,7 +19861,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 411,
+									"id": 413,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -19875,14 +19875,14 @@
 									],
 									"signatures": [
 										{
-											"id": 412,
+											"id": 414,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 413,
+													"id": 415,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -19919,7 +19919,7 @@
 																	{
 																		"type": "reflection",
 																		"declaration": {
-																			"id": 414,
+																			"id": 416,
 																			"name": "__type",
 																			"kind": 65536,
 																			"kindString": "Type literal",
@@ -20731,11 +20731,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.border"
+						"name": "WebAppBodyProps.border"
 					}
 				},
 				{
-					"id": 423,
+					"id": 425,
 					"name": "borderBottom",
 					"kind": 1024,
 					"kindString": "Property",
@@ -20825,7 +20825,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 424,
+									"id": 426,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -20839,14 +20839,14 @@
 									],
 									"signatures": [
 										{
-											"id": 425,
+											"id": 427,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 426,
+													"id": 428,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -20946,11 +20946,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.borderBottom"
+						"name": "WebAppBodyProps.borderBottom"
 					}
 				},
 				{
-					"id": 431,
+					"id": 433,
 					"name": "borderColor",
 					"kind": 1024,
 					"kindString": "Property",
@@ -20968,18 +20968,18 @@
 												"type": "intrinsic",
 												"name": "undefined"
 											},
+											{
+												"type": "reference",
+												"name": "BorderColor",
+												"qualifiedName": "Property.BorderColor",
+												"package": "csstype"
+											},
 											{
 												"type": "array",
 												"elementType": {
 													"type": "intrinsic",
 													"name": "string"
 												}
-											},
-											{
-												"type": "reference",
-												"name": "BorderColor",
-												"qualifiedName": "Property.BorderColor",
-												"package": "csstype"
 											}
 										]
 									}
@@ -20991,7 +20991,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 432,
+									"id": 434,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -21005,14 +21005,14 @@
 									],
 									"signatures": [
 										{
-											"id": 433,
+											"id": 435,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 434,
+													"id": 436,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -21035,18 +21035,18 @@
 																"type": "intrinsic",
 																"name": "undefined"
 															},
+															{
+																"type": "reference",
+																"name": "BorderColor",
+																"qualifiedName": "Property.BorderColor",
+																"package": "csstype"
+															},
 															{
 																"type": "array",
 																"elementType": {
 																	"type": "intrinsic",
 																	"name": "string"
 																}
-															},
-															{
-																"type": "reference",
-																"name": "BorderColor",
-																"qualifiedName": "Property.BorderColor",
-																"package": "csstype"
 															}
 														]
 													}
@@ -21063,11 +21063,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.borderColor"
+						"name": "WebAppBodyProps.borderColor"
 					}
 				},
 				{
-					"id": 427,
+					"id": 429,
 					"name": "borderLeft",
 					"kind": 1024,
 					"kindString": "Property",
@@ -21157,7 +21157,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 428,
+									"id": 430,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -21171,14 +21171,14 @@
 									],
 									"signatures": [
 										{
-											"id": 429,
+											"id": 431,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 430,
+													"id": 432,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -21278,11 +21278,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.borderLeft"
+						"name": "WebAppBodyProps.borderLeft"
 					}
 				},
 				{
-					"id": 435,
+					"id": 437,
 					"name": "borderRadius",
 					"kind": 1024,
 					"kindString": "Property",
@@ -21372,7 +21372,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 436,
+									"id": 438,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -21386,14 +21386,14 @@
 									],
 									"signatures": [
 										{
-											"id": 437,
+											"id": 439,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 438,
+													"id": 440,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -21493,11 +21493,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.borderRadius"
+						"name": "WebAppBodyProps.borderRadius"
 					}
 				},
 				{
-					"id": 419,
+					"id": 421,
 					"name": "borderRight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -21587,7 +21587,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 420,
+									"id": 422,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -21601,14 +21601,14 @@
 									],
 									"signatures": [
 										{
-											"id": 421,
+											"id": 423,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 422,
+													"id": 424,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -21708,11 +21708,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.borderRight"
+						"name": "WebAppBodyProps.borderRight"
 					}
 				},
 				{
-					"id": 415,
+					"id": 417,
 					"name": "borderTop",
 					"kind": 1024,
 					"kindString": "Property",
@@ -21802,7 +21802,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 416,
+									"id": 418,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -21816,14 +21816,14 @@
 									],
 									"signatures": [
 										{
-											"id": 417,
+											"id": 419,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 418,
+													"id": 420,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -21923,11 +21923,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.borderTop"
+						"name": "WebAppBodyProps.borderTop"
 					}
 				},
 				{
-					"id": 591,
+					"id": 593,
 					"name": "bottom",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22017,7 +22017,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 592,
+									"id": 594,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -22031,14 +22031,14 @@
 									],
 									"signatures": [
 										{
-											"id": 593,
+											"id": 595,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 594,
+													"id": 596,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -22138,11 +22138,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.bottom"
+						"name": "WebAppBodyProps.bottom"
 					}
 				},
 				{
-					"id": 599,
+					"id": 601,
 					"name": "boxShadow",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22180,7 +22180,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 600,
+									"id": 602,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -22194,14 +22194,14 @@
 									],
 									"signatures": [
 										{
-											"id": 601,
+											"id": 603,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 602,
+													"id": 604,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -22249,11 +22249,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.boxShadow"
+						"name": "WebAppBodyProps.boxShadow"
 					}
 				},
 				{
-					"id": 627,
+					"id": 629,
 					"name": "boxSizing",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22313,7 +22313,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 628,
+									"id": 630,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -22327,14 +22327,14 @@
 									],
 									"signatures": [
 										{
-											"id": 629,
+											"id": 631,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 630,
+													"id": 632,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -22404,7 +22404,7 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.boxSizing"
+						"name": "WebAppBodyProps.boxSizing"
 					}
 				},
 				{
@@ -22417,10 +22417,10 @@
 					},
 					"sources": [
 						{
-							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-							"line": 11,
+							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
+							"line": 49,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Body.tsx#L49"
 						}
 					],
 					"type": {
@@ -22428,10 +22428,14 @@
 						"name": "ReactNode",
 						"qualifiedName": "React.ReactNode",
 						"package": "@types/react"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "WebAppBodyProps.breadcrumbs"
 					}
 				},
 				{
-					"id": 567,
+					"id": 569,
 					"name": "color",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22472,7 +22476,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 568,
+									"id": 570,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -22486,14 +22490,14 @@
 									],
 									"signatures": [
 										{
-											"id": 569,
+											"id": 571,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 570,
+													"id": 572,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -22544,11 +22548,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.color"
+						"name": "WebAppBodyProps.color"
 					}
 				},
 				{
-					"id": 519,
+					"id": 521,
 					"name": "columnGap",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22638,7 +22642,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 520,
+									"id": 522,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -22652,14 +22656,14 @@
 									],
 									"signatures": [
 										{
-											"id": 521,
+											"id": 523,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 522,
+													"id": 524,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -22759,7 +22763,7 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.columnGap"
+						"name": "WebAppBodyProps.columnGap"
 					}
 				},
 				{
@@ -22773,9 +22777,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-							"line": 9,
+							"line": 27,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Page.tsx#L27"
 						}
 					],
 					"type": {
@@ -22798,6 +22802,31 @@
 						]
 					}
 				},
+				{
+					"id": 410,
+					"name": "devMode",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
+							"line": 53,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Body.tsx#L53"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "boolean"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "WebAppBodyProps.devMode"
+					}
+				},
 				{
 					"id": 407,
 					"name": "disableBreadcrumbGutter",
@@ -22808,15 +22837,19 @@
 					},
 					"sources": [
 						{
-							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-							"line": 12,
+							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
+							"line": 50,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L12"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Body.tsx#L50"
 						}
 					],
 					"type": {
 						"type": "intrinsic",
 						"name": "boolean"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "WebAppBodyProps.disableBreadcrumbGutter"
 					}
 				},
 				{
@@ -22830,9 +22863,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-							"line": 10,
+							"line": 28,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Page.tsx#L28"
 						}
 					],
 					"type": {
@@ -22841,7 +22874,7 @@
 					}
 				},
 				{
-					"id": 439,
+					"id": 441,
 					"name": "display",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22882,7 +22915,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 440,
+									"id": 442,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -22896,14 +22929,14 @@
 									],
 									"signatures": [
 										{
-											"id": 441,
+											"id": 443,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 442,
+													"id": 444,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -22954,11 +22987,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.display"
+						"name": "WebAppBodyProps.display"
 					}
 				},
 				{
-					"id": 443,
+					"id": 445,
 					"name": "displayPrint",
 					"kind": 1024,
 					"kindString": "Property",
@@ -22999,7 +23032,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 444,
+									"id": 446,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -23013,14 +23046,14 @@
 									],
 									"signatures": [
 										{
-											"id": 445,
+											"id": 447,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 446,
+													"id": 448,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -23071,11 +23104,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.displayPrint"
+						"name": "WebAppBodyProps.displayPrint"
 					}
 				},
 				{
-					"id": 491,
+					"id": 493,
 					"name": "flex",
 					"kind": 1024,
 					"kindString": "Property",
@@ -23165,7 +23198,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 492,
+									"id": 494,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -23179,14 +23212,14 @@
 									],
 									"signatures": [
 										{
-											"id": 493,
+											"id": 495,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 494,
+													"id": 496,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -23286,11 +23319,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.flex"
+						"name": "WebAppBodyProps.flex"
 					}
 				},
 				{
-					"id": 463,
+					"id": 465,
 					"name": "flexBasis",
 					"kind": 1024,
 					"kindString": "Property",
@@ -23380,7 +23413,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 464,
+									"id": 466,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -23394,14 +23427,14 @@
 									],
 									"signatures": [
 										{
-											"id": 465,
+											"id": 467,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 466,
+													"id": 468,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -23501,11 +23534,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.flexBasis"
+						"name": "WebAppBodyProps.flexBasis"
 					}
 				},
 				{
-					"id": 467,
+					"id": 469,
 					"name": "flexDirection",
 					"kind": 1024,
 					"kindString": "Property",
@@ -23565,7 +23598,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 468,
+									"id": 470,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -23579,14 +23612,14 @@
 									],
 									"signatures": [
 										{
-											"id": 469,
+											"id": 471,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 470,
+													"id": 472,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -23656,11 +23689,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.flexDirection"
+						"name": "WebAppBodyProps.flexDirection"
 					}
 				},
 				{
-					"id": 495,
+					"id": 497,
 					"name": "flexGrow",
 					"kind": 1024,
 					"kindString": "Property",
@@ -23720,7 +23753,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 496,
+									"id": 498,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -23734,14 +23767,14 @@
 									],
 									"signatures": [
 										{
-											"id": 497,
+											"id": 499,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 498,
+													"id": 500,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -23811,11 +23844,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.flexGrow"
+						"name": "WebAppBodyProps.flexGrow"
 					}
 				},
 				{
-					"id": 499,
+					"id": 501,
 					"name": "flexShrink",
 					"kind": 1024,
 					"kindString": "Property",
@@ -23875,7 +23908,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 500,
+									"id": 502,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -23889,14 +23922,14 @@
 									],
 									"signatures": [
 										{
-											"id": 501,
+											"id": 503,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 502,
+													"id": 504,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -23966,11 +23999,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.flexShrink"
+						"name": "WebAppBodyProps.flexShrink"
 					}
 				},
 				{
-					"id": 471,
+					"id": 473,
 					"name": "flexWrap",
 					"kind": 1024,
 					"kindString": "Property",
@@ -24030,7 +24063,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 472,
+									"id": 474,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -24044,14 +24077,14 @@
 									],
 									"signatures": [
 										{
-											"id": 473,
+											"id": 475,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 474,
+													"id": 476,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -24121,11 +24154,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.flexWrap"
+						"name": "WebAppBodyProps.flexWrap"
 					}
 				},
 				{
-					"id": 747,
+					"id": 749,
 					"name": "fontFamily",
 					"kind": 1024,
 					"kindString": "Property",
@@ -24166,7 +24199,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 748,
+									"id": 750,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -24180,14 +24213,14 @@
 									],
 									"signatures": [
 										{
-											"id": 749,
+											"id": 751,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 750,
+													"id": 752,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -24238,11 +24271,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.fontFamily"
+						"name": "WebAppBodyProps.fontFamily"
 					}
 				},
 				{
-					"id": 751,
+					"id": 753,
 					"name": "fontSize",
 					"kind": 1024,
 					"kindString": "Property",
@@ -24332,7 +24365,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 752,
+									"id": 754,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -24346,14 +24379,14 @@
 									],
 									"signatures": [
 										{
-											"id": 753,
+											"id": 755,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 754,
+													"id": 756,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -24453,11 +24486,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.fontSize"
+						"name": "WebAppBodyProps.fontSize"
 					}
 				},
 				{
-					"id": 755,
+					"id": 757,
 					"name": "fontStyle",
 					"kind": 1024,
 					"kindString": "Property",
@@ -24498,7 +24531,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 756,
+									"id": 758,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -24512,14 +24545,14 @@
 									],
 									"signatures": [
 										{
-											"id": 757,
+											"id": 759,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 758,
+													"id": 760,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -24570,11 +24603,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.fontStyle"
+						"name": "WebAppBodyProps.fontStyle"
 					}
 				},
 				{
-					"id": 759,
+					"id": 761,
 					"name": "fontWeight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -24606,7 +24639,7 @@
 													{
 														"type": "reflection",
 														"declaration": {
-															"id": 760,
+															"id": 762,
 															"name": "__type",
 															"kind": 65536,
 															"kindString": "Type literal",
@@ -24625,7 +24658,7 @@
 													{
 														"type": "reflection",
 														"declaration": {
-															"id": 761,
+															"id": 763,
 															"name": "__type",
 															"kind": 65536,
 															"kindString": "Type literal",
@@ -24644,7 +24677,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 762,
+									"id": 764,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -24658,14 +24691,14 @@
 									],
 									"signatures": [
 										{
-											"id": 763,
+											"id": 765,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 764,
+													"id": 766,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -24702,7 +24735,7 @@
 																	{
 																		"type": "reflection",
 																		"declaration": {
-																			"id": 765,
+																			"id": 767,
 																			"name": "__type",
 																			"kind": 65536,
 																			"kindString": "Type literal",
@@ -24721,7 +24754,7 @@
 																	{
 																		"type": "reflection",
 																		"declaration": {
-																			"id": 766,
+																			"id": 768,
 																			"name": "__type",
 																			"kind": 65536,
 																			"kindString": "Type literal",
@@ -24745,11 +24778,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.fontWeight"
+						"name": "WebAppBodyProps.fontWeight"
 					}
 				},
 				{
-					"id": 515,
+					"id": 517,
 					"name": "gap",
 					"kind": 1024,
 					"kindString": "Property",
@@ -24839,7 +24872,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 516,
+									"id": 518,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -24853,14 +24886,14 @@
 									],
 									"signatures": [
 										{
-											"id": 517,
+											"id": 519,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 518,
+													"id": 520,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -24960,11 +24993,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gap"
+						"name": "WebAppBodyProps.gap"
 					}
 				},
 				{
-					"id": 559,
+					"id": 561,
 					"name": "gridArea",
 					"kind": 1024,
 					"kindString": "Property",
@@ -25024,7 +25057,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 560,
+									"id": 562,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -25038,14 +25071,14 @@
 									],
 									"signatures": [
 										{
-											"id": 561,
+											"id": 563,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 562,
+													"id": 564,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -25115,11 +25148,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridArea"
+						"name": "WebAppBodyProps.gridArea"
 					}
 				},
 				{
-					"id": 539,
+					"id": 541,
 					"name": "gridAutoColumns",
 					"kind": 1024,
 					"kindString": "Property",
@@ -25209,7 +25242,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 540,
+									"id": 542,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -25223,14 +25256,14 @@
 									],
 									"signatures": [
 										{
-											"id": 541,
+											"id": 543,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 542,
+													"id": 544,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -25330,11 +25363,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridAutoColumns"
+						"name": "WebAppBodyProps.gridAutoColumns"
 					}
 				},
 				{
-					"id": 535,
+					"id": 537,
 					"name": "gridAutoFlow",
 					"kind": 1024,
 					"kindString": "Property",
@@ -25375,7 +25408,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 536,
+									"id": 538,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -25389,14 +25422,14 @@
 									],
 									"signatures": [
 										{
-											"id": 537,
+											"id": 539,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 538,
+													"id": 540,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -25447,11 +25480,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridAutoFlow"
+						"name": "WebAppBodyProps.gridAutoFlow"
 					}
 				},
 				{
-					"id": 543,
+					"id": 545,
 					"name": "gridAutoRows",
 					"kind": 1024,
 					"kindString": "Property",
@@ -25541,7 +25574,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 544,
+									"id": 546,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -25555,14 +25588,14 @@
 									],
 									"signatures": [
 										{
-											"id": 545,
+											"id": 547,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 546,
+													"id": 548,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -25662,11 +25695,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridAutoRows"
+						"name": "WebAppBodyProps.gridAutoRows"
 					}
 				},
 				{
-					"id": 527,
+					"id": 529,
 					"name": "gridColumn",
 					"kind": 1024,
 					"kindString": "Property",
@@ -25726,7 +25759,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 528,
+									"id": 530,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -25740,14 +25773,14 @@
 									],
 									"signatures": [
 										{
-											"id": 529,
+											"id": 531,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 530,
+													"id": 532,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -25817,11 +25850,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridColumn"
+						"name": "WebAppBodyProps.gridColumn"
 					}
 				},
 				{
-					"id": 531,
+					"id": 533,
 					"name": "gridRow",
 					"kind": 1024,
 					"kindString": "Property",
@@ -25881,7 +25914,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 532,
+									"id": 534,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -25895,14 +25928,14 @@
 									],
 									"signatures": [
 										{
-											"id": 533,
+											"id": 535,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 534,
+													"id": 536,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -25972,11 +26005,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridRow"
+						"name": "WebAppBodyProps.gridRow"
 					}
 				},
 				{
-					"id": 555,
+					"id": 557,
 					"name": "gridTemplateAreas",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26017,7 +26050,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 556,
+									"id": 558,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -26031,14 +26064,14 @@
 									],
 									"signatures": [
 										{
-											"id": 557,
+											"id": 559,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 558,
+													"id": 560,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -26089,11 +26122,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridTemplateAreas"
+						"name": "WebAppBodyProps.gridTemplateAreas"
 					}
 				},
 				{
-					"id": 547,
+					"id": 549,
 					"name": "gridTemplateColumns",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26183,7 +26216,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 548,
+									"id": 550,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -26197,14 +26230,14 @@
 									],
 									"signatures": [
 										{
-											"id": 549,
+											"id": 551,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 550,
+													"id": 552,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -26304,11 +26337,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridTemplateColumns"
+						"name": "WebAppBodyProps.gridTemplateColumns"
 					}
 				},
 				{
-					"id": 551,
+					"id": 553,
 					"name": "gridTemplateRows",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26398,7 +26431,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 552,
+									"id": 554,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -26412,14 +26445,14 @@
 									],
 									"signatures": [
 										{
-											"id": 553,
+											"id": 555,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 554,
+													"id": 556,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -26519,11 +26552,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.gridTemplateRows"
+						"name": "WebAppBodyProps.gridTemplateRows"
 					}
 				},
 				{
-					"id": 615,
+					"id": 617,
 					"name": "height",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26613,7 +26646,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 616,
+									"id": 618,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -26627,14 +26660,14 @@
 									],
 									"signatures": [
 										{
-											"id": 617,
+											"id": 619,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 618,
+													"id": 620,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -26734,11 +26767,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.height"
+						"name": "WebAppBodyProps.height"
 					}
 				},
 				{
-					"id": 475,
+					"id": 477,
 					"name": "justifyContent",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26779,7 +26812,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 476,
+									"id": 478,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -26793,14 +26826,14 @@
 									],
 									"signatures": [
 										{
-											"id": 477,
+											"id": 479,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 478,
+													"id": 480,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -26851,11 +26884,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.justifyContent"
+						"name": "WebAppBodyProps.justifyContent"
 					}
 				},
 				{
-					"id": 507,
+					"id": 509,
 					"name": "justifyItems",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26896,7 +26929,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 508,
+									"id": 510,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -26910,14 +26943,14 @@
 									],
 									"signatures": [
 										{
-											"id": 509,
+											"id": 511,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 510,
+													"id": 512,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -26968,11 +27001,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.justifyItems"
+						"name": "WebAppBodyProps.justifyItems"
 					}
 				},
 				{
-					"id": 511,
+					"id": 513,
 					"name": "justifySelf",
 					"kind": 1024,
 					"kindString": "Property",
@@ -27013,7 +27046,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 512,
+									"id": 514,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -27027,14 +27060,14 @@
 									],
 									"signatures": [
 										{
-											"id": 513,
+											"id": 515,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 514,
+													"id": 516,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -27085,11 +27118,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.justifySelf"
+						"name": "WebAppBodyProps.justifySelf"
 					}
 				},
 				{
-					"id": 595,
+					"id": 597,
 					"name": "left",
 					"kind": 1024,
 					"kindString": "Property",
@@ -27179,7 +27212,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 596,
+									"id": 598,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -27193,14 +27226,14 @@
 									],
 									"signatures": [
 										{
-											"id": 597,
+											"id": 599,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 598,
+													"id": 600,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -27300,11 +27333,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.left"
+						"name": "WebAppBodyProps.left"
 					}
 				},
 				{
-					"id": 767,
+					"id": 769,
 					"name": "letterSpacing",
 					"kind": 1024,
 					"kindString": "Property",
@@ -27394,7 +27427,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 768,
+									"id": 770,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -27408,14 +27441,14 @@
 									],
 									"signatures": [
 										{
-											"id": 769,
+											"id": 771,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 770,
+													"id": 772,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -27515,11 +27548,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.letterSpacing"
+						"name": "WebAppBodyProps.letterSpacing"
 					}
 				},
 				{
-					"id": 771,
+					"id": 773,
 					"name": "lineHeight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -27609,7 +27642,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 772,
+									"id": 774,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -27623,14 +27656,14 @@
 									],
 									"signatures": [
 										{
-											"id": 773,
+											"id": 775,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 774,
+													"id": 776,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -27730,11 +27763,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.lineHeight"
+						"name": "WebAppBodyProps.lineHeight"
 					}
 				},
 				{
-					"id": 631,
+					"id": 633,
 					"name": "m",
 					"kind": 1024,
 					"kindString": "Property",
@@ -27824,7 +27857,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 632,
+									"id": 634,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -27838,14 +27871,14 @@
 									],
 									"signatures": [
 										{
-											"id": 633,
+											"id": 635,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 634,
+													"id": 636,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -27945,11 +27978,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.m"
+						"name": "WebAppBodyProps.m"
 					}
 				},
 				{
-					"id": 687,
+					"id": 689,
 					"name": "margin",
 					"kind": 1024,
 					"kindString": "Property",
@@ -28039,7 +28072,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 688,
+									"id": 690,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -28053,14 +28086,14 @@
 									],
 									"signatures": [
 										{
-											"id": 689,
+											"id": 691,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 690,
+													"id": 692,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -28160,11 +28193,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.margin"
+						"name": "WebAppBodyProps.margin"
 					}
 				},
 				{
-					"id": 699,
+					"id": 701,
 					"name": "marginBottom",
 					"kind": 1024,
 					"kindString": "Property",
@@ -28254,7 +28287,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 700,
+									"id": 702,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -28268,14 +28301,14 @@
 									],
 									"signatures": [
 										{
-											"id": 701,
+											"id": 703,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 702,
+													"id": 704,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -28375,11 +28408,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.marginBottom"
+						"name": "WebAppBodyProps.marginBottom"
 					}
 				},
 				{
-					"id": 703,
+					"id": 705,
 					"name": "marginLeft",
 					"kind": 1024,
 					"kindString": "Property",
@@ -28469,7 +28502,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 704,
+									"id": 706,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -28483,14 +28516,14 @@
 									],
 									"signatures": [
 										{
-											"id": 705,
+											"id": 707,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 706,
+													"id": 708,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -28590,11 +28623,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.marginLeft"
+						"name": "WebAppBodyProps.marginLeft"
 					}
 				},
 				{
-					"id": 695,
+					"id": 697,
 					"name": "marginRight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -28684,7 +28717,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 696,
+									"id": 698,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -28698,14 +28731,14 @@
 									],
 									"signatures": [
 										{
-											"id": 697,
+											"id": 699,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 698,
+													"id": 700,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -28805,11 +28838,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.marginRight"
+						"name": "WebAppBodyProps.marginRight"
 					}
 				},
 				{
-					"id": 691,
+					"id": 693,
 					"name": "marginTop",
 					"kind": 1024,
 					"kindString": "Property",
@@ -28899,7 +28932,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 692,
+									"id": 694,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -28913,14 +28946,14 @@
 									],
 									"signatures": [
 										{
-											"id": 693,
+											"id": 695,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 694,
+													"id": 696,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -29020,11 +29053,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.marginTop"
+						"name": "WebAppBodyProps.marginTop"
 					}
 				},
 				{
-					"id": 707,
+					"id": 709,
 					"name": "marginX",
 					"kind": 1024,
 					"kindString": "Property",
@@ -29114,7 +29147,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 708,
+									"id": 710,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -29128,14 +29161,14 @@
 									],
 									"signatures": [
 										{
-											"id": 709,
+											"id": 711,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 710,
+													"id": 712,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -29235,11 +29268,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.marginX"
+						"name": "WebAppBodyProps.marginX"
 					}
 				},
 				{
-					"id": 711,
+					"id": 713,
 					"name": "marginY",
 					"kind": 1024,
 					"kindString": "Property",
@@ -29329,7 +29362,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 712,
+									"id": 714,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -29343,14 +29376,14 @@
 									],
 									"signatures": [
 										{
-											"id": 713,
+											"id": 715,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 714,
+													"id": 716,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -29450,11 +29483,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.marginY"
+						"name": "WebAppBodyProps.marginY"
 					}
 				},
 				{
-					"id": 619,
+					"id": 621,
 					"name": "maxHeight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -29544,7 +29577,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 620,
+									"id": 622,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -29558,14 +29591,14 @@
 									],
 									"signatures": [
 										{
-											"id": 621,
+											"id": 623,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 622,
+													"id": 624,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -29665,11 +29698,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.maxHeight"
+						"name": "WebAppBodyProps.maxHeight"
 					}
 				},
 				{
-					"id": 607,
+					"id": 609,
 					"name": "maxWidth",
 					"kind": 1024,
 					"kindString": "Property",
@@ -29759,7 +29792,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 608,
+									"id": 610,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -29773,14 +29806,14 @@
 									],
 									"signatures": [
 										{
-											"id": 609,
+											"id": 611,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 610,
+													"id": 612,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -29880,11 +29913,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.maxWidth"
+						"name": "WebAppBodyProps.maxWidth"
 					}
 				},
 				{
-					"id": 643,
+					"id": 645,
 					"name": "mb",
 					"kind": 1024,
 					"kindString": "Property",
@@ -29974,7 +30007,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 644,
+									"id": 646,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -29988,14 +30021,14 @@
 									],
 									"signatures": [
 										{
-											"id": 645,
+											"id": 647,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 646,
+													"id": 648,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -30095,11 +30128,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.mb"
+						"name": "WebAppBodyProps.mb"
 					}
 				},
 				{
-					"id": 623,
+					"id": 625,
 					"name": "minHeight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -30189,7 +30222,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 624,
+									"id": 626,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -30203,14 +30236,14 @@
 									],
 									"signatures": [
 										{
-											"id": 625,
+											"id": 627,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 626,
+													"id": 628,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -30310,11 +30343,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.minHeight"
+						"name": "WebAppBodyProps.minHeight"
 					}
 				},
 				{
-					"id": 611,
+					"id": 613,
 					"name": "minWidth",
 					"kind": 1024,
 					"kindString": "Property",
@@ -30404,7 +30437,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 612,
+									"id": 614,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -30418,14 +30451,14 @@
 									],
 									"signatures": [
 										{
-											"id": 613,
+											"id": 615,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 614,
+													"id": 616,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -30525,11 +30558,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.minWidth"
+						"name": "WebAppBodyProps.minWidth"
 					}
 				},
 				{
-					"id": 647,
+					"id": 649,
 					"name": "ml",
 					"kind": 1024,
 					"kindString": "Property",
@@ -30619,7 +30652,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 648,
+									"id": 650,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -30633,14 +30666,14 @@
 									],
 									"signatures": [
 										{
-											"id": 649,
+											"id": 651,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 650,
+													"id": 652,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -30740,11 +30773,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.ml"
+						"name": "WebAppBodyProps.ml"
 					}
 				},
 				{
-					"id": 639,
+					"id": 641,
 					"name": "mr",
 					"kind": 1024,
 					"kindString": "Property",
@@ -30834,7 +30867,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 640,
+									"id": 642,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -30848,14 +30881,14 @@
 									],
 									"signatures": [
 										{
-											"id": 641,
+											"id": 643,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 642,
+													"id": 644,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -30955,11 +30988,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.mr"
+						"name": "WebAppBodyProps.mr"
 					}
 				},
 				{
-					"id": 635,
+					"id": 637,
 					"name": "mt",
 					"kind": 1024,
 					"kindString": "Property",
@@ -31049,7 +31082,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 636,
+									"id": 638,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -31063,14 +31096,14 @@
 									],
 									"signatures": [
 										{
-											"id": 637,
+											"id": 639,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 638,
+													"id": 640,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -31170,11 +31203,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.mt"
+						"name": "WebAppBodyProps.mt"
 					}
 				},
 				{
-					"id": 651,
+					"id": 653,
 					"name": "mx",
 					"kind": 1024,
 					"kindString": "Property",
@@ -31264,7 +31297,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 652,
+									"id": 654,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -31278,14 +31311,14 @@
 									],
 									"signatures": [
 										{
-											"id": 653,
+											"id": 655,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 654,
+													"id": 656,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -31385,11 +31418,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.mx"
+						"name": "WebAppBodyProps.mx"
 					}
 				},
 				{
-					"id": 655,
+					"id": 657,
 					"name": "my",
 					"kind": 1024,
 					"kindString": "Property",
@@ -31479,7 +31512,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 656,
+									"id": 658,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -31493,14 +31526,14 @@
 									],
 									"signatures": [
 										{
-											"id": 657,
+											"id": 659,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 658,
+													"id": 660,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -31600,11 +31633,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.my"
+						"name": "WebAppBodyProps.my"
 					}
 				},
 				{
-					"id": 487,
+					"id": 489,
 					"name": "order",
 					"kind": 1024,
 					"kindString": "Property",
@@ -31664,7 +31697,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 488,
+									"id": 490,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -31678,14 +31711,14 @@
 									],
 									"signatures": [
 										{
-											"id": 489,
+											"id": 491,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 490,
+													"id": 492,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -31755,11 +31788,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.order"
+						"name": "WebAppBodyProps.order"
 					}
 				},
 				{
-					"id": 447,
+					"id": 449,
 					"name": "overflow",
 					"kind": 1024,
 					"kindString": "Property",
@@ -31800,7 +31833,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 448,
+									"id": 450,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -31814,14 +31847,14 @@
 									],
 									"signatures": [
 										{
-											"id": 449,
+											"id": 451,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 450,
+													"id": 452,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -31872,11 +31905,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.overflow"
+						"name": "WebAppBodyProps.overflow"
 					}
 				},
 				{
-					"id": 659,
+					"id": 661,
 					"name": "p",
 					"kind": 1024,
 					"kindString": "Property",
@@ -31966,7 +31999,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 660,
+									"id": 662,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -31980,14 +32013,14 @@
 									],
 									"signatures": [
 										{
-											"id": 661,
+											"id": 663,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 662,
+													"id": 664,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -32087,11 +32120,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.p"
+						"name": "WebAppBodyProps.p"
 					}
 				},
 				{
-					"id": 715,
+					"id": 717,
 					"name": "padding",
 					"kind": 1024,
 					"kindString": "Property",
@@ -32181,7 +32214,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 716,
+									"id": 718,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -32195,14 +32228,14 @@
 									],
 									"signatures": [
 										{
-											"id": 717,
+											"id": 719,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 718,
+													"id": 720,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -32302,11 +32335,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.padding"
+						"name": "WebAppBodyProps.padding"
 					}
 				},
 				{
-					"id": 727,
+					"id": 729,
 					"name": "paddingBottom",
 					"kind": 1024,
 					"kindString": "Property",
@@ -32396,7 +32429,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 728,
+									"id": 730,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -32410,14 +32443,14 @@
 									],
 									"signatures": [
 										{
-											"id": 729,
+											"id": 731,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 730,
+													"id": 732,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -32517,11 +32550,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.paddingBottom"
+						"name": "WebAppBodyProps.paddingBottom"
 					}
 				},
 				{
-					"id": 731,
+					"id": 733,
 					"name": "paddingLeft",
 					"kind": 1024,
 					"kindString": "Property",
@@ -32611,7 +32644,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 732,
+									"id": 734,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -32625,14 +32658,14 @@
 									],
 									"signatures": [
 										{
-											"id": 733,
+											"id": 735,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 734,
+													"id": 736,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -32732,11 +32765,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.paddingLeft"
+						"name": "WebAppBodyProps.paddingLeft"
 					}
 				},
 				{
-					"id": 723,
+					"id": 725,
 					"name": "paddingRight",
 					"kind": 1024,
 					"kindString": "Property",
@@ -32826,7 +32859,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 724,
+									"id": 726,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -32840,14 +32873,14 @@
 									],
 									"signatures": [
 										{
-											"id": 725,
+											"id": 727,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 726,
+													"id": 728,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -32947,11 +32980,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.paddingRight"
+						"name": "WebAppBodyProps.paddingRight"
 					}
 				},
 				{
-					"id": 719,
+					"id": 721,
 					"name": "paddingTop",
 					"kind": 1024,
 					"kindString": "Property",
@@ -33041,7 +33074,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 720,
+									"id": 722,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -33055,14 +33088,14 @@
 									],
 									"signatures": [
 										{
-											"id": 721,
+											"id": 723,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 722,
+													"id": 724,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -33162,11 +33195,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.paddingTop"
+						"name": "WebAppBodyProps.paddingTop"
 					}
 				},
 				{
-					"id": 735,
+					"id": 737,
 					"name": "paddingX",
 					"kind": 1024,
 					"kindString": "Property",
@@ -33256,7 +33289,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 736,
+									"id": 738,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -33270,14 +33303,14 @@
 									],
 									"signatures": [
 										{
-											"id": 737,
+											"id": 739,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 738,
+													"id": 740,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -33377,11 +33410,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.paddingX"
+						"name": "WebAppBodyProps.paddingX"
 					}
 				},
 				{
-					"id": 739,
+					"id": 741,
 					"name": "paddingY",
 					"kind": 1024,
 					"kindString": "Property",
@@ -33471,7 +33504,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 740,
+									"id": 742,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -33485,14 +33518,14 @@
 									],
 									"signatures": [
 										{
-											"id": 741,
+											"id": 743,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 742,
+													"id": 744,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -33592,11 +33625,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.paddingY"
+						"name": "WebAppBodyProps.paddingY"
 					}
 				},
 				{
-					"id": 671,
+					"id": 673,
 					"name": "pb",
 					"kind": 1024,
 					"kindString": "Property",
@@ -33686,7 +33719,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 672,
+									"id": 674,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -33700,14 +33733,14 @@
 									],
 									"signatures": [
 										{
-											"id": 673,
+											"id": 675,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 674,
+													"id": 676,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -33807,11 +33840,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.pb"
+						"name": "WebAppBodyProps.pb"
 					}
 				},
 				{
-					"id": 675,
+					"id": 677,
 					"name": "pl",
 					"kind": 1024,
 					"kindString": "Property",
@@ -33901,7 +33934,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 676,
+									"id": 678,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -33915,14 +33948,14 @@
 									],
 									"signatures": [
 										{
-											"id": 677,
+											"id": 679,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 678,
+													"id": 680,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -34022,11 +34055,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.pl"
+						"name": "WebAppBodyProps.pl"
 					}
 				},
 				{
-					"id": 579,
+					"id": 581,
 					"name": "position",
 					"kind": 1024,
 					"kindString": "Property",
@@ -34086,7 +34119,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 580,
+									"id": 582,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -34100,14 +34133,14 @@
 									],
 									"signatures": [
 										{
-											"id": 581,
+											"id": 583,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 582,
+													"id": 584,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -34177,11 +34210,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.position"
+						"name": "WebAppBodyProps.position"
 					}
 				},
 				{
-					"id": 667,
+					"id": 669,
 					"name": "pr",
 					"kind": 1024,
 					"kindString": "Property",
@@ -34271,7 +34304,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 668,
+									"id": 670,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -34285,14 +34318,14 @@
 									],
 									"signatures": [
 										{
-											"id": 669,
+											"id": 671,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 670,
+													"id": 672,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -34392,11 +34425,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.pr"
+						"name": "WebAppBodyProps.pr"
 					}
 				},
 				{
-					"id": 663,
+					"id": 665,
 					"name": "pt",
 					"kind": 1024,
 					"kindString": "Property",
@@ -34486,7 +34519,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 664,
+									"id": 666,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -34500,14 +34533,14 @@
 									],
 									"signatures": [
 										{
-											"id": 665,
+											"id": 667,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 666,
+													"id": 668,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -34607,11 +34640,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.pt"
+						"name": "WebAppBodyProps.pt"
 					}
 				},
 				{
-					"id": 679,
+					"id": 681,
 					"name": "px",
 					"kind": 1024,
 					"kindString": "Property",
@@ -34701,7 +34734,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 680,
+									"id": 682,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -34715,14 +34748,14 @@
 									],
 									"signatures": [
 										{
-											"id": 681,
+											"id": 683,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 682,
+													"id": 684,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -34822,11 +34855,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.px"
+						"name": "WebAppBodyProps.px"
 					}
 				},
 				{
-					"id": 683,
+					"id": 685,
 					"name": "py",
 					"kind": 1024,
 					"kindString": "Property",
@@ -34916,7 +34949,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 684,
+									"id": 686,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -34930,14 +34963,14 @@
 									],
 									"signatures": [
 										{
-											"id": 685,
+											"id": 687,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 686,
+													"id": 688,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -35037,11 +35070,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.py"
+						"name": "WebAppBodyProps.py"
 					}
 				},
 				{
-					"id": 587,
+					"id": 589,
 					"name": "right",
 					"kind": 1024,
 					"kindString": "Property",
@@ -35131,7 +35164,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 588,
+									"id": 590,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -35145,14 +35178,14 @@
 									],
 									"signatures": [
 										{
-											"id": 589,
+											"id": 591,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 590,
+													"id": 592,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -35252,11 +35285,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.right"
+						"name": "WebAppBodyProps.right"
 					}
 				},
 				{
-					"id": 523,
+					"id": 525,
 					"name": "rowGap",
 					"kind": 1024,
 					"kindString": "Property",
@@ -35346,7 +35379,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 524,
+									"id": 526,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -35360,14 +35393,14 @@
 									],
 									"signatures": [
 										{
-											"id": 525,
+											"id": 527,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 526,
+													"id": 528,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -35467,7 +35500,34 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.rowGap"
+						"name": "WebAppBodyProps.rowGap"
+					}
+				},
+				{
+					"id": 409,
+					"name": "scrollingBreakpoint",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
+							"line": 52,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Body.tsx#L52"
+						}
+					],
+					"type": {
+						"type": "reference",
+						"name": "Breakpoint",
+						"qualifiedName": "Breakpoint",
+						"package": "@mui/system"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "WebAppBodyProps.scrollingBreakpoint"
 					}
 				},
 				{
@@ -35480,10 +35540,10 @@
 					},
 					"sources": [
 						{
-							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-							"line": 13,
+							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
+							"line": 51,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Body.tsx#L51"
 						}
 					],
 					"type": {
@@ -35498,10 +35558,14 @@
 								"name": "number"
 							}
 						]
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "WebAppBodyProps.spacing"
 					}
 				},
 				{
-					"id": 775,
+					"id": 777,
 					"name": "textAlign",
 					"kind": 1024,
 					"kindString": "Property",
@@ -35561,7 +35625,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 776,
+									"id": 778,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -35575,14 +35639,14 @@
 									],
 									"signatures": [
 										{
-											"id": 777,
+											"id": 779,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 778,
+													"id": 780,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -35652,11 +35716,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.textAlign"
+						"name": "WebAppBodyProps.textAlign"
 					}
 				},
 				{
-					"id": 451,
+					"id": 453,
 					"name": "textOverflow",
 					"kind": 1024,
 					"kindString": "Property",
@@ -35697,7 +35761,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 452,
+									"id": 454,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -35711,14 +35775,14 @@
 									],
 									"signatures": [
 										{
-											"id": 453,
+											"id": 455,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 454,
+													"id": 456,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -35769,11 +35833,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.textOverflow"
+						"name": "WebAppBodyProps.textOverflow"
 					}
 				},
 				{
-					"id": 779,
+					"id": 781,
 					"name": "textTransform",
 					"kind": 1024,
 					"kindString": "Property",
@@ -35833,7 +35897,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 780,
+									"id": 782,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -35847,14 +35911,14 @@
 									],
 									"signatures": [
 										{
-											"id": 781,
+											"id": 783,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 782,
+													"id": 784,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -35924,11 +35988,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.textTransform"
+						"name": "WebAppBodyProps.textTransform"
 					}
 				},
 				{
-					"id": 583,
+					"id": 585,
 					"name": "top",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36018,7 +36082,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 584,
+									"id": 586,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -36032,14 +36096,14 @@
 									],
 									"signatures": [
 										{
-											"id": 585,
+											"id": 587,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 586,
+													"id": 588,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -36139,11 +36203,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.top"
+						"name": "WebAppBodyProps.top"
 					}
 				},
 				{
-					"id": 743,
+					"id": 745,
 					"name": "typography",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36175,7 +36239,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 744,
+									"id": 746,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -36189,14 +36253,14 @@
 									],
 									"signatures": [
 										{
-											"id": 745,
+											"id": 747,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 746,
+													"id": 748,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -36238,11 +36302,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.typography"
+						"name": "WebAppBodyProps.typography"
 					}
 				},
 				{
-					"id": 455,
+					"id": 457,
 					"name": "visibility",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36302,7 +36366,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 456,
+									"id": 458,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -36316,14 +36380,14 @@
 									],
 									"signatures": [
 										{
-											"id": 457,
+											"id": 459,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 458,
+													"id": 460,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -36393,11 +36457,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.visibility"
+						"name": "WebAppBodyProps.visibility"
 					}
 				},
 				{
-					"id": 459,
+					"id": 461,
 					"name": "whiteSpace",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36457,7 +36521,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 460,
+									"id": 462,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -36471,14 +36535,14 @@
 									],
 									"signatures": [
 										{
-											"id": 461,
+											"id": 463,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 462,
+													"id": 464,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -36548,11 +36612,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.whiteSpace"
+						"name": "WebAppBodyProps.whiteSpace"
 					}
 				},
 				{
-					"id": 603,
+					"id": 605,
 					"name": "width",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36642,7 +36706,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 604,
+									"id": 606,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -36656,14 +36720,14 @@
 									],
 									"signatures": [
 										{
-											"id": 605,
+											"id": 607,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 606,
+													"id": 608,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -36763,11 +36827,11 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.width"
+						"name": "WebAppBodyProps.width"
 					}
 				},
 				{
-					"id": 571,
+					"id": 573,
 					"name": "zIndex",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36799,7 +36863,7 @@
 													{
 														"type": "reflection",
 														"declaration": {
-															"id": 572,
+															"id": 574,
 															"name": "__type",
 															"kind": 65536,
 															"kindString": "Type literal",
@@ -36818,7 +36882,7 @@
 													{
 														"type": "reflection",
 														"declaration": {
-															"id": 573,
+															"id": 575,
 															"name": "__type",
 															"kind": 65536,
 															"kindString": "Type literal",
@@ -36837,7 +36901,7 @@
 							{
 								"type": "reflection",
 								"declaration": {
-									"id": 574,
+									"id": 576,
 									"name": "__type",
 									"kind": 65536,
 									"kindString": "Type literal",
@@ -36851,14 +36915,14 @@
 									],
 									"signatures": [
 										{
-											"id": 575,
+											"id": 577,
 											"name": "__type",
 											"kind": 4096,
 											"kindString": "Call signature",
 											"flags": {},
 											"parameters": [
 												{
-													"id": 576,
+													"id": 578,
 													"name": "theme",
 													"kind": 32768,
 													"kindString": "Parameter",
@@ -36895,7 +36959,7 @@
 																	{
 																		"type": "reflection",
 																		"declaration": {
-																			"id": 577,
+																			"id": 579,
 																			"name": "__type",
 																			"kind": 65536,
 																			"kindString": "Type literal",
@@ -36914,7 +36978,7 @@
 																	{
 																		"type": "reflection",
 																		"declaration": {
-																			"id": 578,
+																			"id": 580,
 																			"name": "__type",
 																			"kind": 65536,
 																			"kindString": "Type literal",
@@ -36938,7 +37002,7 @@
 					},
 					"inheritedFrom": {
 						"type": "reference",
-						"name": "FlexBoxProps.zIndex"
+						"name": "WebAppBodyProps.zIndex"
 					}
 				}
 			],
@@ -36946,114 +37010,120 @@
 				{
 					"title": "Properties",
 					"children": [
-						483,
-						479,
-						503,
-						563,
-						409,
-						423,
-						431,
-						427,
-						435,
-						419,
-						415,
-						591,
-						599,
-						627,
+						485,
+						481,
+						505,
+						565,
+						411,
+						425,
+						433,
+						429,
+						437,
+						421,
+						417,
+						593,
+						601,
+						629,
 						406,
-						567,
-						519,
+						569,
+						521,
 						404,
+						410,
 						407,
 						405,
-						439,
-						443,
-						491,
-						463,
-						467,
-						495,
-						499,
-						471,
-						747,
-						751,
-						755,
-						759,
-						515,
-						559,
-						539,
-						535,
-						543,
-						527,
-						531,
-						555,
-						547,
-						551,
-						615,
-						475,
-						507,
-						511,
-						595,
-						767,
-						771,
-						631,
-						687,
-						699,
-						703,
-						695,
-						691,
-						707,
-						711,
-						619,
-						607,
-						643,
-						623,
-						611,
-						647,
-						639,
-						635,
-						651,
-						655,
-						487,
-						447,
-						659,
-						715,
-						727,
-						731,
-						723,
-						719,
-						735,
-						739,
-						671,
-						675,
-						579,
-						667,
-						663,
-						679,
-						683,
-						587,
-						523,
+						441,
+						445,
+						493,
+						465,
+						469,
+						497,
+						501,
+						473,
+						749,
+						753,
+						757,
+						761,
+						517,
+						561,
+						541,
+						537,
+						545,
+						529,
+						533,
+						557,
+						549,
+						553,
+						617,
+						477,
+						509,
+						513,
+						597,
+						769,
+						773,
+						633,
+						689,
+						701,
+						705,
+						697,
+						693,
+						709,
+						713,
+						621,
+						609,
+						645,
+						625,
+						613,
+						649,
+						641,
+						637,
+						653,
+						657,
+						489,
+						449,
+						661,
+						717,
+						729,
+						733,
+						725,
+						721,
+						737,
+						741,
+						673,
+						677,
+						581,
+						669,
+						665,
+						681,
+						685,
+						589,
+						525,
+						409,
 						408,
-						775,
-						451,
-						779,
-						583,
-						743,
-						455,
-						459,
-						603,
-						571
+						777,
+						453,
+						781,
+						585,
+						745,
+						457,
+						461,
+						605,
+						573
 					]
 				}
 			],
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-					"line": 8,
+					"line": 26,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Page.tsx#L26"
 				}
 			],
 			"extendedTypes": [
+				{
+					"type": "reference",
+					"name": "WebAppBodyProps"
+				},
 				{
 					"type": "reference",
 					"name": "FlexBoxProps",
@@ -37073,7 +37143,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L15"
 				}
 			],
 			"signatures": [
@@ -37153,7 +37223,7 @@
 			]
 		},
 		{
-			"id": 787,
+			"id": 789,
 			"name": "FlexPage",
 			"kind": 64,
 			"kindString": "Function",
@@ -37161,14 +37231,14 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-					"line": 65,
+					"line": 126,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L65"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Page.tsx#L126"
 				}
 			],
 			"signatures": [
 				{
-					"id": 788,
+					"id": 790,
 					"name": "FlexPage",
 					"kind": 4096,
 					"kindString": "Call signature",
@@ -37189,19 +37259,27 @@
 					},
 					"parameters": [
 						{
-							"id": 789,
+							"id": 791,
 							"name": "props",
 							"kind": 32768,
 							"kindString": "Parameter",
 							"flags": {},
 							"type": {
 								"type": "reference",
-								"id": 403,
-								"name": "WebAppPageProps"
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 403,
+										"name": "WebAppPageProps"
+									}
+								],
+								"name": "WithChildren",
+								"qualifiedName": "WithChildren",
+								"package": "@xylabs/react-shared"
 							}
 						},
 						{
-							"id": 790,
+							"id": 792,
 							"name": "context",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -37253,7 +37331,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx",
 					"line": 12,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L12"
 				}
 			],
 			"signatures": [
@@ -37343,7 +37421,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 					"line": 22,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Chrome.tsx#L22"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Chrome.tsx#L22"
 				}
 			],
 			"signatures": [
@@ -37419,7 +37497,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -37495,7 +37573,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -37561,7 +37639,7 @@
 			]
 		},
 		{
-			"id": 783,
+			"id": 785,
 			"name": "WebAppPage",
 			"kind": 64,
 			"kindString": "Function",
@@ -37569,33 +37647,41 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
-					"line": 16,
+					"line": 31,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/components/Page.tsx#L16"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
 				}
 			],
 			"signatures": [
 				{
-					"id": 784,
+					"id": 786,
 					"name": "WebAppPage",
 					"kind": 4096,
 					"kindString": "Call signature",
 					"flags": {},
 					"parameters": [
 						{
-							"id": 785,
+							"id": 787,
 							"name": "props",
 							"kind": 32768,
 							"kindString": "Parameter",
 							"flags": {},
 							"type": {
 								"type": "reference",
-								"id": 403,
-								"name": "WebAppPageProps"
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 403,
+										"name": "WebAppPageProps"
+									}
+								],
+								"name": "WithChildren",
+								"qualifiedName": "WithChildren",
+								"package": "@xylabs/react-shared"
 							}
 						},
 						{
-							"id": 786,
+							"id": 788,
 							"name": "context",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -37649,12 +37735,12 @@
 			"title": "Functions",
 			"children": [
 				391,
-				787,
+				789,
 				399,
 				383,
 				387,
 				395,
-				783
+				785
 			]
 		}
 	],
@@ -37663,7 +37749,7 @@
 			"fileName": "packages/sdk/packages/webapp/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5c7465308/packages/sdk/packages/webapp/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/webapp/src/index.ts#L1"
 		}
 	]
 }