@supernova-studio/client 0.7.0 → 0.8.0

package/dist/index.js

@@ -556,11 +556,11 @@ var ShallowDesignElement = _zod.z.object({
   brandPersistentId: _zod.z.string().optional(),
   parentPersistentId: _zod.z.string().optional(),
   shortPersistentId: _zod.z.string().optional(),
+  childType: DesignElementType.optional(),
   sortOrder: _zod.z.number()
 });
 var DesignElement = ShallowDesignElement.extend({
   meta: ObjectMeta,
-  childType: DesignElementType.optional(),
   slug: _zod.z.string().optional(),
   userSlug: _zod.z.string().optional(),
   createdAt: _zod.z.date(),
@@ -569,6 +569,9 @@ var DesignElement = ShallowDesignElement.extend({
   data: _zod.z.record(_zod.z.any()),
   origin: _zod.z.record(_zod.z.any()).optional()
 });
+var HierarchicalElements = DesignTokenType.or(
+  _zod.z.enum(["Component", "DesignSystemComponent", "DocumentationPage"])
+);
 var ElementPropertyType = _zod.z.enum(["Text", "Number", "Boolean", "Select", "Generic", "Link", "URL"]);
 var ElementPropertyTargetType = _zod.z.enum(["Token", "Component", "DocumentationPage"]);
 var ElementPropertyLinkType = _zod.z.enum(["FigmaComponent", "DocumentationPage"]);
@@ -781,6 +784,11 @@ var PageBlockCustomBlockPropertyValue = _zod.z.object({
   //   .or(PageBlockCustomBlockPropertyImageValue),
 });
 var PageBlockFigmaFrameProperties = _zod.z.object({
+  color: nullishToOptional(
+    _zod.z.object({
+      value: _zod.z.string()
+    })
+  ),
   alignment: PageBlockTilesAlignment,
   layout: PageBlockTilesLayout,
   backgroundColor: nullishToOptional(ColorTokenInlineData),
@@ -875,6 +883,7 @@ var PageBlockLinkType = _zod.z.enum(["DocumentationItem", "PageHeading", "Url"])
 var PageBlockImageType = _zod.z.enum(["Upload", "Asset", "FigmaFrame"]);
 var PageBlockImageAlignment = _zod.z.enum(["Left", "Center", "Stretch"]);
 var PageBlockTableCellAlignment = _zod.z.enum(["Left", "Center", "Right"]);
+var PageBlockPreviewContainerSize = _zod.z.enum(["Centered", "NaturalHeight"]);
 var PageBlockAppearanceV2 = _zod.z.object({
   itemBackgroundColor: ColorValue.optional(),
   numberOfColumns: _zod.z.number().optional()
@@ -908,18 +917,27 @@ var PageBlockItemImageReference = _zod.z.object({
   size: Size.optional(),
   figmaFile: _zod.z.object({
     sourceId: _zod.z.string(),
-    frameId: _zod.z.string()
+    frameId: _zod.z.string(),
+    frameReferenceId: _zod.z.string(),
+    origin: _zod.z.object({
+      title: _zod.z.string().optional(),
+      sourceFileName: _zod.z.string().optional()
+    })
   }).optional()
 });
 var PageBlockItemAssetValue = _zod.z.object({
   selectedPropertyIds: _zod.z.array(_zod.z.string()).optional(),
   showSearch: _zod.z.boolean().optional(),
-  previewContainerSize: _zod.z.enum(["Centered", "NaturalHeight"]).optional(),
+  previewContainerSize: PageBlockPreviewContainerSize.optional(),
   backgroundColor: _zod.z.string().optional(),
   value: _zod.z.array(
     _zod.z.object({
       entityId: _zod.z.string(),
-      entityType: _zod.z.enum(["Asset", "AssetGroup"])
+      entityType: _zod.z.enum(["Asset", "AssetGroup"]),
+      entityMeta: _zod.z.object({
+        title: _zod.z.string().optional(),
+        description: _zod.z.string().optional()
+      }).optional()
     })
   )
 });
@@ -1025,11 +1043,12 @@ var PageBlockItemTableMultiRichTextNode = _zod.z.object({
 });
 var PageBlockItemTableImageNode = _zod.z.object({
   type: _zod.z.literal("Image"),
+  caption: PageBlockItemImageValue.shape.caption,
   value: PageBlockItemImageValue.shape.value
 });
 var PageBlockItemTableNode = _zod.z.discriminatedUnion("type", [
   PageBlockItemTableRichTextNode,
-  PageBlockItemTableMultiRichTextNode,
+  // PageBlockItemTableMultiRichTextNode,
   PageBlockItemTableImageNode
 ]);
 var PageBlockItemTableCell = _zod.z.object({
@@ -4286,10 +4305,6 @@ function serializeTableNode(node) {
           src: _optionalChain([node, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.url])
         }
       };
-    case "MultiRichText":
-      return {
-        type: "paragraph"
-      };
   }
 }
 function serializeAsEmbed(input, embedType) {
@@ -4320,7 +4335,7 @@ function serializeEmbedType(blockDefinitionId) {
 }
 function serializeAsDivider(input) {
   return {
-    type: "horizontalrule",
+    type: "horizontalRule",
     attrs: serializeBlockNodeAttributes(input)
   };
 }
@@ -4429,6 +4444,7 @@ function serializeAsCustomBlock(block, definition) {
       linksTo: i.linksTo
     };
   });
+  const columns = _optionalChain([block, 'access', _10 => _10.data, 'access', _11 => _11.appearance, 'optionalAccess', _12 => _12.numberOfColumns]);
   return {
     type: "blockNode",
     attrs: {
@@ -4436,7 +4452,7 @@ function serializeAsCustomBlock(block, definition) {
       definitionId: block.data.packageId,
       variantId: block.data.variantId,
       items: JSON.stringify(items),
-      appearance: JSON.stringify(block.data.appearance)
+      ...columns && { columns }
     }
   };
 }
@@ -4461,34 +4477,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
           options: {
             placeholder: "Start writing with plain text",
             richTextStyle: "Default"
-          },
-          variantOptions: void 0
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4496,7 +4522,10 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/text-HxZ9ssJR"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.title1",
@@ -4510,27 +4539,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Title 1", richTextStyle: "Title1" }
+          options: {
+            placeholder: "Title 1",
+            richTextStyle: "Title1"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4538,15 +4584,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.title2",
     name: "Title 2",
     description: "Section subheadings",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["heading"],
     item: {
       properties: [
@@ -4554,31 +4601,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
-          options: { placeholder: "Title 2", richTextStyle: "Title2" },
-          variantOptions: void 0
+          options: {
+            placeholder: "Title 2",
+            richTextStyle: "Title2"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4586,15 +4646,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.title3",
     name: "Title 3",
     description: "Further subsections",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["heading"],
     item: {
       properties: [
@@ -4602,31 +4663,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
-          options: { placeholder: "Title 3", richTextStyle: "Title3" },
-          variantOptions: void 0
+          options: {
+            placeholder: "Title 3",
+            richTextStyle: "Title3"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4634,15 +4708,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.title4",
     name: "Title 4",
     description: "Details in subsections",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["heading"],
     item: {
       properties: [
@@ -4650,31 +4725,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
-          options: { placeholder: "Title 4", richTextStyle: "Title4" },
-          variantOptions: void 0
+          options: {
+            placeholder: "Title 4",
+            richTextStyle: "Title4"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4682,15 +4770,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.title5",
     name: "Title 5",
     description: "Nuanced details or sub-points",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["heading"],
     item: {
       properties: [
@@ -4698,31 +4787,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
-          options: { placeholder: "Title 5", richTextStyle: "Title5" },
-          variantOptions: void 0
+          options: {
+            placeholder: "Title 5",
+            richTextStyle: "Title5"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4730,47 +4832,60 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.ordered-list",
     name: "Ordered list",
     description: "A list with numbers",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["ol"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
-          type: "MultiRichText",
-          description: void 0,
-          options: { multiRichTextStyle: "OL" },
-          variantOptions: void 0
+          type: "RichText",
+          options: {
+            multiRichTextStyle: "OL"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4778,47 +4893,60 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.unordered-list",
     name: "Unordered list",
     description: "A list with bullet points",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["ul"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
-          type: "MultiRichText",
-          description: void 0,
-          options: { multiRichTextStyle: "UL" },
-          variantOptions: void 0
+          type: "RichText",
+          options: {
+            multiRichTextStyle: "UL"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4826,15 +4954,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.divider",
     name: "Divider",
     description: "A section divider",
     category: "Layout",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["hr", "line", "rule", "separator"],
     item: {
       properties: [
@@ -4842,31 +4971,41 @@ var blocks = [
           id: "divider",
           name: "Divider",
           type: "Divider",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {}
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["divider"] },
+          layout: {
+            type: "Column",
+            children: ["divider"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4874,15 +5013,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/divider-tLuxooLH"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.blockquote",
     name: "Blockquote",
     description: "Display a quotation",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["cite"],
     item: {
       properties: [
@@ -4890,31 +5030,44 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
-          options: { placeholder: "Empty quote", richTextStyle: "Quote" },
-          variantOptions: void 0
+          options: {
+            placeholder: "Empty quote",
+            richTextStyle: "Quote"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4922,15 +5075,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/blockquote-zYWAsb6X"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.callout",
     name: "Callout",
     description: "Highlight a section of text",
     category: "Text",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["banner", "alert", "note", "tip", "warning"],
     item: {
       properties: [
@@ -4938,31 +5092,43 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          description: void 0,
-          options: { richTextStyle: "Callout" },
-          variantOptions: void 0
+          options: {
+            richTextStyle: "Callout"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["text"] },
+          layout: {
+            type: "Column",
+            children: ["text"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -4970,15 +5136,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/callout-ZPlZObD1"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.image",
     name: "Image",
     description: "Display an image or Figma frame",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["image", "figma", "frame", "picture", "photo"],
     item: {
       properties: [
@@ -4986,31 +5153,43 @@ var blocks = [
           id: "image",
           name: "Image",
           type: "Image",
-          description: void 0,
-          options: { allowCaption: true },
-          variantOptions: void 0
+          options: {
+            allowCaption: true
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["image"] },
+          layout: {
+            type: "Column",
+            children: ["image"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5018,15 +5197,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/image-Ue8VdT8B"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.shortcut-links",
     name: "Shortcut links",
     description: "Link to a page or external URL",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: [],
     item: {
       properties: [
@@ -5034,117 +5214,160 @@ var blocks = [
           id: "block.links.property.title",
           name: "Title",
           type: "Text",
-          description: void 0,
-          options: { textStyle: "Title5" },
-          variantOptions: void 0
+          options: {
+            textStyle: "Title5"
+          }
         },
         {
           id: "block.links.property.description",
           name: "Short description",
           type: "Text",
-          description: void 0,
-          options: { textStyle: "Default", color: "NeutralFaded" },
-          variantOptions: void 0
+          options: {
+            textStyle: "Default",
+            color: "NeutralFaded"
+          }
         },
         {
           id: "block.links.property.image",
           name: "Image",
           type: "Image",
-          description: void 0,
-          options: { width: "Medium", aspectRatio: "Landscape", allowCaption: false },
+          options: {
+            width: "Medium",
+            aspectRatio: "Landscape",
+            allowCaption: false
+          },
           variantOptions: {
-            iconOnTop: { width: "Icon", aspectRatio: "Square" },
-            iconOnLeft: { width: "Icon", aspectRatio: "Square" }
+            iconOnTop: {
+              width: "Icon",
+              aspectRatio: "Square"
+            },
+            iconOnLeft: {
+              width: "Icon",
+              aspectRatio: "Square"
+            }
           }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "imageOnTop",
           name: "Image on top",
           image: "assets/variant-image-on-top.png",
-          description: void 0,
-          documentationLink: void 0,
           layout: {
             type: "Column",
-            children: ["block.links.property.image", "block.links.property.title", "block.links.property.description"]
+            children: ["block.links.property.image", "block.links.property.title", "block.links.property.description"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "imageOnLeft",
           name: "Image on left",
           image: "assets/variant-image-on-left.png",
-          description: void 0,
-          documentationLink: void 0,
           layout: {
             type: "Row",
             children: [
               {
                 type: "Column",
+                children: ["block.links.property.image"],
+                columnAlign: "Start",
                 columnResizing: "Hug",
-                children: ["block.links.property.image"]
+                gap: "Medium"
               },
               {
                 type: "Column",
-                gap: "Small",
-                children: ["block.links.property.title", "block.links.property.description"]
+                children: ["block.links.property.title", "block.links.property.description"],
+                columnAlign: "Start",
+                columnResizing: "Fill",
+                gap: "Small"
               }
-            ]
+            ],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "iconOnTop",
           name: "Icon on top",
           image: "assets/variant-icon-on-top.png",
-          description: void 0,
-          documentationLink: void 0,
           layout: {
             type: "Column",
-            children: ["block.links.property.image", "block.links.property.title", "block.links.property.description"]
+            children: ["block.links.property.image", "block.links.property.title", "block.links.property.description"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "iconOnLeft",
           name: "Icon on left",
           image: "assets/variant-icon-on-left.png",
-          description: void 0,
-          documentationLink: void 0,
           layout: {
             type: "Row",
             children: [
               {
                 type: "Column",
+                children: ["block.links.property.image"],
+                columnAlign: "Start",
                 columnResizing: "Hug",
-                children: ["block.links.property.image"]
+                gap: "Medium"
               },
               {
                 type: "Column",
-                gap: "Small",
-                children: ["block.links.property.title", "block.links.property.description"]
+                children: ["block.links.property.title", "block.links.property.description"],
+                columnAlign: "Start",
+                columnResizing: "Fill",
+                gap: "Small"
               }
-            ]
+            ],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
           },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "imageOnTop"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: -1, allowLinks: true },
-      entities: void 0
+      items: {
+        numberOfItems: -1,
+        allowLinks: true
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5152,15 +5375,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.color-accessibility-grid",
     name: "Accessibility Color Grid",
     description: "Visualize accessibility of your color tokens.",
     category: "Tokens",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["color", "accessibility", "grid", "contrast", "blind", "impairment"],
     item: {
       properties: [
@@ -5168,31 +5392,45 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          description: void 0,
-          options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: false },
-          variantOptions: void 0
+          options: {
+            allowedTypes: ["Color"],
+            allowPropertySelection: false,
+            allowThemeSelection: false
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Token",
-      items: void 0,
-      entities: { selectionType: "Group", maxSelected: 2 }
+      entities: {
+        selectionType: "Group",
+        maxSelected: 2
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5200,15 +5438,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.embed",
     name: "Embed",
     description: "Embed a generic URL",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["embed", "url", "iframe", "site", "import"],
     item: {
       properties: [
@@ -5216,36 +5455,46 @@ var blocks = [
           id: "embedUrl",
           name: "Embed URL",
           type: "EmbedURL",
-          description: void 0,
           options: {
             allowCaption: true,
             allowResize: true,
             defaultHeight: 400,
             urlValidationRegex: "^(https?://)?(www.)?.+$"
-          },
-          variantOptions: void 0
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["embedUrl"] },
+          layout: {
+            type: "Column",
+            children: ["embedUrl"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5253,15 +5502,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/embed/public-url-2ZeRQ332"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.embed-youtube",
     name: "YouTube",
     description: "Embed a Youtube video",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["embed", "video", "player", "upload"],
     item: {
       properties: [
@@ -5269,36 +5519,46 @@ var blocks = [
           id: "embed",
           name: "Youtube URL",
           type: "EmbedURL",
-          description: void 0,
           options: {
             allowCaption: false,
             allowResize: false,
             defaultHeight: 400,
             urlValidationRegex: "^(https?://)?(www.)?(youtube.com|youtu.?be)/.+$"
-          },
-          variantOptions: void 0
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["embed"] },
+          layout: {
+            type: "Column",
+            children: ["embed"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5306,68 +5566,76 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/youtube-Gh8VUrSF"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.embed-lottie",
     name: "Lottie animation",
     description: "Preview a Lottie animation",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["embed", "lottie", "animation", "rive", "json"],
     item: {
       properties: [
         {
-          id: "embed",
+          id: "url",
           name: "Lottie URL",
-          type: "EmbedURL",
-          description: void 0,
+          type: "URL",
           options: {
-            allowCaption: false,
-            allowResize: true,
-            defaultHeight: 400,
             urlValidationRegex: "^(https?:\\/\\/)?([\\w\\d\\-\\.]+)\\.([\\w]+)(\\/[\\w\\d_\\-\\.\\/]*)?(\\.json|\\.lottie)$\n"
-          },
-          variantOptions: void 0
+          }
         },
         {
           id: "autoplay",
           name: "Autoplay",
           type: "Boolean",
-          description: void 0,
-          options: { defaultValue: true },
-          variantOptions: void 0
+          options: {
+            defaultValue: true
+          }
         },
         {
           id: "loop",
           name: "Loop",
           type: "Boolean",
-          description: void 0,
-          options: { defaultValue: true },
-          variantOptions: void 0
+          options: {
+            defaultValue: true
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["embed", "autoplay", "loop"] },
+          layout: {
+            type: "Column",
+            children: ["url", "autoplay", "loop"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5375,15 +5643,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/lottie-preview-7CqFdGv9"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.storybook",
     name: "Storybook",
     description: "Embed Storybook canvas",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["storybook", "story", "stories", "example", "preview", "code", "react"],
     item: {
       properties: [
@@ -5391,31 +5660,45 @@ var blocks = [
           id: "embed",
           name: "Storybook URL",
           type: "Storybook",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {
+            allowCaption: true,
+            allowResize: true,
+            defaultHeight: 400
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["embed"] },
+          layout: {
+            type: "Column",
+            children: ["embed"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5423,52 +5706,63 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/storybook-1EGPhwBl"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.embed-figma",
     name: "Figma embed",
     description: "Embed a Figma canvas or prototype",
     category: "Media",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["embed", "figma", "design", "prototype", "canvas"],
     item: {
       properties: [
         {
           id: "embed",
-          name: "Figma URl",
+          name: "Figma URL",
           type: "EmbedURL",
-          description: void 0,
           options: {
             allowCaption: false,
             allowResize: true,
             defaultHeight: 400,
             urlValidationRegex: "^(https?://)?(www.)?(figma.com)/.+$"
-          },
-          variantOptions: void 0
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["embed"] },
+          layout: {
+            type: "Column",
+            children: ["embed"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5476,15 +5770,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/figma/embed-figma-GPNJsT8A"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.markdown",
     name: "Markdown",
     description: "Render Markdown URL",
     category: "Other",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["md", "embed", "api", "table", "mdx"],
     item: {
       properties: [
@@ -5492,31 +5787,80 @@ var blocks = [
           id: "markdownUrl",
           name: "Markdown URL",
           type: "Markdown",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {}
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
-          id: "default",
-          name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["markdownUrl"] },
+          id: "plain",
+          name: "Plain",
+          image: "assets/variant-plain.png",
+          layout: {
+            type: "Column",
+            children: ["markdownUrl"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: true
+          }
+        },
+        {
+          id: "bordered",
+          name: "Bordered",
+          image: "assets/variant-Bordered.png",
+          layout: {
+            type: "Column",
+            children: ["markdownUrl"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: true
+          }
+        },
+        {
+          id: "boxed",
+          name: "Boxed",
+          image: "assets/variant-boxed.png",
+          layout: {
+            type: "Column",
+            children: ["markdownUrl"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: true
+          }
         }
       ],
-      defaultVariantKey: "default"
+      defaultVariantKey: "plain"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5524,15 +5868,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/markdown/general-B8wQVOem"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.table",
     name: "Table",
     description: "Display a simple table",
     category: "Layout",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["grid", "data", "spreadsheet", "api"],
     item: {
       properties: [
@@ -5540,31 +5885,41 @@ var blocks = [
           id: "table",
           name: "Table",
           type: "Table",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {}
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
-          image: void 0,
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["table"] },
+          layout: {
+            type: "Column",
+            children: ["table"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: {
       dataType: "Item",
-      items: { numberOfItems: 1, allowLinks: false },
-      entities: void 0
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5572,15 +5927,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/layout/table-R8KGnxej"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.token-detail",
     name: "Token detail",
     description: "Show a single design tokens",
     category: "Tokens",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
     item: {
       properties: [
@@ -5588,53 +5944,84 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {
+            renderLayoutAs: "List",
+            defaultTheme: "none",
+            defaultValuePreview: "splitView"
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "table",
           name: "Table Row",
           image: "assets/variant-table.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "grid",
           name: "Grid Item",
           image: "assets/variant-grid.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "color-stack",
           name: "Color stack item",
           image: "assets/variant-color-stack.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "table"
     },
     behavior: {
       dataType: "Token",
-      items: void 0,
-      entities: { selectionType: "Entity", maxSelected: 1 }
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 1
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5642,15 +6029,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-detail-04"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.token-list",
     name: "Token list",
     description: "Show a list of design tokens",
     category: "Tokens",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme", "accessibility", "contrast"],
     item: {
       properties: [
@@ -5658,64 +6046,108 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {
+            renderLayoutAs: "List",
+            defaultTheme: "none",
+            defaultValuePreview: "splitView"
+          },
+          variantOptions: {
+            grid: {
+              renderLayoutAs: "Grid"
+            }
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "table",
           name: "Table",
           image: "assets/variant-table.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "grid",
           name: "Grid",
           image: "assets/variant-grid.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "color-stack",
           name: "Color stack",
           image: "assets/variant-color-stack.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "color-contrast-grid",
           name: "Color contrast grid",
           image: "assets/variant-color-contrast-grid.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "table"
     },
     behavior: {
       dataType: "Token",
-      items: void 0,
-      entities: { selectionType: "Entity", maxSelected: 0 }
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 0
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5723,15 +6155,16 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-list-06"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   },
   {
     id: "io.supernova.block.token-group",
     name: "Token group",
     description: "Show a group of design tokens",
     category: "Tokens",
-    icon: void 0,
-    documentationLink: void 0,
     searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme", "accessibility", "contrast"],
     item: {
       properties: [
@@ -5739,64 +6172,108 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          description: void 0,
-          options: {},
-          variantOptions: void 0
+          options: {
+            renderLayoutAs: "List",
+            defaultTheme: "none",
+            defaultValuePreview: "splitView"
+          },
+          variantOptions: {
+            grid: {
+              renderLayoutAs: "Grid"
+            }
+          }
         }
       ],
-      appearance: { isBordered: false, hasBackground: false },
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
       variants: [
         {
           id: "table",
           name: "Table",
           image: "assets/variant-table.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "grid",
           name: "Grid",
           image: "assets/variant-grid.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "color-stack",
           name: "Color stack",
           image: "assets/variant-color-stack.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         },
         {
           id: "color-contrast-grid",
           name: "Color contrast grid",
           image: "assets/variant-color-contrast-grid.png",
-          description: void 0,
-          documentationLink: void 0,
-          layout: { type: "Column", children: ["tokens"] },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: false, hasBackground: false }
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
         }
       ],
       defaultVariantKey: "table"
     },
     behavior: {
       dataType: "Token",
-      items: void 0,
-      entities: { selectionType: "Group", maxSelected: 1 }
+      entities: {
+        selectionType: "Group",
+        maxSelected: 1
+      }
     },
     editorOptions: {
       onboarding: {
@@ -5804,7 +6281,675 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-group-09"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.code",
+    name: "Code",
+    description: "Code description",
+    category: "Code",
+    searchKeywords: ["code"],
+    item: {
+      properties: [
+        {
+          id: "code",
+          name: "Code",
+          type: "Code",
+          options: {}
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["code"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Code descriptor."
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.code-react",
+    name: "React code",
+    description: "Render React code",
+    category: "Code",
+    searchKeywords: ["code", "react", "snippet", "storybook", "editor", "example"],
+    item: {
+      properties: [
+        {
+          id: "code",
+          name: "Code",
+          type: "CodeSandbox",
+          options: {
+            renderLayoutAs: "PreviewOnTop"
+          },
+          variantOptions: {
+            codeTop: {
+              renderLayoutAs: "PreviewOnBottom"
+            },
+            codeLeft: {
+              renderLayoutAs: "PreviewOnRight"
+            },
+            codeRight: {
+              renderLayoutAs: "PreviewOnLeft"
+            }
+          }
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "codeBottom",
+          name: "Full width, code bottom",
+          image: "thumbnails/RenderCode_CodeBottom.png",
+          description: "Full-width block of code, with a preview on top.",
+          layout: {
+            type: "Column",
+            children: ["code"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        },
+        {
+          id: "codeTop",
+          name: "Full width, code top",
+          image: "thumbnails/RenderCode_CodeTop.png",
+          description: "Full-width block of code, with a preview on bottom.",
+          layout: {
+            type: "Column",
+            children: ["code"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        },
+        {
+          id: "codeLeft",
+          name: "Side by side, code left",
+          image: "thumbnails/RenderCode_CodeLeft.png",
+          description: "Side-by-side preview and code, with code on the left.",
+          layout: {
+            type: "Column",
+            children: ["code"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        },
+        {
+          id: "codeRight",
+          name: "Side by side, code right",
+          image: "thumbnails/RenderCode_CodeRight.png",
+          description: "Side-by-side preview and code, with code on the right.",
+          layout: {
+            type: "Column",
+            children: ["code"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "codeBottom"
+    },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display rendered code example",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/render-react-code-vxufnkFm"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.link",
+    name: "Link",
+    description: "Preview of a link",
+    category: "Media",
+    searchKeywords: [],
+    item: {
+      properties: [
+        {
+          id: "block.links.property.url",
+          name: "URL",
+          type: "EmbedURL",
+          options: {
+            defaultHeight: 120,
+            allowResize: false
+          }
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["block.links.property.url"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
+    },
+    editorOptions: {},
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.assets",
+    name: "Assets",
+    description: "Display icons or illustrations",
+    category: "Assets",
+    searchKeywords: ["icons", "illustrations", "grid", "svg", "logos", "theme"],
+    item: {
+      properties: [
+        {
+          id: "assets",
+          name: "Assets",
+          type: "Asset",
+          options: {}
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Simple grid",
+          image: "assets/variant-default.png",
+          description: "A simple grid of assets. Both the title and description are displayed below the preview.",
+          layout: {
+            type: "Column",
+            children: ["assets"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        },
+        {
+          id: "square-grid",
+          name: "Square grid",
+          image: "assets/variant-square-grid.png",
+          description: "Bordered square grid tailored for displaying icon assets. Only the title is displayed.",
+          layout: {
+            type: "Column",
+            children: ["assets"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        },
+        {
+          id: "borderless-grid",
+          name: "Borderless grid",
+          image: "assets/variant-color-stack.png",
+          description: "Borderless grid, perfect for displaying assets of the same height. Only the title is visible.",
+          layout: {
+            type: "Column",
+            children: ["assets"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Asset",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 0
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display a grid of icons or illustrations.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/asset/general-xa6EgXb2"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.figma-frames",
+    name: "Figma frames",
+    description: "Display Figma frames as images",
+    category: "Figma",
+    searchKeywords: ["figma", "frames", "image"],
+    item: {
+      properties: [
+        {
+          id: "figmaFrames",
+          name: "Figma Frames (tbd)",
+          type: "Asset",
+          options: {}
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "bordered",
+          name: "Bordered",
+          image: "assets/variant-default.png",
+          description: "Tiles with background and border, great for larger sets of frames.",
+          layout: {
+            type: "Column",
+            children: ["figmaFrames"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        },
+        {
+          id: "plain",
+          name: "Plain",
+          image: "assets/variant-square-grid.png",
+          description: "Frame as it is in Figma with no extra formatting, great for single images.",
+          layout: {
+            type: "Column",
+            children: ["figmaFrames"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "bordered"
+    },
+    behavior: {
+      dataType: "FigmaFrame",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 0
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display Figma frames as images.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/figma/figma-frames/general-f3IYC5dg"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.release-notes",
+    name: "Release notes",
+    description: "Show version release notes",
+    category: "Other",
+    searchKeywords: ["version", "changelog", "history"],
+    item: {
+      properties: [],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: [],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Show formatted release notes from all previous released versions"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.component-checklist",
+    name: "Component checklist",
+    description: "Highlight specific features of your components",
+    category: "Components",
+    searchKeywords: ["components", "health", "properties", "overview", "status"],
+    item: {
+      properties: [
+        {
+          id: "components",
+          name: "Components",
+          type: "Component",
+          options: {
+            renderLayoutAs: "List"
+          }
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["components"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Component",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 1
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Highlight specific features of your components.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-checklist-NXepPIpZ"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.component-checklist-all",
+    name: "Component overview table",
+    description: "Show the overview of all your components",
+    category: "Components",
+    searchKeywords: ["components", "health", "properties", "overview", "status"],
+    item: {
+      properties: [
+        {
+          id: "components",
+          name: "Components",
+          type: "Component",
+          options: {
+            renderLayoutAs: "List"
+          }
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["components"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Component",
+      entities: {
+        selectionType: "Group",
+        maxSelected: 1
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Show the overview of all your components",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-overview-table-W8eOtJ5t"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
+  },
+  {
+    id: "io.supernova.block.component-health",
+    name: "Component health",
+    description: "Show component health and additional attributes",
+    category: "Components",
+    searchKeywords: ["components", "health", "properties", "overview", "status"],
+    item: {
+      properties: [
+        {
+          id: "components",
+          name: "Components",
+          type: "Component",
+          options: {
+            renderLayoutAs: "List"
+          }
+        }
+      ],
+      appearance: {
+        isBordered: false,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["components"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {
+            isBordered: false,
+            hasBackground: false,
+            isEditorPresentationDifferent: false
+          }
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "Component",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 1
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Show component health and additional attributes",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-health-sezSxEED"
+      }
+    },
+    appearance: {
+      isBordered: false,
+      hasBackground: false
+    }
   }
 ];
 
@@ -5921,7 +7066,7 @@ function parseAsMultiRichText(prosemirrorNode, definition, property) {
               value: (_nullishCoalesce(prosemirrorNode.content, () => ( []))).map((listItem) => {
                 if (listItem.type !== "listitem")
                   return null;
-                if (!_optionalChain([listItem, 'access', _10 => _10.content, 'optionalAccess', _11 => _11.length]))
+                if (!_optionalChain([listItem, 'access', _13 => _13.content, 'optionalAccess', _14 => _14.length]))
                   return parseRichText([]);
                 const paragraph = listItem.content[0];
                 if (paragraph.type !== "paragraph")
@@ -5966,7 +7111,7 @@ function parseRichTextAttribute(mark) {
       const href = typeof hrefRaw === "string" ? hrefRaw : void 0;
       return {
         type: "Link",
-        openInNewWindow: _optionalChain([mark, 'access', _12 => _12.attrs, 'optionalAccess', _13 => _13.target]) !== "_self",
+        openInNewWindow: _optionalChain([mark, 'access', _15 => _15.attrs, 'optionalAccess', _16 => _16.target]) !== "_self",
         documentationItemId: itemId,
         link: href
       };
@@ -5980,17 +7125,17 @@ function parseAsTable(prosemirrorNode, definition, property) {
   const variantIdRaw = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "variantId");
   const variantId = typeof variantIdRaw === "string" ? variantIdRaw : void 0;
   const hasBorder = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "hasBorder") !== false;
-  const tableChild = _optionalChain([prosemirrorNode, 'access', _14 => _14.content, 'optionalAccess', _15 => _15.find, 'call', _16 => _16((c) => c.type === "table")]);
+  const tableChild = _optionalChain([prosemirrorNode, 'access', _17 => _17.content, 'optionalAccess', _18 => _18.find, 'call', _19 => _19((c) => c.type === "table")]);
   if (!tableChild) {
     return emptyTable(id, variantId, 0);
   }
-  const rows = _nullishCoalesce(_optionalChain([tableChild, 'access', _17 => _17.content, 'optionalAccess', _18 => _18.filter, 'call', _19 => _19((c) => c.type === "tableRow" && !!_optionalChain([c, 'access', _20 => _20.content, 'optionalAccess', _21 => _21.length]))]), () => ( []));
+  const rows = _nullishCoalesce(_optionalChain([tableChild, 'access', _20 => _20.content, 'optionalAccess', _21 => _21.filter, 'call', _22 => _22((c) => c.type === "tableRow" && !!_optionalChain([c, 'access', _23 => _23.content, 'optionalAccess', _24 => _24.length]))]), () => ( []));
   if (!rows.length) {
     return emptyTable(id, variantId, 0);
   }
-  const rowHeaderCells = _nullishCoalesce(_optionalChain([rows, 'access', _22 => _22[0], 'access', _23 => _23.content, 'optionalAccess', _24 => _24.filter, 'call', _25 => _25((c) => c.type === "tableHeader"), 'access', _26 => _26.length]), () => ( 0));
-  const columnHeaderCells = rows.filter((r) => _optionalChain([r, 'access', _27 => _27.content, 'optionalAccess', _28 => _28[0], 'optionalAccess', _29 => _29.type]) === "tableHeader").length;
-  const hasHeaderRow = _optionalChain([rows, 'access', _30 => _30[0], 'access', _31 => _31.content, 'optionalAccess', _32 => _32.length]) === rowHeaderCells;
+  const rowHeaderCells = _nullishCoalesce(_optionalChain([rows, 'access', _25 => _25[0], 'access', _26 => _26.content, 'optionalAccess', _27 => _27.filter, 'call', _28 => _28((c) => c.type === "tableHeader"), 'access', _29 => _29.length]), () => ( 0));
+  const columnHeaderCells = rows.filter((r) => _optionalChain([r, 'access', _30 => _30.content, 'optionalAccess', _31 => _31[0], 'optionalAccess', _32 => _32.type]) === "tableHeader").length;
+  const hasHeaderRow = _optionalChain([rows, 'access', _33 => _33[0], 'access', _34 => _34.content, 'optionalAccess', _35 => _35.length]) === rowHeaderCells;
   const hasHeaderColumn = rows.length === columnHeaderCells;
   const tableValue = {
     showBorder: hasBorder,
@@ -6180,7 +7325,7 @@ function parseAsCustomBlock(prosemirrorNode, definition) {
       packageId: definition.id,
       indentLevel: 0,
       ...variantId && { variantId },
-      appearance,
+      ...appearance && { appearance },
       items: parsedItems
     }
   };
@@ -6209,6 +7354,8 @@ function parseAppearance(prosemirrorNode) {
       appearance.itemBackgroundColor = parsedColor.data;
     }
   }
+  if (!Object.keys(appearance).length)
+    return void 0;
   return appearance;
 }
 function parseItem(rawItem, definition) {
@@ -6296,7 +7443,7 @@ function parseProsemirrorBlockAttribute(prosemirrorNode, attributeName) {
   return attributeValue;
 }
 function parseProsemirrorOptionalBlockAttribute(prosemirrorNode, attributeName) {
-  return _nullishCoalesce(_optionalChain([prosemirrorNode, 'access', _33 => _33.attrs, 'optionalAccess', _34 => _34[attributeName]]), () => ( void 0));
+  return _nullishCoalesce(_optionalChain([prosemirrorNode, 'access', _36 => _36.attrs, 'optionalAccess', _37 => _37[attributeName]]), () => ( void 0));
 }
 function nonNullFilter2(item) {
   return item !== null;