@levo-so/blocks 0.1.60 → 0.1.61

package/src/blocks/content/content-9.tsx

@@ -1,23 +1,21 @@
 import {
-  type ILevoBlockBaseProps,
-  Heading,
-  Image,
-  Typography,
-  Container,
-  Section,
-  Box,
-  AccordionRoot,
+  AccordionContent,
   AccordionItem,
+  AccordionRoot,
   AccordionTrigger,
-  AccordionContent,
+  Box,
+  Container,
+  Heading,
   Icon,
+  type ILevoBlockBaseProps,
+  Image,
+  Section,
+  Typography,
 } from "@levo-so/studio";
 
 import type { IContent9Content } from "./content-9.schema";
 
-const Content9: React.FC<ILevoBlockBaseProps<IContent9Content>> = ({
-  content,
-}) => (
+const Content9: React.FC<ILevoBlockBaseProps<IContent9Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header">
@@ -50,36 +48,23 @@ const Content9: React.FC<ILevoBlockBaseProps<IContent9Content>> = ({
               </AccordionTrigger>
               <AccordionContent elementKey={`sections.${index}.content`}>
                 <Box elementKey={`sections.${index}.container`}>
-                  <Box
-                    elementKey={`sections.${index}.cards_levoGroup`}
-                    data-levo_group
-                  >
-                    {(content.sections?.[index]?.cards ?? []).map(
-                      (_, cardIndex) => (
-                        <Box
-                          key={cardIndex}
-                          data-levo_group_item
-                          elementKey={`sections.${index}.cards.${cardIndex}.card`}
-                        >
-                          <Box
-                            elementKey={`sections.${index}.cards.${cardIndex}.label_container`}
-                          >
-                            <Box
-                              elementKey={`sections.${index}.cards.${cardIndex}.label_divider`}
-                            />
-                            <Typography
-                              elementKey={`sections.${index}.cards.${cardIndex}.label`}
-                            />
-                          </Box>
-                          <Heading
-                            elementKey={`sections.${index}.cards.${cardIndex}.title`}
-                          />
-                          <Typography
-                            elementKey={`sections.${index}.cards.${cardIndex}.description`}
-                          />
+                  <Box elementKey={`sections.${index}.cards_levoGroup`} data-levo_group>
+                    {(content.sections?.[index]?.cards ?? []).map((_, cardIndex) => (
+                      <Box
+                        key={cardIndex}
+                        data-levo_group_item
+                        elementKey={`sections.${index}.cards.${cardIndex}.card`}
+                      >
+                        <Box elementKey={`sections.${index}.cards.${cardIndex}.label_container`}>
+                          <Box elementKey={`sections.${index}.cards.${cardIndex}.label_divider`} />
+                          <Typography elementKey={`sections.${index}.cards.${cardIndex}.label`} />
                         </Box>
-                      ),
-                    )}
+                        <Heading elementKey={`sections.${index}.cards.${cardIndex}.title`} />
+                        <Typography
+                          elementKey={`sections.${index}.cards.${cardIndex}.description`}
+                        />
+                      </Box>
+                    ))}
                   </Box>
                 </Box>
               </AccordionContent>

package/src/blocks/cta/cta-1.schema.ts

@@ -15,8 +15,7 @@ const DEFAULT_CONTENT = {
   ctaIcon: {
     id: "9GFRzqRPswl8h",
     kind: "image",
-    location:
-      "https://static.levocdn.com/WLZ1TXTD/arrow-right-tryvMJ0Z2DosG.svg",
+    location: "https://static.levocdn.com/WLZ1TXTD/arrow-right-tryvMJ0Z2DosG.svg",
     srcset: {},
   },
   cta2_rightIcon: {
@@ -27,20 +26,13 @@ const DEFAULT_CONTENT = {
       kind: "image",
       location: "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO.png",
       srcset: {
-        "1080w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1080w.webp",
-        "1200w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1200w.webp",
-        "1920w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1920w.webp",
-        "320w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-320w.webp",
-        "640w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-640w.webp",
-        "750w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-750w.webp",
-        "828w":
-          "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-828w.webp",
+        "1080w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1080w.webp",
+        "1200w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1200w.webp",
+        "1920w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1920w.webp",
+        "320w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-320w.webp",
+        "640w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-640w.webp",
+        "750w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-750w.webp",
+        "828w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-828w.webp",
         path: "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1920w.webp 1920w",
       },
       mimetype: "image/png",
@@ -74,8 +66,7 @@ export const Cta1: IBlock = {
       label: "Container",
       field_interface: "ContainerWidget",
       hint: {
-        prompt_description:
-          "Main container for centering and constraining the content width.",
+        prompt_description: "Main container for centering and constraining the content width.",
       },
     },
     {
@@ -83,8 +74,7 @@ export const Cta1: IBlock = {
       label: "Header Container",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for the header content, used for layout and spacing.",
+        prompt_description: "Container for the header content, used for layout and spacing.",
       },
     },
     {

package/src/blocks/cta/cta-2.schema.ts

@@ -6,20 +6,13 @@ const MEDIA_1 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-750w.webp 750w",
   },
   mimetype: "image/png",
@@ -31,20 +24,13 @@ const MEDIA_2 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF.jpg",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1080w.webp 1080w",
   },
   mimetype: "image/jpeg",

package/src/blocks/cta/cta-2.tsx

@@ -3,8 +3,8 @@ import {
   Button,
   Container,
   Heading,
-  Image,
   type ILevoBlockBaseProps,
+  Image,
   Section,
   Typography,
 } from "@levo-so/studio";
@@ -20,11 +20,7 @@ const Cta2: React.FC<ILevoBlockBaseProps<ICta2Content>> = ({ content }) => (
         <Typography elementKey="description" />
         <Box elementKey="buttons_levoGroup" data-levo_group>
           {(content?.buttons ?? []).map((_: any, index: number) => (
-            <Button
-              key={index}
-              data-levo_group_item
-              elementKey={`buttons.${index}.text`}
-            />
+            <Button key={index} data-levo_group_item elementKey={`buttons.${index}.text`} />
           ))}
         </Box>
       </Box>

package/src/blocks/cta/cta-3.schema.ts

@@ -6,20 +6,13 @@ const MEDIA_1 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp 750w",
   },
   mimetype: "image/png",
@@ -30,20 +23,13 @@ const MEDIA_2 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp 1080w",
   },
   mimetype: "image/png",
@@ -53,23 +39,15 @@ const MEDIA_3_BG = {
   id: "vxmBzMsi6qi6",
   filename: "cta-3-BG-image.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp 640w",
   },
   mimetype: "image/png",
@@ -133,18 +111,14 @@ export const Cta3: IBlock = {
       label: "CTAs",
       kind: "group",
       field_interface: "BoxWidget",
-      fields: [
-        { key: "button", label: "Button", field_interface: "ButtonWidget" },
-      ],
+      fields: [{ key: "button", label: "Button", field_interface: "ButtonWidget" }],
     },
     {
       key: "images",
       label: "Images",
       kind: "group",
       field_interface: "BoxWidget",
-      fields: [
-        { key: "image", label: "Image", field_interface: "ImageWidget" },
-      ],
+      fields: [{ key: "image", label: "Image", field_interface: "ImageWidget" }],
     },
   ],
   layouts: [

package/src/blocks/cta/cta-3.tsx

@@ -3,10 +3,10 @@ import {
   Button,
   Container,
   Heading,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
 
 import type { ICta3Content } from "./cta-3.schema";
@@ -21,11 +21,7 @@ const Cta3: React.FC<ILevoBlockBaseProps<ICta3Content>> = ({ content }) => (
 
         <Box elementKey="ctas_levoGroup" data-levo_group>
           {(content?.ctas ?? []).map((_, index: number) => (
-            <Button
-              key={`cta-${index}`}
-              data-levo_group_item
-              elementKey={`ctas.${index}.button`}
-            />
+            <Button key={`cta-${index}`} data-levo_group_item elementKey={`ctas.${index}.button`} />
           ))}
         </Box>
       </Box>

package/src/blocks/embed/embed-1.tsx

@@ -1,13 +1,5 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import {
-  Box,
-  Button,
-  Heading,
-  Iframe,
-  Section,
-  Typography,
-  Container,
-} from "@levo-so/studio";
+import { Box, Button, Container, Heading, Iframe, Section, Typography } from "@levo-so/studio";
 
 import type { IEmbed1Content } from "./embed-1.schema";
 

package/src/blocks/event/ClientOnly.tsx

@@ -9,10 +9,7 @@ interface IClientOnlyProps {
  * Component that renders its children on the client side only to prevent hydration mismatches.
  * Useful for content that differs between server and client (e.g., dates with timezone, localStorage-dependent content).
  */
-export const ClientOnly: React.FC<IClientOnlyProps> = ({
-  children,
-  fallback = null,
-}) => {
+export const ClientOnly: React.FC<IClientOnlyProps> = ({ children, fallback = null }) => {
   const [mounted, setMounted] = useState(false);
 
   useEffect(() => {

package/src/blocks/event/event-details.schema.ts

@@ -18,19 +18,14 @@ const DEFAULT_CONTENT = {
   "hero-card": null,
   "hero-image": {
     id: "event-hero-image",
-    location:
-      "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
+    location: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
     kind: "image",
     mimetype: "image/jpeg",
     srcset: {
-      "320w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=320&h=200&fit=crop",
-      "640w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=640&h=320&fit=crop",
-      "800w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
-      "1200w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200&h=600&fit=crop",
+      "320w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=320&h=200&fit=crop",
+      "640w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=640&h=320&fit=crop",
+      "800w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
+      "1200w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200&h=600&fit=crop",
       path: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=320&h=200&fit=crop 320w, https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=640&h=320&fit=crop 640w, https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop 800w, https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200&h=600&fit=crop 1200w",
     },
   },
@@ -138,8 +133,7 @@ export const EventDetails: IBlock = {
       label: "Hero Image",
       field_interface: "ImageWidget",
       hint: {
-        prompt_description:
-          "Main event cover image showcasing the event theme or venue.",
+        prompt_description: "Main event cover image showcasing the event theme or venue.",
       },
     },
     {
@@ -156,8 +150,7 @@ export const EventDetails: IBlock = {
       label: "Event Title",
       field_interface: "HeadingWidget",
       hint: {
-        prompt_description:
-          "Main event title that clearly describes the event name and purpose.",
+        prompt_description: "Main event title that clearly describes the event name and purpose.",
         min_characters: 20,
         max_characters: 60,
       },
@@ -176,8 +169,7 @@ export const EventDetails: IBlock = {
       label: "Start Date Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for start date information. No content generation required.",
+        prompt_description: "Container for start date information. No content generation required.",
       },
     },
     {
@@ -211,8 +203,7 @@ export const EventDetails: IBlock = {
       label: "End Date Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for end date information. No content generation required.",
+        prompt_description: "Container for end date information. No content generation required.",
       },
     },
     {
@@ -236,8 +227,7 @@ export const EventDetails: IBlock = {
       label: "Time Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for time range information. No content generation required.",
+        prompt_description: "Container for time range information. No content generation required.",
       },
     },
     {
@@ -261,8 +251,7 @@ export const EventDetails: IBlock = {
       label: "Kind Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for event kind information. No content generation required.",
+        prompt_description: "Container for event kind information. No content generation required.",
       },
     },
     {
@@ -278,8 +267,7 @@ export const EventDetails: IBlock = {
       label: "Event Kind",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Type or category of the event (e.g., Conference, Workshop).",
+        prompt_description: "Type or category of the event (e.g., Conference, Workshop).",
         min_characters: 5,
         max_characters: 20,
       },
@@ -441,8 +429,7 @@ export const EventDetails: IBlock = {
       label: "Email Field",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for email contact field. No content generation required.",
+        prompt_description: "Container for email contact field. No content generation required.",
       },
     },
     {
@@ -458,8 +445,7 @@ export const EventDetails: IBlock = {
       label: "Contact Email",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Professional email address for event inquiries and contact.",
+        prompt_description: "Professional email address for event inquiries and contact.",
         min_characters: 15,
         max_characters: 40,
       },
@@ -469,8 +455,7 @@ export const EventDetails: IBlock = {
       label: "Phone Field",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for phone contact field. No content generation required.",
+        prompt_description: "Container for phone contact field. No content generation required.",
       },
     },
     {
@@ -486,8 +471,7 @@ export const EventDetails: IBlock = {
       label: "Contact Phone",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Professional phone number for event inquiries and contact.",
+        prompt_description: "Professional phone number for event inquiries and contact.",
         min_characters: 12,
         max_characters: 20,
       },

package/src/blocks/event/event-details.tsx

@@ -5,45 +5,34 @@ import {
   Heading,
   Icon,
   Image,
+  RegisterModal,
   Section,
   Typography,
-  RegisterModal,
 } from "@levo-so/studio";
 import dayjs from "dayjs";
 
-import type { IEventDetailsContent } from "./event-details.schema";
 import { ClientOnly } from "./ClientOnly";
+import type { IEventDetailsContent } from "./event-details.schema";
 
-const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({
-  content,
-}) => (
+const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="main-wrapper">
         <Box elementKey="hero-card">
-          <Image
-            elementKey="hero-image"
-            alt="Event cover image"
-            width={800}
-            height={400}
-          />
+          <Image elementKey="hero-image" alt="Event cover image" width={800} height={400} />
           <Box elementKey="hero-content">
             <Heading elementKey="title" />
             <Box elementKey="event-info">
               <Box elementKey="start-date-wrapper">
                 <Icon elementKey="date-icon" />
                 <Typography elementKey="starts_at">
-                  <ClientOnly>
-                    {dayjs(content?.starts_at).format("MMM D, YYYY")}
-                  </ClientOnly>
+                  <ClientOnly>{dayjs(content?.starts_at).format("MMM D, YYYY")}</ClientOnly>
                 </Typography>
               </Box>
               <Box elementKey="end-date-wrapper">
                 <Icon elementKey="end-date-icon" />
                 <Typography elementKey="ends_at">
-                  <ClientOnly>
-                    {dayjs(content?.ends_at).format("MMM D, YYYY")}
-                  </ClientOnly>
+                  <ClientOnly>{dayjs(content?.ends_at).format("MMM D, YYYY")}</ClientOnly>
                 </Typography>
               </Box>
               <Box elementKey="time-wrapper">
@@ -56,15 +45,11 @@ const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({
               </Box>
               <Box elementKey="kind-wrapper">
                 <Icon elementKey="kind-icon" />
-                <Typography elementKey="kind">
-                  {content?.kind?.replace(/_/g, " ")}
-                </Typography>
+                <Typography elementKey="kind">{content?.kind?.replace(/_/g, " ")}</Typography>
               </Box>
               <Box elementKey="timing-wrapper">
                 <Icon elementKey="timing-icon" />
-                <Typography elementKey="timing">
-                  {content?.timing?.replace(/_/g, " ")}
-                </Typography>
+                <Typography elementKey="timing">{content?.timing?.replace(/_/g, " ")}</Typography>
               </Box>
             </Box>
           </Box>