@levo-so/blocks 0.1.59 → 0.1.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/blocks",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Set of blocks for Levo studio",
   "type": "module",
@@ -15,11 +15,12 @@
   "scripts": {
     "clean": "rimraf dist node_modules .turbo",
     "check-types": "tsc --noEmit",
-    "lint": "eslint"
+    "lint": "biome lint ."
   },
   "peerDependencies": {
     "@levo-so/react": "workspace:*",
     "@levo-so/studio": "workspace:*",
+    "@levo-so/core": "workspace:*",
     "react": ">=18",
     "react-dom": ">=18"
   },
@@ -30,11 +31,10 @@
     "lucide-react": "0.424.0"
   },
   "devDependencies": {
-    "@levo/eslint-config": "workspace:*",
     "@levo/ts-config": "workspace:*",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
-    "typescript": "5.8.3"
+    "@types/react": "19.2.5",
+    "@types/react-dom": "19.2.3",
+    "typescript": "5.9.3"
   },
   "main": "./src/index.ts",
   "exports": {

package/src/blocks/about-us/about-us-1.schema.ts

@@ -1,5 +1,43 @@
 import type { IBlock } from "@levo-so/studio";
 
+import { LEVO_DEFAULT_BLUE_IMAGE } from "../../constants";
+
+const MEDIA_1 = {
+  id: "XZbHDbcwJn0iZ",
+  filename: "about-us-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-828w.webp 828w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_2 = {
+  id: "k5KMcTxR8dtnT",
+  filename: "about-us-1-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
 const DUMMY_IMAGE = {
   kind: "icon",
   data: {
@@ -14,9 +52,7 @@ const DUMMY_IMAGE = {
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
-
-  media: DUMMY_IMAGE,
-
+  media: MEDIA_1,
   contentWrapper: null,
   label: "About Us",
   title: "Transform Your Digital Presence with Our Agency",
@@ -58,13 +94,16 @@ const DEFAULT_CONTENT = {
     {
       cta: "Discover More",
     },
+    {
+      cta: "Learn More",
+    },
   ],
 };
 
 const CARDS_CONTENT = {
   layout: null,
   container: null,
-  media: DUMMY_IMAGE,
+  media: MEDIA_2,
   contentWrapper: null,
   label: "About Us",
   title: "Transform Your Digital Presence with Our Agency",
@@ -75,6 +114,9 @@ const CARDS_CONTENT = {
     {
       cta: "Discover More",
     },
+    {
+      cta: "Learn more",
+    },
   ],
 };
 
@@ -249,34 +291,13 @@ export const AboutUs1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-        },
+        layout: {},
         container: {
           display: "flex",
           "column-gap": "8xl",
-          "padding-right": "3xl",
-          "padding-left": "3xl",
           tablet: {
             "flex-direction": "column",
             "row-gap": "lg",
-            "padding-left": "none",
-            "padding-right": "none",
           },
         },
         media: {
@@ -367,21 +388,18 @@ export const AboutUs1: IBlock = {
           "justify-content": "center",
         },
         label: {
-          color: "text-2",
           "margin-bottom": "xs",
           mobile: {
             "margin-bottom": "3xs",
           },
         },
         title: {
-          color: "text-1",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
           },
         },
         description: {
-          color: "text-2",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
@@ -399,6 +417,10 @@ export const AboutUs1: IBlock = {
             "row-gap": "2xs",
           },
         },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "base",
+        },
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -407,7 +429,7 @@ export const AboutUs1: IBlock = {
             level: 2,
           },
           selectedVariants: {
-            Heading_Level: "H2",
+            Heading_Level: "H3",
           },
         },
       },
@@ -417,40 +439,19 @@ export const AboutUs1: IBlock = {
       title: "Cards",
       styles: {
         layout: {
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-            filter: "none",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-          filter: "none",
           "background-color": "background-1",
         },
         container: {
           display: "flex",
           "column-gap": "8xl",
-          "padding-right": "3xl",
-          "padding-left": "3xl",
-          tablet: {
-            "flex-direction": "column",
-            "row-gap": "lg",
-            "padding-left": "none",
-            "padding-right": "none",
-          },
-          filter: "none",
           "flex-direction": "row-reverse",
           "background-color": "white",
           "padding-top": "5xl",
           "padding-bottom": "5xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "lg",
+          },
         },
         media: {
           width: "50%",
@@ -541,21 +542,18 @@ export const AboutUs1: IBlock = {
           filter: "none",
         },
         label: {
-          color: "text-2",
           "margin-bottom": "xs",
           mobile: {
             "margin-bottom": "3xs",
           },
         },
         title: {
-          color: "text-1",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
           },
         },
         description: {
-          color: "text-2",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
@@ -574,6 +572,10 @@ export const AboutUs1: IBlock = {
           },
           filter: "none",
         },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "base",
+        },
       },
       content: CARDS_CONTENT,
       config: {

package/src/blocks/about-us/about-us-1.tsx

@@ -1,10 +1,10 @@
 import {
-  type ILevoBlockBaseProps,
   Box,
   Button,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Media,
   Section,
   Typography,
@@ -12,9 +12,7 @@ import {
 
 import type { IAboutUs1Content } from "./about-us-1.schema";
 
-const AboutUs1: React.FC<ILevoBlockBaseProps<IAboutUs1Content>> = ({
-  content,
-}) => (
+const AboutUs1: React.FC<ILevoBlockBaseProps<IAboutUs1Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Media alt="media" elementKey="media" />

package/src/blocks/about-us/about-us-2.schema.ts

@@ -1,23 +1,57 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DEFAULT_IMAGE = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+const FIRST_MEDIA = {
+  id: "sR8EajjddMUnZ",
+  filename: "about-us-2-1.png",
   kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-828w.webp 828w",
+  },
+  mimetype: "image/png",
+};
+
+const SECOND_MEDIA = {
+  id: "PzNk2MN112zlG",
+  filename: "about-us-2-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1920w.webp 1920w",
+  },
   mimetype: "image/png",
+};
+
+const THIRD_MEDIA = {
+  id: "vxm9pzMssJ4Dy",
+  filename: "about-us-2-3.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz.png",
   srcset: {
-    "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-    "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-    "1920w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-320w.webp 320w",
   },
+  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -26,9 +60,9 @@ const DEFAULT_CONTENT = {
   main_content: null,
   media_section: null,
   media_column: null,
-  firstMedia: DEFAULT_IMAGE,
-  secondMedia: DEFAULT_IMAGE,
-  thirdMedia: DEFAULT_IMAGE,
+  firstMedia: FIRST_MEDIA,
+  secondMedia: SECOND_MEDIA,
+  thirdMedia: THIRD_MEDIA,
   content_section: null,
   title: "About Me",
   description:
@@ -50,6 +84,14 @@ const DEFAULT_CONTENT = {
       label: "Organizations",
     },
   ],
+  ctas: [
+    {
+      button: "Button 1",
+    },
+    {
+      button: "Button 2",
+    },
+  ],
 };
 
 export type IAboutUs2Content = typeof DEFAULT_CONTENT;
@@ -145,7 +187,7 @@ export const AboutUs2: IBlock = {
         {
           key: "number",
           label: "Number",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
           hint: {
             prompt_description:
               "Statistical number showcasing achievement or credibility (e.g., '200+', '10+', '5+'). Should be impactful and concise.",
@@ -194,17 +236,8 @@ export const AboutUs2: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-        },
-        container: {
-          "max-width": "72rem",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
+        layout: {},
+        container: {},
         main_content: {
           display: "flex",
           "align-items": "center",
@@ -249,13 +282,21 @@ export const AboutUs2: IBlock = {
           "border-radius": "xl",
           mobile: {
             width: "50%",
+            height: "auto",
           },
+          height: "100%",
+          width: "100%",
+          "object-fit": "cover",
         },
         thirdMedia: {
           "border-radius": "xl",
           mobile: {
             width: "50%",
+            height: "auto",
           },
+          height: "100%",
+          width: "100%",
+          "object-fit": "cover",
         },
         content_section: {
           width: "50%",
@@ -265,21 +306,9 @@ export const AboutUs2: IBlock = {
           },
         },
         title: {
-          "font-size": "4xl",
-          "font-weight": "700",
-          color: "text-1",
           "margin-bottom": "lg",
-          tablet: {
-            "font-size": "3xl",
-          },
-          mobile: {
-            "font-size": "2xl",
-          },
         },
         description: {
-          "font-size": "base",
-          color: "text-2",
-          "line-height": "1.6",
           "margin-bottom": "2xl",
         },
         stats_levoGroup: {
@@ -288,6 +317,77 @@ export const AboutUs2: IBlock = {
           "row-gap": "lg",
           "justify-content": "space-between",
         },
+        stats: [
+          {
+            stat_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+              "flex-direction": "column",
+              tablet: {
+                "justify-content": "center",
+              },
+            },
+            number: {
+              "font-weight": 700,
+            },
+            label: {
+              "font-weight": 500,
+            },
+          },
+          {
+            stat_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+              "flex-direction": "column",
+              tablet: {
+                "justify-content": "center",
+              },
+            },
+            number: {
+              "font-weight": 700,
+            },
+            label: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "500",
+            },
+          },
+          {
+            stat_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+              "flex-direction": "column",
+              tablet: {
+                "justify-content": "center",
+              },
+            },
+            number: {
+              "font-weight": 700,
+            },
+            label: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "500",
+            },
+          },
+        ],
+        ctas_levoGroup: {
+          "margin-top": "lg",
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "base",
+        },
+        ctas: [
+          {
+            button: {},
+          },
+          {
+            button: {},
+          },
+        ],
         stat_item: {
           display: "flex",
           "align-items": "center",
@@ -311,7 +411,30 @@ export const AboutUs2: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        stats: Array(3)
+          .fill(0)
+          .map((v) => {
+            return {
+              stat_item: {
+                selectedVariants: {},
+              },
+              number: {
+                heading: {
+                  level: "3",
+                },
+                selectedVariants: {
+                  Heading_Level: "H3",
+                },
+              },
+              label: {
+                selectedVariants: {
+                  Typography_Variants: "Body",
+                },
+              },
+            };
+          }),
+      },
     },
   ],
 };

package/src/blocks/about-us/about-us-2.tsx

@@ -1,19 +1,17 @@
 import {
-  type ILevoBlockBaseProps,
-  Section,
-  Container,
   Box,
+  Button,
+  Container,
   Heading,
-  Typography,
+  type ILevoBlockBaseProps,
   Media,
-  Button,
+  Section,
+  Typography,
 } from "@levo-so/studio";
 
 import type { IAboutUs2Content } from "./about-us-2.schema";
 
-const AboutUs2: React.FC<ILevoBlockBaseProps<IAboutUs2Content>> = ({
-  content,
-}) => (
+const AboutUs2: React.FC<ILevoBlockBaseProps<IAboutUs2Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="main_content">
@@ -29,11 +27,7 @@ const AboutUs2: React.FC<ILevoBlockBaseProps<IAboutUs2Content>> = ({
           <Typography elementKey="description" />
           <Box elementKey="stats_levoGroup" data-levo_group>
             {(content?.stats ?? []).map((_, index) => (
-              <Box
-                key={index}
-                data-levo_group_item
-                elementKey={`stats.${index}.stat_item`}
-              >
+              <Box key={index} data-levo_group_item elementKey={`stats.${index}.stat_item`}>
                 <Heading elementKey={`stats.${index}.number`} />
                 <Typography elementKey={`stats.${index}.label`} />
               </Box>

package/src/blocks/blogs/blog-listing-1.schema.ts

@@ -19,20 +19,13 @@ const BLOG_CONTENT = {
     kind: "image",
     mimetype: "image/png",
     srcset: {
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+      "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+      "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+      "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+      "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+      "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+      "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+      "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
       path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
     },
   },