@levo-so/blocks 0.1.54 → 0.1.58

package/src/blocks/blogs/blog-post-3.schema.ts

@@ -106,6 +106,13 @@ export const BlogPost3: IBlock = {
       key: "name",
       label: "Name",
       field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Name or title displayed in the main text area. Could be a person's name, company name, or section title.",
+        usecase: "title",
+        min_characters: 5,
+        max_characters: 50,
+      },
     },
     {
       key: "experience_wrapper",
@@ -121,21 +128,49 @@ export const BlogPost3: IBlock = {
       key: "experience_title",
       label: "Experience Title",
       field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Title highlighting experience or achievement (e.g., '15 Years of Experience'). Should be bold and attention-grabbing.",
+        usecase: "title",
+        min_characters: 10,
+        max_characters: 50,
+      },
     },
     {
       key: "experience_description",
       label: "Experience Description",
       field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Description elaborating on the experience or achievement mentioned in the title. Should provide context and details.",
+        usecase: "description",
+        min_characters: 40,
+        max_characters: 150,
+      },
     },
     {
       key: "expertise_title",
       label: "Expertise Title",
       field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Title highlighting expertise or specialization (e.g., 'Technical Expertise'). Should be clear and professional.",
+        usecase: "title",
+        min_characters: 10,
+        max_characters: 50,
+      },
     },
     {
       key: "expertise_description",
       label: "Expertise Description",
       field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Description detailing areas of expertise or specialization. Should be informative and highlight key skills.",
+        usecase: "description",
+        min_characters: 40,
+        max_characters: 150,
+      },
     },
     {
       key: "content_container",
@@ -146,6 +181,13 @@ export const BlogPost3: IBlock = {
       key: "content_description",
       label: "Content Description",
       field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Main content paragraph providing comprehensive information about the team, services, or offerings. Should be engaging and informative.",
+        usecase: "description",
+        min_characters: 100,
+        max_characters: 500,
+      },
     },
   ],
   layouts: [

package/src/blocks/blogs/blog-post-3.tsx

@@ -47,7 +47,10 @@ const BlogPost3: React.FC<ILevoBlockBaseProps<IBlogPost3Content>> = ({
             </Box>
           </Box>
           <Box elementKey="content_container">
-            <Typography elementKey="content_description" />
+            <Typography
+              elementKey="content_description"
+              className="LevoProseMirror"
+            />
           </Box>
         </Box>
       </Box>

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

@@ -0,0 +1,537 @@
+import type { IBlock } from "@levo-so/studio";
+
+const ITEMS_COUNT = 6;
+
+const SINGLE_DAY_EVENT = {
+  event: null,
+  event_timing: null,
+  event_starts: null,
+  event_starts_date: "2025-11-23T18:30:00.000Z",
+  event_starts_month: "2025-11-23T18:30:00.000Z",
+  event_to: "to",
+  event_ends: null,
+  event_ends_date: "",
+  event_ends_month: "",
+  divider: null,
+  event_content: null,
+  event_category: "Levo",
+  event_sub_content: null,
+  event_title: "#WeAreLevo",
+  event_description: "A collaborative event with industries top performers.",
+};
+
+const MULTI_DAY_EVENT = {
+  event: null,
+  event_timing: null,
+  event_starts: null,
+  event_starts_date: "2025-11-23T18:30:00.000Z",
+  event_starts_month: "2025-11-23T18:30:00.000Z",
+  event_to: "to",
+  event_ends: null,
+  event_ends_date: "2025-11-30T18:30:00.000Z",
+  event_ends_month: "2025-11-30T18:30:00.000Z",
+  divider: null,
+  event_content: null,
+  event_category: "Levo",
+  event_sub_content: null,
+  event_title: "#WeAreLevo",
+  event_description: "A collaborative event with industries top performers.",
+};
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header: null,
+  title: "Upcoming Events",
+  description: "Showing 16 events out of Total 16 Events",
+  content: null,
+  listing_section_levoGroup: null,
+  listing_section: Array(ITEMS_COUNT)
+    .fill(0)
+    .map((v, index) => {
+      const basePayload = index % 2 !== 0 ? SINGLE_DAY_EVENT : MULTI_DAY_EVENT;
+      const randomStartDate = `2025-10-${Math.floor(Math.random() * 18) + 10}T18:30:00.000Z`;
+      const randomEndDate = `2025-10-${Math.floor(Math.random() * 18) + 10}T18:30:00.000Z`;
+
+      return {
+        ...basePayload,
+        ...(index % 2 !== 0
+          ? { event_starts_date: randomStartDate }
+          : {
+              event_starts_date: randomStartDate,
+              event_ends_date: randomEndDate,
+            }),
+      };
+    }),
+  calendar_section: null,
+  calendar_header: null,
+  calendar_title: "Events Calendar",
+  calendar_description:
+    "You can use the calendar to find the desired events and get the required information easily",
+  calendar: null,
+  calendar_cta: "View all events",
+};
+
+export type ICalendar1Content = typeof DEFAULT_CONTENT;
+
+export const Calendar1: IBlock = {
+  category_id: "calendar",
+  title: "Calender 1",
+  key: "calendar-1",
+  version: "v1",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "header",
+      label: "Header",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "content",
+      label: "Content",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "listing_section",
+      label: "Listing Section",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "event",
+          label: "Event",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_timing",
+          label: "Event Timing",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_starts",
+          label: "Event Starts",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_starts_date",
+          label: "Event Starts Date",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "event_starts_month",
+          label: "Event Starts Month",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "event_to",
+          label: "Event To",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "event_ends",
+          label: "Event Ends",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_ends_date",
+          label: "Event Ends Date",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "event_ends_month",
+          label: "Event Ends Month",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "divider",
+          label: "Divider",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_content",
+          label: "Event Content",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_category",
+          label: "Event Category",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "event_sub_content",
+          label: "Event Sub Content",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "event_title",
+          label: "Event Title",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "event_description",
+          label: "Event Description",
+          field_interface: "TypographyWidget",
+        },
+      ],
+    },
+
+    {
+      key: "calendar_section",
+      label: "Calendar Section",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "calendar_header",
+      label: "Calendar Header",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "calendar_title",
+      label: "Calendar Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "calendar_description",
+      label: "Calendar Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "calendar",
+      label: "Calendar",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "calendar_cta",
+      label: "Calendar Cta",
+      field_interface: "ButtonWidget",
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          width: "100%",
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+          "padding-right": "8xl",
+          "padding-left": "8xl",
+          tablet: {
+            "padding-top": "5xl",
+            "padding-bottom": "5xl",
+            "padding-right": "5xl",
+            "padding-left": "5xl",
+          },
+          mobile: {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-right": "2xl",
+            "padding-left": "2xl",
+          },
+        },
+        container: {
+          width: "100%",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          tablet: {
+            "row-gap": "3xl",
+          },
+          mobile: {
+            "row-gap": "4xl",
+          },
+        },
+        header: {
+          display: "flex",
+          "flex-direction": "column",
+          width: "100%",
+          "row-gap": "none",
+        },
+        title: {},
+        description: {},
+        content: {
+          display: "flex",
+          "column-gap": "4xl",
+          width: "100%",
+          mobile: {
+            "flex-direction": "column-reverse",
+            "row-gap": "4xl",
+          },
+        },
+        listing_section_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          width: "100%",
+          flex: "1",
+          "max-height": "500px",
+          "overflow-y": "auto",
+          "padding-right": "sm",
+          "row-gap": "7xl",
+          "padding-bottom": "sm",
+        },
+        listing_section: Array(ITEMS_COUNT)
+          .fill(0)
+          .map((v) => {
+            return {
+              event: {
+                width: "100%",
+                display: "flex",
+                "padding-top": "3xl",
+                "padding-right": "3xl",
+                "padding-bottom": "3xl",
+                "padding-left": "xl",
+                "border-style": "solid",
+                "border-right-width": "0px",
+                "border-bottom-width": "0px",
+                "border-top-width": "0px",
+                "border-left-width": "8px",
+                "border-color": "brand",
+                "border-radius": "lg",
+                "box-shadow": {
+                  x: 0,
+                  y: 4,
+                  blur: 84,
+                  spread: 0,
+                  color: "oklch(0.5193 0.0628 284.0011 / 0.13)",
+                  opacity: 13,
+                },
+                mobile: {
+                  "flex-direction": "column",
+                  "row-gap": "md",
+                },
+              },
+              event_timing: {
+                display: "flex",
+                "flex-direction": "column",
+                "min-width": "95px",
+                "justify-content": "center",
+                "align-items": "center",
+                mobile: {
+                  "flex-direction": "row",
+                  "justify-content": "flex-start",
+                  "column-gap": "xs",
+                },
+              },
+              event_to: {
+                "font-weight": 600,
+                "margin-top": "4xs",
+                "margin-bottom": "4xs",
+                mobile: {
+                  "padding-right": "none",
+                  "margin-right": "xs",
+                },
+              },
+              event_starts: {
+                display: "flex",
+                "flex-direction": "column",
+                "margin-bottom": "3xs",
+                mobile: {
+                  "margin-bottom": "none",
+                  "align-items": "flex-start",
+                },
+              },
+              event_starts_date: {
+                "text-align": "center",
+              },
+              event_starts_month: {
+                "text-align": "center",
+                "font-weight": 600,
+              },
+              event_ends_date: {
+                "text-align": "center",
+              },
+              event_ends_month: {
+                "text-align": "center",
+                "font-weight": 600,
+              },
+              divider: {
+                "margin-left": "2xs",
+                "margin-right": "3xl",
+                "border-style": "solid",
+                "border-top-width": "0px",
+                "border-right-width": "0px",
+                "border-bottom-width": "0px",
+                "border-left-width": "1px",
+                mobile: {
+                  display: "none",
+                },
+              },
+              event_description: {
+                "font-weight": 500,
+                mobile: {
+                  "font-size": "sm",
+                },
+              },
+              event_content: {
+                "align-self": "center",
+                width: "100%",
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "md",
+              },
+              event_category: {
+                "font-weight": 800,
+                color: "brand",
+              },
+              event_sub_content: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "2xs",
+              },
+              event_ends: {
+                display: "flex",
+                "flex-direction": "column",
+                "margin-bottom": "3xs",
+                mobile: {
+                  "margin-bottom": "none",
+                  "align-items": "flex-start",
+                },
+              },
+            };
+          }),
+        calendar_section: {
+          width: "100%",
+          display: "flex",
+          flex: "1",
+          "max-width": "320px",
+          "flex-direction": "column",
+          "row-gap": "lg",
+        },
+        calendar_header: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xs",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        calendar_title: {},
+        calendar_description: {},
+        calendar: {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+          "box-shadow": {
+            x: 18.3127,
+            y: 20.7116,
+            blur: 83.2951,
+            spread: 0,
+            color: "oklch(0.928 0 0)",
+            opacity: 100,
+          },
+          "border-radius": "base",
+          "padding-top": "md",
+          "padding-right": "md",
+          "padding-bottom": "md",
+          "padding-left": "md",
+          "border-style": "solid",
+          "border-width": "1px",
+          "border-color": "oklch(0.9401 0 0)",
+        },
+        calendar_cta: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: "2",
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        description: {
+          selectedVariants: {
+            Typography_Variants: "Body",
+          },
+        },
+        calendar_title: {
+          heading: {
+            level: "3",
+          },
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        calendar_description: {
+          selectedVariants: {
+            Typography_Variants: "Small",
+          },
+        },
+        listing_section: Array(ITEMS_COUNT)
+          .fill(0)
+          .map(() => {
+            return {
+              event_to: {
+                selectedVariants: {
+                  Typography_Variants: "Small",
+                },
+              },
+              event_ends_month: {
+                selectedVariants: {
+                  Typography_Variants: "Body",
+                },
+              },
+              event_starts_month: {
+                selectedVariants: {
+                  Typography_Variants: "Body",
+                },
+              },
+              event_starts_date: {
+                selectedVariants: {
+                  Heading_Level: "H2",
+                },
+                heading: {
+                  level: "4",
+                },
+              },
+              event_ends_date: {
+                selectedVariants: {
+                  Heading_Level: "H2",
+                },
+                heading: {
+                  level: "4",
+                },
+              },
+              event_category: {
+                heading: {
+                  level: "4",
+                },
+                selectedVariants: {
+                  Heading_Level: "H6",
+                },
+              },
+              event_title: {
+                heading: {
+                  level: "3",
+                },
+                selectedVariants: {
+                  Heading_Level: "H5",
+                },
+              },
+            };
+          }),
+      },
+    },
+  ],
+};