@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -61,22 +61,77 @@ const DEFAULT_CONTENT = {
               event_starts_date: randomStartDate,
               event_ends_date: randomEndDate,
             }),
+        starts_at: randomStartDate,
+        ends_at: randomEndDate,
       };
     }),
+  empty_state: null,
+  empty_state_icon: {
+    kind: "icon",
+    data: {
+      id: "calendar-1",
+      label: "Calendar 1",
+      tags: ["calendar", "custom", "time"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  empty_state_title: "No Events",
+  empty_state_description:
+    "There are no events scheduled for this month. Check back later or select a different month to view upcoming events.",
+  empty_state_cta: "Reset Calendar",
   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",
+  calendar_ctas_levoGroup: null,
+  calendar_ctas: [
+    {
+      calendar_cta: "View all events",
+      calendar_cta_leftIcon: {
+        kind: "icon",
+        data: {
+          id: "export-3",
+          label: "Export 3",
+          tags: ["arrow", "custom", "directional", "export"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13.0004 11.75C12.8104 11.75 12.6204 11.68 12.4704 11.53C12.1804 11.24 12.1804 10.76 12.4704 10.47L20.6704 2.26999C20.9604 1.97999 21.4404 1.97999 21.7304 2.26999C22.0204 2.55999 22.0204 3.03999 21.7304 3.32999L13.5304 11.53C13.3804 11.68 13.1904 11.75 13.0004 11.75Z" fill="currentColor"/>\n<path d="M22.0002 7.55C21.5902 7.55 21.2502 7.21 21.2502 6.8V2.75H17.2002C16.7902 2.75 16.4502 2.41 16.4502 2C16.4502 1.59 16.7902 1.25 17.2002 1.25H22.0002C22.4102 1.25 22.7502 1.59 22.7502 2V6.8C22.7502 7.21 22.4102 7.55 22.0002 7.55Z" fill="currentColor"/>\n<path d="M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H11C11.41 1.25 11.75 1.59 11.75 2C11.75 2.41 11.41 2.75 11 2.75H9C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V13C21.25 12.59 21.59 12.25 22 12.25C22.41 12.25 22.75 12.59 22.75 13V15C22.75 20.43 20.43 22.75 15 22.75Z" fill="currentColor"/>\n</svg>',
+        },
+      },
+    },
+    {
+      calendar_cta: "Search Events",
+      calendar_cta_leftIcon: {
+        kind: "icon",
+        data: {
+          id: "search-normal-1",
+          label: "Search Normal 1",
+          tags: ["custom", "directional", "normal", "search"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.5 21.75C5.85 21.75 1.25 17.15 1.25 11.5C1.25 5.85 5.85 1.25 11.5 1.25C17.15 1.25 21.75 5.85 21.75 11.5C21.75 17.15 17.15 21.75 11.5 21.75ZM11.5 2.75C6.67 2.75 2.75 6.68 2.75 11.5C2.75 16.32 6.67 20.25 11.5 20.25C16.33 20.25 20.25 16.32 20.25 11.5C20.25 6.68 16.33 2.75 11.5 2.75Z" fill="currentColor"/>\n<path d="M22.0004 22.7499C21.8104 22.7499 21.6204 22.6799 21.4704 22.5299L19.4704 20.5299C19.1804 20.2399 19.1804 19.7599 19.4704 19.4699C19.7604 19.1799 20.2404 19.1799 20.5304 19.4699L22.5304 21.4699C22.8204 21.7599 22.8204 22.2399 22.5304 22.5299C22.3804 22.6799 22.1904 22.7499 22.0004 22.7499Z" fill="currentColor"/>\n</svg>',
+        },
+      },
+    },
+  ],
+  empty_state_cta_leftIcon: {
+    kind: "icon",
+    data: {
+      id: "refresh-2",
+      label: "Refresh 2",
+      tags: ["arrow", "custom", "outlined", "refresh"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M22 12C22 17.52 17.52 22 12 22C6.48 22 3.11 16.44 3.11 16.44M3.11 16.44H7.63M3.11 16.44V21.44M2 12C2 6.48 6.44 2 12 2C18.67 2 22 7.56 22 7.56M22 7.56V2.56M22 7.56H17.56" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>',
+    },
+  },
 };
 
 export type ICalendar1Content = typeof DEFAULT_CONTENT;
 
 export const Calendar1: IBlock = {
   category_id: "calendar",
-  title: "Calender 1",
+  title: "Calendar 1",
   key: "calendar-1",
   version: "v1",
   content_schema: [
@@ -136,6 +191,11 @@ export const Calendar1: IBlock = {
           label: "Event Starts Date",
           field_interface: "HeadingWidget",
         },
+        {
+          key: "starts_at",
+          label: "Start Time",
+          field_interface: "TypographyWidget",
+        },
         {
           key: "event_starts_month",
           label: "Event Starts Month",
@@ -156,6 +216,11 @@ export const Calendar1: IBlock = {
           label: "Event Ends Date",
           field_interface: "HeadingWidget",
         },
+        {
+          key: "ends_at",
+          label: "End Time",
+          field_interface: "TypographyWidget",
+        },
         {
           key: "event_ends_month",
           label: "Event Ends Month",
@@ -193,7 +258,31 @@ export const Calendar1: IBlock = {
         },
       ],
     },
-
+    {
+      key: "empty_state",
+      label: "Empty State",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "empty_state_icon",
+      label: "Empty State Icon",
+      field_interface: "IconWidget",
+    },
+    {
+      key: "empty_state_title",
+      label: "Empty State Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "empty_state_description",
+      label: "Empty State Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "empty_state_cta",
+      label: "Reset Calendar CTA",
+      field_interface: "ButtonWidget",
+    },
     {
       key: "calendar_section",
       label: "Calendar Section",
@@ -220,9 +309,17 @@ export const Calendar1: IBlock = {
       field_interface: "BoxWidget",
     },
     {
-      key: "calendar_cta",
-      label: "Calendar Cta",
-      field_interface: "ButtonWidget",
+      key: "calendar_ctas",
+      label: "Calendar CTA Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "calendar_cta",
+          label: "Calendar Cta",
+          field_interface: "ButtonWidget",
+        },
+      ],
     },
   ],
   layouts: [
@@ -230,27 +327,8 @@ export const Calendar1: IBlock = {
       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",
-          },
-        },
+        layout: {},
         container: {
-          width: "100%",
           display: "flex",
           "flex-direction": "column",
           "row-gap": "xl",
@@ -291,124 +369,157 @@ export const Calendar1: IBlock = {
         },
         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",
-                },
+          .map((v) => ({
+            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,
               },
-              event_starts: {
-                display: "flex",
+              mobile: {
                 "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,
+                "row-gap": "md",
               },
-              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_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_description: {
-                "font-weight": 500,
-                mobile: {
-                  "font-size": "sm",
-                },
+            },
+            event_to: {
+              "font-weight": 600,
+              "margin-top": "4xs",
+              "margin-bottom": "4xs",
+              mobile: {
+                "padding-right": "none",
+                "margin-right": "xs",
               },
-              event_content: {
-                "align-self": "center",
-                width: "100%",
-                display: "flex",
-                "flex-direction": "column",
-                "row-gap": "md",
+            },
+            event_starts: {
+              display: "flex",
+              "flex-direction": "column",
+              "margin-bottom": "3xs",
+              mobile: {
+                "margin-bottom": "none",
+                "align-items": "flex-start",
               },
-              event_category: {
-                "font-weight": 800,
-                color: "brand",
+            },
+            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_sub_content: {
-                display: "flex",
-                "flex-direction": "column",
-                "row-gap": "2xs",
+            },
+            event_description: {
+              "font-weight": 500,
+            },
+            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",
               },
-              event_ends: {
-                display: "flex",
-                "flex-direction": "column",
-                "margin-bottom": "3xs",
-                mobile: {
-                  "margin-bottom": "none",
-                  "align-items": "flex-start",
-                },
-              },
-            };
-          }),
+            },
+            event_title: {
+              "font-weight": 800,
+            },
+          })),
+        empty_state: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "text-align": "center",
+          "padding-top": "64px",
+          "padding-right": "32px",
+          "padding-bottom": "64px",
+          "padding-left": "32px",
+          "min-height": "300px",
+          width: "100%",
+        },
+        empty_state_icon: {
+          "font-size": "64px",
+          "margin-bottom": "24px",
+          opacity: 0.3,
+        },
+        empty_state_title: {
+          "font-size": "24px",
+          "font-weight": 600,
+          "margin-bottom": "16px",
+        },
+        empty_state_description: {
+          "font-size": "16px",
+          opacity: 0.7,
+          "max-width": "400px",
+          "line-height": 1.6,
+          "margin-bottom": "24px",
+        },
+        empty_state_cta: {
+          "text-decoration": "none",
+          display: "flex",
+          "column-gap": "xs",
+        },
         calendar_section: {
           width: "100%",
           display: "flex",
@@ -448,7 +559,19 @@ export const Calendar1: IBlock = {
           "border-width": "1px",
           "border-color": "oklch(0.9401 0 0)",
         },
-        calendar_cta: {},
+        calendar_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xs",
+        },
+        calendar_ctas: Array(2)
+          .fill(0)
+          .map(() => ({
+            calendar_cta: {
+              display: "flex",
+              "column-gap": "xs",
+            },
+          })),
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -470,7 +593,7 @@ export const Calendar1: IBlock = {
             level: "3",
           },
           selectedVariants: {
-            Heading_Level: "H5",
+            Heading_Level: "H4",
           },
         },
         calendar_description: {
@@ -480,57 +603,105 @@ export const Calendar1: IBlock = {
         },
         listing_section: Array(ITEMS_COUNT)
           .fill(0)
-          .map(() => {
-            return {
-              event_to: {
-                selectedVariants: {
-                  Typography_Variants: "Small",
-                },
+          .map((v) => ({
+            event_to: {
+              selectedVariants: {
+                Typography_Variants: "Small",
               },
-              event_ends_month: {
-                selectedVariants: {
-                  Typography_Variants: "Body",
-                },
+            },
+            event_ends_month: {
+              selectedVariants: {
+                Typography_Variants: "Body",
               },
-              event_starts_month: {
-                selectedVariants: {
-                  Typography_Variants: "Body",
-                },
+            },
+            event_starts_month: {
+              selectedVariants: {
+                Typography_Variants: "Body",
               },
-              event_starts_date: {
-                selectedVariants: {
-                  Heading_Level: "H2",
-                },
-                heading: {
-                  level: "4",
-                },
+            },
+            event_starts_date: {
+              selectedVariants: {
+                Heading_Level: "H2",
               },
-              event_ends_date: {
-                selectedVariants: {
-                  Heading_Level: "H2",
-                },
-                heading: {
-                  level: "4",
-                },
+              heading: {
+                level: "4",
               },
-              event_category: {
-                heading: {
-                  level: "4",
-                },
-                selectedVariants: {
-                  Heading_Level: "H6",
-                },
+            },
+            event_ends_date: {
+              selectedVariants: {
+                Heading_Level: "H2",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            event_category: {
+              heading: {
+                level: "4",
               },
-              event_title: {
-                heading: {
-                  level: "3",
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            event_title: {
+              heading: {
+                level: "3",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            event_description: {
+              selectedVariants: {},
+            },
+          })),
+        empty_state_title: {
+          heading: {
+            level: "3",
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        empty_state_description: {
+          selectedVariants: {
+            Typography_Variants: "Body",
+          },
+        },
+        empty_state_cta: {
+          selectedVariants: {
+            Button_Variants: "Link",
+          },
+          button_icons: {
+            left: {
+              enabled: true,
+            },
+          },
+        },
+        calendar_ctas: [
+          {
+            calendar_cta: {
+              selectedVariants: {},
+              button_icons: {
+                left: {
+                  enabled: true,
                 },
-                selectedVariants: {
-                  Heading_Level: "H5",
+              },
+            },
+          },
+          {
+            calendar_cta: {
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
+              button_icons: {
+                left: {
+                  enabled: true,
                 },
               },
-            };
-          }),
+            },
+          },
+        ],
       },
     },
   ],