@supernova-studio/client 0.47.57 → 0.47.59

package/dist/index.js

@@ -640,6 +640,61 @@ var ComponentElementData = _zod.z.object({
     }).optional()
   })
 });
+var ElementPropertyTypeSchema = _zod.z.enum(["Text", "Number", "Boolean", "Select", "Generic", "Link", "URL"]);
+var ElementPropertyTargetType = _zod.z.enum(["Token", "Component", "DocumentationPage"]);
+var ElementPropertyLinkType = _zod.z.enum(["FigmaComponent", "DocumentationPage"]);
+var CODE_NAME_REGEX = /^[a-zA-Z_$][a-zA-Z_$0-9]{1,99}$/;
+var ColorTokenInlineData = _zod.z.object({
+  value: _zod.z.string()
+});
+var ElementPropertyDefinitionOption = _zod.z.object({
+  id: _zod.z.string(),
+  name: _zod.z.string(),
+  backgroundColor: ColorTokenInlineData.optional()
+});
+var ElementPropertyDefinition = _zod.z.object({
+  id: _zod.z.string(),
+  designSystemVersionId: _zod.z.string(),
+  persistentId: _zod.z.string(),
+  name: _zod.z.string(),
+  codeName: _zod.z.string().regex(CODE_NAME_REGEX),
+  description: _zod.z.string(),
+  type: ElementPropertyTypeSchema,
+  targetElementType: ElementPropertyTargetType,
+  options: _zod.z.array(ElementPropertyDefinitionOption).optional(),
+  linkElementType: ElementPropertyLinkType.optional()
+});
+var ElementPropertyType = ElementPropertyTypeSchema.enum;
+var ElementPropertyValue = _zod.z.object({
+  id: _zod.z.string(),
+  designSystemVersionId: _zod.z.string(),
+  targetElementPersistentId: _zod.z.string(),
+  definitionPersistentId: _zod.z.string(),
+  stringValue: _zod.z.string().nullish(),
+  numberValue: _zod.z.number().nullish(),
+  booleanValue: _zod.z.boolean().nullish(),
+  referenceValue: _zod.z.string().nullish(),
+  referenceValuePreview: _zod.z.string().optional()
+});
+var Point2D = _zod.z.object({
+  x: _zod.z.number(),
+  y: _zod.z.number()
+});
+var nullSize = { height: -1, width: -1 };
+function isNullSize(size) {
+  return size.height === nullSize.height && size.width === nullSize.width;
+}
+var Size = _zod.z.object({
+  width: _zod.z.number().nullish().transform((v) => _nullishCoalesce(v, () => ( nullSize.width))),
+  height: _zod.z.number().nullish().transform((v) => _nullishCoalesce(v, () => ( nullSize.height)))
+});
+var SizeOrUndefined = Size.optional().transform((v) => {
+  if (!v)
+    return void 0;
+  if (isNullSize(v))
+    return void 0;
+  return v;
+});
 var DesignTokenType = _zod.z.enum([
   "Color",
   "Border",
@@ -721,61 +776,6 @@ var DesignElement = ShallowDesignElement.extend({
 var HierarchicalElements = DesignTokenType.or(
   _zod.z.enum(["Component", "DesignSystemComponent", "DocumentationPage"])
 );
-var ElementPropertyTypeSchema = _zod.z.enum(["Text", "Number", "Boolean", "Select", "Generic", "Link", "URL"]);
-var ElementPropertyTargetType = _zod.z.enum(["Token", "Component", "DocumentationPage"]);
-var ElementPropertyLinkType = _zod.z.enum(["FigmaComponent", "DocumentationPage"]);
-var CODE_NAME_REGEX = /^[a-zA-Z_$][a-zA-Z_$0-9]{1,99}$/;
-var ColorTokenInlineData = _zod.z.object({
-  value: _zod.z.string()
-});
-var ElementPropertyDefinitionOption = _zod.z.object({
-  id: _zod.z.string(),
-  name: _zod.z.string(),
-  backgroundColor: ColorTokenInlineData.optional()
-});
-var ElementPropertyDefinition = _zod.z.object({
-  id: _zod.z.string(),
-  designSystemVersionId: _zod.z.string(),
-  persistentId: _zod.z.string(),
-  name: _zod.z.string(),
-  codeName: _zod.z.string().regex(CODE_NAME_REGEX),
-  description: _zod.z.string(),
-  type: ElementPropertyTypeSchema,
-  targetElementType: ElementPropertyTargetType,
-  options: _zod.z.array(ElementPropertyDefinitionOption).optional(),
-  linkElementType: ElementPropertyLinkType.optional()
-});
-var ElementPropertyType = ElementPropertyTypeSchema.enum;
-var ElementPropertyValue = _zod.z.object({
-  id: _zod.z.string(),
-  designSystemVersionId: _zod.z.string(),
-  targetElementPersistentId: _zod.z.string(),
-  definitionPersistentId: _zod.z.string(),
-  stringValue: _zod.z.string().nullish(),
-  numberValue: _zod.z.number().nullish(),
-  booleanValue: _zod.z.boolean().nullish(),
-  referenceValue: _zod.z.string().nullish(),
-  referenceValuePreview: _zod.z.string().optional()
-});
-var Point2D = _zod.z.object({
-  x: _zod.z.number(),
-  y: _zod.z.number()
-});
-var nullSize = { height: -1, width: -1 };
-function isNullSize(size) {
-  return size.height === nullSize.height && size.width === nullSize.width;
-}
-var Size = _zod.z.object({
-  width: _zod.z.number().nullish().transform((v) => _nullishCoalesce(v, () => ( nullSize.width))),
-  height: _zod.z.number().nullish().transform((v) => _nullishCoalesce(v, () => ( nullSize.height)))
-});
-var SizeOrUndefined = Size.optional().transform((v) => {
-  if (!v)
-    return void 0;
-  if (isNullSize(v))
-    return void 0;
-  return v;
-});
 var PageBlockCalloutType = _zod.z.enum(["Info", "Primary", "Success", "Warning", "Error"]);
 var PageBlockTypeV1 = _zod.z.enum([
   "Text",
@@ -808,7 +808,8 @@ var PageBlockTypeV1 = _zod.z.enum([
   "TabItem",
   "Table",
   "TableRow",
-  "TableCell"
+  "TableCell",
+  "Guidelines"
 ]);
 var PageBlockCodeLanguage = _zod.z.enum([
   "Angular",
@@ -966,9 +967,15 @@ var PageBlockTextSpan = _zod.z.object({
 var PageBlockText = _zod.z.object({
   spans: _zod.z.array(PageBlockTextSpan)
 });
+var PageBlockGuideline = _zod.z.object({
+  description: nullishToOptional(_zod.z.string()),
+  asset: nullishToOptional(PageBlockAsset),
+  type: _zod.z.string()
+});
 var PageBlockBaseV1 = _zod.z.object({
   persistentId: _zod.z.string(),
   type: PageBlockTypeV1,
+  numberOfColumns: nullishToOptional(_zod.z.number()),
   // Element linking
   designObjectId: nullishToOptional(_zod.z.string()),
   designObjectIds: nullishToOptional(_zod.z.array(_zod.z.string())),
@@ -989,6 +996,8 @@ var PageBlockBaseV1 = _zod.z.object({
   alignment: nullishToOptional(PageBlockAlignment),
   // Shortcuts block
   shortcuts: nullishToOptional(_zod.z.array(PageBlockShortcut)),
+  // Guidelines
+  guidelines: nullishToOptional(PageBlockGuideline.array()),
   // Custom blocks
   customBlockKey: nullishToOptional(_zod.z.string()),
   customBlockProperties: nullishToOptional(_zod.z.array(PageBlockCustomBlockPropertyValue)),
@@ -2370,7 +2379,8 @@ var PageBlockDefinition = _zod.z.object({
   item: PageBlockDefinitionItem,
   behavior: PageBlockDefinitionBehavior,
   editorOptions: _zod.z.object({
-    onboarding: PageBlockDefinitionOnboarding.optional()
+    onboarding: PageBlockDefinitionOnboarding.optional(),
+    newItemLabel: _zod.z.string().optional()
   }),
   appearance: PageBlockDefinitionAppearance.optional()
 });
@@ -2462,6 +2472,7 @@ var DocumentationCommentThread = _zod.z.object({
 var DesignElementSnapshotReason = _zod.z.enum(["Publish", "Deletion"]);
 var DesignElementSnapshotBase = _zod.z.object({
   id: _zod.z.string(),
+  persistentId: _zod.z.string(),
   designSystemVersionId: _zod.z.string(),
   createdAt: _zod.z.coerce.date(),
   updatedAt: _zod.z.coerce.date(),
@@ -2848,12 +2859,12 @@ var DesignSystemVersionRoomInitialState = _zod.z.object({
 var DesignSystemVersionRoomUpdate = _zod.z.object({
   pages: _zod.z.array(DocumentationPageV2),
   groups: _zod.z.array(ElementGroup),
-  deletedPageIds: _zod.z.array(_zod.z.string()),
-  deletedGroupIds: _zod.z.array(_zod.z.string()),
-  publishedPageSnapshots: _zod.z.array(DocumentationPageSnapshot),
-  publishedGroupSnapshots: _zod.z.array(ElementGroupSnapshot),
-  deletedPageSnapshots: _zod.z.array(DocumentationPageSnapshot),
-  deletedGroupSnapshots: _zod.z.array(ElementGroupSnapshot)
+  pageIdsToDelete: _zod.z.array(_zod.z.string()),
+  groupIdsToDelete: _zod.z.array(_zod.z.string()),
+  pageSnapshots: _zod.z.array(DocumentationPageSnapshot),
+  groupSnapshots: _zod.z.array(ElementGroupSnapshot),
+  pageSnapshotIdsToDelete: _zod.z.array(_zod.z.string()),
+  groupSnapshotIdsToDelete: _zod.z.array(_zod.z.string())
 });
 var DocumentationPageRoom = Entity.extend({
   designSystemVersionId: _zod.z.string(),
@@ -5209,7 +5220,11 @@ var DTOPipeline = _zod.z.object({
 
 // src/api/dto/documentation/publish.ts
 var DTOPublishDocumentationRequest = _zod.z.object({
-  environment: PublishedDocEnvironment
+  environment: PublishedDocEnvironment,
+  changes: _zod.z.object({
+    pagePersistentIds: _zod.z.string().array(),
+    groupPersistentIds: _zod.z.string().array()
+  })
 });
 var DTOPublishDocumentationResponse = _zod.z.object({
   job: DTOExportJob
@@ -5935,64 +5950,34 @@ var VersionRoomBaseYDoc = class {
     return this.yDoc.getMap("documentationInternalSettings");
   }
   //
-  // Documentation page published snapshot
+  // Documentation page snapshot
   //
-  getPagePublishedSnapshots() {
+  getPageSnapshots() {
     return this.getObjects(this.documentationPagePublishedStatesYMap, DocumentationPageSnapshot);
   }
-  updatePagePublishedSnapshots(snapshots) {
+  updatePageSnapshots(snapshots) {
     this.setObjects(this.documentationPagePublishedStatesYMap, snapshots);
   }
-  deletePagePublishedSnapshots(ids) {
+  deletePageSnapshots(ids) {
     this.deleteObjects(this.documentationPagePublishedStatesYMap, ids);
   }
   get documentationPagePublishedStatesYMap() {
-    return this.yDoc.getMap("documentationPagePublishedSnapshots");
+    return this.yDoc.getMap("documentationPageSnapshots");
   }
   //
-  // Documentation page deleted snapshot
+  // Documentation group snapshots
   //
-  getPageDeletedSnapshots() {
-    return this.getObjects(this.documentationPageDeletedStatesYMap, DocumentationPageSnapshot);
-  }
-  updatePageDeletedSnapshots(snapshots) {
-    this.setObjects(this.documentationPageDeletedStatesYMap, snapshots);
-  }
-  deletePageDeletedSnapshots(ids) {
-    this.deleteObjects(this.documentationPageDeletedStatesYMap, ids);
-  }
-  get documentationPageDeletedStatesYMap() {
-    return this.yDoc.getMap("documentationPageDeletedSnapshots");
-  }
-  //
-  // Documentation group published snapshots
-  //
-  getGroupPublishedSnapshots() {
+  getGroupSnapshots() {
     return this.getObjects(this.documentationGroupPublishedStatesYMap, ElementGroupSnapshot);
   }
-  updateGroupPublishedSnapshots(snapshots) {
+  updateGroupSnapshots(snapshots) {
     this.setObjects(this.documentationGroupPublishedStatesYMap, snapshots);
   }
-  deleteGroupPublishedSnapshots(ids) {
+  deleteGroupSnapshots(ids) {
     this.deleteObjects(this.documentationGroupPublishedStatesYMap, ids);
   }
   get documentationGroupPublishedStatesYMap() {
-    return this.yDoc.getMap("documentationGroupPublishedSnapshots");
-  }
-  //
-  // Documentation group deleted snapshots
-  //
-  getGroupDeletedSnapshots() {
-    return this.getObjects(this.documentationGroupDeletedStatesYMap, ElementGroupSnapshot);
-  }
-  updateGroupDeletedSnapshots(snapshots) {
-    this.setObjects(this.documentationGroupDeletedStatesYMap, snapshots);
-  }
-  deleteGroupDeletedSnapshots(ids) {
-    this.deleteObjects(this.documentationGroupDeletedStatesYMap, ids);
-  }
-  get documentationGroupDeletedStatesYMap() {
-    return this.yDoc.getMap("documentationGroupDeletedSnapshots");
+    return this.yDoc.getMap("documentationGroupSnapshots");
   }
   //
   // Utils
@@ -6041,21 +6026,33 @@ var FrontendVersionRoomYDoc = class {
     const doc = new VersionRoomBaseYDoc(this.yDoc);
     const pages = doc.getPages();
     const groups = doc.getGroups();
+    const pageSnapshots = doc.getPageSnapshots();
+    const groupSnapshots = doc.getGroupSnapshots();
     const settings = doc.getDocumentationInternalSettings();
     const pageDTOs = documentationPagesToDTOV2(pages, groups, settings.routingVersion);
-    const pageDraftStates = this.buildPageDraftStates(pages);
+    const pageDraftStates = this.buildPageDraftStates(pages, pageSnapshots);
     pageDTOs.forEach((p) => {
       const draftState = pageDraftStates.get(p.id);
       draftState && (p.draftState = draftState);
     });
     const groupDTOs = elementGroupsToDocumentationGroupDTOV2(groups, pages);
-    const groupDraftStates = this.buildGroupDraftStates(groups);
+    const groupDraftStates = this.buildGroupDraftStates(groups, groupSnapshots);
     groupDTOs.forEach((g) => {
       const draftState = groupDraftStates.get(g.id);
       draftState && (g.draftState = draftState);
     });
-    const deletedGroups = doc.getGroupDeletedSnapshots().map((s) => s.group);
-    const deletedPages = doc.getPageDeletedSnapshots().map((s) => s.page);
+    const pageIds = new Set(pages.map((p) => p.id));
+    const deletedPagesMap = mapByUnique(
+      pageSnapshots.filter((s) => !pageIds.has(s.page.id)).map((s) => s.page),
+      (p) => p.id
+    );
+    const deletedPages = Array.from(deletedPagesMap.values());
+    const groupIds = new Set(groups.map((p) => p.id));
+    const deletedGroupsMap = mapByUnique(
+      groupSnapshots.filter((s) => !groupIds.has(s.group.id)).map((s) => s.group),
+      (g) => g.id
+    );
+    const deletedGroups = Array.from(deletedGroupsMap.values());
     const deletedPageDTOs = documentationPagesToDTOV2(
       deletedPages,
       [...groups, ...deletedGroups],
@@ -6076,10 +6073,10 @@ var FrontendVersionRoomYDoc = class {
   //
   // Drafts - Pages
   //
-  buildPageDraftStates(pages) {
+  buildPageDraftStates(pages, pageSnapshots) {
     const doc = new VersionRoomBaseYDoc(this.yDoc);
     const pageHashes = doc.getDocumentationPageContentHashes();
-    const publishedSnapshots = doc.getPagePublishedSnapshots();
+    const publishedSnapshots = pageSnapshots.filter((s) => s.reason === "Publish");
     const publishedSnapshotsByPageId = mapByUnique(publishedSnapshots, (s) => s.page.id);
     const publishedPagesById = mapByUnique(
       publishedSnapshots.map((s) => s.page),
@@ -6111,9 +6108,9 @@ var FrontendVersionRoomYDoc = class {
   //
   // Drafts - Groups
   //
-  buildGroupDraftStates(groups) {
+  buildGroupDraftStates(groups, groupSnapshots) {
     const doc = new VersionRoomBaseYDoc(this.yDoc);
-    const publishedSnapshots = doc.getGroupPublishedSnapshots();
+    const publishedSnapshots = groupSnapshots.filter((s) => s.reason === "Publish");
     const publishedSnapshotsByGroupId = mapByUnique(publishedSnapshots, (s) => s.group.id);
     const publishedGroupsById = mapByUnique(
       publishedSnapshots.map((s) => s.group),
@@ -7608,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.",
@@ -7651,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: {}
@@ -7667,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.",
@@ -7694,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: {}
@@ -7710,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.",
@@ -7737,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: {}
@@ -7753,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.",
@@ -7780,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: {}
@@ -7796,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.",
@@ -7823,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: {}
@@ -7839,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.",
@@ -7866,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: {}
@@ -7882,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.",
@@ -7909,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: {}
@@ -7925,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.",
@@ -7947,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",
@@ -7967,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.",
@@ -7994,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: {}
@@ -8010,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.",
@@ -8037,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: {}
@@ -8053,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.",
@@ -8080,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: {}
@@ -8096,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.",
@@ -8123,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",
@@ -8157,7 +8387,7 @@ var blocks = [
             gap: "Medium"
           },
           maxColumns: 4,
-          defaultColumns: 1,
+          defaultColumns: 3,
           appearance: {}
         },
         {
@@ -8238,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,
@@ -8273,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: {}
@@ -8286,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.",
@@ -8313,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: {}
@@ -8329,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.",
@@ -8364,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: {}
@@ -8377,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.",
@@ -8405,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",
@@ -8459,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.",
@@ -8494,7 +8802,10 @@ var blocks = [
           }
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "default",
@@ -8513,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.",
@@ -8540,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",
@@ -8593,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.",
@@ -8615,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: {}
@@ -8629,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.",
@@ -8666,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: {}
@@ -8685,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: {}
@@ -8693,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.",
@@ -8720,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,
@@ -8761,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.",
@@ -8801,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: {}
@@ -8815,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,
@@ -8837,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: {}
@@ -8862,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: {}
@@ -8872,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: {}
@@ -8882,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: {}
@@ -8890,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",
@@ -8912,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: {}
@@ -8930,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.",
@@ -8978,7 +9507,10 @@ var blocks = [
           options: {}
         }
       ],
-      appearance: { isBordered: true, hasBackground: false },
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
       variants: [
         {
           id: "bordered",
@@ -9015,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",
@@ -9038,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: {}
@@ -9053,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."
@@ -9079,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",
@@ -9109,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",
@@ -9141,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",
@@ -9165,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",
@@ -9197,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",
@@ -9215,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",
@@ -9233,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
+    }
   }
 ];
 
@@ -9872,14 +10643,10 @@ var BackendVersionRoomYDoc = class {
       transaction.pages && yDoc.updatePages(transaction.pages);
       transaction.groupIdsToDelete && yDoc.deleteGroups(transaction.groupIdsToDelete);
       transaction.groups && yDoc.updateGroups(transaction.groups);
-      transaction.publishedPageSnapshotIdsToDelete && yDoc.deletePagePublishedSnapshots(transaction.publishedPageSnapshotIdsToDelete);
-      transaction.publishedPageSnapshots && yDoc.updatePagePublishedSnapshots(transaction.publishedPageSnapshots);
-      transaction.publishedGroupSnapshotIdsToDelete && yDoc.deleteGroupPublishedSnapshots(transaction.publishedGroupSnapshotIdsToDelete);
-      transaction.publishedGroupSnapshots && yDoc.updateGroupPublishedSnapshots(transaction.publishedGroupSnapshots);
-      transaction.deletedPageSnapshotIdsToDelete && yDoc.deletePageDeletedSnapshots(transaction.deletedPageSnapshotIdsToDelete);
-      transaction.deletedPageSnapshots && yDoc.updatePageDeletedSnapshots(transaction.deletedPageSnapshots);
-      transaction.deletedGroupSnapshotIdsToDelete && yDoc.deleteGroupDeletedSnapshots(transaction.deletedGroupSnapshotIdsToDelete);
-      transaction.deletedGroupSnapshots && yDoc.updateGroupDeletedSnapshots(transaction.deletedGroupSnapshots);
+      transaction.pageSnapshotIdsToDelete && yDoc.deletePageSnapshots(transaction.pageSnapshotIdsToDelete);
+      transaction.pageSnapshots && yDoc.updatePageSnapshots(transaction.pageSnapshots);
+      transaction.groupSnapshotIdsToDelete && yDoc.deleteGroupSnapshots(transaction.groupSnapshotIdsToDelete);
+      transaction.groupSnapshots && yDoc.updateGroupSnapshots(transaction.groupSnapshots);
       transaction.internalSettings && yDoc.updateDocumentationInternalSettings(transaction.internalSettings);
     });
   }