@supernova-studio/client 0.47.58 → 0.47.59

package/dist/index.mjs

@@ -640,7 +640,62 @@ var ComponentElementData = z32.object({
     }).optional()
   })
 });
-var DesignTokenType = z33.enum([
+var ElementPropertyTypeSchema = z33.enum(["Text", "Number", "Boolean", "Select", "Generic", "Link", "URL"]);
+var ElementPropertyTargetType = z33.enum(["Token", "Component", "DocumentationPage"]);
+var ElementPropertyLinkType = z33.enum(["FigmaComponent", "DocumentationPage"]);
+var CODE_NAME_REGEX = /^[a-zA-Z_$][a-zA-Z_$0-9]{1,99}$/;
+var ColorTokenInlineData = z33.object({
+  value: z33.string()
+});
+var ElementPropertyDefinitionOption = z33.object({
+  id: z33.string(),
+  name: z33.string(),
+  backgroundColor: ColorTokenInlineData.optional()
+});
+var ElementPropertyDefinition = z33.object({
+  id: z33.string(),
+  designSystemVersionId: z33.string(),
+  persistentId: z33.string(),
+  name: z33.string(),
+  codeName: z33.string().regex(CODE_NAME_REGEX),
+  description: z33.string(),
+  type: ElementPropertyTypeSchema,
+  targetElementType: ElementPropertyTargetType,
+  options: z33.array(ElementPropertyDefinitionOption).optional(),
+  linkElementType: ElementPropertyLinkType.optional()
+});
+var ElementPropertyType = ElementPropertyTypeSchema.enum;
+var ElementPropertyValue = z34.object({
+  id: z34.string(),
+  designSystemVersionId: z34.string(),
+  targetElementPersistentId: z34.string(),
+  definitionPersistentId: z34.string(),
+  stringValue: z34.string().nullish(),
+  numberValue: z34.number().nullish(),
+  booleanValue: z34.boolean().nullish(),
+  referenceValue: z34.string().nullish(),
+  referenceValuePreview: z34.string().optional()
+});
+var Point2D = z35.object({
+  x: z35.number(),
+  y: z35.number()
+});
+var nullSize = { height: -1, width: -1 };
+function isNullSize(size) {
+  return size.height === nullSize.height && size.width === nullSize.width;
+}
+var Size = z36.object({
+  width: z36.number().nullish().transform((v) => v ?? nullSize.width),
+  height: z36.number().nullish().transform((v) => v ?? nullSize.height)
+});
+var SizeOrUndefined = Size.optional().transform((v) => {
+  if (!v)
+    return void 0;
+  if (isNullSize(v))
+    return void 0;
+  return v;
+});
+var DesignTokenType = z37.enum([
   "Color",
   "Border",
   "Gradient",
@@ -672,7 +727,7 @@ var DesignTokenType = z33.enum([
 ]);
 var tokenElementTypes = [...DesignTokenType.options.filter((v) => v !== "Font")];
 var DesignElementType = DesignTokenType.or(
-  z33.enum([
+  z37.enum([
     "Component",
     "Theme",
     "Documentation",
@@ -684,7 +739,7 @@ var DesignElementType = DesignTokenType.or(
     "PageBlock"
   ])
 );
-var DesignElementCategory = z33.enum([
+var DesignElementCategory = z37.enum([
   "Token",
   "Component",
   "DesignSystemComponent",
@@ -692,90 +747,35 @@ var DesignElementCategory = z33.enum([
   "Theme",
   "PageBlock"
 ]);
-var DesignSystemElementExportProps = z33.object({
-  isAsset: z33.boolean().nullish().transform((v) => v ?? false),
-  codeName: z33.string().nullish()
-});
-var ShallowDesignElement = z33.object({
-  id: z33.string(),
-  persistentId: z33.string(),
-  designSystemVersionId: z33.string(),
+var DesignSystemElementExportProps = z37.object({
+  isAsset: z37.boolean().nullish().transform((v) => v ?? false),
+  codeName: z37.string().nullish()
+});
+var ShallowDesignElement = z37.object({
+  id: z37.string(),
+  persistentId: z37.string(),
+  designSystemVersionId: z37.string(),
   type: DesignElementType,
-  brandPersistentId: z33.string().optional(),
-  parentPersistentId: z33.string().optional(),
-  shortPersistentId: z33.string().optional(),
+  brandPersistentId: z37.string().optional(),
+  parentPersistentId: z37.string().optional(),
+  shortPersistentId: z37.string().optional(),
   childType: DesignElementType.optional(),
-  sortOrder: z33.number(),
-  origin: z33.record(z33.any()).optional(),
-  createdAt: z33.coerce.date(),
-  updatedAt: z33.coerce.date()
+  sortOrder: z37.number(),
+  origin: z37.record(z37.any()).optional(),
+  createdAt: z37.coerce.date(),
+  updatedAt: z37.coerce.date()
 });
 var DesignElement = ShallowDesignElement.extend({
   meta: ObjectMeta,
-  slug: z33.string().optional(),
-  userSlug: z33.string().optional(),
+  slug: z37.string().optional(),
+  userSlug: z37.string().optional(),
   exportProperties: DesignSystemElementExportProps.optional(),
-  data: z33.record(z33.any()),
-  origin: z33.record(z33.any()).optional()
+  data: z37.record(z37.any()),
+  origin: z37.record(z37.any()).optional()
 });
 var HierarchicalElements = DesignTokenType.or(
-  z33.enum(["Component", "DesignSystemComponent", "DocumentationPage"])
+  z37.enum(["Component", "DesignSystemComponent", "DocumentationPage"])
 );
-var ElementPropertyTypeSchema = z34.enum(["Text", "Number", "Boolean", "Select", "Generic", "Link", "URL"]);
-var ElementPropertyTargetType = z34.enum(["Token", "Component", "DocumentationPage"]);
-var ElementPropertyLinkType = z34.enum(["FigmaComponent", "DocumentationPage"]);
-var CODE_NAME_REGEX = /^[a-zA-Z_$][a-zA-Z_$0-9]{1,99}$/;
-var ColorTokenInlineData = z34.object({
-  value: z34.string()
-});
-var ElementPropertyDefinitionOption = z34.object({
-  id: z34.string(),
-  name: z34.string(),
-  backgroundColor: ColorTokenInlineData.optional()
-});
-var ElementPropertyDefinition = z34.object({
-  id: z34.string(),
-  designSystemVersionId: z34.string(),
-  persistentId: z34.string(),
-  name: z34.string(),
-  codeName: z34.string().regex(CODE_NAME_REGEX),
-  description: z34.string(),
-  type: ElementPropertyTypeSchema,
-  targetElementType: ElementPropertyTargetType,
-  options: z34.array(ElementPropertyDefinitionOption).optional(),
-  linkElementType: ElementPropertyLinkType.optional()
-});
-var ElementPropertyType = ElementPropertyTypeSchema.enum;
-var ElementPropertyValue = z35.object({
-  id: z35.string(),
-  designSystemVersionId: z35.string(),
-  targetElementPersistentId: z35.string(),
-  definitionPersistentId: z35.string(),
-  stringValue: z35.string().nullish(),
-  numberValue: z35.number().nullish(),
-  booleanValue: z35.boolean().nullish(),
-  referenceValue: z35.string().nullish(),
-  referenceValuePreview: z35.string().optional()
-});
-var Point2D = z36.object({
-  x: z36.number(),
-  y: z36.number()
-});
-var nullSize = { height: -1, width: -1 };
-function isNullSize(size) {
-  return size.height === nullSize.height && size.width === nullSize.width;
-}
-var Size = z37.object({
-  width: z37.number().nullish().transform((v) => v ?? nullSize.width),
-  height: z37.number().nullish().transform((v) => v ?? nullSize.height)
-});
-var SizeOrUndefined = Size.optional().transform((v) => {
-  if (!v)
-    return void 0;
-  if (isNullSize(v))
-    return void 0;
-  return v;
-});
 var PageBlockCalloutType = z38.enum(["Info", "Primary", "Success", "Warning", "Error"]);
 var PageBlockTypeV1 = z38.enum([
   "Text",
@@ -808,7 +808,8 @@ var PageBlockTypeV1 = z38.enum([
   "TabItem",
   "Table",
   "TableRow",
-  "TableCell"
+  "TableCell",
+  "Guidelines"
 ]);
 var PageBlockCodeLanguage = z38.enum([
   "Angular",
@@ -966,9 +967,15 @@ var PageBlockTextSpan = z38.object({
 var PageBlockText = z38.object({
   spans: z38.array(PageBlockTextSpan)
 });
+var PageBlockGuideline = z38.object({
+  description: nullishToOptional(z38.string()),
+  asset: nullishToOptional(PageBlockAsset),
+  type: z38.string()
+});
 var PageBlockBaseV1 = z38.object({
   persistentId: z38.string(),
   type: PageBlockTypeV1,
+  numberOfColumns: nullishToOptional(z38.number()),
   // Element linking
   designObjectId: nullishToOptional(z38.string()),
   designObjectIds: nullishToOptional(z38.array(z38.string())),
@@ -989,6 +996,8 @@ var PageBlockBaseV1 = z38.object({
   alignment: nullishToOptional(PageBlockAlignment),
   // Shortcuts block
   shortcuts: nullishToOptional(z38.array(PageBlockShortcut)),
+  // Guidelines
+  guidelines: nullishToOptional(PageBlockGuideline.array()),
   // Custom blocks
   customBlockKey: nullishToOptional(z38.string()),
   customBlockProperties: nullishToOptional(z38.array(PageBlockCustomBlockPropertyValue)),
@@ -2370,7 +2379,8 @@ var PageBlockDefinition = z97.object({
   item: PageBlockDefinitionItem,
   behavior: PageBlockDefinitionBehavior,
   editorOptions: z97.object({
-    onboarding: PageBlockDefinitionOnboarding.optional()
+    onboarding: PageBlockDefinitionOnboarding.optional(),
+    newItemLabel: z97.string().optional()
   }),
   appearance: PageBlockDefinitionAppearance.optional()
 });
@@ -7595,23 +7605,42 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { richTextStyle: "Default" }
+          options: {
+            richTextStyle: "Default"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: { isEditorPresentationDifferent: false }
+          appearance: {
+            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.",
@@ -7638,15 +7667,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Heading 1", richTextStyle: "Title1" }
+          options: {
+            placeholder: "Heading 1",
+            richTextStyle: "Title1"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7654,7 +7695,13 @@ var blocks = [
       ],
       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.",
@@ -7681,15 +7728,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Heading 2", richTextStyle: "Title2" }
+          options: {
+            placeholder: "Heading 2",
+            richTextStyle: "Title2"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7697,7 +7756,13 @@ var blocks = [
       ],
       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.",
@@ -7724,15 +7789,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Heading 3", richTextStyle: "Title3" }
+          options: {
+            placeholder: "Heading 3",
+            richTextStyle: "Title3"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7740,7 +7817,13 @@ var blocks = [
       ],
       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.",
@@ -7767,15 +7850,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Heading 4", richTextStyle: "Title4" }
+          options: {
+            placeholder: "Heading 4",
+            richTextStyle: "Title4"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7783,7 +7878,13 @@ var blocks = [
       ],
       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.",
@@ -7810,15 +7911,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Heading 5", richTextStyle: "Title5" }
+          options: {
+            placeholder: "Heading 5",
+            richTextStyle: "Title5"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7826,7 +7939,13 @@ var blocks = [
       ],
       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.",
@@ -7853,15 +7972,26 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "MultiRichText",
-          options: { multiRichTextStyle: "OL" }
+          options: {
+            multiRichTextStyle: "OL"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7869,7 +7999,13 @@ var blocks = [
       ],
       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.",
@@ -7896,15 +8032,26 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "MultiRichText",
-          options: { multiRichTextStyle: "UL" }
+          options: {
+            multiRichTextStyle: "UL"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7912,7 +8059,13 @@ var blocks = [
       ],
       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.",
@@ -7934,8 +8087,18 @@ 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: true, hasBackground: false },
+      properties: [
+        {
+          id: "divider",
+          name: "Divider",
+          type: "Divider",
+          options: {}
+        }
+      ],
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -7954,7 +8117,13 @@ var blocks = [
       ],
       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.",
@@ -7981,15 +8150,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Write a quote...", richTextStyle: "Quote" }
+          options: {
+            placeholder: "Write a quote...",
+            richTextStyle: "Quote"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -7997,7 +8178,13 @@ var blocks = [
       ],
       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.",
@@ -8024,15 +8211,27 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Highlight some information...", richTextStyle: "Callout" }
+          options: {
+            placeholder: "Highlight some information...",
+            richTextStyle: "Callout"
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -8040,7 +8239,13 @@ var blocks = [
       ],
       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.",
@@ -8067,15 +8272,26 @@ var blocks = [
           id: "image",
           name: "Image",
           type: "Image",
-          options: { allowCaption: true }
+          options: {
+            allowCaption: true
+          }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -8083,7 +8299,13 @@ var blocks = [
       ],
       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 image.",
@@ -8110,27 +8332,48 @@ var blocks = [
           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: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "imageOnTop",
@@ -8144,7 +8387,7 @@ var blocks = [
             gap: "Medium"
           },
           maxColumns: 4,
-          defaultColumns: 1,
+          defaultColumns: 3,
           appearance: {}
         },
         {
@@ -8225,12 +8468,20 @@ var blocks = [
       ],
       defaultVariantKey: "imageOnTop"
     },
-    behavior: { dataType: "Item", items: { numberOfItems: -1, allowLinks: true } },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: -1,
+        allowLinks: true,
+        newItemLabel: "Add shortcut"
+      }
+    },
     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"
-      }
+      },
+      newItemLabel: "Add shortcut"
     },
     appearance: {
       isBordered: true,
@@ -8260,12 +8511,21 @@ var blocks = [
           }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -8273,7 +8533,13 @@ var blocks = [
       ],
       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.",
@@ -8300,15 +8566,28 @@ 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: true, 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: {}
@@ -8316,7 +8595,13 @@ var blocks = [
       ],
       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.",
@@ -8351,12 +8636,21 @@ var blocks = [
           }
         }
       ],
-      appearance: { isBordered: true, 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: {}
@@ -8364,7 +8658,13 @@ var blocks = [
       ],
       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.",
@@ -8392,40 +8692,55 @@ var blocks = [
           name: "Lottie URL",
           type: "URL",
           description: "Add URL to your Lottie animation file. We support .json and .lottie file extensions.",
-          options: { urlValidationRegex: "^(http|https)://.*.(json|lottie)$" }
+          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: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -8446,7 +8761,13 @@ var blocks = [
       ],
       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.",
@@ -8481,7 +8802,10 @@ var blocks = [
           }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -8500,7 +8824,13 @@ var blocks = [
       ],
       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.",
@@ -8527,10 +8857,15 @@ var blocks = [
           id: "markdownUrl",
           name: "Markdown URL",
           type: "Markdown",
-          options: { urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$" }
+          options: {
+            urlValidationRegex: "^(https?://)?(www\\.)?.+\\.md(\\?.*)?$"
+          }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "plain",
@@ -8580,7 +8915,13 @@ var blocks = [
       ],
       defaultVariantKey: "plain"
     },
-    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
+    },
     editorOptions: {
       onboarding: {
         helpText: "Render any markdown file directly inside of your documentation.",
@@ -8602,13 +8943,29 @@ var blocks = [
     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: true, 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: {}
@@ -8616,7 +8973,13 @@ var blocks = [
       ],
       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.",
@@ -8653,17 +9016,34 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          options: { renderLayoutAs: "List", defaultTheme: "none", defaultValuePreview: "Split" },
-          variantOptions: { grid: { renderLayoutAs: "Grid" } }
+          options: {
+            renderLayoutAs: "List",
+            defaultTheme: "none",
+            defaultValuePreview: "Split"
+          },
+          variantOptions: {
+            grid: {
+              renderLayoutAs: "Grid"
+            }
+          }
         }
       ],
-      appearance: { isBordered: true, 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" },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
           appearance: {}
@@ -8672,7 +9052,13 @@ var blocks = [
           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" },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 4,
           defaultColumns: 1,
           appearance: {}
@@ -8680,7 +9066,13 @@ var blocks = [
       ],
       defaultVariantKey: "table"
     },
-    behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
+    behavior: {
+      dataType: "Token",
+      entities: {
+        selectionType: "EntityAndGroup",
+        maxSelected: 0
+      }
+    },
     editorOptions: {
       onboarding: {
         helpText: "Show a group of design tokens. Automatically display all subgroups too.",
@@ -8707,26 +9099,50 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: true }
+          options: {
+            allowedTypes: ["Color"],
+            allowPropertySelection: false,
+            allowThemeSelection: true
+          }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           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" },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
+    behavior: {
+      dataType: "Token",
+      entities: {
+        selectionType: "EntityAndGroup",
+        maxSelected: 0
+      }
+    },
     editorOptions: {
-      onboarding: { helpText: "The best way to display colors", documentationLink: "https://learn.supernova.io" }
+      onboarding: {
+        helpText: "The best way to display colors",
+        documentationLink: "https://learn.supernova.io"
+      }
     },
     appearance: {
       isBordered: true,
@@ -8748,25 +9164,46 @@ var blocks = [
           id: "tokens",
           name: "Tokens",
           type: "Token",
-          options: { allowedTypes: ["Color"], allowPropertySelection: false, allowThemeSelection: false }
+          options: {
+            allowedTypes: ["Color"],
+            allowPropertySelection: false,
+            allowThemeSelection: false
+          }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           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" },
+          layout: {
+            type: "Column",
+            children: ["tokens"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: { dataType: "Token", entities: { selectionType: "EntityAndGroup", maxSelected: 0 } },
+    behavior: {
+      dataType: "Token",
+      entities: {
+        selectionType: "EntityAndGroup",
+        maxSelected: 0
+      }
+    },
     editorOptions: {
       onboarding: {
         helpText: "Visualize accessibility of your colors by automatically calculating their color contrast ratio.",
@@ -8788,13 +9225,29 @@ 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: true, 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: {}
@@ -8802,8 +9255,18 @@ var blocks = [
       ],
       defaultVariantKey: "default"
     },
-    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
-    editorOptions: { onboarding: { helpText: "Code descriptor." } },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: 1,
+        allowLinks: false
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Code descriptor."
+      }
+    },
     appearance: {
       isBordered: false,
       hasBackground: false,
@@ -8824,22 +9287,39 @@ var blocks = [
           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: true, 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: {}
@@ -8849,7 +9329,13 @@ var blocks = [
           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: {}
@@ -8859,7 +9345,13 @@ var blocks = [
           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: {}
@@ -8869,7 +9361,13 @@ var blocks = [
           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: {}
@@ -8877,7 +9375,13 @@ var blocks = [
       ],
       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",
@@ -8899,15 +9403,31 @@ var blocks = [
     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: true, 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" },
+          layout: {
+            type: "Column",
+            children: ["assets"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 8,
           defaultColumns: 1,
           appearance: {}
@@ -8917,25 +9437,47 @@ var blocks = [
           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" },
+          layout: {
+            type: "Column",
+            children: ["assets"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 8,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
         },
         {
           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" },
+          layout: {
+            type: "Column",
+            children: ["assets"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 8,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
         }
       ],
       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.",
@@ -8965,7 +9507,10 @@ var blocks = [
           options: {}
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "bordered",
@@ -9002,7 +9547,13 @@ var blocks = [
       ],
       defaultVariantKey: "bordered"
     },
-    behavior: { dataType: "FigmaNode", entities: { selectionType: "Entity", maxSelected: 0 } },
+    behavior: {
+      dataType: "FigmaNode",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 0
+      }
+    },
     editorOptions: {
       onboarding: {
         helpText: "Generate images from Figma layers",
@@ -9025,14 +9576,23 @@ var blocks = [
     searchKeywords: ["version", "changelog", "history"],
     item: {
       properties: [],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
           name: "Default",
           image: "https://cdn-assets.supernova.io/blocks/variants/release-notes-2.svg",
           description: "Show formatted release notes from all previously released versions.",
-          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: {}
@@ -9040,7 +9600,13 @@ var blocks = [
       ],
       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 previously released versions."
@@ -9066,22 +9632,31 @@ var blocks = [
           id: "components",
           name: "Components",
           type: "Component",
-          options: { renderLayoutAs: "List" }
+          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 }
+          options: {
+            defaultValue: true
+          }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -9096,12 +9671,20 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            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 component properties",
@@ -9128,16 +9711,23 @@ var blocks = [
           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: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -9152,12 +9742,20 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
         }
       ],
       defaultVariantKey: "default"
     },
-    behavior: { dataType: "Component", entities: { selectionType: "Group", maxSelected: 1 } },
+    behavior: {
+      dataType: "Component",
+      entities: {
+        selectionType: "Group",
+        maxSelected: 1
+      }
+    },
     editorOptions: {
       onboarding: {
         helpText: "Show an overview of all your components",
@@ -9184,10 +9782,15 @@ var blocks = [
           id: "components",
           name: "Components",
           type: "Component",
-          options: { renderLayoutAs: "List" }
+          options: {
+            renderLayoutAs: "List"
+          }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -9202,12 +9805,20 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isEditorPresentationDifferent: true }
+          appearance: {
+            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",
@@ -9220,6 +9831,179 @@ var blocks = [
       isEditorPresentationDifferent: false,
       showBlockHeaderInEditor: false
     }
+  },
+  {
+    id: "io.supernova.block.do-dont-guidelines",
+    name: "Guidelines",
+    description: "Do/Don\u2019t rules and best practices.",
+    category: "Guidelines",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/guidelines.svg",
+    searchKeywords: ["dont", "caution", "rules"],
+    item: {
+      properties: [
+        {
+          id: "block.do-dont-guidelines.property.image",
+          name: "Image",
+          type: "Image",
+          options: {
+            allowCaption: false
+          }
+        },
+        {
+          id: "block.do-dont-guidelines.property.type",
+          name: "Type",
+          type: "SingleSelect",
+          options: {
+            defaultChoice: "do",
+            choices: [
+              {
+                value: "do",
+                name: "Do",
+                color: "Green",
+                icon: "CheckCircle"
+              },
+              {
+                value: "dont",
+                name: "Don't",
+                color: "Red",
+                icon: "CrossCircle"
+              },
+              {
+                value: "caution",
+                name: "Caution",
+                color: "Orange",
+                icon: "Alert"
+              }
+            ],
+            singleSelectStyle: "SegmentedControl"
+          }
+        },
+        {
+          id: "block.do-dont-guidelines.property.description",
+          name: "Description",
+          type: "Text",
+          options: {
+            textStyle: "Default",
+            color: "Neutral",
+            placeholder: "Add description"
+          }
+        }
+      ],
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "simple",
+          name: "Simple",
+          image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-simple.svg",
+          description: "With a minimalist badge at the top, this design is great for content guidelines.",
+          layout: {
+            type: "Column",
+            children: [
+              "block.do-dont-guidelines.property.type",
+              "block.do-dont-guidelines.property.image",
+              "block.do-dont-guidelines.property.description"
+            ],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 3,
+          defaultColumns: 2,
+          appearance: {}
+        },
+        {
+          id: "prominent",
+          name: "Prominent",
+          image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-prominent.svg",
+          description: "Recommended when you need guidelines that need to stand out.",
+          layout: {
+            type: "Column",
+            children: [
+              "block.do-dont-guidelines.property.type",
+              "block.do-dont-guidelines.property.image",
+              "block.do-dont-guidelines.property.description"
+            ],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 3,
+          defaultColumns: 1,
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
+        },
+        {
+          id: "contained",
+          name: "Contained",
+          image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-contained.svg",
+          description: "Perfect for component guidelines with spacious images.",
+          layout: {
+            type: "Column",
+            children: [
+              "block.do-dont-guidelines.property.type",
+              "block.do-dont-guidelines.property.image",
+              "block.do-dont-guidelines.property.description"
+            ],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 3,
+          defaultColumns: 1,
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
+        },
+        {
+          id: "side-border",
+          name: "Side border",
+          image: "https://cdn-assets.supernova.io/blocks/variants/guidelines-side-border.svg",
+          description: "The side border makes this variant well-suited for longer text guidelines.",
+          layout: {
+            type: "Column",
+            children: [
+              "block.do-dont-guidelines.property.type",
+              "block.do-dont-guidelines.property.image",
+              "block.do-dont-guidelines.property.description"
+            ],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 3,
+          defaultColumns: 1,
+          appearance: {
+            isEditorPresentationDifferent: true
+          }
+        }
+      ],
+      defaultVariantKey: "simple"
+    },
+    behavior: {
+      dataType: "Item",
+      items: {
+        numberOfItems: -1,
+        allowLinks: false,
+        newItemLabel: "Add guideline"
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Use link block to document your Do/Don't guidelines for your components and patterns.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4"
+      },
+      newItemLabel: "Add guideline"
+    },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   }
 ];