@supernova-studio/client 0.30.1 → 0.32.0

package/dist/index.mjs

@@ -914,16 +914,18 @@ var PageBlockImageAlignment = z35.enum(["Left", "Center", "Stretch"]);
 var PageBlockTableCellAlignment = z35.enum(["Left", "Center", "Right"]);
 var PageBlockPreviewContainerSize = z35.enum(["Centered", "NaturalHeight"]);
 var PageBlockThemeDisplayMode = z35.enum(["Split", "Override"]);
+var PageBlockImageResourceReference = z35.object({
+  resourceId: z35.string(),
+  url: z35.string()
+});
+var PageBlockResourceFrameNodeReference = z35.object({
+  sourceId: z35.string(),
+  frameReferenceId: z35.string()
+});
 var PageBlockImageReference = z35.object({
   type: PageBlockImageType,
-  resource: z35.object({
-    url: z35.string(),
-    resourceId: z35.string()
-  }).optional(),
-  figmaFile: z35.object({
-    sourceId: z35.string(),
-    frameReferenceId: z35.string()
-  }).optional()
+  resource: PageBlockImageResourceReference.optional(),
+  figmaFile: PageBlockResourceFrameNodeReference.optional()
 });
 var PageBlockColorV2 = z35.object({
   value: z35.string(),
@@ -1022,10 +1024,10 @@ var PageBlockItemEmbedValue = z35.object({
   }).optional()
 });
 var PageBlockItemFigmaNodeValue = z35.object({
-  selectedPropertyIds: z35.array(z35.string()).optional(),
   showSearch: z35.boolean().optional(),
   previewContainerSize: PageBlockPreviewContainerSize.optional(),
   backgroundColor: PageBlockColorV2.optional(),
+  showFrameDetails: z35.boolean().optional(),
   value: z35.array(
     z35.object({
       entityId: z35.string(),
@@ -1157,10 +1159,6 @@ var DocumentationPageDataV1 = z39.object({
   blocks: z39.array(PageBlockV1),
   configuration: nullishToOptional(DocumentationItemConfigurationV1)
 });
-var DocumentationPageElementDataV1 = z39.object({
-  dataVersion: z39.literal(1).optional().default(1),
-  value: DocumentationPageDataV1
-});
 var DocumentationItemHeaderV2 = z40.object({
   description: z40.string(),
   alignment: DocumentationItemHeaderAlignmentSchema,
@@ -1186,10 +1184,6 @@ var DocumentationItemConfigurationV2 = z41.object({
 var DocumentationPageDataV2 = z42.object({
   configuration: nullishToOptional(DocumentationItemConfigurationV2)
 });
-var DocumentationPageElementDataV2 = z42.object({
-  value: DocumentationPageDataV1,
-  valueV2: DocumentationPageDataV2.optional()
-});
 var DesignElementOrigin = z43.object({
   id: z43.string(),
   sourceId: z43.string(),
@@ -1331,18 +1325,10 @@ var GradientLayerData = tokenAliasOrValue(GradientLayerValue);
 var GradientTokenValue = z52.array(GradientLayerData);
 var GradientTokenData = tokenAliasOrValue(GradientTokenValue);
 var DocumentationGroupBehavior = z53.enum(["Group", "Tabs"]);
-var ElementGroupDataDeprecated = z53.object({
-  behavior: nullishToOptional(DocumentationGroupBehavior.optional()),
-  configuration: nullishToOptional(DocumentationItemConfigurationV1)
-});
 var ElementGroupDataV2 = z53.object({
   behavior: nullishToOptional(DocumentationGroupBehavior.optional()),
   configuration: nullishToOptional(DocumentationItemConfigurationV2)
 });
-var ElementGroupElementData = z53.object({
-  value: ElementGroupDataDeprecated.optional(),
-  valueV2: ElementGroupDataV2.optional()
-});
 var LetterSpacingUnit = z54.enum(["Pixels", "Rem", "Percent"]);
 var LetterSpacingValue = z54.object({
   unit: LetterSpacingUnit,
@@ -1936,7 +1922,8 @@ function zeroNumberByDefault2() {
 var PageBlockDefinitionAppearance = z89.object({
   isBordered: z89.boolean().optional(),
   hasBackground: z89.boolean().optional(),
-  isEditorPresentationDifferent: z89.boolean().optional()
+  isEditorPresentationDifferent: z89.boolean().optional(),
+  showBlockHeaderInEditor: z89.boolean().optional()
 });
 var PageBlockDefinitionLayoutType = z90.enum(["Column", "Row"]);
 var PageBlockDefinitionLayoutGap = z90.enum(["Small", "Medium", "Large", "None"]);
@@ -2011,7 +1998,8 @@ var PageBlockDefinitionTextPropertyStyle = z91.enum([
   "DefaultSemibold",
   "Small",
   "SmallBold",
-  "SmallSemibold"
+  "SmallSemibold",
+  "Custom"
 ]);
 var PageBlockDefinitionTextPropertyColor = z91.enum(["Neutral", "NeutralFaded"]);
 var PageBlockDefinitionBooleanPropertyStyle = z91.enum(["SegmentedControl", "ToggleButton", "Checkbox"]);
@@ -2608,13 +2596,13 @@ var PulsarContributionVariant = z118.object({
   thumbnailURL: nullishToOptional(z118.string())
 });
 var PulsarCustomBlock = z118.object({
-  title: z118.string(),
+  title: nullishToOptional(z118.string()),
   key: z118.string(),
-  category: z118.string(),
+  category: nullishToOptional(z118.string()),
   description: nullishToOptional(z118.string()),
-  iconURL: z118.string(),
-  mode: z118.enum(["array", "block"]),
-  properties: z118.array(PulsarBaseProperty)
+  iconURL: nullishToOptional(z118.string()),
+  mode: nullishToOptional(z118.enum(["array", "block"])),
+  properties: nullishToOptional(z118.array(PulsarBaseProperty)).transform((v) => v ?? [])
 });
 var ExporterType = z119.enum(["code", "documentation"]);
 var ExporterSource = z119.enum(["git", "upload"]);
@@ -3774,8 +3762,9 @@ var DTODuplicateDocumentationGroupInput = z135.object({
 var DTOCreateDocumentationTabInput = z135.object({
   // New group persistent id
   persistentId: z135.string().uuid(),
-  // Page that will become first tab of the tab group
-  fromPagePersistentId: z135.string(),
+  // If this is page, we will attempt to convert it to tab
+  // If this is tab group, we will add a new tab to it
+  tabContainerPersistentId: z135.string(),
   tabName: z135.string()
 });
 var DTODeleteDocumentationTabGroupInput = z135.object({
@@ -4183,7 +4172,9 @@ function documentationHierarchyToYjs(doc, transaction) {
     transaction.groups.forEach((group) => {
       const sanitizedGroup = {
         ...group,
-        data: {}
+        data: {
+          behavior: group.data?.behavior
+        }
       };
       groupsMap.set(group.id, JSON.parse(JSON.stringify(sanitizedGroup)));
     });
@@ -4625,6 +4616,9 @@ var newSchema = {
       attrs: {
         id: {
           default: null
+        },
+        variantId: {
+          default: null
         }
       },
       parseDOM: [
@@ -5023,35 +5017,166 @@ var BlockDefinitionUtils = {
 
 // src/yjs/docs-editor/blocks-to-prosemirror.ts
 import { prosemirrorJSONToYXmlFragment } from "y-prosemirror";
+
+// src/yjs/docs-editor/list-tree-builder.ts
+var ListTreeBuilder = class {
+  add(block, multiRichTextProperty) {
+    const list = this.createList(block, multiRichTextProperty);
+    if (!this.rootNode) {
+      this.rootNode = list;
+      return void 0;
+    }
+    if (block.data.indentLevel <= 0) {
+      if (this.rootNode.listType === list.listType) {
+        this.rootNode.children.push(...list.leadingChildren);
+        return;
+      } else {
+        const flushed = this.flush();
+        this.rootNode = list;
+        return flushed;
+      }
+    }
+    const listParent = this.getParentOfDepth(block.data.indentLevel);
+    const lastChild = listParent.children[listParent.children.length - 1];
+    if (lastChild?.type === "List") {
+      lastChild.children.push(...list.leadingChildren);
+      return;
+    } else {
+      listParent.children.push(list);
+    }
+  }
+  flush() {
+    const node = this.rootNode;
+    this.rootNode = void 0;
+    return node;
+  }
+  getParentOfDepth(depth) {
+    if (!this.rootNode || depth <= 0)
+      throw new Error("Invalid state");
+    let currentNode = this.rootNode;
+    let currentDepth = depth - 1;
+    while (currentDepth > 0) {
+      if (currentNode.children.length === 0)
+        return currentNode;
+      const lastChild = currentNode.children[currentNode.children.length - 1];
+      if (lastChild.type !== "List") {
+        return currentNode;
+      }
+      currentNode = lastChild;
+      currentDepth--;
+    }
+    return currentNode;
+  }
+  // next(block: PageBlockEditorModel, multiRichTextProperty: PageBlockDefinitionProperty): ListNode | undefined {
+  //   console.log("Next");
+  //   const list = this.createList(block, multiRichTextProperty);
+  //   if (this.currentList) {
+  //     if (this.currentList.listType === list.listType) {
+  //       // Merge items into the current list
+  //       this.currentList.children.push(...list.leadingChildren);
+  //       return undefined;
+  //     } else {
+  //       // Close the current list and start a new one
+  //       if (!this.currentParentList) {
+  //         const flushed = this.flush();
+  //         this.currentList = list;
+  //         return flushed;
+  //       } else {
+  //         this.currentList = list;
+  //         this.currentParentList.children.push(list);
+  //         this.parentMap.set(list, this.currentParentList);
+  //         return undefined;
+  //       }
+  //     }
+  //   } else {
+  //     this.currentList = list;
+  //     return undefined;
+  //   }
+  // }
+  // stepIn(block: PageBlockEditorModel, multiRichTextProperty: PageBlockDefinitionProperty): void {
+  //   console.log("Step in");
+  //   if (!this.currentList) {
+  //     throw new Error("Cannot step in without a list");
+  //   }
+  //   const list = this.createList(block, multiRichTextProperty);
+  //   this.currentParentList = this.currentList;
+  //   this.currentList = list;
+  //   this.currentParentList.children.push(list);
+  //   this.parentMap.set(list, this.currentParentList);
+  // }
+  // stepOut(block: PageBlockEditorModel, multiRichTextProperty: PageBlockDefinitionProperty): ListNode | undefined {
+  //   console.log("Step out");
+  //   if (!this.currentList) {
+  //     throw new Error("Cannot step out without a list");
+  //   }
+  //   if (!this.currentParentList) {
+  //     throw new Error("Cannot step out without a parent list");
+  //   }
+  //   const newCurrentList = this.currentParentList;
+  //   const newParent = this.parentMap.get(newCurrentList);
+  //   this.currentList = newCurrentList;
+  //   this.currentParentList = newParent;
+  //   return this.next(block, multiRichTextProperty);
+  // }
+  // flush(): ListNode | undefined {
+  //   const result = this.currentList;
+  //   this.currentList = undefined;
+  //   this.currentParentList = undefined;
+  //   this.parentMap.clear();
+  //   return result;
+  // }
+  createList(block, multiRichTextProperty) {
+    const blockItem = BlockParsingUtils.singleBlockItem(block);
+    const multiRichTextValue = BlockParsingUtils.multiRichTextPropertyValue(blockItem, multiRichTextProperty.id);
+    const parsedOptions = PageBlockDefinitionMutiRichTextOptions.optional().parse(multiRichTextProperty.options);
+    const style = parsedOptions?.multiRichTextStyle ?? "Default";
+    const leadingChildren = multiRichTextValue.value.map((t) => {
+      return {
+        type: "ListItem",
+        text: t
+      };
+    });
+    if (!leadingChildren.length) {
+      leadingChildren.push({ type: "ListItem", text: { spans: [] } });
+    }
+    return {
+      type: "List",
+      listType: style === "OL" ? "Ordered" : "Unordered",
+      leadingChildren,
+      block,
+      children: []
+    };
+  }
+};
+
+// src/yjs/docs-editor/blocks-to-prosemirror.ts
 function pageToYXmlFragment(page, definitions, fragment) {
   const doc = pageToProsemirrorDoc(page, definitions);
   return prosemirrorJSONToYXmlFragment(pmSchema, doc, fragment);
 }
 function pageToProsemirrorDoc(page, definitions) {
   const definitionsMap = mapByUnique(definitions, (d) => d.id);
+  const children = [];
+  let blockBuffer = [];
+  page.blocks.forEach((b) => {
+    if (b.type === "Block") {
+      blockBuffer.push(b);
+    } else if (b.type === "Section") {
+      if (blockBuffer.length) {
+        children.push(...blocksToProsemirrorNodes(blockBuffer, definitionsMap));
+        blockBuffer = [];
+      }
+      children.push(internalSectionToProsemirrorNode(b, definitionsMap));
+    }
+  });
+  if (blockBuffer.length) {
+    children.push(...blocksToProsemirrorNodes(blockBuffer, definitionsMap));
+  }
   return {
     type: "doc",
-    content: page.blocks.map((b) => {
-      switch (b.type) {
-        case "Block":
-          return blockToProsemirrorNode(b, blockDefinitionForBlock(b, definitions));
-        case "Section":
-          return internalSectionToProsemirrorNode(b, definitionsMap);
-      }
-    }).filter(nonNullFilter)
+    content: children
   };
 }
-function blockDefinitionForBlock(block, definitions) {
-  const definition = definitions.find((d) => d.id === block.data.packageId);
-  if (!definition) {
-    throw new Error(`Could not find definition for ${block.id} (${block.data.packageId})`);
-  }
-  return definition;
-}
-function sectionToProsemirrorNode(section, definitions) {
-  const definitionsMap = mapByUnique(definitions, (d) => d.id);
-  return internalSectionToProsemirrorNode(section, definitionsMap);
-}
 function internalSectionToProsemirrorNode(section, definitionsMap) {
   return {
     type: "tabsSection",
@@ -5073,9 +5198,7 @@ function sectionItemToProsemirrorNode(sectionItem, definitionsMap) {
   };
 }
 function sectionColumnToProsemirrorNode(sectionColumn, definitionsMap) {
-  const blocks2 = sectionColumn.blocks.map((block) => {
-    return internalBlockToProsemirrorNode(block, definitionsMap);
-  }).filter(nonNullFilter);
+  const blocks2 = blocksToProsemirrorNodes(sectionColumn.blocks, definitionsMap);
   if (!blocks2.length) {
     blocks2.push({
       type: "paragraph",
@@ -5093,12 +5216,35 @@ function sectionColumnToProsemirrorNode(sectionColumn, definitionsMap) {
     content: blocks2
   };
 }
-function internalBlockToProsemirrorNode(block, definitionsMap) {
-  const definition = definitionsMap.get(block.data.packageId);
-  if (!definition) {
-    throw SupernovaException.shouldNotHappen(`Could not find definition for ${block.id} (${block.data.packageId})`);
+function blocksToProsemirrorNodes(blocks2, definitionsMap) {
+  const result = [];
+  const listTreeBuilder = new ListTreeBuilder();
+  blocks2.forEach((b) => {
+    const definition = definitionsMap.get(b.data.packageId);
+    if (!definition) {
+      console.warn(`Could not find definition for ${b.id} (${b.data.packageId})`);
+      return;
+    }
+    const multiRichTextProp = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
+    if (multiRichTextProp) {
+      const node = listTreeBuilder.add(b, multiRichTextProp);
+      if (node) {
+        result.push(serializeAsMultiRichTextBlock(node));
+      }
+    } else {
+      const tree2 = listTreeBuilder.flush();
+      if (tree2) {
+        result.push(serializeAsMultiRichTextBlock(tree2));
+      }
+      const node = blockToProsemirrorNode(b, definition);
+      node && result.push(node);
+    }
+  });
+  const tree = listTreeBuilder.flush();
+  if (tree) {
+    result.push(serializeAsMultiRichTextBlock(tree));
   }
-  return blockToProsemirrorNode(block, definition);
+  return result;
 }
 function blockToProsemirrorNode(block, definition) {
   const richTextProperty = BlockDefinitionUtils.firstRichTextProperty(definition);
@@ -5109,14 +5255,6 @@ function blockToProsemirrorNode(block, definition) {
       property: richTextProperty
     });
   }
-  const multiRichTextProperty = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
-  if (multiRichTextProperty) {
-    return serializeAsMultiRichTextBlock({
-      block,
-      definition,
-      property: multiRichTextProperty
-    });
-  }
   const tableProperty = BlockDefinitionUtils.firstTableProperty(definition);
   if (tableProperty) {
     return serializeAsTable({
@@ -5158,7 +5296,7 @@ function serializeAsRichTextBlock(input) {
 function serializeAsParagraph(input) {
   return {
     type: "paragraph",
-    attrs: serializeBlockNodeAttributes(input),
+    attrs: serializeBlockNodeAttributes(input.block),
     ...serializeRichTextNodePart(input.richTextPropertyValue.value)
   };
 }
@@ -5166,7 +5304,7 @@ function serializeAsHeading(input) {
   return {
     type: "heading",
     attrs: {
-      ...serializeBlockNodeAttributes(input),
+      ...serializeBlockNodeAttributes(input.block),
       level: richTextHeadingLevel(input.property)
     },
     ...serializeRichTextNodePart(input.richTextPropertyValue.value)
@@ -5175,7 +5313,7 @@ function serializeAsHeading(input) {
 function serializeAsBlockquote(input) {
   return {
     type: "blockquote",
-    attrs: serializeBlockNodeAttributes(input),
+    attrs: serializeBlockNodeAttributes(input.block),
     ...serializeRichTextNodePart(input.richTextPropertyValue.value)
   };
 }
@@ -5184,62 +5322,70 @@ function serializeAsCallout(input) {
   return {
     type: "callout",
     attrs: {
-      ...serializeBlockNodeAttributes(input),
+      ...serializeBlockNodeAttributes(input.block),
       type: serializeCalloutType(calloutType)
     },
     ...serializeRichTextNodePart(input.richTextPropertyValue.value)
   };
 }
-function serializeAsMultiRichTextBlock(input) {
-  const { block, definition, property: multiRichTextProperty } = input;
-  const blockItem = BlockParsingUtils.singleBlockItem(block);
-  const textPropertyValue = BlockParsingUtils.multiRichTextPropertyValue(blockItem, multiRichTextProperty.id);
-  const enrichedInput = { ...input, multiRichTextPropertyValue: textPropertyValue };
-  const parsedOptions = PageBlockDefinitionMutiRichTextOptions.optional().parse(multiRichTextProperty.options);
-  const style = parsedOptions?.multiRichTextStyle ?? "Default";
-  switch (style) {
-    case "Default":
-      return serializeAsMultiParagraph(enrichedInput);
-    case "OL":
-      return serializeAsOrderedList(enrichedInput);
-    case "UL":
-      return serializeAsUnorderedList(enrichedInput);
+function serializeAsMultiRichTextBlock(node) {
+  switch (node.listType) {
+    case "Ordered":
+      return serializeAsOrderedList(node);
+    case "Unordered":
+      return serializeAsUnorderedList(node);
   }
 }
-function serializeAsMultiParagraph(input) {
-  return {
-    type: "bulletList",
-    attrs: {
-      ...serializeBlockNodeAttributes(input)
-    },
-    content: input.multiRichTextPropertyValue.value.map(serializeAsListItem)
-  };
-}
-function serializeAsOrderedList(input) {
+function serializeAsOrderedList(tree) {
   return {
     type: "orderedList",
     attrs: {
-      ...serializeBlockNodeAttributes(input),
+      ...serializeBlockNodeAttributes(tree.block),
       start: "1"
     },
-    content: input.multiRichTextPropertyValue.value.map(serializeAsListItem)
+    content: serializeListContent(tree)
   };
 }
-function serializeAsUnorderedList(input) {
+function serializeAsUnorderedList(tree) {
   return {
     type: "bulletList",
     attrs: {
-      ...serializeBlockNodeAttributes(input)
+      ...serializeBlockNodeAttributes(tree.block)
     },
-    content: input.multiRichTextPropertyValue.value.map(serializeAsListItem)
+    content: serializeListContent(tree)
   };
 }
-function serializeAsListItem(text) {
+function serializeListContent(tree) {
+  const result = tree.leadingChildren.map((i) => serializeAsTextListItem(i.text));
+  for (const child of tree.children) {
+    if (child.type === "ListItem") {
+      result.push(serializeAsTextListItem(child.text));
+    } else if (child.type === "List") {
+      const previousNode = result[result.length - 1];
+      if (!previousNode) {
+        throw SupernovaException.shouldNotHappen("List node without previous node");
+      }
+      if (!previousNode.content) {
+        throw SupernovaException.shouldNotHappen("List item node has no content");
+      }
+      const serializedList = serializeAsMultiRichTextBlock(child);
+      previousNode.content.push(serializedList);
+    } else {
+      throw SupernovaException.shouldNotHappen(`Unknown list node type: ${child}`);
+    }
+  }
+  return result;
+}
+function serializeAsTextListItem(text) {
   return {
     type: "listItem",
     content: [
       {
         type: "paragraph",
+        attrs: {
+          definitionId: "io.supernova.block.rich-text",
+          variantId: "default"
+        },
         content: serializeRichText(text)
       }
     ]
@@ -5252,7 +5398,7 @@ function serializeAsTable(input) {
   return {
     type: "tableContainer",
     attrs: {
-      ...serializeBlockNodeAttributes(input),
+      ...serializeBlockNodeAttributes(input.block),
       hasBorder: table.showBorder ?? true
     },
     content: [
@@ -5341,11 +5487,10 @@ function serializeTableNode(node) {
 function serializeAsDivider(input) {
   return {
     type: "horizontalRule",
-    attrs: serializeBlockNodeAttributes(input)
+    attrs: serializeBlockNodeAttributes(input.block)
   };
 }
-function serializeBlockNodeAttributes(input) {
-  const { block } = input;
+function serializeBlockNodeAttributes(block) {
   return {
     id: block.id,
     definitionId: block.data.packageId,
@@ -5397,6 +5542,7 @@ function serializeRichText(richText) {
   return richText.spans.map(serializeTextSpan).flat();
 }
 function serializeTextSpan(span) {
+  const hardBreakType = "hardBreak";
   const marks = span.attributes.map(serializeTextSpanAttribute);
   const textParts = span.text.split("\n");
   const interspersed = [
@@ -5409,7 +5555,7 @@ function serializeTextSpan(span) {
   for (let i = 1; i < textParts.length; i++) {
     interspersed.push(
       {
-        type: "hardBreak"
+        type: hardBreakType
       },
       {
         type: "text",
@@ -5418,7 +5564,7 @@ function serializeTextSpan(span) {
       }
     );
   }
-  return interspersed.filter((t) => !!t.text);
+  return interspersed.filter((t) => t.type === hardBreakType || !!t.text);
 }
 function serializeTextSpanAttribute(spanAttribute) {
   switch (spanAttribute.type) {
@@ -5427,7 +5573,7 @@ function serializeTextSpanAttribute(spanAttribute) {
     case "Italic":
       return { type: "italic", attrs: {} };
     case "Strikethrough":
-      return { type: "strikethrough", attrs: {} };
+      return { type: "strike", attrs: {} };
     case "Code":
       return { type: "code", attrs: {} };
     case "Link":
@@ -5480,9 +5626,6 @@ function serializeCustomBlockNodeType(block, definition) {
       return "blockNode";
   }
 }
-function nonNullFilter(item) {
-  return !!item;
-}
 
 // src/yjs/docs-editor/mock.ts
 function getMockPageBlockDefinitions() {
@@ -5503,7 +5646,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 +5654,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 +5882,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 +5920,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 +5953,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 +5968,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 +6033,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 +6071,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 +6144,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 +6174,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 +6189,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 +6219,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 +6254,7 @@ var blocks = [
           }
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "default",
@@ -6532,32 +6268,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 +6303,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 +6338,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 +6387,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 +6414,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 +6460,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 +6488,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 +6513,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 +6528,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 +6543,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 +6731,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 +6893,7 @@ var blocks = [
           options: {}
         }
       ],
-      appearance: {
-        isBordered: false,
-        hasBackground: false
-      },
+      appearance: { isBordered: true, hasBackground: false },
       variants: [
         {
           id: "bordered",
@@ -7725,11 +6909,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 +6925,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 +6948,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 +6983,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 +7006,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 +7064,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 +7091,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 +7109,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 }
   }
 ];
 
@@ -8073,7 +7158,7 @@ function internalProsemirrorNodeToSection(prosemirrorNode, definitionsMap) {
       contentExpandToEdges: true,
       expandToEdges: true
     },
-    items: (prosemirrorNode.content ?? []).filter((c) => c.type === "sectionItem").map((c) => prosemirrorNodeToSectionItem(c, definitionsMap)).filter(nonNullFilter2)
+    items: (prosemirrorNode.content ?? []).filter((c) => c.type === "sectionItem").map((c) => prosemirrorNodeToSectionItem(c, definitionsMap)).filter(nonNullFilter)
   };
 }
 function prosemirrorNodeToSectionItem(prosemirrorNode, definitionsMap) {
@@ -8083,7 +7168,7 @@ function prosemirrorNodeToSectionItem(prosemirrorNode, definitionsMap) {
   return {
     id,
     title: getProsemirrorAttribute(prosemirrorNode, "title", z152.string()) ?? "",
-    columns: (prosemirrorNode.content ?? []).filter((c) => c.type === "sectionItemColumn").map((c) => prosemirrorNodeToSectionColumns(c, definitionsMap)).filter(nonNullFilter2)
+    columns: (prosemirrorNode.content ?? []).filter((c) => c.type === "sectionItemColumn").map((c) => prosemirrorNodeToSectionColumns(c, definitionsMap)).filter(nonNullFilter)
   };
 }
 function prosemirrorNodeToSectionColumns(prosemirrorNode, definitionsMap) {
@@ -8106,12 +7191,12 @@ function internalProsemirrorNodesToPageItems(prosemirrorNodes, definitionsMap) {
     } else {
       return internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap);
     }
-  }).filter(nonNullFilter2);
+  }).filter(nonNullFilter);
 }
 function internalProsemirrorNodesToBlocks(prosemirrorNodes, definitionsMap) {
   return prosemirrorNodes.map((prosemirrorNode) => {
     return internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap);
-  }).filter(nonNullFilter2);
+  }).filter(nonNullFilter);
 }
 function internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap) {
   let definitionId = getProsemirrorAttribute(prosemirrorNode, "definitionId", z152.string());
@@ -8224,7 +7309,7 @@ function parseAsMultiRichText(prosemirrorNode, definition, property) {
                 if (paragraph.type !== "paragraph")
                   return parseRichText([]);
                 return parseRichText(paragraph.content ?? []);
-              }).filter(nonNullFilter2)
+              }).filter(nonNullFilter)
             }
           }
         }
@@ -8234,7 +7319,7 @@ function parseAsMultiRichText(prosemirrorNode, definition, property) {
 }
 function parseRichText(spans) {
   return {
-    spans: spans.map(parseRichTextSpan).filter(nonNullFilter2)
+    spans: spans.map(parseRichTextSpan).filter(nonNullFilter)
   };
 }
 function parseRichTextSpan(span) {
@@ -8243,7 +7328,7 @@ function parseRichTextSpan(span) {
   const marks = span.marks ?? [];
   return {
     text: span.text,
-    attributes: marks.map(parseRichTextAttribute).filter(nonNullFilter2)
+    attributes: marks.map(parseRichTextAttribute).filter(nonNullFilter)
   };
 }
 function parseRichTextAttribute(mark) {
@@ -8252,7 +7337,7 @@ function parseRichTextAttribute(mark) {
       return { type: "Bold" };
     case "italic":
       return { type: "Italic" };
-    case "strikethrough":
+    case "strike":
       return { type: "Strikethrough" };
     case "code":
       return { type: "Code" };
@@ -8307,7 +7392,7 @@ function parseAsTable(prosemirrorNode, definition, property) {
   };
   tableValue.value = rows.map((row) => {
     return {
-      cells: (row.content ?? []).map(parseAsTableCell).filter(nonNullFilter2)
+      cells: (row.content ?? []).map(parseAsTableCell).filter(nonNullFilter)
     };
   });
   return {
@@ -8339,7 +7424,7 @@ function parseAsTableCell(prosemirrorNode) {
   if (columnWidthArray) {
     columnWidth = columnWidthArray[0];
   }
-  const tableNodes = (prosemirrorNode.content ?? []).map(parseAsTableNode).filter(nonNullFilter2);
+  const tableNodes = (prosemirrorNode.content ?? []).map(parseAsTableNode).filter(nonNullFilter);
   return {
     id,
     alignment: parseTableCellAlignment(textAlign),
@@ -8486,7 +7571,7 @@ function parseBlockItems(prosemirrorNode, definition) {
     console.error("Block `items` property must be a json array");
     return null;
   }
-  return itemsJson.map((i) => parseItem(i, definition)).filter(nonNullFilter2);
+  return itemsJson.map((i) => parseItem(i, definition)).filter(nonNullFilter);
 }
 function parseAppearance(prosemirrorNode) {
   let appearance = {};
@@ -8610,7 +7695,7 @@ function getProsemirrorAttribute(prosemirrorNode, attributeName, validationSchem
     return void 0;
   }
 }
-function nonNullFilter2(item) {
+function nonNullFilter(item) {
   return item !== null;
 }
 function mapByUnique2(items, keyFn) {
@@ -8692,8 +7777,6 @@ export {
   PageBlockEditorModel,
   PageSectionEditorModel,
   WorkspaceConfigurationPayload,
-  blockDefinitionForBlock,
-  blockToProsemirrorNode,
   buildDocPagePublishPaths,
   calculateElementParentChain,
   documentationElementsToHierarchyDto,
@@ -8712,7 +7795,6 @@ export {
   prosemirrorNodeToBlock,
   prosemirrorNodeToSection,
   prosemirrorNodesToBlocks,
-  sectionToProsemirrorNode,
   serializeAsCustomBlock,
   validateSsoPayload,
   yDocToPage,