@supernova-studio/client 0.30.0 → 0.31.0

package/dist/index.js

@@ -1022,10 +1022,10 @@ var PageBlockItemEmbedValue = _zod.z.object({
   }).optional()
 });
 var PageBlockItemFigmaNodeValue = _zod.z.object({
-  selectedPropertyIds: _zod.z.array(_zod.z.string()).optional(),
   showSearch: _zod.z.boolean().optional(),
   previewContainerSize: PageBlockPreviewContainerSize.optional(),
   backgroundColor: PageBlockColorV2.optional(),
+  showFrameDetails: _zod.z.boolean().optional(),
   value: _zod.z.array(
     _zod.z.object({
       entityId: _zod.z.string(),
@@ -1157,10 +1157,6 @@ var DocumentationPageDataV1 = _zod.z.object({
   blocks: _zod.z.array(PageBlockV1),
   configuration: nullishToOptional(DocumentationItemConfigurationV1)
 });
-var DocumentationPageElementDataV1 = _zod.z.object({
-  dataVersion: _zod.z.literal(1).optional().default(1),
-  value: DocumentationPageDataV1
-});
 var DocumentationItemHeaderV2 = _zod.z.object({
   description: _zod.z.string(),
   alignment: DocumentationItemHeaderAlignmentSchema,
@@ -1186,10 +1182,6 @@ var DocumentationItemConfigurationV2 = _zod.z.object({
 var DocumentationPageDataV2 = _zod.z.object({
   configuration: nullishToOptional(DocumentationItemConfigurationV2)
 });
-var DocumentationPageElementDataV2 = _zod.z.object({
-  value: DocumentationPageDataV1,
-  valueV2: DocumentationPageDataV2.optional()
-});
 var DesignElementOrigin = _zod.z.object({
   id: _zod.z.string(),
   sourceId: _zod.z.string(),
@@ -1331,18 +1323,10 @@ var GradientLayerData = tokenAliasOrValue(GradientLayerValue);
 var GradientTokenValue = _zod.z.array(GradientLayerData);
 var GradientTokenData = tokenAliasOrValue(GradientTokenValue);
 var DocumentationGroupBehavior = _zod.z.enum(["Group", "Tabs"]);
-var ElementGroupDataDeprecated = _zod.z.object({
-  behavior: nullishToOptional(DocumentationGroupBehavior.optional()),
-  configuration: nullishToOptional(DocumentationItemConfigurationV1)
-});
 var ElementGroupDataV2 = _zod.z.object({
   behavior: nullishToOptional(DocumentationGroupBehavior.optional()),
   configuration: nullishToOptional(DocumentationItemConfigurationV2)
 });
-var ElementGroupElementData = _zod.z.object({
-  value: ElementGroupDataDeprecated.optional(),
-  valueV2: ElementGroupDataV2.optional()
-});
 var LetterSpacingUnit = _zod.z.enum(["Pixels", "Rem", "Percent"]);
 var LetterSpacingValue = _zod.z.object({
   unit: LetterSpacingUnit,
@@ -1936,7 +1920,8 @@ function zeroNumberByDefault2() {
 var PageBlockDefinitionAppearance = _zod.z.object({
   isBordered: _zod.z.boolean().optional(),
   hasBackground: _zod.z.boolean().optional(),
-  isEditorPresentationDifferent: _zod.z.boolean().optional()
+  isEditorPresentationDifferent: _zod.z.boolean().optional(),
+  showBlockHeaderInEditor: _zod.z.boolean().optional()
 });
 var PageBlockDefinitionLayoutType = _zod.z.enum(["Column", "Row"]);
 var PageBlockDefinitionLayoutGap = _zod.z.enum(["Small", "Medium", "Large", "None"]);
@@ -2011,7 +1996,8 @@ var PageBlockDefinitionTextPropertyStyle = _zod.z.enum([
   "DefaultSemibold",
   "Small",
   "SmallBold",
-  "SmallSemibold"
+  "SmallSemibold",
+  "Custom"
 ]);
 var PageBlockDefinitionTextPropertyColor = _zod.z.enum(["Neutral", "NeutralFaded"]);
 var PageBlockDefinitionBooleanPropertyStyle = _zod.z.enum(["SegmentedControl", "ToggleButton", "Checkbox"]);
@@ -4183,7 +4169,9 @@ function documentationHierarchyToYjs(doc, transaction) {
     transaction.groups.forEach((group) => {
       const sanitizedGroup = {
         ...group,
-        data: {}
+        data: {
+          behavior: _optionalChain([group, 'access', _8 => _8.data, 'optionalAccess', _9 => _9.behavior])
+        }
       };
       groupsMap.set(group.id, JSON.parse(JSON.stringify(sanitizedGroup)));
     });
@@ -4224,7 +4212,7 @@ var DTODocumentationPageRoomHeaderDataUpdate = _zod.z.object({
 function itemConfigurationToYjs(yDoc, item) {
   yDoc.transact((trx) => {
     const { title, configuration } = item;
-    const header = _optionalChain([configuration, 'optionalAccess', _8 => _8.header]);
+    const header = _optionalChain([configuration, 'optionalAccess', _10 => _10.header]);
     if (title !== void 0) {
       const headerYMap = trx.doc.getMap("itemTitle");
       headerYMap.set("title", title);
@@ -4241,7 +4229,7 @@ function itemConfigurationToYjs(yDoc, item) {
       header.showCoverText !== void 0 && headerYMap.set("showCoverText", header.showCoverText);
       header.minHeight !== void 0 && headerYMap.set("minHeight", header.minHeight);
     }
-    if (_optionalChain([configuration, 'optionalAccess', _9 => _9.showSidebar]) !== void 0) {
+    if (_optionalChain([configuration, 'optionalAccess', _11 => _11.showSidebar]) !== void 0) {
       const configYMap = trx.doc.getMap("itemConfiguration");
       configYMap.set("showSidebar", configuration.showSidebar);
     }
@@ -5139,7 +5127,7 @@ function serializeAsRichTextBlock(input) {
   const textPropertyValue = BlockParsingUtils.richTextPropertyValue(blockItem, richTextProperty.id);
   const enrichedInput = { ...input, richTextPropertyValue: textPropertyValue };
   const parsedOptions = PageBlockDefinitionRichTextOptions.optional().parse(richTextProperty.options);
-  const style = _nullishCoalesce(_optionalChain([parsedOptions, 'optionalAccess', _10 => _10.richTextStyle]), () => ( "Default"));
+  const style = _nullishCoalesce(_optionalChain([parsedOptions, 'optionalAccess', _12 => _12.richTextStyle]), () => ( "Default"));
   switch (style) {
     case "Callout":
       return serializeAsCallout(enrichedInput);
@@ -5196,7 +5184,7 @@ function serializeAsMultiRichTextBlock(input) {
   const textPropertyValue = BlockParsingUtils.multiRichTextPropertyValue(blockItem, multiRichTextProperty.id);
   const enrichedInput = { ...input, multiRichTextPropertyValue: textPropertyValue };
   const parsedOptions = PageBlockDefinitionMutiRichTextOptions.optional().parse(multiRichTextProperty.options);
-  const style = _nullishCoalesce(_optionalChain([parsedOptions, 'optionalAccess', _11 => _11.multiRichTextStyle]), () => ( "Default"));
+  const style = _nullishCoalesce(_optionalChain([parsedOptions, 'optionalAccess', _13 => _13.multiRichTextStyle]), () => ( "Default"));
   switch (style) {
     case "Default":
       return serializeAsMultiParagraph(enrichedInput);
@@ -5353,7 +5341,7 @@ function serializeBlockNodeAttributes(input) {
   };
 }
 function richTextHeadingLevel(property) {
-  const style = _optionalChain([property, 'access', _12 => _12.options, 'optionalAccess', _13 => _13.richTextStyle]);
+  const style = _optionalChain([property, 'access', _14 => _14.options, 'optionalAccess', _15 => _15.richTextStyle]);
   if (!style)
     return void 0;
   switch (style) {
@@ -5459,7 +5447,7 @@ function serializeAsCustomBlock(block, definition) {
       linksTo: i.linksTo
     };
   });
-  const columns = _optionalChain([block, 'access', _14 => _14.data, 'access', _15 => _15.appearance, 'optionalAccess', _16 => _16.numberOfColumns]);
+  const columns = _optionalChain([block, 'access', _16 => _16.data, 'access', _17 => _17.appearance, 'optionalAccess', _18 => _18.numberOfColumns]);
   return {
     type: serializeCustomBlockNodeType(block, definition),
     attrs: {
@@ -5503,7 +5491,7 @@ var blocks = [
     name: "Text",
     description: "Plain text",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/text.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/text.svg",
     searchKeywords: ["paragraph", "rich text"],
     item: {
       properties: [
@@ -5511,369 +5499,220 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            richTextStyle: "Default"
-          }
+          options: { richTextStyle: "Default" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use rich text block to write text and add additional formatting to it.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/text-HxZ9ssJR"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.title1",
-    name: "Title 1",
+    name: "Heading 1",
     description: "Main sections within the page",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/title-1.svg",
-    searchKeywords: ["heading", "h1"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/title-1.svg",
+    searchKeywords: ["title", "h1"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Title 1",
-            richTextStyle: "Title1"
-          }
+          options: { placeholder: "Heading 1", richTextStyle: "Title1" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use for main sections within the page, introducing broad topics or themes.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.title2",
-    name: "Title 2",
+    name: "Heading 2",
     description: "Section subheadings",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/title-2.svg",
-    searchKeywords: ["heading", "h2"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/title-2.svg",
+    searchKeywords: ["title", "h2"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Title 2",
-            richTextStyle: "Title2"
-          }
+          options: { placeholder: "Heading 2", richTextStyle: "Title2" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use for subheadings, indicating major subsections under the main sections.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.title3",
-    name: "Title 3",
+    name: "Heading 3",
     description: "Further subsections",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/title-3.svg",
-    searchKeywords: ["heading", "h3"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/title-3.svg",
+    searchKeywords: ["title", "h3"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Title 3",
-            richTextStyle: "Title3"
-          }
+          options: { placeholder: "Heading 3", richTextStyle: "Title3" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use for further subsections, detailing specific topics within the major subsections.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.title4",
-    name: "Title 4",
+    name: "Heading 4",
     description: "Details in subsections",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/title-4.svg",
-    searchKeywords: ["heading", "h4"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/title-4.svg",
+    searchKeywords: ["title", "h4"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Title 4",
-            richTextStyle: "Title4"
-          }
+          options: { placeholder: "Heading 4", richTextStyle: "Title4" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use for sub-divisions, elaborating on details within the subsections.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.title5",
-    name: "Title 5",
+    name: "Heading 5",
     description: "Nuanced details or sub-points",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/title-5.svg",
-    searchKeywords: ["heading", "h5"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/title-5.svg",
+    searchKeywords: ["title", "h5"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Title 5",
-            richTextStyle: "Title5"
-          }
+          options: { placeholder: "Heading 5", richTextStyle: "Title5" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use for nuanced details or specific sub-points within sub-divisions.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.ordered-list",
@@ -5888,58 +5727,34 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "MultiRichText",
-          options: {
-            multiRichTextStyle: "OL"
-          }
+          options: { multiRichTextStyle: "OL" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Display a sequence of numbers or letters to indicate order.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.unordered-list",
-    name: "Unordered list",
+    name: "Bullet list",
     description: "A list with bullet points",
     category: "Text",
     icon: "https://cdn-assets.supernova.io/blocks/icons/list-unordered.svg",
@@ -5950,54 +5765,30 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "MultiRichText",
-          options: {
-            multiRichTextStyle: "UL"
-          }
+          options: { multiRichTextStyle: "UL" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "A list of items displayed with bullet points without a specific sequence.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.divider",
@@ -6007,18 +5798,8 @@ var blocks = [
     icon: "https://cdn-assets.supernova.io/blocks/icons/divider.svg",
     searchKeywords: ["hr", "line", "rule", "separator"],
     item: {
-      properties: [
-        {
-          id: "divider",
-          name: "Divider",
-          type: "Divider",
-          options: {}
-        }
-      ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      properties: [{ id: "divider", name: "Divider", type: "Divider", options: {} }],
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -6032,102 +5813,64 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "A thematic break or horizontal rule, often used to separate content or define a change in topic.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/divider-tLuxooLH"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.blockquote",
-    name: "Blockquote",
+    name: "Quote",
     description: "Display a quotation",
     category: "Text",
     icon: "https://cdn-assets.supernova.io/blocks/icons/blockquote.svg",
-    searchKeywords: ["cite"],
+    searchKeywords: ["cite", "blockquote"],
     item: {
       properties: [
         {
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Write a quote...",
-            richTextStyle: "Quote"
-          }
+          options: { placeholder: "Write a quote...", richTextStyle: "Quote" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use a blockquote to set off a quotation or cited content from the main text.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/blockquote-zYWAsb6X"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.callout",
     name: "Callout",
     description: "Highlight a section of text",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/callout.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/callout.svg",
     searchKeywords: ["banner", "alert", "note", "tip", "warning"],
     item: {
       properties: [
@@ -6135,62 +5878,37 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: {
-            placeholder: "Highlight some information...",
-            richTextStyle: "Callout"
-          }
+          options: { placeholder: "Highlight some information...", richTextStyle: "Callout" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["text"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use to highlight a section of text.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/callout-ZPlZObD1"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.image",
     name: "Image",
     description: "Display an image or Figma frame",
     category: "Media",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/image.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/image.svg",
     searchKeywords: ["image", "figma", "frame", "picture", "photo"],
     item: {
       properties: [
@@ -6198,110 +5916,65 @@ var blocks = [
           id: "image",
           name: "Image",
           type: "Image",
-          options: {
-            allowCaption: true
-          }
+          options: { allowCaption: true }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["image"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["image"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use to display an image or Figma frame.",
         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: "https://cdn-assets.supernova.io/blocks/icons/shortcuts.svg",
-    searchKeywords: [],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/shortcuts.svg",
+    searchKeywords: ["url", "page", "card"],
     item: {
       properties: [
         {
           id: "block.links.property.image",
           name: "Image",
           type: "Image",
-          options: {
-            aspectRatio: "Landscape",
-            allowCaption: false
-          },
+          options: { aspectRatio: "Landscape", allowCaption: false },
           variantOptions: {
-            iconOnTop: {
-              width: "Icon",
-              aspectRatio: "Square"
-            },
-            imageOnLeft: {
-              width: "Medium"
-            },
-            iconOnLeft: {
-              width: "Icon",
-              aspectRatio: "Square"
-            }
+            iconOnTop: { width: "Icon", aspectRatio: "Square" },
+            imageOnLeft: { width: "Medium" },
+            iconOnLeft: { width: "Icon", aspectRatio: "Square" }
           }
         },
         {
           id: "block.links.property.title",
           name: "Title",
           type: "Text",
-          options: {
-            textStyle: "Title5",
-            placeholder: "Add title"
-          }
+          options: { textStyle: "Title5", placeholder: "Add title" }
         },
         {
           id: "block.links.property.description",
           name: "Short description",
           type: "Text",
-          options: {
-            textStyle: "Default",
-            color: "NeutralFaded",
-            placeholder: "Add description"
-          }
+          options: { textStyle: "Default", color: "NeutralFaded", placeholder: "Add description" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "imageOnTop",
@@ -6316,11 +5989,7 @@ var blocks = [
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "imageOnLeft",
@@ -6350,11 +6019,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "iconOnTop",
@@ -6369,11 +6034,7 @@ var blocks = [
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "iconOnLeft",
@@ -6403,96 +6064,19 @@ var blocks = [
           },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "imageOnTop"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: -1,
-        allowLinks: true
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: -1, allowLinks: true } },
     editorOptions: {
       onboarding: {
         helpText: "Use link block to create single or multiple links to places in or out of your documentation.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4"
       }
     },
-    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: "https://cdn-assets.supernova.io/blocks/icons/token-a11y-contrast-grid.svg",
-    searchKeywords: ["color", "accessibility", "grid", "contrast", "blind", "impairment"],
-    item: {
-      properties: [
-        {
-          id: "tokens",
-          name: "Tokens",
-          type: "Token",
-          options: {
-            allowedTypes: ["Color"],
-            allowPropertySelection: false,
-            allowThemeSelection: false
-          }
-        }
-      ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
-      variants: [
-        {
-          id: "default",
-          name: "Default",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 1,
-          defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
-        }
-      ],
-      defaultVariantKey: "default"
-    },
-    behavior: {
-      dataType: "Token",
-      entities: {
-        selectionType: "EntityAndGroup",
-        maxSelected: 0
-      }
-    },
-    editorOptions: {
-      onboarding: {
-        helpText: "Visualize accessibility of your colors and compare token groups to one another.",
-        documentationLink: "https://learn.supernova.io"
-      }
-    },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.embed",
@@ -6515,10 +6099,7 @@ var blocks = [
           }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -6532,32 +6113,19 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Embed any page to your documentation as an iframe.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/embed/public-url-2ZeRQ332"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.embed-youtube",
@@ -6580,49 +6148,27 @@ var blocks = [
           }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["embed"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Embed a YouTube video to your documentation.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/youtube-Gh8VUrSF"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.embed-lottie",
@@ -6637,55 +6183,41 @@ var blocks = [
           id: "url",
           name: "Lottie URL",
           type: "URL",
-          options: {
-            urlValidationRegex: "^(http|https)://.*.(json|lottie)$"
-          }
+          description: "Add URL to your Lottie animation file. We support .json and .lottie file extensions.",
+          options: { urlValidationRegex: "^(http|https)://.*.(json|lottie)$" }
         },
         {
           id: "height",
           name: "Height",
           type: "Number",
-          options: {
-            defaultValue: 270
-          }
+          options: { defaultValue: 270 }
         },
         {
           id: "width",
           name: "Width",
           type: "Number",
-          options: {
-            defaultValue: 400
-          }
+          options: { defaultValue: 400 }
         },
         {
           id: "autoplay",
           name: "Autoplay",
           type: "Boolean",
-          options: {
-            defaultValue: true
-          }
+          options: { defaultValue: true }
         },
         {
           id: "loop",
           name: "Loop",
           type: "Boolean",
-          options: {
-            defaultValue: true
-          }
+          options: { defaultValue: true }
         },
         {
           id: "playerControls",
           name: "Show player controls",
           type: "Boolean",
-          options: {
-            defaultValue: true
-          }
+          options: { defaultValue: true }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -6700,32 +6232,19 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Embed a Lottie animation to your documentation.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/lottie-preview-7CqFdGv9"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.storybook",
@@ -6740,56 +6259,30 @@ var blocks = [
           id: "embed",
           name: "Storybook URL",
           type: "Storybook",
-          options: {
-            allowCaption: true,
-            allowResize: true,
-            defaultHeight: 400
-          }
+          options: { allowCaption: true, allowResize: true, defaultHeight: 400 }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["embed"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Embed a Storybook story to your documentation.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/storybook-1EGPhwBl"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.embed-figma",
@@ -6812,49 +6305,27 @@ var blocks = [
           }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["embed"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Embed a Figma canvas or prototype to your documentation.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/figma/embed-figma-GPNJsT8A"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.markdown",
@@ -6862,22 +6333,17 @@ var blocks = [
     description: "Render Markdown URL",
     category: "Other",
     icon: "https://cdn-assets.supernova.io/blocks/icons/markdown.svg",
-    searchKeywords: ["md", "embed", "api", "table", "mdx"],
+    searchKeywords: ["md", "embed", "api", "props", "mdx"],
     item: {
       properties: [
         {
           id: "markdownUrl",
           name: "Markdown URL",
           type: "Markdown",
-          options: {
-            urlValidationRegex: "^(https?://)?(www.)?.+.md$"
-          }
+          options: { urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "plain",
@@ -6892,11 +6358,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         },
         {
           id: "bordered",
@@ -6911,11 +6373,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         },
         {
           id: "boxed",
@@ -6930,411 +6388,185 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "plain"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
-        helpText: "Embed and process markdown from URL.",
+        helpText: "Render any markdown file directly inside of your documentation.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/markdown/general-B8wQVOem"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.table",
     name: "Table",
     description: "Display a simple table",
     category: "Layout",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/table.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/table.svg",
     searchKeywords: ["grid", "data", "spreadsheet", "api"],
     item: {
-      properties: [
-        {
-          id: "table",
-          name: "Table",
-          type: "Table",
-          options: {}
-        }
-      ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      properties: [{ id: "table", name: "Table", type: "Table", options: {} }],
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["table"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["table"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
         helpText: "Use for displaying data in a tabular format.",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/layout/table-R8KGnxej"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
-    id: "io.supernova.block.token-detail",
-    name: "Token detail",
-    description: "Show a single design tokens",
+    id: "io.supernova.block.design-tokens",
+    name: "Design tokens",
+    description: "A list of design tokens",
     category: "Tokens",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/token-detail.svg",
-    searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/design-tokens.svg",
+    searchKeywords: [
+      "tokens",
+      "color",
+      "typography",
+      "spacing",
+      "grid",
+      "material",
+      "theme",
+      "token list",
+      "token group"
+    ],
     item: {
       properties: [
         {
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          options: {
-            renderLayoutAs: "List",
-            defaultTheme: "none",
-            defaultValuePreview: "Split"
-          }
+          options: { renderLayoutAs: "List", defaultTheme: "none", defaultValuePreview: "Split" },
+          variantOptions: { grid: { renderLayoutAs: "Grid" } }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "table",
-          name: "Table row",
+          name: "Table",
           image: "https://cdn-assets.supernova.io/blocks/variants/tokens-table.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "grid",
-          name: "Grid item",
+          name: "Grid",
           image: "https://cdn-assets.supernova.io/blocks/variants/tokens-grid.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 1,
-          defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
-        },
-        {
-          id: "color-stack",
-          name: "Color stack item",
-          image: "https://cdn-assets.supernova.io/blocks/variants/tokens-color-stack.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 1,
+          layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          maxColumns: 4,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "table"
     },
-    behavior: {
-      dataType: "Token",
-      entities: {
-        selectionType: "Entity",
-        maxSelected: 1
-      }
-    },
+    behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
     editorOptions: {
       onboarding: {
-        helpText: "Show a single design token.",
-        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-detail-04"
+        helpText: "Show a group of design tokens. Automatically display all subgroups too.",
+        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: true, hasBackground: false }
   },
   {
-    id: "io.supernova.block.token-list",
-    name: "Token list",
-    description: "Show a list of design tokens",
+    id: "io.supernova.block.token-color-ramps",
+    name: "Color ramps",
+    description: "The best way to display colors",
     category: "Tokens",
     icon: "https://cdn-assets.supernova.io/blocks/icons/token-list.svg",
-    searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
+    searchKeywords: ["tokens", "ramp", "shades", "palette", "spectrum", "stack", "range", "swatch"],
     item: {
       properties: [
         {
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          options: {
-            renderLayoutAs: "List",
-            defaultTheme: "none",
-            defaultValuePreview: "Split"
-          },
-          variantOptions: {
-            grid: {
-              renderLayoutAs: "Grid"
-            }
-          }
+          options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: true }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
-          id: "table",
-          name: "Table",
-          image: "https://cdn-assets.supernova.io/blocks/variants/tokens-table.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 1,
-          defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
-        },
-        {
-          id: "grid",
-          name: "Grid",
-          image: "https://cdn-assets.supernova.io/blocks/variants/tokens-grid.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 4,
-          defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
-        },
-        {
-          id: "color-stack",
-          name: "Color stack",
+          id: "default",
+          name: "Default",
           image: "https://cdn-assets.supernova.io/blocks/variants/tokens-color-stack.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 1,
+          layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          maxColumns: 2,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
-      defaultVariantKey: "table"
-    },
-    behavior: {
-      dataType: "Token",
-      entities: {
-        selectionType: "Entity",
-        maxSelected: 0
-      }
+      defaultVariantKey: "default"
     },
+    behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
     editorOptions: {
-      onboarding: {
-        helpText: "Show a list of design tokens. You can use this block to create a list of colors, typography, spacing, grid, or any other token type.",
-        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-list-06"
-      }
+      onboarding: { helpText: "The best way to display colors", documentationLink: "https://learn.supernova.io" }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
-    id: "io.supernova.block.token-group",
-    name: "Token group",
-    description: "Show a group of design tokens",
+    id: "io.supernova.block.color-accessibility-grid",
+    name: "Accessibility color grid",
+    description: "Visualize accessibility of your color tokens",
     category: "Tokens",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/token-list.svg",
-    searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/token-accessibility-grid.svg",
+    searchKeywords: ["tokens", "color", "accessibility", "grid", "contrast"],
     item: {
       properties: [
         {
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          options: {
-            renderLayoutAs: "List",
-            defaultTheme: "none",
-            defaultValuePreview: "Split"
-          },
-          variantOptions: {
-            grid: {
-              renderLayoutAs: "Grid"
-            }
-          }
+          options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: false }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
-          id: "table",
-          name: "Table",
-          image: "https://cdn-assets.supernova.io/blocks/variants/tokens-table.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          id: "default",
+          name: "Default",
+          image: "https://cdn-assets.supernova.io/blocks/variants/contrast-grid-large.svg",
+          description: "Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
+          layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
-        },
-        {
-          id: "grid",
-          name: "Grid",
-          image: "https://cdn-assets.supernova.io/blocks/variants/tokens-grid.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 4,
-          defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
-        },
-        {
-          id: "color-stack",
-          name: "Color stack",
-          image: "https://cdn-assets.supernova.io/blocks/variants/tokens-color-stack.svg",
-          layout: {
-            type: "Column",
-            children: ["tokens"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
-          maxColumns: 2,
-          defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
-      defaultVariantKey: "table"
-    },
-    behavior: {
-      dataType: "Token",
-      entities: {
-        selectionType: "Group",
-        maxSelected: 1
-      }
+      defaultVariantKey: "default"
     },
+    behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
     editorOptions: {
       onboarding: {
-        helpText: "Show a group of design tokens. Automatically display all subgroups too.",
-        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-group-09"
+        helpText: "Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
+        documentationLink: "https://learn.supernova.io"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.code",
@@ -7344,358 +6576,158 @@ var blocks = [
     icon: "https://cdn-assets.supernova.io/blocks/icons/code.svg",
     searchKeywords: ["code"],
     item: {
-      properties: [
-        {
-          id: "code",
-          name: "Code",
-          type: "Code",
-          options: {}
-        }
-      ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      properties: [{ id: "code", name: "Code", type: "Code", options: {} }],
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["code"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
-    editorOptions: {
-      onboarding: {
-        helpText: "Code descriptor."
-      }
-    },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
+    editorOptions: { onboarding: { helpText: "Code descriptor." } },
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.code-react",
     name: "React code",
-    description: "Render React code",
+    description: "Render a code snippet",
     category: "Code",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/code-react.svg",
-    searchKeywords: ["code", "react", "snippet", "storybook", "editor", "example"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/code-react.svg",
+    searchKeywords: ["code", "react", "snippet", "storybook", "editor", "example", "sandbox"],
     item: {
       properties: [
         {
           id: "code",
           name: "Code",
           type: "CodeSandbox",
-          options: {
-            renderLayoutAs: "PreviewOnTop"
-          },
+          options: { renderLayoutAs: "PreviewOnTop" },
           variantOptions: {
-            codeTop: {
-              renderLayoutAs: "PreviewOnBottom"
-            },
-            codeLeft: {
-              renderLayoutAs: "PreviewOnRight"
-            },
-            codeRight: {
-              renderLayoutAs: "PreviewOnLeft"
-            }
+            codeTop: { renderLayoutAs: "PreviewOnBottom" },
+            codeLeft: { renderLayoutAs: "PreviewOnRight" },
+            codeRight: { renderLayoutAs: "PreviewOnLeft" }
           }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "codeBottom",
           name: "Full width, code bottom",
           image: "https://cdn-assets.supernova.io/blocks/variants/react-code-bottom.svg",
           description: "Full-width block of code, with a preview on top.",
-          layout: {
-            type: "Column",
-            children: ["code"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "codeTop",
           name: "Full width, code top",
           image: "https://cdn-assets.supernova.io/blocks/variants/react-code-top.svg",
           description: "Full-width block of code, with a preview on bottom.",
-          layout: {
-            type: "Column",
-            children: ["code"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "codeLeft",
           name: "Side by side, code left",
           image: "https://cdn-assets.supernova.io/blocks/variants/react-code-left.svg",
           description: "Side-by-side preview and code, with code on the left.",
-          layout: {
-            type: "Column",
-            children: ["code"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "codeRight",
           name: "Side by side, code right",
           image: "https://cdn-assets.supernova.io/blocks/variants/react-code-right.svg",
           description: "Side-by-side preview and code, with code on the right.",
-          layout: {
-            type: "Column",
-            children: ["code"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "codeBottom"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    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",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/shortcut-link.svg",
-    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
-    }
+    appearance: { isBordered: false, hasBackground: false }
   },
   {
     id: "io.supernova.block.assets",
     name: "Assets",
     description: "Display icons or illustrations",
     category: "Assets",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/assets.svg",
-    searchKeywords: ["icons", "illustrations", "grid", "svg", "logos", "theme"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/assets.svg",
+    searchKeywords: ["icons", "illustrations", "grid", "svg", "logos"],
     item: {
-      properties: [
-        {
-          id: "assets",
-          name: "Assets",
-          type: "Asset",
-          options: {}
-        }
-      ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      properties: [{ id: "assets", name: "Assets", type: "Asset", options: {} }],
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Simple grid",
           image: "https://cdn-assets.supernova.io/blocks/variants/assets-simple-grid.svg",
           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,
+          layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          maxColumns: 8,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "square-grid",
           name: "Square grid",
           image: "https://cdn-assets.supernova.io/blocks/variants/assets-square-grid.svg",
           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,
+          layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          maxColumns: 8,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "borderless-grid",
           name: "Borderless grid",
           image: "https://cdn-assets.supernova.io/blocks/variants/assets-borderless-grid.svg",
           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,
+          layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          maxColumns: 8,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Asset",
-      entities: {
-        selectionType: "EntityAndGroup",
-        maxSelected: 0
-      }
-    },
+    behavior: { dataType: "Asset", entities: { selectionType: "EntityAndGroup", 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
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.figma-frames",
     name: "Figma frames",
     description: "Display Figma frames as images",
     category: "Figma",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/figma-frames.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/figma-frames.svg",
     searchKeywords: ["figma", "frames", "image"],
     item: {
       properties: [
@@ -7706,10 +6738,7 @@ var blocks = [
           options: {}
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "bordered",
@@ -7725,11 +6754,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         },
         {
           id: "plain",
@@ -7745,32 +6770,19 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: false
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "bordered"
     },
-    behavior: {
-      dataType: "FigmaNode",
-      entities: {
-        selectionType: "Entity",
-        maxSelected: 0
-      }
-    },
+    behavior: { dataType: "FigmaNode", 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
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.release-notes",
@@ -7781,54 +6793,32 @@ var blocks = [
     searchKeywords: ["version", "changelog", "history"],
     item: {
       properties: [],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
           name: "Default",
           image: "https://cdn-assets.supernova.io/blocks/variants/release-notes.svg",
-          layout: {
-            type: "Column",
-            children: [],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: [], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Item",
-      items: {
-        numberOfItems: 1,
-        allowLinks: false
-      }
-    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
-        helpText: "Show formatted release notes from all previous released versions"
+        helpText: "Show formatted release notes from all previous released versions."
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.component-checklist",
     name: "Component checklist",
-    description: "Highlight specific features of your components",
+    description: "Highlight specific component properties",
     category: "Components",
     icon: "https://cdn-assets.supernova.io/blocks/icons/component-checklist.svg",
     searchKeywords: ["components", "health", "properties", "overview", "status"],
@@ -7838,31 +6828,22 @@ var blocks = [
           id: "components",
           name: "Components",
           type: "Component",
-          options: {
-            renderLayoutAs: "List"
-          }
-        },
-        {
-          id: "showDescription",
-          name: "Show description",
-          type: "Boolean",
-          options: {
-            defaultValue: true
-          }
+          options: { renderLayoutAs: "List" }
         },
         {
           id: "title",
           name: "Title",
           type: "Text",
-          options: {
-            defaultValue: "Component checklist"
-          }
+          options: { defaultValue: "Component checklist" }
+        },
+        {
+          id: "showDescription",
+          name: "Show description",
+          type: "Boolean",
+          options: { defaultValue: true }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -7870,70 +6851,50 @@ var blocks = [
           image: "https://cdn-assets.supernova.io/blocks/variants/component-checklist.svg",
           layout: {
             type: "Column",
-            children: ["components", "showDescription", "title"],
+            children: ["components", "showDescription"],
             columnAlign: "Start",
             columnResizing: "Fill",
             gap: "Medium"
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Component",
-      entities: {
-        selectionType: "Entity",
-        maxSelected: 1
-      }
-    },
+    behavior: { dataType: "Component", entities: { selectionType: "Entity", maxSelected: 1 } },
     editorOptions: {
       onboarding: {
-        helpText: "Highlight specific features of your components.",
+        helpText: "Highlight specific component properties",
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-checklist-NXepPIpZ"
       }
     },
-    appearance: {
-      isBordered: false,
-      hasBackground: false
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.component-checklist-all",
     name: "Component overview table",
-    description: "Show the overview of all your components",
+    description: "Show an overview of all components",
     category: "Components",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/component-overview-table.svg",
-    searchKeywords: ["components", "health", "properties", "overview", "status"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/component-checklist-all.svg",
+    searchKeywords: ["components", "health", "overview", "status"],
     item: {
       properties: [
         {
           id: "components",
           name: "Components",
           type: "Component",
-          options: {
-            renderLayoutAs: "Table"
-          }
+          options: { renderLayoutAs: "Table" }
         },
         {
           id: "showLastUpdatedColumn",
           name: "Show last updated column",
           type: "Boolean",
-          options: {
-            defaultValue: true
-          }
+          options: { defaultValue: true }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -7948,39 +6909,26 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Component",
-      entities: {
-        selectionType: "Group",
-        maxSelected: 1
-      }
-    },
+    behavior: { dataType: "Component", entities: { selectionType: "Group", maxSelected: 1 } },
     editorOptions: {
       onboarding: {
-        helpText: "Show the overview of all your components",
+        helpText: "Show an 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
-    }
+    appearance: { isBordered: true, hasBackground: false }
   },
   {
     id: "io.supernova.block.component-health",
     name: "Component health",
-    description: "Show component health and additional attributes",
+    description: "Show component health and other attributes",
     category: "Components",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/component-health.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/component-health.svg",
     searchKeywords: ["components", "health", "properties", "overview", "status"],
     item: {
       properties: [
@@ -7988,15 +6936,10 @@ var blocks = [
           id: "components",
           name: "Components",
           type: "Component",
-          options: {
-            renderLayoutAs: "List"
-          }
+          options: { renderLayoutAs: "List" }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -8011,32 +6954,19 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: {
-            isBordered: false,
-            hasBackground: false,
-            isEditorPresentationDifferent: true
-          }
+          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: {
-      dataType: "Component",
-      entities: {
-        selectionType: "Entity",
-        maxSelected: 1
-      }
-    },
+    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
-    }
+    appearance: { isBordered: true, hasBackground: false }
   }
 ];
 
@@ -8218,7 +7148,7 @@ function parseAsMultiRichText(prosemirrorNode, definition, property) {
               value: (_nullishCoalesce(prosemirrorNode.content, () => ( []))).map((listItem) => {
                 if (listItem.type !== "listItem")
                   return null;
-                if (!_optionalChain([listItem, 'access', _17 => _17.content, 'optionalAccess', _18 => _18.length]))
+                if (!_optionalChain([listItem, 'access', _19 => _19.content, 'optionalAccess', _20 => _20.length]))
                   return parseRichText([]);
                 const paragraph = listItem.content[0];
                 if (paragraph.type !== "paragraph")
@@ -8287,17 +7217,17 @@ function parseAsTable(prosemirrorNode, definition, property) {
     return null;
   const variantId = getProsemirrorBlockVariantId(prosemirrorNode);
   const hasBorder = getProsemirrorAttribute(prosemirrorNode, "hasBorder", _zod.z.boolean().optional()) !== false;
-  const tableChild = _optionalChain([prosemirrorNode, 'access', _19 => _19.content, 'optionalAccess', _20 => _20.find, 'call', _21 => _21((c) => c.type === "table")]);
+  const tableChild = _optionalChain([prosemirrorNode, 'access', _21 => _21.content, 'optionalAccess', _22 => _22.find, 'call', _23 => _23((c) => c.type === "table")]);
   if (!tableChild) {
     return emptyTable(id, variantId, 0);
   }
-  const rows = _nullishCoalesce(_optionalChain([tableChild, 'access', _22 => _22.content, 'optionalAccess', _23 => _23.filter, 'call', _24 => _24((c) => c.type === "tableRow" && !!_optionalChain([c, 'access', _25 => _25.content, 'optionalAccess', _26 => _26.length]))]), () => ( []));
+  const rows = _nullishCoalesce(_optionalChain([tableChild, 'access', _24 => _24.content, 'optionalAccess', _25 => _25.filter, 'call', _26 => _26((c) => c.type === "tableRow" && !!_optionalChain([c, 'access', _27 => _27.content, 'optionalAccess', _28 => _28.length]))]), () => ( []));
   if (!rows.length) {
     return emptyTable(id, variantId, 0);
   }
-  const rowHeaderCells = _nullishCoalesce(_optionalChain([rows, 'access', _27 => _27[0], 'access', _28 => _28.content, 'optionalAccess', _29 => _29.filter, 'call', _30 => _30((c) => c.type === "tableHeader"), 'access', _31 => _31.length]), () => ( 0));
-  const columnHeaderCells = rows.filter((r) => _optionalChain([r, 'access', _32 => _32.content, 'optionalAccess', _33 => _33[0], 'optionalAccess', _34 => _34.type]) === "tableHeader").length;
-  const hasHeaderRow = _optionalChain([rows, 'access', _35 => _35[0], 'access', _36 => _36.content, 'optionalAccess', _37 => _37.length]) === rowHeaderCells;
+  const rowHeaderCells = _nullishCoalesce(_optionalChain([rows, 'access', _29 => _29[0], 'access', _30 => _30.content, 'optionalAccess', _31 => _31.filter, 'call', _32 => _32((c) => c.type === "tableHeader"), 'access', _33 => _33.length]), () => ( 0));
+  const columnHeaderCells = rows.filter((r) => _optionalChain([r, 'access', _34 => _34.content, 'optionalAccess', _35 => _35[0], 'optionalAccess', _36 => _36.type]) === "tableHeader").length;
+  const hasHeaderRow = _optionalChain([rows, 'access', _37 => _37[0], 'access', _38 => _38.content, 'optionalAccess', _39 => _39.length]) === rowHeaderCells;
   const hasHeaderColumn = rows.length === columnHeaderCells;
   const tableValue = {
     showBorder: hasBorder,
@@ -8379,7 +7309,7 @@ function parseAsTableNode(prosemirrorNode) {
       const parsedItems = PageBlockItemV2.array().safeParse(JSON.parse(items));
       if (!parsedItems.success)
         return null;
-      const rawImagePropertyValue = _optionalChain([parsedItems, 'access', _38 => _38.data, 'access', _39 => _39[0], 'optionalAccess', _40 => _40.props, 'access', _41 => _41.image]);
+      const rawImagePropertyValue = _optionalChain([parsedItems, 'access', _40 => _40.data, 'access', _41 => _41[0], 'optionalAccess', _42 => _42.props, 'access', _43 => _43.image]);
       if (!rawImagePropertyValue)
         return null;
       const imagePropertyValueParseResult = PageBlockItemImageValue.safeParse(rawImagePropertyValue);
@@ -8601,7 +7531,7 @@ function getProsemirrorBlockVariantId(prosemirrorNode) {
   return getProsemirrorAttribute(prosemirrorNode, "variantId", nullishToOptional(_zod.z.string()));
 }
 function getProsemirrorAttribute(prosemirrorNode, attributeName, validationSchema) {
-  const parsedAttr = validationSchema.safeParse(_optionalChain([prosemirrorNode, 'access', _42 => _42.attrs, 'optionalAccess', _43 => _43[attributeName]]));
+  const parsedAttr = validationSchema.safeParse(_optionalChain([prosemirrorNode, 'access', _44 => _44.attrs, 'optionalAccess', _45 => _45[attributeName]]));
   if (parsedAttr.success) {
     return parsedAttr.data;
   } else {