@dcodegroup-au/page-builder 0.5.6 → 0.5.7

package/dist/page-builder.umd.js

@@ -5,14 +5,14 @@
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-  const _hoisted_1$jF = {
+  const _hoisted_1$jG = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iX(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jF, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jG, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -22,14 +22,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]));
   }
   const ChevronRight = { render: render$iX };
-  const _hoisted_1$jE = {
+  const _hoisted_1$jF = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iW(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jE, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jF, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -46,19 +46,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return target;
   };
-  const _sfc_main$O = {};
+  const _sfc_main$P = {};
   function _sfc_render$1(_ctx, _cache) {
     return _cache[0] || (_cache[0] = vue.createStaticVNode('<div class="text-lg pb-6 font-semibold text-gray-900 border-b border-gray-200">Instruction</div><div class="flex flex-col gap-3 py-6 text-gray-600"><div class="font-semibold text-gray-900">Modules</div><p>Modules are fixed and for internal reference only, and admin users cannot make the following changes:</p><ul class="list-inside list-disc pl-3"><li>Edit the title of any module (e.g., &quot;Hero header&quot;).</li><li>Change the order of the modules.</li><li>Add new module.</li></ul><p>For any changes at the module level, please contact the development team.</p></div><div class="flex flex-col gap-3 py-6 text-gray-600"><div class="font-semibold text-gray-900">Edit sub-modules or edit nested items</div><p>Click any sub-module to edit its settings and any nested items within it.</p></div>', 3));
   }
-  const Instructions = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$1]]);
-  const _hoisted_1$jD = {
+  const Instructions = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$1]]);
+  const _hoisted_1$jE = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iV(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jD, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jE, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -183,14 +183,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       ...overrides || {}
     };
   }
-  const _hoisted_1$jC = {
+  const _hoisted_1$jD = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iU(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jC, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jD, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -200,14 +200,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]));
   }
   const DotsHorizontal = { render: render$iU };
-  const _hoisted_1$jB = {
+  const _hoisted_1$jC = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iT(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jB, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jC, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -217,14 +217,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]));
   }
   const TrashICon = { render: render$iT };
-  const _hoisted_1$jA = {
+  const _hoisted_1$jB = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iS(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jA, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jB, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -247,7 +247,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       document.removeEventListener("click", el.clickOutsideEvent);
     }
   };
-  const _hoisted_1$jz = { class: "relative z-50" };
+  const _hoisted_1$jA = { class: "relative z-50" };
   const _hoisted_2$G = {
     key: 0,
     class: "absolute -left-60 top-6 w-[240px] rounded-lg border border-gray-200 bg-white text-sm"
@@ -257,7 +257,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       clickOutside: useClickOutside
     }
   };
-  const _sfc_main$N = /* @__PURE__ */ Object.assign(__default__$1, {
+  const _sfc_main$O = /* @__PURE__ */ Object.assign(__default__$1, {
     __name: "ActionMenu",
     props: {
       enableEdit: {
@@ -285,7 +285,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       return (_ctx, _cache) => {
         const _directive_click_outside = vue.resolveDirective("click-outside");
-        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jz, [
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jA, [
           vue.createElementVNode("div", {
             class: "cursor-pointer text-gray-600 rounded-full hover:bg-gray-50 p-2.5 block",
             onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
@@ -315,14 +315,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$jy = {
+  const _hoisted_1$jz = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iR(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jy, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jz, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -332,19 +332,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]));
   }
   const CloseIcon = { render: render$iR };
-  const _hoisted_1$jx = {
+  const _hoisted_1$jy = {
     key: 0,
     class: "fixed min-w-[400px] left-1/2 top-1/2 z-50 flex max-h-screen -translate-x-1/2 -translate-y-1/2 transform flex-col rounded-xl border-tertiary-500 bg-white"
   };
   const _hoisted_2$F = { class: "p-6 flex justify-between flex-col" };
   const _hoisted_3$x = { class: "flex justify-between" };
   const _hoisted_4$t = { class: "p-2 rounded-full border-8 border-error-50 bg-error-100 text-error-600" };
-  const _hoisted_5$q = { class: "text-lg font-semibold text-gray-900 pb-2 pt-4" };
+  const _hoisted_5$r = { class: "text-lg font-semibold text-gray-900 pb-2 pt-4" };
   const _hoisted_6$o = { class: "text-sm text-gray-600 pb-4" };
-  const _hoisted_7$n = { class: "flex justify-between space-x-xsSpace pt-xsSpace gap-4" };
-  const _hoisted_8$l = ["textContent"];
-  const _hoisted_9$k = ["textContent"];
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_7$o = { class: "flex justify-between space-x-xsSpace pt-xsSpace gap-4" };
+  const _hoisted_8$m = ["textContent"];
+  const _hoisted_9$l = ["textContent"];
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     __name: "Modal",
     props: {
       entity: {
@@ -394,7 +394,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }, [
           vue.createVNode(vue.Transition, { name: "fade" }, {
             default: vue.withCtx(() => [
-              isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jx, [
+              isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jy, [
                 vue.renderSlot(_ctx.$slots, "default", {}, () => [
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["relative min-h-[260px] overflow-y-auto flex", { "overflow-y-visible": !_ctx.scrollable }])
@@ -410,20 +410,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                             onClick: close
                           })
                         ]),
-                        vue.createElementVNode("h4", _hoisted_5$q, "Delete this " + vue.toDisplayString(__props.entity) + "?", 1),
+                        vue.createElementVNode("h4", _hoisted_5$r, "Delete this " + vue.toDisplayString(__props.entity) + "?", 1),
                         vue.createElementVNode("p", _hoisted_6$o, "Do you want to delete this " + vue.toDisplayString(__props.entity) + "? This action cannot be undone.", 1)
                       ]),
-                      vue.createElementVNode("div", _hoisted_7$n, [
+                      vue.createElementVNode("div", _hoisted_7$o, [
                         vue.createElementVNode("a", {
                           onClick: close,
                           class: "w-1/2 py-[9px] rounded-full border border-gray-300 shadow-xs text-md font-semibold hover:bg-gray-100 text-gray-700 text-center cursor-pointer",
                           textContent: vue.toDisplayString(cancelButton.value)
-                        }, null, 8, _hoisted_8$l),
+                        }, null, 8, _hoisted_8$m),
                         vue.createElementVNode("a", {
                           onClick: vue.withModifiers(confirm, ["prevent"]),
                           class: "w-1/2 py-[9px] rounded-full shadow-xs text-md font-semibold text-white bg-error-600 hover:bg-error-700 border border-error-600 text-center cursor-pointer",
                           textContent: vue.toDisplayString(confirmButton.value)
-                        }, null, 8, _hoisted_9$k)
+                        }, null, 8, _hoisted_9$l)
                       ])
                     ])
                   ], 2)
@@ -436,27 +436,27 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const VModal = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-fbfbcd3a"]]);
-  const _hoisted_1$jw = { class: "rounded-xl bg-gray-50 px-6 py-5" };
+  const VModal = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-fbfbcd3a"]]);
+  const _hoisted_1$jx = { class: "rounded-xl bg-gray-50 px-6 py-5" };
   const _hoisted_2$E = { class: "flex justify-between pb-2" };
   const _hoisted_3$w = { class: "text-lg font-semibold text-gray-900" };
   const _hoisted_4$s = { class: "flex flex-col gap-4" };
-  const _hoisted_5$p = {
+  const _hoisted_5$q = {
     key: 0,
     class: "text-gray-600 border-b border-gray-200 pb-4 text-sm"
   };
   const _hoisted_6$n = { class: "flex flex-col gap-3" };
-  const _hoisted_7$m = { class: "flex justify-between" };
-  const _hoisted_8$k = { class: "flex flex-col gap-1" };
-  const _hoisted_9$j = { class: "font-semibold text-gray-900" };
-  const _hoisted_10$f = { class: "text-sm text-gray-600" };
+  const _hoisted_7$n = { class: "flex justify-between" };
+  const _hoisted_8$l = { class: "flex flex-col gap-1" };
+  const _hoisted_9$k = { class: "font-semibold text-gray-900" };
+  const _hoisted_10$g = { class: "text-sm text-gray-600" };
   const _hoisted_11$e = ["disabled"];
   const _hoisted_12$c = { class: "flex flex-col gap-3" };
   const _hoisted_13$7 = ["onClick"];
   const _hoisted_14$7 = ["onClick"];
-  const _hoisted_15$7 = { class: "text-xs text-gray-600" };
+  const _hoisted_15$6 = { class: "text-xs text-gray-600" };
   const _hoisted_16$4 = { class: "text-sm font-medium text-gray-900" };
-  const _sfc_main$L = {
+  const _sfc_main$M = {
     __name: "Items",
     props: {
       ...defaultProps
@@ -505,17 +505,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          vue.createElementVNode("div", _hoisted_1$jw, [
+          vue.createElementVNode("div", _hoisted_1$jx, [
             vue.createElementVNode("div", _hoisted_2$E, [
               vue.createElementVNode("p", _hoisted_3$w, vue.toDisplayString(dataRef.value.name), 1)
             ]),
             vue.createElementVNode("div", _hoisted_4$s, [
-              dataRef.value.hasOwnProperty("supportive_text") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$p, vue.toDisplayString(dataRef.value.supportive_text), 1)) : vue.createCommentVNode("", true),
+              dataRef.value.hasOwnProperty("supportive_text") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$q, vue.toDisplayString(dataRef.value.supportive_text), 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_6$n, [
-                vue.createElementVNode("div", _hoisted_7$m, [
-                  vue.createElementVNode("div", _hoisted_8$k, [
-                    vue.createElementVNode("div", _hoisted_9$j, vue.toDisplayString(vue.unref(parseName)(vue.unref(type))), 1),
-                    vue.createElementVNode("div", _hoisted_10$f, "This " + vue.toDisplayString(vue.unref(singularize)(vue.unref(type))) + " can contain up to " + vue.toDisplayString(dataRef.value.max_items) + " " + vue.toDisplayString(vue.unref(parseName)(vue.unref(type), false)), 1)
+                vue.createElementVNode("div", _hoisted_7$n, [
+                  vue.createElementVNode("div", _hoisted_8$l, [
+                    vue.createElementVNode("div", _hoisted_9$k, vue.toDisplayString(vue.unref(parseName)(vue.unref(type))), 1),
+                    vue.createElementVNode("div", _hoisted_10$g, "This " + vue.toDisplayString(vue.unref(singularize)(vue.unref(type))) + " can contain up to " + vue.toDisplayString(dataRef.value.max_items) + " " + vue.toDisplayString(vue.unref(parseName)(vue.unref(type), false)), 1)
                   ]),
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("button", {
@@ -544,10 +544,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                           class: "flex flex-1 flex-col cursor-pointer",
                           onClick: ($event) => edit(item, index)
                         }, [
-                          vue.createElementVNode("div", _hoisted_15$7, vue.toDisplayString(vue.unref(singularize)(vue.unref(parseName)(vue.unref(type)))) + " #" + vue.toDisplayString(index + 1), 1),
+                          vue.createElementVNode("div", _hoisted_15$6, vue.toDisplayString(vue.unref(singularize)(vue.unref(parseName)(vue.unref(type)))) + " #" + vue.toDisplayString(index + 1), 1),
                           vue.createElementVNode("div", _hoisted_16$4, vue.toDisplayString(item.title), 1)
                         ], 8, _hoisted_14$7),
-                        vue.createVNode(_sfc_main$N, {
+                        vue.createVNode(_sfc_main$O, {
                           onRemoveItem: ($event) => handleDeleteItem(index),
                           "enable-edit": true,
                           onEditItem: ($event) => edit(item, index)
@@ -569,7 +569,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   };
-  const _hoisted_1$jv = ["for"];
+  const _hoisted_1$jw = ["for"];
   const _hoisted_2$D = {
     key: 0,
     class: "v-field-label inline-block mb-2"
@@ -579,11 +579,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "absolute right-0 -bottom-6 text-sm text-gray-600 font-normal"
   };
-  const _hoisted_5$o = {
+  const _hoisted_5$p = {
     key: 2,
     class: "absolute left-0 -bottom-6 text-sm text-gray-600 font-normal"
   };
-  const _sfc_main$K = {
+  const _sfc_main$L = {
     __name: "InputWrapper",
     props: {
       field: {
@@ -630,8 +630,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ])) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default"),
           __props.limit ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$r, vue.toDisplayString((_a = __props.value) == null ? void 0 : _a.length) + "/" + vue.toDisplayString(__props.limit) + " characters ", 1)) : vue.createCommentVNode("", true),
-          __props.showCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$o, " Word count: " + vue.toDisplayString(__props.value), 1)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$jv);
+          __props.showCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$p, " Word count: " + vue.toDisplayString(__props.value), 1)) : vue.createCommentVNode("", true)
+        ], 8, _hoisted_1$jw);
       };
     }
   };
@@ -11670,14 +11670,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   var dropzoneExports = requireDropzone();
   const Dropzone = /* @__PURE__ */ getDefaultExportFromCjs(dropzoneExports);
-  const _hoisted_1$ju = {
+  const _hoisted_1$jv = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24"
   };
   function render$iQ(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$ju, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$jv, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
@@ -11687,25 +11687,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]));
   }
   const UploadCloud = { render: render$iQ };
-  const _hoisted_1$jt = { class: "file-upload" };
+  const _hoisted_1$ju = { class: "file-upload" };
   const _hoisted_2$C = ["name", "value"];
   const _hoisted_3$u = {
     key: 0,
     class: "preview"
   };
   const _hoisted_4$q = { class: "file-upload-preview" };
-  const _hoisted_5$n = ["src"];
+  const _hoisted_5$o = ["src"];
   const _hoisted_6$m = {
     key: 1,
     class: "preview"
   };
-  const _hoisted_7$l = { class: "file-upload-preview" };
-  const _hoisted_8$j = ["src", "title"];
-  const _hoisted_9$i = ["href"];
-  const _hoisted_10$e = { class: "file-upload-title" };
+  const _hoisted_7$m = { class: "file-upload-preview" };
+  const _hoisted_8$k = ["src", "title"];
+  const _hoisted_9$j = ["href"];
+  const _hoisted_10$f = { class: "file-upload-title" };
   const _hoisted_11$d = { class: "file-upload-file-remove" };
   const _hoisted_12$b = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 p-4 rounded-lg flex flex-col justify-center items-center w-full" };
-  const _sfc_main$J = {
+  const _sfc_main$K = {
     __name: "FileUpload",
     props: {
       name: {
@@ -11779,7 +11779,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         file.value = props.modelValue;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jt, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$ju, [
           vue.createElementVNode("input", {
             type: "hidden",
             name: __props.name,
@@ -11792,24 +11792,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 class: "img rounded-lg h-[200px] object-contain",
                 src: __props.modelValue,
                 title: "Image"
-              }, null, 8, _hoisted_5$n)
+              }, null, 8, _hoisted_5$o)
             ])
           ])) : file.value && file.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$m, [
-            vue.createElementVNode("span", _hoisted_7$l, [
+            vue.createElementVNode("span", _hoisted_7$m, [
               isImage(file.value.mime_type) ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 class: "img",
                 src: file.value.url,
                 title: file.value.file_name
-              }, null, 8, _hoisted_8$j)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_8$k)) : vue.createCommentVNode("", true)
             ]),
             vue.createElementVNode("a", {
               href: file.value.url,
               target: "_blank",
               class: "link"
             }, [
-              vue.createElementVNode("div", _hoisted_10$e, vue.toDisplayString(file.value.file_name), 1)
-            ], 8, _hoisted_9$i),
+              vue.createElementVNode("div", _hoisted_10$f, vue.toDisplayString(file.value.file_name), 1)
+            ], 8, _hoisted_9$j),
             vue.createElementVNode("a", _hoisted_11$d, [
               vue.createElementVNode("i", {
                 class: "fal fa-times",
@@ -11844,13 +11844,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   };
-  const _hoisted_1$js = { class: "flex items-center gap-2" };
+  const _hoisted_1$jt = { class: "flex items-center gap-2" };
   const _hoisted_2$B = ["aria-checked"];
   const _hoisted_3$t = {
     key: 0,
     class: "text-sm text-gray-700 font-medium"
   };
-  const _sfc_main$I = {
+  const _sfc_main$J = {
     __name: "Toggle",
     props: {
       modelValue: {
@@ -11885,7 +11885,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("update:modelValue", !props.modelValue);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$js, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jt, [
           vue.createElementVNode("button", {
             type: "button",
             class: vue.normalizeClass(["relative inline-flex h-5 w-10 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-100 transition-colors duration-200 ease-in-out", classes.value]),
@@ -11908,9 +11908,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   };
-  const _hoisted_1$jr = { class: "flex flex-col gap-2" };
+  const _hoisted_1$js = { class: "flex flex-col gap-2" };
   const _hoisted_2$A = ["value"];
-  const _sfc_main$H = {
+  const _sfc_main$I = {
     __name: "SiteContent",
     props: /* @__PURE__ */ vue.mergeModels({
       sites: { type: Object, required: true },
@@ -11923,7 +11923,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     setup(__props) {
       const url = vue.useModel(__props, "url");
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jr, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$js, [
           _cache[1] || (_cache[1] = vue.createElementVNode("label", { class: "text-sm font-medium text-gray-700" }, "Select a page from the site*", -1)),
           vue.withDirectives(vue.createElementVNode("select", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
@@ -11941,7 +11941,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   };
-  const _sfc_main$G = {
+  const _sfc_main$H = {
     __name: "ExternalPage",
     props: {
       "url": {},
@@ -11951,7 +11951,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     setup(__props) {
       const url = vue.useModel(__props, "url");
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$K, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$L, {
           "is-vertical": "",
           field: "title",
           "label-text": "URL *",
@@ -11973,24 +11973,59 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   };
+  const _hoisted_1$jr = { class: "flex flex-col gap-2" };
+  const _hoisted_2$z = ["value"];
+  const _sfc_main$G = {
+    __name: "ItemSelect",
+    props: /* @__PURE__ */ vue.mergeModels({
+      items: { type: Object, required: true },
+      errors: { type: Object, required: false, default: () => ({}) }
+    }, {
+      "url": {},
+      "urlModifiers": {}
+    }),
+    emits: ["update:url"],
+    setup(__props) {
+      const url = vue.useModel(__props, "url");
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jr, [
+          _cache[1] || (_cache[1] = vue.createElementVNode("label", { class: "text-sm font-medium text-gray-700" }, "Select an item*", -1)),
+          vue.withDirectives(vue.createElementVNode("select", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
+            name: "url"
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
+              return vue.openBlock(), vue.createElementBlock("option", {
+                value: item.value
+              }, vue.toDisplayString(item.name), 9, _hoisted_2$z);
+            }), 256))
+          ], 512), [
+            [vue.vModelSelect, url.value]
+          ])
+        ]);
+      };
+    }
+  };
   const _hoisted_1$jq = { class: "flex flex-col gap-5" };
-  const _hoisted_2$z = {
+  const _hoisted_2$y = {
     key: 0,
     class: "text-sm text-gray-700 font-medium py-2"
   };
   const _hoisted_3$s = { class: "text-sm flex items-center gap-6 font-medium text-gray-700" };
   const _hoisted_4$p = { class: "flex items-center gap-2 cursor-pointer" };
-  const _hoisted_5$m = ["name", "value", "disabled"];
+  const _hoisted_5$n = ["name", "value"];
   const _hoisted_6$l = { class: "flex flex-col gap-2" };
-  const _hoisted_7$k = ["value"];
-  const _hoisted_8$i = { class: "flex items-center gap-2" };
+  const _hoisted_7$l = ["value"];
+  const _hoisted_8$j = { class: "flex items-center gap-2" };
   const _sfc_main$F = {
     __name: "LinkedTo",
     props: /* @__PURE__ */ vue.mergeModels({
       label: { type: String, required: false },
-      sites: { type: Array, required: true },
+      sites: { type: Array, required: false, default: () => [] },
+      // Todo refactor sites to items as generic usage
+      forms: { type: Array, required: false, default: () => [] },
       name: { type: String, required: true },
-      options: { type: Array, required: false, default: ["site-content", "external-page", "download"] }
+      options: { type: Array, required: false, default: ["site-content", "external-page", "download", "form"] }
     }, {
       "type": { default: "site-content" },
       "typeModifiers": {},
@@ -12001,7 +12036,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }),
     emits: ["update:type", "update:url", "update:openInNewTab"],
     setup(__props) {
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const type = vue.useModel(__props, "type");
       const url = vue.useModel(__props, "url");
       const openInNewTab = vue.useModel(__props, "openInNewTab");
@@ -12010,16 +12045,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       const getComponentByType = (type2) => {
         const components = {
-          "site-content": _sfc_main$H,
-          "external-page": _sfc_main$G,
-          "download": VFileUpload
+          "site-content": _sfc_main$I,
+          "external-page": _sfc_main$H,
+          "download": VFileUpload,
+          "form": _sfc_main$G
         };
         return components[type2] || null;
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jq, [
           vue.createElementVNode("div", null, [
-            __props.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$z, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+            __props.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$y, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_3$s, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
                 return vue.openBlock(), vue.createElementBlock("label", _hoisted_4$p, [
@@ -12028,9 +12064,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     type: "radio",
                     value: option,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => type.value = $event),
-                    class: "checked:bg-brand-600 hover:bg-brand-600 checked:hover:bg-brand-600 focus:bg-brand-600 focus:ring-brand-600 focus:checked:bg-brand-600 rounded-full",
-                    disabled: option === "form"
-                  }, null, 8, _hoisted_5$m), [
+                    class: "checked:bg-brand-600 hover:bg-brand-600 checked:hover:bg-brand-600 focus:bg-brand-600 focus:ring-brand-600 focus:checked:bg-brand-600 rounded-full"
+                  }, null, 8, _hoisted_5$n), [
                     [vue.vModelRadio, type.value]
                   ]),
                   vue.createElementVNode("span", null, vue.toDisplayString(toReadableWords(option)), 1)
@@ -12042,22 +12077,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponentByType(type.value)), {
               url: url.value,
               "onUpdate:url": _cache[1] || (_cache[1] = ($event) => url.value = $event),
-              modelValue: url.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => url.value = $event),
-              sites: __props.sites
-            }, null, 40, ["url", "modelValue", "sites"])),
+              sites: __props.sites,
+              items: __props.forms
+            }, null, 40, ["url", "sites", "items"])),
             vue.createElementVNode("input", {
               type: "hidden",
               name: "url",
               value: url.value
-            }, null, 8, _hoisted_7$k)
+            }, null, 8, _hoisted_7$l)
           ]),
-          vue.createElementVNode("div", _hoisted_8$i, [
-            vue.createVNode(_sfc_main$I, {
+          vue.createElementVNode("div", _hoisted_8$j, [
+            vue.createVNode(_sfc_main$J, {
               class: "mb-1",
               name: "open_in_new_tab",
               modelValue: openInNewTab.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => openInNewTab.value = $event),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => openInNewTab.value = $event),
               title: "Open in a new tab"
             }, null, 8, ["modelValue"])
           ])
@@ -12069,7 +12103,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "pb-5"
   };
-  const _hoisted_2$y = { class: "text-lg font-semibold text-gray-900" };
+  const _hoisted_2$x = { class: "text-lg font-semibold text-gray-900" };
   const _hoisted_3$r = {
     key: 0,
     class: "text-sm text-gray-600"
@@ -12096,7 +12130,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass(["rounded-xl px-6 py-5", __props.classes])
         }, [
           __props.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$jp, [
-            vue.createElementVNode("div", _hoisted_2$y, vue.toDisplayString(__props.title), 1),
+            vue.createElementVNode("div", _hoisted_2$x, vue.toDisplayString(__props.title), 1),
             __props.supporting_text ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$r, vue.toDisplayString(__props.supporting_text), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
@@ -33885,15 +33919,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   const iconsData = /* @__PURE__ */ JSON.parse('[{"name":"ActivityHeart"},{"name":"Activity"},{"name":"Airplay"},{"name":"Airpods"},{"name":"AlarmClockCheck"},{"name":"AlarmClockMinus"},{"name":"AlarmClockOff"},{"name":"AlarmClockPlus"},{"name":"AlarmClock"},{"name":"AlertCircle"},{"name":"AlertHexagon"},{"name":"AlertOctagon"},{"name":"AlertSquare"},{"name":"AlertTriangle"},{"name":"AlignBottom01"},{"name":"AlignBottom02"},{"name":"AlignCenter"},{"name":"AlignHorizontalCentre01"},{"name":"AlignHorizontalCentre02"},{"name":"AlignJustify"},{"name":"AlignLeft01"},{"name":"AlignLeft02"},{"name":"AlignLeft"},{"name":"AlignRight01"},{"name":"AlignRight02"},{"name":"AlignRight"},{"name":"AlignTop01"},{"name":"AlignTop02"},{"name":"AlignVerticalCenter01"},{"name":"AlignVerticalCenter02"},{"name":"Anchor"},{"name":"AnnotationAlert"},{"name":"AnnotationCheck"},{"name":"AnnotationDots"},{"name":"AnnotationHeart"},{"name":"AnnotationInfo"},{"name":"AnnotationPlus"},{"name":"AnnotationQuestion"},{"name":"AnnotationX"},{"name":"Annotation"},{"name":"Announcement01"},{"name":"Announcement02"},{"name":"Announcement03"},{"name":"Archive"},{"name":"ArrowBlockDown"},{"name":"ArrowBlockLeft"},{"name":"ArrowBlockRight"},{"name":"ArrowBlockUp"},{"name":"ArrowCircleBrokenDownLeft"},{"name":"ArrowCircleBrokenDownRight"},{"name":"ArrowCircleBrokenDown"},{"name":"ArrowCircleBrokenLeft"},{"name":"ArrowCircleBrokenRight"},{"name":"ArrowCircleBrokenUpLeft"},{"name":"ArrowCircleBrokenUpRight"},{"name":"ArrowCircleBrokenUp"},{"name":"ArrowCircleDownLeft"},{"name":"ArrowCircleDownRight"},{"name":"ArrowCircleDown"},{"name":"ArrowCircleLeft"},{"name":"ArrowCircleRight"},{"name":"ArrowCircleUpLeft"},{"name":"ArrowCircleUpRight"},{"name":"ArrowCircleUp"},{"name":"ArrowDownLeft"},{"name":"ArrowDownRight"},{"name":"ArrowDown"},{"name":"ArrowLeft"},{"name":"ArrowNarrowDownLeft"},{"name":"ArrowNarrowDownRight"},{"name":"ArrowNarrowDown"},{"name":"ArrowNarrowLeft"},{"name":"ArrowNarrowRight"},{"name":"ArrowNarrowUpLeft"},{"name":"ArrowNarrowUpRight"},{"name":"ArrowNarrowUp"},{"name":"ArrowRight"},{"name":"ArrowSquareDownLeft"},{"name":"ArrowSquareDownRight"},{"name":"ArrowSquareDown"},{"name":"ArrowSquareLeft"},{"name":"ArrowSquareRight"},{"name":"ArrowSquareUpLeft"},{"name":"ArrowSquareUpRight"},{"name":"ArrowSquareUp"},{"name":"ArrowUpLeft"},{"name":"ArrowUpRight"},{"name":"ArrowUp"},{"name":"ArrowsDown"},{"name":"ArrowsLeft"},{"name":"ArrowsRight"},{"name":"ArrowsTriangle"},{"name":"ArrowsUp"},{"name":"Asterisk01"},{"name":"Asterisk02"},{"name":"AtSign"},{"name":"Atom01"},{"name":"Atom02"},{"name":"Attachment01"},{"name":"Attachment02"},{"name":"Award01"},{"name":"Award02"},{"name":"Award03"},{"name":"Award04"},{"name":"Award05"},{"name":"Backpack"},{"name":"BankNote01"},{"name":"BankNote02"},{"name":"BankNote03"},{"name":"Bank"},{"name":"BarChart01"},{"name":"BarChart02"},{"name":"BarChart03"},{"name":"BarChart04"},{"name":"BarChart05"},{"name":"BarChart06"},{"name":"BarChart07"},{"name":"BarChart08"},{"name":"BarChart09"},{"name":"BarChart10"},{"name":"BarChart11"},{"name":"BarChart12"},{"name":"BarChartCircle01"},{"name":"BarChartCircle02"},{"name":"BarChartCircle03"},{"name":"BarChartSquare01"},{"name":"BarChartSquare02"},{"name":"BarChartSquare03"},{"name":"BarChartSquareDown"},{"name":"BarChartSquareMinus"},{"name":"BarChartSquarePlus"},{"name":"BarChartSquareUp"},{"name":"BarLineChart"},{"name":"BatteryCharging01"},{"name":"BatteryCharging02"},{"name":"BatteryEmpty"},{"name":"BatteryFull"},{"name":"BatteryLow"},{"name":"BatteryMid"},{"name":"Beaker01"},{"name":"Beaker02"},{"name":"Bell01"},{"name":"Bell02"},{"name":"Bell03"},{"name":"Bell04"},{"name":"BellMinus"},{"name":"BellOff01"},{"name":"BellOff02"},{"name":"BellOff03"},{"name":"BellPlus"},{"name":"BellRinging01"},{"name":"BellRinging02"},{"name":"BellRinging03"},{"name":"BellRinging04"},{"name":"BezierCurve01"},{"name":"BezierCurve02"},{"name":"BezierCurve03"},{"name":"BluetoothConnect"},{"name":"BluetoothOff"},{"name":"BluetoothOn"},{"name":"BluetoothSignal"},{"name":"Bold01"},{"name":"Bold02"},{"name":"BoldSquare"},{"name":"BookClosed"},{"name":"BookOpen01"},{"name":"BookOpen02"},{"name":"BookmarkAdd"},{"name":"BookmarkCheck"},{"name":"BookmarkMinus"},{"name":"BookmarkX"},{"name":"Bookmark"},{"name":"Box"},{"name":"BracketsCheck"},{"name":"BracketsEllipses"},{"name":"BracketsMinus"},{"name":"BracketsPlus"},{"name":"BracketsSlash"},{"name":"BracketsX"},{"name":"Brackets"},{"name":"Briefcase01"},{"name":"Briefcase02"},{"name":"Browser"},{"name":"Brush01"},{"name":"Brush02"},{"name":"Brush03"},{"name":"Building01"},{"name":"Building02"},{"name":"Building03"},{"name":"Building04"},{"name":"Building05"},{"name":"Building06"},{"name":"Building07"},{"name":"Building08"},{"name":"Bus"},{"name":"Calculator"},{"name":"CalendarCheck01"},{"name":"CalendarCheck02"},{"name":"CalendarDate"},{"name":"CalendarHeart01"},{"name":"CalendarHeart02"},{"name":"CalendarMinus01"},{"name":"CalendarMinus02"},{"name":"CalendarPlus01"},{"name":"CalendarPlus02"},{"name":"Calendar"},{"name":"Camera01"},{"name":"Camera02"},{"name":"Camera03"},{"name":"CameraLens"},{"name":"CameraOff"},{"name":"CameraPlus"},{"name":"Car01"},{"name":"Car02"},{"name":"Certificate01"},{"name":"Certificate02"},{"name":"ChartBreakoutCircle"},{"name":"ChartBreakoutSquare"},{"name":"CheckCircleBroken"},{"name":"CheckCircle"},{"name":"CheckDone01"},{"name":"CheckDone02"},{"name":"CheckHeart"},{"name":"CheckSquareBroken"},{"name":"CheckSquare"},{"name":"CheckVerified01"},{"name":"CheckVerified02"},{"name":"CheckVerified03"},{"name":"Check"},{"name":"ChevronDownDouble"},{"name":"ChevronDown"},{"name":"ChevronLeftDouble"},{"name":"ChevronLeft"},{"name":"ChevronRightDouble"},{"name":"ChevronRight"},{"name":"ChevronSelectorHorizontal"},{"name":"ChevronSelectorVertical"},{"name":"ChevronUpDouble"},{"name":"ChevronUp"},{"name":"ChromeCast"},{"name":"CircleCut"},{"name":"Circle"},{"name":"Clapperboard"},{"name":"ClipboardAttachment"},{"name":"ClipboardCheck"},{"name":"ClipboardDownload"},{"name":"ClipboardMinus"},{"name":"ClipboardPlus"},{"name":"ClipboardX"},{"name":"Clipboard"},{"name":"ClockCheck"},{"name":"ClockFastForward"},{"name":"ClockPlus"},{"name":"ClockRefresh"},{"name":"ClockRewind"},{"name":"ClockSnooze"},{"name":"ClockStopwatch"},{"name":"Clock"},{"name":"Cloud01"},{"name":"Cloud02"},{"name":"Cloud03"},{"name":"CloudBlank01"},{"name":"CloudBlank02"},{"name":"CloudLightning"},{"name":"CloudMoon"},{"name":"CloudOff"},{"name":"CloudRaining01"},{"name":"CloudRaining02"},{"name":"CloudRaining03"},{"name":"CloudRaining04"},{"name":"CloudRaining05"},{"name":"CloudRaining06"},{"name":"CloudSnowing01"},{"name":"CloudSnowing02"},{"name":"CloudSun01"},{"name":"CloudSun02"},{"name":"CloudSun03"},{"name":"Code01"},{"name":"Code02"},{"name":"CodeBrowser"},{"name":"CodeCircle01"},{"name":"CodeCircle02"},{"name":"CodeCircle03"},{"name":"CodeSnippet01"},{"name":"CodeSnippet02"},{"name":"CodeSquare01"},{"name":"CodeSquare02"},{"name":"Codepen"},{"name":"Coins01"},{"name":"Coins02"},{"name":"Coins03"},{"name":"Coins04"},{"name":"CoinsHand"},{"name":"CoinsStacked01"},{"name":"CoinsStacked02"},{"name":"CoinsStacked03"},{"name":"CoinsStacked04"},{"name":"CoinsSwap01"},{"name":"CoinsSwap02"},{"name":"Colors1"},{"name":"Colors"},{"name":"Columns01"},{"name":"Columns02"},{"name":"Columns03"},{"name":"Command"},{"name":"Compass01"},{"name":"Compass02"},{"name":"Compass03"},{"name":"Compass"},{"name":"Container"},{"name":"Contrast01"},{"name":"Contrast02"},{"name":"Contrast03"},{"name":"Copy01"},{"name":"Copy02"},{"name":"Copy03"},{"name":"Copy04"},{"name":"Copy05"},{"name":"Copy06"},{"name":"Copy07"},{"name":"CornerDownLeft"},{"name":"CornerDownRight"},{"name":"CornerLeftDown"},{"name":"CornerLeftUp"},{"name":"CornerRightDown"},{"name":"CornerRightUp"},{"name":"CornerUpLeft"},{"name":"CornerUpRight"},{"name":"CpuChip01"},{"name":"CpuChip02"},{"name":"CreditCard01"},{"name":"CreditCard02"},{"name":"CreditCardCheck"},{"name":"CreditCardDown"},{"name":"CreditCardDownload"},{"name":"CreditCardEdit"},{"name":"CreditCardLock"},{"name":"CreditCardMinus"},{"name":"CreditCardPlus"},{"name":"CreditCardRefresh"},{"name":"CreditCardSearch"},{"name":"CreditCardShield"},{"name":"CreditCardUp"},{"name":"CreditCardUpload"},{"name":"CreditCardX"},{"name":"Crop01"},{"name":"Crop02"},{"name":"Cryptocurrency01"},{"name":"Cryptocurrency02"},{"name":"Cryptocurrency03"},{"name":"Cryptocurrency04"},{"name":"Cube01"},{"name":"Cube02"},{"name":"Cube03"},{"name":"Cube04"},{"name":"CubeOutline"},{"name":"CurrencyBitcoinCircle"},{"name":"CurrencyBitcoin"},{"name":"CurrencyDollarCircle"},{"name":"CurrencyDollar"},{"name":"CurrencyEthereumCircle"},{"name":"CurrencyEthereum"},{"name":"CurrencyEuroCircle"},{"name":"CurrencyEuro"},{"name":"CurrencyPoundCircle"},{"name":"CurrencyPound"},{"name":"CurrencyRubleCircle"},{"name":"CurrencyRuble"},{"name":"CurrencyRupeeCircle"},{"name":"CurrencyRupee"},{"name":"CurrencyYenCircle"},{"name":"CurrencyYen"},{"name":"Cursor01"},{"name":"Cursor02"},{"name":"Cursor03"},{"name":"Cursor04"},{"name":"CursorBox"},{"name":"CursorClick01"},{"name":"CursorClick02"},{"name":"Data"},{"name":"Database01"},{"name":"Database02"},{"name":"Database03"},{"name":"Dataflow01"},{"name":"Dataflow02"},{"name":"Dataflow03"},{"name":"Dataflow04"},{"name":"Delete"},{"name":"Diamond01"},{"name":"Diamond02"},{"name":"Dice1"},{"name":"Dice2"},{"name":"Dice3"},{"name":"Dice4"},{"name":"Dice5"},{"name":"Dice6"},{"name":"Disc01"},{"name":"Disc02"},{"name":"DistributeSpacingHorizontal"},{"name":"DistributeSpacingVertical"},{"name":"Divide01"},{"name":"Divide02"},{"name":"Divide03"},{"name":"Divider"},{"name":"Dotpoints01"},{"name":"Dotpoints02"},{"name":"DotsGrid"},{"name":"DotsHorizontal"},{"name":"DotsVertical"},{"name":"Download01"},{"name":"Download02"},{"name":"Download03"},{"name":"Download04"},{"name":"DownloadCloud01"},{"name":"DownloadCloud02"},{"name":"Drop"},{"name":"Droplets01"},{"name":"Droplets02"},{"name":"Droplets03"},{"name":"Dropper"},{"name":"Edit01"},{"name":"Edit02"},{"name":"Edit03"},{"name":"Edit04"},{"name":"Edit05"},{"name":"Elaa32px"},{"name":"ElaaFullname48px"},{"name":"EqualNot"},{"name":"Equal"},{"name":"Eraser"},{"name":"Expand01"},{"name":"Expand02"},{"name":"Expand03"},{"name":"Expand04"},{"name":"Expand05"},{"name":"Expand06"},{"name":"EyeOff"},{"name":"Eye"},{"name":"FaceContent"},{"name":"FaceFrown"},{"name":"FaceHappy"},{"name":"FaceIdSquare"},{"name":"FaceId"},{"name":"FaceNeutral"},{"name":"FaceSad"},{"name":"FaceSmile"},{"name":"FaceWink"},{"name":"Facebook"},{"name":"FastBackward"},{"name":"FastForward"},{"name":"FavElaa32pxWhite"},{"name":"Feather"},{"name":"Figma"},{"name":"File01"},{"name":"File02"},{"name":"File03"},{"name":"File04"},{"name":"File05"},{"name":"File06"},{"name":"File07"},{"name":"FileAttachment01"},{"name":"FileAttachment02"},{"name":"FileAttachment03"},{"name":"FileAttachment04"},{"name":"FileAttachment05"},{"name":"FileCheck01"},{"name":"FileCheck02"},{"name":"FileCheck03"},{"name":"FileCode01"},{"name":"FileCode02"},{"name":"FileDownload01"},{"name":"FileDownload02"},{"name":"FileDownload03"},{"name":"FileHeart01"},{"name":"FileHeart02"},{"name":"FileHeart03"},{"name":"FileLock01"},{"name":"FileLock02"},{"name":"FileLock03"},{"name":"FileMinus01"},{"name":"FileMinus02"},{"name":"FileMinus03"},{"name":"FilePage"},{"name":"FilePlus01"},{"name":"FilePlus02"},{"name":"FilePlus03"},{"name":"FileQuestion01"},{"name":"FileQuestion02"},{"name":"FileQuestion03"},{"name":"FileSearch01"},{"name":"FileSearch02"},{"name":"FileSearch03"},{"name":"FileShield01"},{"name":"FileShield02"},{"name":"FileShield03"},{"name":"FileX01"},{"name":"FileX02"},{"name":"FileX03"},{"name":"Film01"},{"name":"Film02"},{"name":"Film03"},{"name":"FilterFunnel01"},{"name":"FilterFunnel02"},{"name":"FilterLines"},{"name":"Fingerprint01"},{"name":"Fingerprint02"},{"name":"Fingerprint03"},{"name":"Fingerprint04"},{"name":"Flag01"},{"name":"Flag02"},{"name":"Flag03"},{"name":"Flag04"},{"name":"Flag05"},{"name":"Flag06"},{"name":"FlashOff"},{"name":"Flash"},{"name":"FlexAlignBottom"},{"name":"FlexAlignLeft"},{"name":"FlexAlignRight"},{"name":"FlexAlignTop"},{"name":"FlipBackward"},{"name":"FlipForward"},{"name":"FolderCheck"},{"name":"FolderClosed"},{"name":"FolderCode"},{"name":"FolderDownload"},{"name":"FolderLock"},{"name":"FolderMinus"},{"name":"FolderPlus"},{"name":"FolderQuestion"},{"name":"FolderSearch"},{"name":"FolderShield"},{"name":"FolderX"},{"name":"Folder"},{"name":"Framer"},{"name":"GamingPad01"},{"name":"GamingPad02"},{"name":"Gift01"},{"name":"Gift02"},{"name":"GitBranch01"},{"name":"GitBranch02"},{"name":"GitCommit"},{"name":"GitMerge"},{"name":"GitPullRequest"},{"name":"Glasses01"},{"name":"Glasses02"},{"name":"Globe01"},{"name":"Globe02"},{"name":"Globe03"},{"name":"Globe04"},{"name":"Globe05"},{"name":"Globe06"},{"name":"GlobeSlated01"},{"name":"GlobeSlated02"},{"name":"GoogleChrome"},{"name":"GraduationHat01"},{"name":"GraduationHat02"},{"name":"Grid01"},{"name":"Grid02"},{"name":"Grid03"},{"name":"GridDotsBlank"},{"name":"GridDotsBottom"},{"name":"GridDotsHorizontalCenter"},{"name":"GridDotsLeft"},{"name":"GridDotsOuter"},{"name":"GridDotsRight"},{"name":"GridDotsTop"},{"name":"GridDotsVerticalCenter"},{"name":"Hand"},{"name":"HardDrive"},{"name":"Hash01"},{"name":"Hash02"},{"name":"Heading01"},{"name":"Heading02"},{"name":"HeadingSquare"},{"name":"Headphones01"},{"name":"Headphones02"},{"name":"HeartCircle"},{"name":"HeartHand"},{"name":"HeartHexagon"},{"name":"HeartOctagon"},{"name":"HeartRounded"},{"name":"HeartSquare"},{"name":"Heart"},{"name":"Hearts"},{"name":"HelpCircle"},{"name":"HelpHexagon"},{"name":"HelpOctagon"},{"name":"HelpSquare"},{"name":"Hexagon01"},{"name":"Hexagon02"},{"name":"Home01"},{"name":"Home02"},{"name":"Home03"},{"name":"Home04"},{"name":"Home05"},{"name":"HomeLine"},{"name":"HomeSmile"},{"name":"HorizontalBarChart01"},{"name":"HorizontalBarChart02"},{"name":"HorizontalBarChart03"},{"name":"Hourglass01"},{"name":"Hourglass02"},{"name":"Hourglass03"},{"name":"Hurricane01"},{"name":"Hurricane02"},{"name":"Hurricane03"},{"name":"Image01"},{"name":"Image02"},{"name":"Image03"},{"name":"Image04"},{"name":"Image05"},{"name":"ImageCheck"},{"name":"ImageDown"},{"name":"ImageIndentLeft"},{"name":"ImageIndentRight"},{"name":"ImageLeft"},{"name":"ImagePlus"},{"name":"ImageRight"},{"name":"ImageUp"},{"name":"ImageUserCheck"},{"name":"ImageUserDown"},{"name":"ImageUserLeft"},{"name":"ImageUserPlus"},{"name":"ImageUserRight"},{"name":"ImageUserUp"},{"name":"ImageUserX"},{"name":"ImageUser"},{"name":"ImageX"},{"name":"Inbox01"},{"name":"Inbox02"},{"name":"Infinity"},{"name":"InfoCircle"},{"name":"InfoHexagon"},{"name":"InfoOctagon"},{"name":"InfoSquare"},{"name":"Instagram"},{"name":"IntersectCircle"},{"name":"IntersectSquare"},{"name":"Italic01"},{"name":"Italic02"},{"name":"ItalicSquare"},{"name":"Key01"},{"name":"Key02"},{"name":"Keyboard01"},{"name":"Keyboard02"},{"name":"Laptop01"},{"name":"Laptop02"},{"name":"LayerSingle"},{"name":"LayersThree01"},{"name":"LayersThree02"},{"name":"LayersTwo01"},{"name":"LayersTwo02"},{"name":"LayoutAlt01"},{"name":"LayoutAlt02"},{"name":"LayoutAlt03"},{"name":"LayoutAlt04"},{"name":"LayoutBottom"},{"name":"LayoutGrid01"},{"name":"LayoutGrid02"},{"name":"LayoutLeft"},{"name":"LayoutRight"},{"name":"LayoutTop"},{"name":"LeftIndent01"},{"name":"LeftIndent02"},{"name":"LetterSpacing01"},{"name":"LetterSpacing02"},{"name":"LifeBuoy01"},{"name":"LifeBuoy02"},{"name":"Lightbulb01"},{"name":"Lightbulb02"},{"name":"Lightbulb03"},{"name":"Lightbulb04"},{"name":"Lightbulb05"},{"name":"Lightning01"},{"name":"Lightning02"},{"name":"LineChartDown01"},{"name":"LineChartDown02"},{"name":"LineChartDown03"},{"name":"LineChartDown04"},{"name":"LineChartDown05"},{"name":"LineChartUp01"},{"name":"LineChartUp02"},{"name":"LineChartUp03"},{"name":"LineChartUp04"},{"name":"LineChartUp05"},{"name":"LineHeight"},{"name":"Link01"},{"name":"Link02"},{"name":"Link03"},{"name":"Link04"},{"name":"Link05"},{"name":"LinkBroken01"},{"name":"LinkBroken02"},{"name":"LinkExternal01"},{"name":"LinkExternal02"},{"name":"Linkedin"},{"name":"List"},{"name":"Loading01"},{"name":"Loading02"},{"name":"Loading03"},{"name":"Lock01"},{"name":"Lock02"},{"name":"Lock03"},{"name":"Lock04"},{"name":"LockKeyholeCircle"},{"name":"LockKeyholeSquare"},{"name":"LockUnlocked01"},{"name":"LockUnlocked02"},{"name":"LockUnlocked03"},{"name":"LockUnlocked04"},{"name":"LogIn01"},{"name":"LogIn02"},{"name":"LogIn03"},{"name":"LogIn04"},{"name":"LogOut01"},{"name":"LogOut02"},{"name":"LogOut03"},{"name":"LogOut04"},{"name":"Luggage01"},{"name":"Luggage02"},{"name":"Luggage03"},{"name":"MagicWand01"},{"name":"MagicWand02"},{"name":"Mail01"},{"name":"Mail02"},{"name":"Mail03"},{"name":"Mail04"},{"name":"Mail05"},{"name":"Map01"},{"name":"Map02"},{"name":"Mark"},{"name":"MarkerPin01"},{"name":"MarkerPin02"},{"name":"MarkerPin03"},{"name":"MarkerPin04"},{"name":"MarkerPin05"},{"name":"MarkerPin06"},{"name":"Maximize01"},{"name":"Maximize02"},{"name":"MedicalCircle"},{"name":"MedicalCross"},{"name":"MedicalSquare"},{"name":"Menu01"},{"name":"Menu02"},{"name":"Menu03"},{"name":"Menu04"},{"name":"Menu05"},{"name":"MessageAlertCircle"},{"name":"MessageAlertSquare"},{"name":"MessageChatCircle"},{"name":"MessageChatSquare"},{"name":"MessageCheckCircle"},{"name":"MessageCheckSquare"},{"name":"MessageCircle01"},{"name":"MessageCircle02"},{"name":"MessageDotsCircle"},{"name":"MessageDotsSquare"},{"name":"MessageHeartCircle"},{"name":"MessageHeartSquare"},{"name":"MessageNotificationCircle"},{"name":"MessageNotificationSquare"},{"name":"MessagePlusCircle"},{"name":"MessagePlusSquare"},{"name":"MessageQuestionCircle"},{"name":"MessageQuestionSquare"},{"name":"MessageSmileCircle"},{"name":"MessageSmileSquare"},{"name":"MessageSquare01"},{"name":"MessageSquare02"},{"name":"MessageTextCircle01"},{"name":"MessageTextCircle02"},{"name":"MessageTextSquare01"},{"name":"MessageTextSquare02"},{"name":"MessageXCircle"},{"name":"MessageXSquare"},{"name":"Microphone01"},{"name":"Microphone02"},{"name":"MicrophoneOff01"},{"name":"MicrophoneOff02"},{"name":"Microscope"},{"name":"Minimize01"},{"name":"Minimize02"},{"name":"MinusCircle"},{"name":"MinusSquare"},{"name":"Minus"},{"name":"Modem01"},{"name":"Modem02"},{"name":"Monitor01"},{"name":"Monitor02"},{"name":"Monitor03"},{"name":"Monitor04"},{"name":"Monitor05"},{"name":"Moon01"},{"name":"Moon02"},{"name":"MoonEclipse"},{"name":"MoonStar"},{"name":"Mouse"},{"name":"Move"},{"name":"MusicNote01"},{"name":"MusicNote02"},{"name":"MusicNotePlus"},{"name":"NavigationPointer01"},{"name":"NavigationPointer02"},{"name":"NavigationPointerOff01"},{"name":"NavigationPointerOff02"},{"name":"NotificationBox"},{"name":"NotificationMessage"},{"name":"NotificationText"},{"name":"Octagon"},{"name":"PackageCheck"},{"name":"PackageMinus"},{"name":"PackagePlus"},{"name":"PackageSearch"},{"name":"PackageX"},{"name":"Package"},{"name":"PaintPour"},{"name":"Paint"},{"name":"Palette"},{"name":"Paperclip"},{"name":"ParagraphSpacing"},{"name":"ParagraphWrap"},{"name":"PasscodeLock"},{"name":"Passcode"},{"name":"Passport"},{"name":"PauseCircle"},{"name":"PauseSquare"},{"name":"PenTool01"},{"name":"PenTool02"},{"name":"PenToolMinus"},{"name":"PenToolPlus"},{"name":"Pencil01"},{"name":"Pencil02"},{"name":"PencilLine"},{"name":"Pentagon"},{"name":"Percent01"},{"name":"Percent02"},{"name":"Percent03"},{"name":"Perspective01"},{"name":"Perspective02"},{"name":"Phone01"},{"name":"Phone02"},{"name":"PhoneCall01"},{"name":"PhoneCall02"},{"name":"PhoneHangUp"},{"name":"PhoneIncoming01"},{"name":"PhoneIncoming02"},{"name":"PhoneOutgoing01"},{"name":"PhoneOutgoing02"},{"name":"PhonePause"},{"name":"PhonePlus"},{"name":"PhoneX"},{"name":"Phone"},{"name":"PieChart01"},{"name":"PieChart02"},{"name":"PieChart03"},{"name":"PieChart04"},{"name":"PiggyBank01"},{"name":"PiggyBank02"},{"name":"Pilcrow01"},{"name":"Pilcrow02"},{"name":"PilcrowSquare"},{"name":"Pin01"},{"name":"Pin02"},{"name":"Placeholder"},{"name":"Plane"},{"name":"PlayCircle"},{"name":"PlaySquare"},{"name":"Play"},{"name":"PlusCircle"},{"name":"PlusSquare"},{"name":"Plus"},{"name":"Podcast"},{"name":"Power01"},{"name":"Power02"},{"name":"Power03"},{"name":"PresentationChart01"},{"name":"PresentationChart02"},{"name":"PresentationChart03"},{"name":"Printer"},{"name":"PuzzlePiece01"},{"name":"PuzzlePiece02"},{"name":"QrCode01"},{"name":"QrCode02"},{"name":"QuestionCircle"},{"name":"Quote02"},{"name":"Quote"},{"name":"ReceiptCheck"},{"name":"Receipt"},{"name":"Recording01"},{"name":"Recording02"},{"name":"Recording03"},{"name":"Reflect01"},{"name":"Reflect02"},{"name":"RefreshCcw01"},{"name":"RefreshCcw02"},{"name":"RefreshCcw03"},{"name":"RefreshCcw04"},{"name":"RefreshCcw05"},{"name":"RefreshCw01"},{"name":"RefreshCw02"},{"name":"RefreshCw03"},{"name":"RefreshCw04"},{"name":"RefreshCw05"},{"name":"Repeat01"},{"name":"Repeat02"},{"name":"Repeat03"},{"name":"Repeat04"},{"name":"ReverseLeft"},{"name":"ReverseRight"},{"name":"RightIndent01"},{"name":"RightIndent02"},{"name":"Rocket01"},{"name":"Rocket02"},{"name":"RollerBrush"},{"name":"Route"},{"name":"Rows01"},{"name":"Rows02"},{"name":"Rows03"},{"name":"Rss01"},{"name":"Rss02"},{"name":"Ruler"},{"name":"Safe"},{"name":"Sale01"},{"name":"Sale02"},{"name":"Sale03"},{"name":"Sale04"},{"name":"Save01"},{"name":"Save02"},{"name":"Save03"},{"name":"Scale01"},{"name":"Scale02"},{"name":"Scale03"},{"name":"Scales01"},{"name":"Scales02"},{"name":"Scan"},{"name":"Scissors01"},{"name":"Scissors02"},{"name":"ScissorsCut01"},{"name":"ScissorsCut02"},{"name":"SearchLg"},{"name":"SearchMd"},{"name":"SearchRefraction"},{"name":"SearchSm"},{"name":"Send01"},{"name":"Send02"},{"name":"Send03"},{"name":"Server01"},{"name":"Server02"},{"name":"Server03"},{"name":"Server04"},{"name":"Server05"},{"name":"Server06"},{"name":"ServicesVector"},{"name":"Settings01"},{"name":"Settings02"},{"name":"Settings03"},{"name":"Settings04"},{"name":"Share01"},{"name":"Share02"},{"name":"Share03"},{"name":"Share04"},{"name":"Share05"},{"name":"Share06"},{"name":"Share07"},{"name":"Shield01"},{"name":"Shield02"},{"name":"Shield03"},{"name":"ShieldDollar"},{"name":"ShieldOff"},{"name":"ShieldPlus"},{"name":"ShieldTick"},{"name":"ShieldZap"},{"name":"ShoppingBag01"},{"name":"ShoppingBag02"},{"name":"ShoppingBag03"},{"name":"ShoppingCart01"},{"name":"ShoppingCart02"},{"name":"ShoppingCart03"},{"name":"Shuffle01"},{"name":"Shuffle02"},{"name":"Signal01"},{"name":"Signal02"},{"name":"Signal03"},{"name":"Simcard"},{"name":"Skew"},{"name":"SkipBack"},{"name":"SkipForward"},{"name":"SlashCircle01"},{"name":"SlashCircle02"},{"name":"SlashDivider"},{"name":"SlashOctagon"},{"name":"Sliders01"},{"name":"Sliders02"},{"name":"Sliders03"},{"name":"Sliders04"},{"name":"Snowflake01"},{"name":"Snowflake02"},{"name":"SpacingHeight01"},{"name":"SpacingHeight02"},{"name":"SpacingWidth01"},{"name":"SpacingWidth02"},{"name":"Speaker01"},{"name":"Speaker02"},{"name":"Speaker03"},{"name":"Speedometer01"},{"name":"Speedometer02"},{"name":"Speedometer03"},{"name":"Speedometer04"},{"name":"Square"},{"name":"Stand"},{"name":"Star01"},{"name":"Star02"},{"name":"Star03"},{"name":"Star04"},{"name":"Star05"},{"name":"Star06"},{"name":"Star07"},{"name":"Star"},{"name":"Stars01"},{"name":"Stars02"},{"name":"Stars03"},{"name":"StickerCircle"},{"name":"StickerSquare"},{"name":"StopCircle"},{"name":"StopSquare"},{"name":"Stop"},{"name":"Strikethrough01"},{"name":"Strikethrough02"},{"name":"StrikethroughSquare"},{"name":"Subscript"},{"name":"SunSetting01"},{"name":"SunSetting02"},{"name":"SunSetting03"},{"name":"Sun"},{"name":"Sunrise"},{"name":"Sunset"},{"name":"SwitchHorizontal01"},{"name":"SwitchHorizontal02"},{"name":"SwitchVertical01"},{"name":"SwitchVertical02"},{"name":"Table"},{"name":"Tablet01"},{"name":"Tablet02"},{"name":"Tag01"},{"name":"Tag02"},{"name":"Tag03"},{"name":"Target01"},{"name":"Target02"},{"name":"Target03"},{"name":"Target04"},{"name":"Target05"},{"name":"Telescope"},{"name":"TerminalBrowser"},{"name":"TerminalCircle"},{"name":"TerminalSquare"},{"name":"Terminal"},{"name":"TextInput"},{"name":"Thermometer01"},{"name":"Thermometer02"},{"name":"Thermometer03"},{"name":"ThermometerCold"},{"name":"ThermometerWarm"},{"name":"ThumbsDown"},{"name":"ThumbsUp"},{"name":"Tick"},{"name":"Ticket01"},{"name":"Ticket02"},{"name":"Toggle01Left"},{"name":"Toggle01Right"},{"name":"Toggle02Left"},{"name":"Toggle02Right"},{"name":"Toggle03Left"},{"name":"Toggle03Right"},{"name":"Tool01"},{"name":"Tool02"},{"name":"Train"},{"name":"Tram"},{"name":"Transform"},{"name":"Translate01"},{"name":"Translate02"},{"name":"Trash01"},{"name":"Trash02"},{"name":"Trash03"},{"name":"Trash04"},{"name":"Trashed"},{"name":"TrendDown01"},{"name":"TrendDown02"},{"name":"TrendUp01"},{"name":"TrendUp02"},{"name":"Triangle"},{"name":"Trophy01"},{"name":"Trophy02"},{"name":"Truck01"},{"name":"Truck02"},{"name":"Tv01"},{"name":"Tv02"},{"name":"Tv03"},{"name":"Twitter"},{"name":"Type01"},{"name":"Type02"},{"name":"TypeSquare"},{"name":"TypeStrikethrough01"},{"name":"TypeStrikethrough02"},{"name":"Umbrella01"},{"name":"Umbrella02"},{"name":"Umbrella03"},{"name":"Underline01"},{"name":"Underline02"},{"name":"UnderlineSquare"},{"name":"Upload01"},{"name":"Upload02"},{"name":"Upload03"},{"name":"Upload04"},{"name":"UploadCloud01"},{"name":"UploadCloud02"},{"name":"UsbFlashDrive"},{"name":"User01"},{"name":"User02"},{"name":"User03"},{"name":"UserCheck01"},{"name":"UserCheck02"},{"name":"UserCircle"},{"name":"UserDown01"},{"name":"UserDown02"},{"name":"UserEdit"},{"name":"UserLeft01"},{"name":"UserLeft02"},{"name":"UserMinus01"},{"name":"UserMinus02"},{"name":"UserPlus01"},{"name":"UserPlus02"},{"name":"UserRight01"},{"name":"UserRight02"},{"name":"UserSquare"},{"name":"UserUp01"},{"name":"UserUp02"},{"name":"UserX01"},{"name":"UserX02"},{"name":"Users01"},{"name":"Users02"},{"name":"Users03"},{"name":"UsersCheck"},{"name":"UsersDown"},{"name":"UsersEdit"},{"name":"UsersLeft"},{"name":"UsersMinus"},{"name":"UsersPlus"},{"name":"UsersRight"},{"name":"UsersUp"},{"name":"UsersX"},{"name":"Variable"},{"name":"VerifiedTick"},{"name":"VideoRecorderOff"},{"name":"VideoRecorder"},{"name":"Virus"},{"name":"Voicemail"},{"name":"VolumeMax"},{"name":"VolumeMin"},{"name":"VolumeMinus"},{"name":"VolumePlus"},{"name":"VolumeX"},{"name":"Wallet01"},{"name":"Wallet02"},{"name":"Wallet03"},{"name":"Wallet04"},{"name":"Wallet05"},{"name":"WatchCircle"},{"name":"WatchSquare"},{"name":"Waves"},{"name":"Webcam01"},{"name":"Webcam02"},{"name":"WifiOff"},{"name":"Wifi"},{"name":"Wind01"},{"name":"Wind02"},{"name":"Wind03"},{"name":"XCircle"},{"name":"XClose"},{"name":"XSquare"},{"name":"X"},{"name":"Youtube"},{"name":"ZapCircle"},{"name":"ZapFast"},{"name":"ZapOff"},{"name":"ZapSquare"},{"name":"Zap"},{"name":"ZoomIn"},{"name":"ZoomOut"}]');
   const _hoisted_1$P = { class: "relative block" };
-  const _hoisted_2$x = { class: "absolute left-[70%] top-[100%] z-10 flex w-[504px] flex-col rounded-xl border border-gray-300 bg-white" };
+  const _hoisted_2$w = { class: "absolute left-[70%] top-[100%] z-10 flex w-[504px] flex-col rounded-xl border border-gray-300 bg-white" };
   const _hoisted_3$q = { class: "flex flex-col gap-4 p-4" };
   const _hoisted_4$o = { class: "relative" };
-  const _hoisted_5$l = { class: "flex flex-col gap-2" };
+  const _hoisted_5$m = { class: "flex flex-col gap-2" };
   const _hoisted_6$k = { class: "text-sm font-medium text-gray-900" };
-  const _hoisted_7$j = { key: 0 };
-  const _hoisted_8$h = { key: 1 };
-  const _hoisted_9$h = { key: 2 };
-  const _hoisted_10$d = { class: "flex max-h-[196px] flex-wrap gap-1.5 overflow-y-auto" };
+  const _hoisted_7$k = { key: 0 };
+  const _hoisted_8$i = { key: 1 };
+  const _hoisted_9$i = { key: 2 };
+  const _hoisted_10$e = { class: "flex max-h-[196px] flex-wrap gap-1.5 overflow-y-auto" };
   const __default__ = {
     directives: {
       clickOutside: useClickOutside
@@ -33952,7 +33986,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "h-5 w-5"
             }))
           ]),
-          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$x, [
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$w, [
             vue.createElementVNode("div", _hoisted_3$q, [
               vue.createElementVNode("div", _hoisted_4$o, [
                 vue.withDirectives(vue.createElementVNode("input", {
@@ -33969,11 +34003,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   class: "absolute right-2 top-1/2 h-3 w-3 -translate-y-1/2 cursor-pointer"
                 }, " ✕ ")) : vue.createCommentVNode("", true)
               ]),
-              vue.createElementVNode("div", _hoisted_5$l, [
+              vue.createElementVNode("div", _hoisted_5$m, [
                 vue.createElementVNode("p", _hoisted_6$k, [
-                  icons2.value.length > 0 && search.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$j, " Search result ")) : icons2.value.length < 1 && search.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$h, " No search result ")) : search.value.length < 1 && icons2.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$h, " Frequently used icons ")) : vue.createCommentVNode("", true)
+                  icons2.value.length > 0 && search.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$k, " Search result ")) : icons2.value.length < 1 && search.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$i, " No search result ")) : search.value.length < 1 && icons2.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$i, " Frequently used icons ")) : vue.createCommentVNode("", true)
                 ]),
-                vue.createElementVNode("div", _hoisted_10$d, [
+                vue.createElementVNode("div", _hoisted_10$e, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(icons2.value, (icon) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$D, {
                       class: "cursor-pointer rounded p-1 hover:bg-gray-100",
@@ -34004,7 +34038,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   });
   const _hoisted_1$O = { class: "flex flex-col gap-8" };
-  const _hoisted_2$w = ["type"];
+  const _hoisted_2$v = ["type"];
   const _sfc_main$B = {
     __name: "Button",
     props: {
@@ -34034,13 +34068,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             var _a2, _b, _c;
             return [
               vue.createElementVNode("div", _hoisted_1$O, [
-                vue.createVNode(_sfc_main$I, {
+                vue.createVNode(_sfc_main$J, {
                   name: "show",
                   modelValue: __props.button.show,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.button.show = $event),
                   title: "Show Button"
                 }, null, 8, ["modelValue"]),
-                vue.createVNode(_sfc_main$K, {
+                vue.createVNode(_sfc_main$L, {
                   "is-vertical": "",
                   field: "button.label",
                   "label-text": "Button Label *",
@@ -34062,7 +34096,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   ]),
                   _: 1
                 }, 8, ["value"]),
-                ["email", "phone"].includes((_a2 = __props.button) == null ? void 0 : _a2.type) ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+                ["email", "phone"].includes((_a2 = __props.button) == null ? void 0 : _a2.type) ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
                   key: 0,
                   "is-vertical": "",
                   field: (_b = __props.button) == null ? void 0 : _b.type,
@@ -34081,7 +34115,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                         placeholder: "Label",
                         maxlength: 100,
                         class: "border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
-                      }, null, 8, _hoisted_2$w), [
+                      }, null, 8, _hoisted_2$v), [
                         [vue.vModelDynamic, __props.button.address]
                       ])
                     ];
@@ -44993,15 +45027,15 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$N = { class: "q-editor" };
-  const _hoisted_2$v = { ref: "editorContainer" };
+  const _hoisted_2$u = { ref: "editorContainer" };
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-      vue.createElementVNode("div", _hoisted_2$v, null, 512)
+      vue.createElementVNode("div", _hoisted_2$u, null, 512)
     ]);
   }
   const QuillEditor = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
   const _hoisted_1$M = ["maxlength"];
-  const _hoisted_2$u = {
+  const _hoisted_2$t = {
     key: 2,
     class: "flex flex-col gap-4 bg-gray-200 rounded-xl px-6 py-5 mt-4"
   };
@@ -45017,7 +45051,7 @@ ${escapeText(this.code(index, length))}
     emits: ["update"],
     setup(__props, { emit: __emit }) {
       var _a;
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const props = __props;
       const dataRef = vue.ref(((_a = props.data) == null ? void 0 : _a.component) ?? props.data);
       return (_ctx, _cache) => {
@@ -45035,7 +45069,7 @@ ${escapeText(this.code(index, length))}
               key: 0,
               class: vue.normalizeClass({ "flex gap-4": dataRef.value.hasOwnProperty("icon") })
             }, [
-              dataRef.value.hasOwnProperty("icon") ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+              dataRef.value.hasOwnProperty("icon") ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
                 key: 0,
                 "is-vertical": "",
                 field: "icon",
@@ -45051,7 +45085,7 @@ ${escapeText(this.code(index, length))}
                 ]),
                 _: 1
               }, 8, ["value"])) : vue.createCommentVNode("", true),
-              dataRef.value.hasOwnProperty("title") ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+              dataRef.value.hasOwnProperty("title") ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
                 key: 1,
                 "is-vertical": "",
                 field: "title",
@@ -45075,7 +45109,7 @@ ${escapeText(this.code(index, length))}
                 _: 1
               }, 8, ["label-text", "value"])) : vue.createCommentVNode("", true)
             ], 2)) : vue.createCommentVNode("", true),
-            dataRef.value.hasOwnProperty("supporting_text") ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+            dataRef.value.hasOwnProperty("supporting_text") ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
               key: 1,
               "is-vertical": "",
               field: "supporting_text",
@@ -45119,7 +45153,7 @@ ${escapeText(this.code(index, length))}
             sites: _ctx.sites,
             classes: "bg-gray-200"
           }, null, 8, ["button", "sites"])) : vue.createCommentVNode("", true),
-          dataRef.value.hasOwnProperty("featured_image") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
+          dataRef.value.hasOwnProperty("featured_image") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
             vue.createVNode(_sfc_main$E, {
               class: "!p-0 !bg-gray-200",
               title: "Featured Image",
@@ -45160,15 +45194,15 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$L = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$t = { class: "flex justify-between pb-2" };
+  const _hoisted_2$s = { class: "flex justify-between pb-2" };
   const _hoisted_3$o = { class: "flex justify-between w-full py-1" };
   const _hoisted_4$n = { class: "min-w-[50%] w-full" };
-  const _hoisted_5$k = { class: "text-lg font-semibold text-gray-900" };
+  const _hoisted_5$l = { class: "text-lg font-semibold text-gray-900" };
   const _hoisted_6$j = { class: "text-sm text-gray-600 mt-1" };
-  const _hoisted_7$i = { class: "flex flex-col gap-3" };
-  const _hoisted_8$g = { class: "flex items-center justify-between" };
-  const _hoisted_9$g = { class: "text-lg font-semibold text-gray-900" };
-  const _hoisted_10$c = { class: "relative flex items-end" };
+  const _hoisted_7$j = { class: "flex flex-col gap-3" };
+  const _hoisted_8$h = { class: "flex items-center justify-between" };
+  const _hoisted_9$h = { class: "text-lg font-semibold text-gray-900" };
+  const _hoisted_10$d = { class: "relative flex items-end" };
   const _hoisted_11$c = { class: "flex flex-col gap-6" };
   const _hoisted_12$a = {
     key: 0,
@@ -45176,7 +45210,7 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_13$6 = { class: "flex items-center gap-2 cursor-pointer" };
   const _hoisted_14$6 = ["name", "value", "onUpdate:modelValue", "onChange"];
-  const _hoisted_15$6 = {
+  const _hoisted_15$5 = {
     key: 1,
     class: "flex flex-col gap-1.5"
   };
@@ -45190,7 +45224,7 @@ ${escapeText(this.code(index, length))}
     },
     emits: ["update"],
     setup(__props, { emit: __emit }) {
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const emit = __emit;
       const props = __props;
       const options = [{ value: "content", label: "Content" }, { value: "image_only", label: "Image Only" }];
@@ -45247,12 +45281,12 @@ ${escapeText(this.code(index, length))}
         var _a;
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", _hoisted_1$L, [
-            vue.createElementVNode("div", _hoisted_2$t, [
+            vue.createElementVNode("div", _hoisted_2$s, [
               vue.createElementVNode("div", _hoisted_3$o, [
                 vue.createElementVNode("div", _hoisted_4$n, [
-                  vue.createElementVNode("p", _hoisted_5$k, vue.toDisplayString(componentData.value.name), 1),
+                  vue.createElementVNode("p", _hoisted_5$l, vue.toDisplayString(componentData.value.name), 1),
                   vue.createElementVNode("p", _hoisted_6$j, vue.toDisplayString(componentData.value.supportive_text), 1),
-                  componentData.value.hasOwnProperty("title") ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+                  componentData.value.hasOwnProperty("title") ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
                     key: 0,
                     "is-vertical": "",
                     field: "title",
@@ -45287,7 +45321,7 @@ ${escapeText(this.code(index, length))}
                 ])
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_7$i, [
+            vue.createElementVNode("div", _hoisted_7$j, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(componentData.value.data, (item, index) => {
                 var _a2, _b, _c;
                 return vue.openBlock(), vue.createElementBlock("div", {
@@ -45296,10 +45330,10 @@ ${escapeText(this.code(index, length))}
                   ref_for: true,
                   ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
                 }, [
-                  vue.createElementVNode("div", _hoisted_8$g, [
-                    vue.createElementVNode("div", _hoisted_9$g, " Item #" + vue.toDisplayString(index + 1), 1),
-                    vue.createElementVNode("div", _hoisted_10$c, [
-                      vue.createVNode(_sfc_main$N, {
+                  vue.createElementVNode("div", _hoisted_8$h, [
+                    vue.createElementVNode("div", _hoisted_9$h, " Item #" + vue.toDisplayString(index + 1), 1),
+                    vue.createElementVNode("div", _hoisted_10$d, [
+                      vue.createVNode(_sfc_main$O, {
                         onRemoveItem: ($event) => handleDeleteItem(index)
                       }, null, 8, ["onRemoveItem"])
                     ])
@@ -45322,11 +45356,11 @@ ${escapeText(this.code(index, length))}
                         ]);
                       }), 64))
                     ])) : vue.createCommentVNode("", true),
-                    !item.hasOwnProperty("content_type") || item.content_type === "content" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$6, [
+                    !item.hasOwnProperty("content_type") || item.content_type === "content" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$5, [
                       ["feature_items", "faqs"].includes(componentData.value.type) ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
                         key: 0,
                         data: item
-                      }, null, 8, ["data"])) : (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+                      }, null, 8, ["data"])) : (vue.openBlock(), vue.createBlock(_sfc_main$L, {
                         key: 1,
                         "is-vertical": "",
                         field: "title",
@@ -45377,7 +45411,7 @@ ${escapeText(this.code(index, length))}
                         sites: _ctx.sites
                       }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites"])) : vue.createCommentVNode("", true)
                     ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$1, [
-                      vue.createVNode(_sfc_main$K, {
+                      vue.createVNode(_sfc_main$L, {
                         "is-vertical": "",
                         field: "image",
                         "label-text": "Image *",
@@ -45409,15 +45443,15 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$K = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$s = { class: "flex justify-between pb-2" };
+  const _hoisted_2$r = { class: "flex justify-between pb-2" };
   const _hoisted_3$n = { class: "flex justify-between w-full py-1" };
   const _hoisted_4$m = { class: "text-lg font-semibold text-gray-900" };
-  const _hoisted_5$j = { class: "text-sm text-gray-600 mt-1" };
+  const _hoisted_5$k = { class: "text-sm text-gray-600 mt-1" };
   const _hoisted_6$i = { class: "flex flex-col gap-3" };
-  const _hoisted_7$h = { class: "flex items-center justify-between" };
-  const _hoisted_8$f = { class: "text-lg font-semibold text-gray-900" };
-  const _hoisted_9$f = { class: "relative flex items-end" };
-  const _hoisted_10$b = { class: "flex flex-col gap-6" };
+  const _hoisted_7$i = { class: "flex items-center justify-between" };
+  const _hoisted_8$g = { class: "text-lg font-semibold text-gray-900" };
+  const _hoisted_9$g = { class: "relative flex items-end" };
+  const _hoisted_10$c = { class: "flex flex-col gap-6" };
   const _hoisted_11$b = { class: "flex flex-col gap-1.5" };
   const _hoisted_12$9 = ["onUpdate:modelValue"];
   const _sfc_main$x = {
@@ -45427,7 +45461,7 @@ ${escapeText(this.code(index, length))}
     },
     emits: ["update"],
     setup(__props, { emit: __emit }) {
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const emit = __emit;
       const props = __props;
       const componentData = vue.ref(props.data.component);
@@ -45467,11 +45501,11 @@ ${escapeText(this.code(index, length))}
         var _a;
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", _hoisted_1$K, [
-            vue.createElementVNode("div", _hoisted_2$s, [
+            vue.createElementVNode("div", _hoisted_2$r, [
               vue.createElementVNode("div", _hoisted_3$n, [
                 vue.createElementVNode("div", null, [
                   vue.createElementVNode("p", _hoisted_4$m, vue.toDisplayString(componentData.value.name), 1),
-                  vue.createElementVNode("p", _hoisted_5$j, " This section can contain up to " + vue.toDisplayString(componentData.value.max_items) + " logos ", 1)
+                  vue.createElementVNode("p", _hoisted_5$k, " This section can contain up to " + vue.toDisplayString(componentData.value.max_items) + " logos ", 1)
                 ]),
                 vue.createElementVNode("div", null, [
                   vue.createElementVNode("a", {
@@ -45492,22 +45526,22 @@ ${escapeText(this.code(index, length))}
                   ref_for: true,
                   ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
                 }, [
-                  vue.createElementVNode("div", _hoisted_7$h, [
-                    vue.createElementVNode("div", _hoisted_8$f, " Logo #" + vue.toDisplayString(index + 1), 1),
-                    vue.createElementVNode("div", _hoisted_9$f, [
-                      vue.createVNode(_sfc_main$N, {
+                  vue.createElementVNode("div", _hoisted_7$i, [
+                    vue.createElementVNode("div", _hoisted_8$g, " Logo #" + vue.toDisplayString(index + 1), 1),
+                    vue.createElementVNode("div", _hoisted_9$g, [
+                      vue.createVNode(_sfc_main$O, {
                         onRemoveItem: ($event) => handleDeleteItem(index)
                       }, null, 8, ["onRemoveItem"])
                     ])
                   ]),
-                  vue.createElementVNode("div", _hoisted_10$b, [
+                  vue.createElementVNode("div", _hoisted_10$c, [
                     vue.createElementVNode("div", _hoisted_11$b, [
                       vue.createVNode(vue.unref(VFileUpload), {
                         name: "image",
                         modelValue: item.logo,
                         "onUpdate:modelValue": ($event) => item.logo = $event
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      vue.createVNode(_sfc_main$K, {
+                      vue.createVNode(_sfc_main$L, {
                         "is-vertical": "",
                         field: "url",
                         "label-text": "Url *",
@@ -45544,15 +45578,15 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$J = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$r = { class: "flex flex-col" };
+  const _hoisted_2$q = { class: "flex flex-col" };
   const _hoisted_3$m = { class: "flex flex-col gap-4 mb-4 border-b border-gray-200 pb-4" };
   const _hoisted_4$l = { class: "flex flex-col gap-6" };
-  const _hoisted_5$i = { class: "flex flex-col gap-1.5" };
+  const _hoisted_5$j = { class: "flex flex-col gap-1.5" };
   const _hoisted_6$h = {
     key: 0,
     class: "text-base text-gray-900 font-semibold"
   };
-  const _hoisted_7$g = {
+  const _hoisted_7$h = {
     key: 1,
     class: "text-gray-600 text-base font-normal mt-2"
   };
@@ -45568,12 +45602,12 @@ ${escapeText(this.code(index, length))}
       return (_ctx, _cache) => {
         var _a, _b, _c;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-          vue.createElementVNode("div", _hoisted_2$r, [
+          vue.createElementVNode("div", _hoisted_2$q, [
             vue.createElementVNode("div", _hoisted_3$m, [
               _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" }, " Carousel ", -1)),
               vue.createElementVNode("div", _hoisted_4$l, [
-                vue.createElementVNode("div", _hoisted_5$i, [
-                  componentData.value.button ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+                vue.createElementVNode("div", _hoisted_5$j, [
+                  componentData.value.button ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
                     key: 0,
                     "is-vertical": "",
                     field: "title",
@@ -45613,7 +45647,7 @@ ${escapeText(this.code(index, length))}
             ]),
             vue.createElementVNode("div", null, [
               ((_b = componentData.value.content) == null ? void 0 : _b.label) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6$h, vue.toDisplayString(componentData.value.content.label), 1)) : vue.createCommentVNode("", true),
-              ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$g, vue.toDisplayString(componentData.value.content.supportive_text), 1)) : vue.createCommentVNode("", true)
+              ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$h, vue.toDisplayString(componentData.value.content.supportive_text), 1)) : vue.createCommentVNode("", true)
             ])
           ])
         ]);
@@ -45621,13 +45655,13 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$I = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$q = { class: "flex flex-col" };
+  const _hoisted_2$p = { class: "flex flex-col" };
   const _hoisted_3$l = { class: "flex flex-col gap-4 mb-4 border-b border-gray-200 pb-4" };
   const _hoisted_4$k = {
     key: 0,
     class: "text-base text-gray-900 font-semibold"
   };
-  const _hoisted_5$h = {
+  const _hoisted_5$i = {
     key: 1,
     class: "text-gray-600 text-base font-normal mt-2"
   };
@@ -45643,16 +45677,16 @@ ${escapeText(this.code(index, length))}
       return (_ctx, _cache) => {
         var _a, _b, _c;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
-          vue.createElementVNode("div", _hoisted_2$q, [
+          vue.createElementVNode("div", _hoisted_2$p, [
             vue.createElementVNode("div", _hoisted_3$l, [
               _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" }, " Grid ", -1)),
-              vue.createVNode(_sfc_main$I, {
+              vue.createVNode(_sfc_main$J, {
                 name: "show",
                 modelValue: componentData.value.button.show,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => componentData.value.button.show = $event),
                 title: "Show Button"
               }, null, 8, ["modelValue"]),
-              vue.createVNode(_sfc_main$K, {
+              vue.createVNode(_sfc_main$L, {
                 "is-vertical": "",
                 field: "title",
                 "label-text": "Title *",
@@ -45689,7 +45723,7 @@ ${escapeText(this.code(index, length))}
             ]),
             vue.createElementVNode("div", null, [
               ((_b = componentData.value.content) == null ? void 0 : _b.label) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_4$k, vue.toDisplayString(componentData.value.content.label), 1)) : vue.createCommentVNode("", true),
-              ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$h, vue.toDisplayString(componentData.value.content.supportive_text), 1)) : vue.createCommentVNode("", true)
+              ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$i, vue.toDisplayString(componentData.value.content.supportive_text), 1)) : vue.createCommentVNode("", true)
             ])
           ])
         ]);
@@ -45697,15 +45731,15 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$H = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$p = { class: "flex justify-between pb-2" };
+  const _hoisted_2$o = { class: "flex justify-between pb-2" };
   const _hoisted_3$k = { class: "flex justify-between w-full py-1" };
   const _hoisted_4$j = { class: "text-lg font-semibold text-gray-900" };
-  const _hoisted_5$g = { class: "text-sm text-gray-600 mt-1" };
+  const _hoisted_5$h = { class: "text-sm text-gray-600 mt-1" };
   const _hoisted_6$g = { class: "flex flex-col gap-3" };
-  const _hoisted_7$f = { class: "flex items-center justify-between" };
-  const _hoisted_8$e = { class: "text-lg font-semibold text-gray-900" };
-  const _hoisted_9$e = { class: "relative flex items-end" };
-  const _hoisted_10$a = { class: "flex flex-col gap-6" };
+  const _hoisted_7$g = { class: "flex items-center justify-between" };
+  const _hoisted_8$f = { class: "text-lg font-semibold text-gray-900" };
+  const _hoisted_9$f = { class: "relative flex items-end" };
+  const _hoisted_10$b = { class: "flex flex-col gap-6" };
   const _hoisted_11$a = { class: "flex flex-col gap-1.5" };
   const _sfc_main$u = {
     __name: "VideoGrid",
@@ -45714,7 +45748,7 @@ ${escapeText(this.code(index, length))}
     },
     emits: ["update"],
     setup(__props, { emit: __emit }) {
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const emit = __emit;
       const props = __props;
       const componentData = vue.ref(props.data.component);
@@ -45748,11 +45782,11 @@ ${escapeText(this.code(index, length))}
         var _a;
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", _hoisted_1$H, [
-            vue.createElementVNode("div", _hoisted_2$p, [
+            vue.createElementVNode("div", _hoisted_2$o, [
               vue.createElementVNode("div", _hoisted_3$k, [
                 vue.createElementVNode("div", null, [
                   vue.createElementVNode("p", _hoisted_4$j, vue.toDisplayString(componentData.value.name), 1),
-                  vue.createElementVNode("p", _hoisted_5$g, " This section can contain up to " + vue.toDisplayString(componentData.value.max_items) + " videos ", 1)
+                  vue.createElementVNode("p", _hoisted_5$h, " This section can contain up to " + vue.toDisplayString(componentData.value.max_items) + " videos ", 1)
                 ]),
                 vue.createElementVNode("div", null, [
                   vue.createElementVNode("a", {
@@ -45773,15 +45807,15 @@ ${escapeText(this.code(index, length))}
                   ref_for: true,
                   ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
                 }, [
-                  vue.createElementVNode("div", _hoisted_7$f, [
-                    vue.createElementVNode("div", _hoisted_8$e, " Video #" + vue.toDisplayString(index + 1), 1),
-                    vue.createElementVNode("div", _hoisted_9$e, [
-                      vue.createVNode(_sfc_main$N, {
+                  vue.createElementVNode("div", _hoisted_7$g, [
+                    vue.createElementVNode("div", _hoisted_8$f, " Video #" + vue.toDisplayString(index + 1), 1),
+                    vue.createElementVNode("div", _hoisted_9$f, [
+                      vue.createVNode(_sfc_main$O, {
                         onRemoveItem: ($event) => handleDeleteItem(index)
                       }, null, 8, ["onRemoveItem"])
                     ])
                   ]),
-                  vue.createElementVNode("div", _hoisted_10$a, [
+                  vue.createElementVNode("div", _hoisted_10$b, [
                     vue.createElementVNode("div", _hoisted_11$a, [
                       vue.createVNode(vue.unref(VFileUpload), {
                         name: "image",
@@ -45807,20 +45841,28 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$G = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$o = { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" };
+  const _hoisted_2$n = { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" };
   const _hoisted_3$j = { class: "flex flex-col gap-4 rounded-xl bg-gray-200 px-6 py-5" };
   const _hoisted_4$i = {
     key: 0,
     class: "rounded-xl bg-gray-200 mt-4"
   };
+  const _hoisted_5$g = {
+    key: 1,
+    class: "rounded-xl bg-gray-200 mt-4 px-6 py-5 flex flex-col gap-4"
+  };
   const _sfc_main$t = {
     __name: "Paragraph",
     props: {
-      ...defaultProps
+      ...defaultProps,
+      forms: {
+        type: Array,
+        default: () => []
+      }
     },
     emits: ["update"],
     setup(__props, { emit: __emit }) {
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const props = __props;
       const dataRef = vue.ref(props.data.component);
       const paragraphWordCount = vue.computed(() => {
@@ -45830,11 +45872,12 @@ ${escapeText(this.code(index, length))}
         return words.length;
       });
       return (_ctx, _cache) => {
+        var _a, _b;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
-          vue.createElementVNode("p", _hoisted_2$o, vue.toDisplayString(dataRef.value.name), 1),
+          vue.createElementVNode("p", _hoisted_2$n, vue.toDisplayString(dataRef.value.name), 1),
           vue.createElementVNode("div", _hoisted_3$j, [
-            _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "text-lg font-semibold text-gray-900" }, " Description ", -1)),
-            dataRef.value.hasOwnProperty("eyebrow_heading") ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+            _cache[9] || (_cache[9] = vue.createElementVNode("p", { class: "text-lg font-semibold text-gray-900" }, " Description ", -1)),
+            dataRef.value.hasOwnProperty("eyebrow_heading") ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
               key: 0,
               "is-vertical": "",
               field: "eyebrow_heading",
@@ -45857,7 +45900,7 @@ ${escapeText(this.code(index, length))}
               ]),
               _: 1
             }, 8, ["value"])) : vue.createCommentVNode("", true),
-            dataRef.value.hasOwnProperty("title") ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+            dataRef.value.hasOwnProperty("title") ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
               key: 1,
               "is-vertical": "",
               field: "title",
@@ -45880,7 +45923,7 @@ ${escapeText(this.code(index, length))}
               ]),
               _: 1
             }, 8, ["value"])) : vue.createCommentVNode("", true),
-            vue.createVNode(_sfc_main$K, {
+            vue.createVNode(_sfc_main$L, {
               "is-vertical": "",
               field: "description",
               "label-text": "Description *",
@@ -45900,7 +45943,7 @@ ${escapeText(this.code(index, length))}
           dataRef.value.hasOwnProperty("featured_image") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, [
             vue.createVNode(_sfc_main$E, {
               classes: "bg-gray-200",
-              title: "Featured Image",
+              title: ((_a = dataRef.value) == null ? void 0 : _a.upload_title) ? dataRef.value.upload_title : "Featured Image",
               supporting_text: "Recommended dimension: 1200*1060px"
             }, {
               default: vue.withCtx(() => [
@@ -45912,14 +45955,58 @@ ${escapeText(this.code(index, length))}
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
-            })
+            }, 8, ["title"])
+          ])) : vue.createCommentVNode("", true),
+          dataRef.value.hasOwnProperty("button") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
+            _cache[10] || (_cache[10] = vue.createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" }, " Link To ", -1)),
+            vue.createVNode(_sfc_main$J, {
+              name: "show",
+              modelValue: dataRef.value.button.show,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dataRef.value.button.show = $event),
+              title: "Show Button"
+            }, null, 8, ["modelValue"]),
+            dataRef.value.button ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
+              key: 0,
+              "is-vertical": "",
+              field: "title",
+              "label-text": "Button label *",
+              class: "w-full mb-4",
+              value: dataRef.value.button.title,
+              limit: 51
+            }, {
+              default: vue.withCtx(() => [
+                vue.withDirectives(vue.createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => dataRef.value.button.title = $event),
+                  name: "title",
+                  type: "text",
+                  placeholder: "Title",
+                  maxlength: 51,
+                  class: "border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
+                }, null, 512), [
+                  [vue.vModelText, dataRef.value.button.title]
+                ])
+              ]),
+              _: 1
+            }, 8, ["value"])) : vue.createCommentVNode("", true),
+            ((_b = dataRef.value) == null ? void 0 : _b.button) ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+              key: 1,
+              name: "button",
+              type: dataRef.value.button.type,
+              "onUpdate:type": _cache[6] || (_cache[6] = ($event) => dataRef.value.button.type = $event),
+              url: dataRef.value.button.url,
+              "onUpdate:url": _cache[7] || (_cache[7] = ($event) => dataRef.value.button.url = $event),
+              openInNewTab: dataRef.value.button.open_in_new_tab,
+              "onUpdate:openInNewTab": _cache[8] || (_cache[8] = ($event) => dataRef.value.button.open_in_new_tab = $event),
+              sites: _ctx.sites,
+              forms: __props.forms
+            }, null, 8, ["type", "url", "openInNewTab", "sites", "forms"])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
         ]);
       };
     }
   };
   const _hoisted_1$F = { class: "rounded-xl bg-gray-50 px-6 py-5" };
-  const _hoisted_2$n = { class: "text-lg font-semibold text-gray-900 pb-4" };
+  const _hoisted_2$m = { class: "text-lg font-semibold text-gray-900 pb-4" };
   const _hoisted_3$i = {
     key: 0,
     class: "rounded-xl bg-gray-200"
@@ -45935,7 +46022,7 @@ ${escapeText(this.code(index, length))}
     },
     emits: ["update"],
     setup(__props, { emit: __emit }) {
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const props = __props;
       const dataRef = vue.ref(props.data.component);
       const captionWordCount = vue.computed(() => {
@@ -45946,7 +46033,7 @@ ${escapeText(this.code(index, length))}
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-          vue.createElementVNode("p", _hoisted_2$n, vue.toDisplayString(dataRef.value.name), 1),
+          vue.createElementVNode("p", _hoisted_2$m, vue.toDisplayString(dataRef.value.name), 1),
           dataRef.value.hasOwnProperty("featured_image") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$i, [
             vue.createVNode(_sfc_main$E, {
               classes: "bg-gray-200",
@@ -45966,7 +46053,7 @@ ${escapeText(this.code(index, length))}
           ])) : vue.createCommentVNode("", true),
           dataRef.value.hasOwnProperty("caption") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$h, [
             _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200" }, " Caption ", -1)),
-            vue.createVNode(_sfc_main$K, {
+            vue.createVNode(_sfc_main$L, {
               "is-vertical": "",
               field: "caption",
               "label-text": "Caption *",
@@ -46012,23 +46099,23 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$E = { class: "page-builder overflow-auto" };
-  const _hoisted_2$m = { class: "flex gap-4 px-6 overflow-auto" };
+  const _hoisted_2$l = { class: "flex gap-4 px-6 overflow-auto" };
   const _hoisted_3$h = { class: "flex w-[356px] flex-col gap-2 pb-10 overflow-y-auto h-[100vh]" };
   const _hoisted_4$g = { class: "border-b border-gray-200 pb-2" };
   const _hoisted_5$f = ["onClick"];
   const _hoisted_6$f = { class: "text-lg font-semibold text-brand-800" };
-  const _hoisted_7$e = { class: "relative flex items-center gap-3" };
-  const _hoisted_8$d = { class: "cursor-pointer" };
-  const _hoisted_9$d = {
+  const _hoisted_7$f = { class: "relative flex items-center gap-3" };
+  const _hoisted_8$e = { class: "cursor-pointer" };
+  const _hoisted_9$e = {
     key: 0,
     class: "flex flex-col gap-2"
   };
-  const _hoisted_10$9 = ["onClick"];
+  const _hoisted_10$a = ["onClick"];
   const _hoisted_11$9 = { class: "flex flex-col" };
   const _hoisted_12$8 = { class: "text-sm font-medium text-gray-900" };
   const _hoisted_13$5 = { class: "flex items-center justify-between gap-3 px-[10px]" };
   const _hoisted_14$5 = { class: "flex h-full flex-1 flex-col mb-20" };
-  const _hoisted_15$5 = {
+  const _hoisted_15$4 = {
     key: 0,
     class: "mb-4 px-6 py-5 rounded-xl bg-gray-50"
   };
@@ -46052,6 +46139,12 @@ ${escapeText(this.code(index, length))}
           return [];
         }
       },
+      forms: {
+        type: Array,
+        default: () => {
+          return [];
+        }
+      },
       breadcrumbs: {
         type: Array,
         default: () => {
@@ -46068,8 +46161,8 @@ ${escapeText(this.code(index, length))}
       const sections = vue.ref(((_a = props.modelValue) == null ? void 0 : _a.sections) ?? []);
       let selected = vue.ref(null);
       const componentMaps = vue.ref({
-        sliders: vue.markRaw(_sfc_main$L),
-        vertical_tabs: vue.markRaw(_sfc_main$L),
+        sliders: vue.markRaw(_sfc_main$M),
+        vertical_tabs: vue.markRaw(_sfc_main$M),
         links: vue.markRaw(_sfc_main$y),
         header: vue.markRaw(_sfc_main$z),
         callout: vue.markRaw(_sfc_main$z),
@@ -46080,11 +46173,11 @@ ${escapeText(this.code(index, length))}
         video_grid: vue.markRaw(_sfc_main$u),
         paragraph: vue.markRaw(_sfc_main$t),
         image_block: vue.markRaw(_sfc_main$s),
-        timeline_items: vue.markRaw(_sfc_main$L),
+        timeline_items: vue.markRaw(_sfc_main$M),
         bullet_points: vue.markRaw(_sfc_main$y),
         feature_items: vue.markRaw(_sfc_main$y),
         faqs: vue.markRaw(_sfc_main$y),
-        link_cards: vue.markRaw(_sfc_main$L),
+        link_cards: vue.markRaw(_sfc_main$M),
         contact_us: vue.markRaw(_sfc_main$r)
       });
       if (!openStates.value) {
@@ -46122,7 +46215,7 @@ ${escapeText(this.code(index, length))}
       return (_ctx, _cache) => {
         var _a2, _b;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
-          vue.createElementVNode("div", _hoisted_2$m, [
+          vue.createElementVNode("div", _hoisted_2$l, [
             vue.createElementVNode("div", _hoisted_3$h, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue.sections, (parent, sectionIndex) => {
                 return vue.openBlock(), vue.createElementBlock("div", _hoisted_4$g, [
@@ -46131,8 +46224,8 @@ ${escapeText(this.code(index, length))}
                     class: "flex cursor-pointer items-center justify-between px-2 py-4"
                   }, [
                     vue.createElementVNode("span", _hoisted_6$f, vue.toDisplayString(parent.title), 1),
-                    vue.createElementVNode("div", _hoisted_7$e, [
-                      vue.createElementVNode("div", _hoisted_8$d, [
+                    vue.createElementVNode("div", _hoisted_7$f, [
+                      vue.createElementVNode("div", _hoisted_8$e, [
                         !openStates.value[sectionIndex] ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronRight), {
                           key: 0,
                           class: "h-5 w-5"
@@ -46143,7 +46236,7 @@ ${escapeText(this.code(index, length))}
                       ])
                     ])
                   ], 8, _hoisted_5$f),
-                  openStates.value[sectionIndex] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$d, [
+                  openStates.value[sectionIndex] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$e, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(parent.components, (component, index) => {
                       var _a3, _b2;
                       return vue.openBlock(), vue.createElementBlock("div", {
@@ -46157,17 +46250,17 @@ ${escapeText(this.code(index, length))}
                         vue.createElementVNode("div", _hoisted_13$5, [
                           vue.createVNode(vue.unref(ChevronRight), { class: "h-5 w-5" })
                         ])
-                      ], 10, _hoisted_10$9);
+                      ], 10, _hoisted_10$a);
                     }), 256))
                   ])) : vue.createCommentVNode("", true)
                 ]);
               }), 256))
             ]),
             vue.createElementVNode("div", _hoisted_14$5, [
-              !vue.unref(selected) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$5, [
+              !vue.unref(selected) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$4, [
                 _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "text-lg pb-6 font-semibold text-gray-900 border-b border-gray-200" }, "Settings", -1)),
                 vue.createElementVNode("div", _hoisted_16$2, [
-                  vue.createVNode(_sfc_main$K, {
+                  vue.createVNode(_sfc_main$L, {
                     field: "breadcrumb",
                     "label-text": "Breadcrumb section",
                     class: "w-full"
@@ -46198,8 +46291,9 @@ ${escapeText(this.code(index, length))}
                 key: `${(_a2 = vue.unref(selected)) == null ? void 0 : _a2.sectionIndex} - ${(_b = vue.unref(selected)) == null ? void 0 : _b.componentIndex} ${Math.random().toString(36).substring(2, 10)}`,
                 data: vue.unref(selected),
                 sites: __props.sites,
+                forms: __props.forms,
                 onUpdate: save
-              }, null, 40, ["data", "sites"]))
+              }, null, 40, ["data", "sites", "forms"]))
             ])
           ]),
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -47678,15 +47772,15 @@ ${escapeText(this.code(index, length))}
     }
   });
   const _hoisted_1$C = { class: "flex h-[872px] w-full bg-navy-800 relative rounded-[48px] z-10" };
-  const _hoisted_2$l = { class: "lg:p-8 p-4 flex relative w-full" };
+  const _hoisted_2$k = { class: "lg:p-8 p-4 flex relative w-full" };
   const _hoisted_3$g = { class: "lg:w-1/2 lg:pl-8 lg:pr-16 pl-4 pr-8 flex flex-col lg:mt-[218px] mt-[100px] absolute top-0 left-5 lg:relative" };
   const _hoisted_4$f = { class: "gap-2 flex z-10 mb-4" };
   const _hoisted_5$e = ["onClick"];
   const _hoisted_6$e = { class: "lg:text-[48px] text-[40px] font-semibold text-white mb-3 lg:leading-normal leading-[48px]" };
-  const _hoisted_7$d = ["innerHTML"];
-  const _hoisted_8$c = { class: "flex gap-3 mt-8 flex-col lg:flex-row" };
-  const _hoisted_9$c = ["href", "target"];
-  const _hoisted_10$8 = ["href", "target"];
+  const _hoisted_7$e = ["innerHTML"];
+  const _hoisted_8$d = { class: "flex gap-3 mt-8 flex-col lg:flex-row" };
+  const _hoisted_9$d = ["href", "target"];
+  const _hoisted_10$9 = ["href", "target"];
   const _hoisted_11$8 = ["src"];
   const _hoisted_12$7 = {
     key: 1,
@@ -47720,7 +47814,7 @@ ${escapeText(this.code(index, length))}
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(slides), (slide, index) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(Slide), { key: index }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_2$l, [
+                    vue.createElementVNode("div", _hoisted_2$k, [
                       vue.createElementVNode("div", _hoisted_3$g, [
                         vue.createElementVNode("div", _hoisted_4$f, [
                           vue.unref(slides).length > 1 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(slides), (slide2, index2) => {
@@ -47734,8 +47828,8 @@ ${escapeText(this.code(index, length))}
                         vue.createElementVNode("p", {
                           class: "text-lg font-normal text-navy-50",
                           innerHTML: slide == null ? void 0 : slide.description
-                        }, null, 8, _hoisted_7$d),
-                        vue.createElementVNode("div", _hoisted_8$c, [
+                        }, null, 8, _hoisted_7$e),
+                        vue.createElementVNode("div", _hoisted_8$d, [
                           slide.secondary_button.show ? (vue.openBlock(), vue.createElementBlock("a", {
                             key: 0,
                             class: "text-white text-base font-semibold border border-white px-6 py-2 rounded-full hover:bg-navy-800 hover:opacity-60",
@@ -47743,7 +47837,7 @@ ${escapeText(this.code(index, length))}
                             target: slide.secondary_button.open_in_new_tab ? "_blank" : ""
                           }, [
                             vue.createElementVNode("span", null, vue.toDisplayString(slide.secondary_button.label), 1)
-                          ], 8, _hoisted_9$c)) : vue.createCommentVNode("", true),
+                          ], 8, _hoisted_9$d)) : vue.createCommentVNode("", true),
                           slide.primary_button.show ? (vue.openBlock(), vue.createElementBlock("a", {
                             key: 1,
                             class: "flex items-center gap-2 text-navy-800 bg-white text-base font-semibold border border-white px-6 py-2 rounded-full hover:bg-navy-50",
@@ -47752,7 +47846,7 @@ ${escapeText(this.code(index, length))}
                           }, [
                             vue.createTextVNode(vue.toDisplayString(slide.primary_button.label) + " ", 1),
                             vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
-                          ], 8, _hoisted_10$8)) : vue.createCommentVNode("", true)
+                          ], 8, _hoisted_10$9)) : vue.createCommentVNode("", true)
                         ])
                       ]),
                       slide.featured_image ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -47810,7 +47904,7 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$A = { class: "rounded-[48px] 1xl:max-w-[1824px] mx-auto w-full" };
-  const _hoisted_2$k = { class: "md:px-[90px]" };
+  const _hoisted_2$j = { class: "md:px-[90px]" };
   const _sfc_main$n = {
     __name: "HeroHeader",
     props: {
@@ -47835,7 +47929,7 @@ ${escapeText(this.code(index, length))}
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.value.components, (component, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
+            return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$j, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(currentComponent(component)), {
                 key: index,
                 component
@@ -47909,7 +48003,7 @@ ${escapeText(this.code(index, length))}
   }
   const LeftVector = { render: render$c };
   const _hoisted_1$x = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full" };
-  const _hoisted_2$j = { class: "w-full md:w-3/4" };
+  const _hoisted_2$i = { class: "w-full md:w-3/4" };
   const _sfc_main$l = {
     __name: "QuickLinks",
     props: {
@@ -47946,7 +48040,7 @@ ${escapeText(this.code(index, length))}
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.value.components, (component, index) => {
                 var _a2;
-                return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$j, [
+                return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(currentComponent(component)), {
                     key: index,
                     component,
@@ -47965,19 +48059,19 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$w = { class: "flex flex-col md:flex-row justify-center gap-4 items-stretch mt-6" };
-  const _hoisted_2$i = { class: "flex-1 w-full md:w-1/2 flex flex-col" };
+  const _hoisted_2$h = { class: "flex-1 w-full md:w-1/2 flex flex-col" };
   const _hoisted_3$f = ["onClick"];
   const _hoisted_4$e = { class: "py-4 pl-4 md:pl-6" };
   const _hoisted_5$d = ["innerHTML"];
   const _hoisted_6$d = { class: "flex-1 w-full md:w-1/2 bg-transparent flex flex-col items-center" };
-  const _hoisted_7$c = ["src"];
-  const _hoisted_8$b = {
+  const _hoisted_7$d = ["src"];
+  const _hoisted_8$c = {
     key: 1,
     class: "rounded-[20px] md:rounded-[40px] object-contain max-h-[200px] md:max-h-[387px] w-full",
     src: _imports_0,
     alt: "No Image Available"
   };
-  const _hoisted_9$b = ["target", "href"];
+  const _hoisted_9$c = ["target", "href"];
   const _sfc_main$k = {
     __name: "VerticalTabPresenter",
     props: {
@@ -48001,7 +48095,7 @@ ${escapeText(this.code(index, length))}
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
-          vue.createElementVNode("div", _hoisted_2$i, [
+          vue.createElementVNode("div", _hoisted_2$h, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(publicTabs.value, (item) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: item.title
@@ -48040,7 +48134,7 @@ ${escapeText(this.code(index, length))}
                       src: selectedItem.value.featured_image,
                       alt: "Selected Item Image",
                       class: "rounded-[20px] md:rounded-[40px] object-contain max-h-[200px] md:max-h-[387px] w-full"
-                    }, null, 8, _hoisted_7$c)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_8$b)),
+                    }, null, 8, _hoisted_7$d)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_8$c)),
                     ((_d = (_c = selectedItem.value) == null ? void 0 : _c.primary_button) == null ? void 0 : _d.show) ? (vue.openBlock(), vue.createElementBlock("a", {
                       key: 2,
                       class: "text-sm md:text-md font-semibold text-brand-600 flex items-center gap-2 mt-4",
@@ -48049,7 +48143,7 @@ ${escapeText(this.code(index, length))}
                     }, [
                       vue.createTextVNode(vue.toDisplayString(((_j = (_i = selectedItem.value) == null ? void 0 : _i.primary_button) == null ? void 0 : _j.label) ?? "N/A") + " ", 1),
                       vue.createVNode(vue.unref(ArrowUpRight), { class: "w-4 h-4 md:w-5 md:h-5" })
-                    ], 8, _hoisted_9$b)) : vue.createCommentVNode("", true)
+                    ], 8, _hoisted_9$c)) : vue.createCommentVNode("", true)
                   ]))
                 ];
               }),
@@ -48062,7 +48156,7 @@ ${escapeText(this.code(index, length))}
   };
   const VVerticalTabPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ef885607"]]);
   const _hoisted_1$v = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full" };
-  const _hoisted_2$h = { class: "max-md:mx-[30px] 1xl:mx-0 bg-navy-25 rounded-[48px] p-16" };
+  const _hoisted_2$g = { class: "max-md:mx-[30px] 1xl:mx-0 bg-navy-25 rounded-[48px] p-16" };
   const _sfc_main$j = {
     __name: "VTabs",
     props: {
@@ -48086,7 +48180,7 @@ ${escapeText(this.code(index, length))}
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-          vue.createElementVNode("div", _hoisted_2$h, [
+          vue.createElementVNode("div", _hoisted_2$g, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.value.components, (component, index) => {
               return vue.openBlock(), vue.createElementBlock("div", null, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(currentComponent(component)), {
@@ -48101,7 +48195,7 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$u = { class: "w-full relative" };
-  const _hoisted_2$g = ["href"];
+  const _hoisted_2$f = ["href"];
   const _hoisted_3$e = ["src"];
   const _hoisted_4$d = {
     key: 1,
@@ -48155,7 +48249,7 @@ ${escapeText(this.code(index, length))}
                         class: vue.normalizeClass(getLogoHeight(component == null ? void 0 : component.height)),
                         alt: "Brand Logo"
                       }, null, 10, _hoisted_3$e)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, "No photo"))
-                    ], 8, _hoisted_2$g);
+                    ], 8, _hoisted_2$f);
                   }), 256))
                 ], 2)) : vue.createCommentVNode("", true)
               ]);
@@ -48265,7 +48359,7 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$o = { class: "relative" };
-  const _hoisted_2$f = { class: "mb-4" };
+  const _hoisted_2$e = { class: "mb-4" };
   const _hoisted_3$d = ["src"];
   const _hoisted_4$c = {
     key: 0,
@@ -48273,13 +48367,13 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_5$c = { class: "my-3" };
   const _hoisted_6$c = ["href"];
-  const _hoisted_7$b = ["innerHTML"];
-  const _hoisted_8$a = {
+  const _hoisted_7$c = ["innerHTML"];
+  const _hoisted_8$b = {
     key: 1,
     class: "flex gap-2 text-gray-600 mt-6 font-semibold"
   };
-  const _hoisted_9$a = ["innerHTML"];
-  const _hoisted_10$7 = {
+  const _hoisted_9$b = ["innerHTML"];
+  const _hoisted_10$8 = {
     key: 2,
     class: "flex gap-2 text-gray-600 mt-2 font-semibold"
   };
@@ -48287,7 +48381,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_12$6 = { class: "border-t border-gray-200 mt-4 pt-[17px] flex justify-between items-center" };
   const _hoisted_13$4 = ["href"];
   const _hoisted_14$4 = { class: "absolute top-[-65px] right-4 flex gap-4" };
-  const _hoisted_15$4 = {
+  const _hoisted_15$3 = {
     key: 0,
     class: "flex justify-center mb-[40px]"
   };
@@ -48337,7 +48431,7 @@ ${escapeText(this.code(index, length))}
                   class: vue.normalizeClass(["w-full p-4 rounded-[16px]", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
                 }, [
                   vue.createElementVNode("div", null, [
-                    vue.createElementVNode("div", _hoisted_2$f, [
+                    vue.createElementVNode("div", _hoisted_2$e, [
                       slide.image ? (vue.openBlock(), vue.createElementBlock("img", {
                         key: 0,
                         src: slide.image,
@@ -48363,15 +48457,15 @@ ${escapeText(this.code(index, length))}
                     vue.createElementVNode("p", {
                       class: "text-base font-normal text-gray-600 leading-[24px] multiline-ellipsis",
                       innerHTML: slide == null ? void 0 : slide.description
-                    }, null, 8, _hoisted_7$b),
-                    (slide == null ? void 0 : slide.type) === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$a, [
+                    }, null, 8, _hoisted_7$c),
+                    (slide == null ? void 0 : slide.type) === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$b, [
                       vue.createVNode(vue.unref(Clock), { class: "w-4 h-4 mt-[3px]" }),
                       vue.createElementVNode("div", {
                         class: "text-sm",
                         innerHTML: slide == null ? void 0 : slide.line_1
-                      }, null, 8, _hoisted_9$a)
+                      }, null, 8, _hoisted_9$b)
                     ])) : vue.createCommentVNode("", true),
-                    slide.type === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$7, [
+                    slide.type === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$8, [
                       vue.createVNode(vue.unref(Ticket), { class: "w-4 h-4 mt-[3px]" }),
                       vue.createElementVNode("div", {
                         class: "text-sm",
@@ -48408,7 +48502,7 @@ ${escapeText(this.code(index, length))}
               vue.createVNode(vue.unref(ChevronRight), { class: "w-6 h-6" })
             ])
           ]),
-          ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$4, [
+          ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$3, [
             vue.createElementVNode("a", {
               class: "border-brand-300 hover:border-brand-700 border text-brand-700 h-[44px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center font-semibold text-base",
               href: vue.unref(formatUrl)(__props.component.button.url),
@@ -48423,7 +48517,7 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$n = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full" };
-  const _hoisted_2$e = { class: "max-md:mx-[30px] 1xl:mx-0 rounded-[48px] pt-[40px]" };
+  const _hoisted_2$d = { class: "max-md:mx-[30px] 1xl:mx-0 rounded-[48px] pt-[40px]" };
   const _sfc_main$f = {
     __name: "CollectionCarousel",
     props: {
@@ -48447,7 +48541,7 @@ ${escapeText(this.code(index, length))}
           class: vue.normalizeClass(["overflow-hidden", { "rounded-br-[48px] rounded-tl-[48px] bg-aqua-100": (_a = section.value) == null ? void 0 : _a.has_background }])
         }, [
           vue.createElementVNode("div", _hoisted_1$n, [
-            vue.createElementVNode("div", _hoisted_2$e, [
+            vue.createElementVNode("div", _hoisted_2$d, [
               vue.createVNode(_sfc_main$m, { component: headerComponent.value }, null, 8, ["component"])
             ])
           ]),
@@ -48480,34 +48574,34 @@ ${escapeText(this.code(index, length))}
     ]));
   }
   const PlayButton = { render: render$7 };
-  const _hoisted_1$l = { class: "flex flex-col items-center gap-6 pb-[40px] pt-[24px]" };
-  const _hoisted_2$d = { class: "grid grid-cols-1 md:grid-cols-3 gap-6 w-full" };
-  const _hoisted_3$c = {
+  const _hoisted_1$l = { class: "grid grid-cols-1 md:grid-cols-3 gap-6 w-full" };
+  const _hoisted_2$c = {
     key: 0,
     class: "relative group"
   };
-  const _hoisted_4$b = ["onClick"];
+  const _hoisted_3$c = ["onClick"];
+  const _hoisted_4$b = ["src"];
   const _hoisted_5$b = ["src"];
-  const _hoisted_6$b = ["src"];
-  const _hoisted_7$a = {
+  const _hoisted_6$b = {
     key: 2,
     class: "w-full h-[281px] object-cover rounded-[16px] mb-4",
+    alt: "No Available",
     src: _imports_0
   };
-  const _hoisted_8$9 = { class: "flex flex-col gap-2 items-start text-left w-full" };
-  const _hoisted_9$9 = {
+  const _hoisted_7$b = { class: "flex flex-col gap-2 items-start text-left w-full" };
+  const _hoisted_8$a = {
     key: 0,
     class: "flex gap-2"
   };
-  const _hoisted_10$6 = ["href"];
-  const _hoisted_11$6 = { class: "flex justify-between" };
-  const _hoisted_12$5 = ["innerHTML"];
-  const _hoisted_13$3 = { class: "text-gray-500 text-sm mb-4" };
-  const _hoisted_14$3 = {
+  const _hoisted_9$a = ["href"];
+  const _hoisted_10$7 = { class: "flex justify-between" };
+  const _hoisted_11$6 = ["innerHTML"];
+  const _hoisted_12$5 = { class: "text-gray-500 text-sm mb-4" };
+  const _hoisted_13$3 = {
     key: 0,
     class: "flex justify-center"
   };
-  const _hoisted_15$3 = ["href", "target"];
+  const _hoisted_14$3 = ["href", "target"];
   const _sfc_main$e = {
     __name: "CollectionGridPresenter",
     props: {
@@ -48545,15 +48639,17 @@ ${escapeText(this.code(index, length))}
         }
       };
       return (_ctx, _cache) => {
-        var _a2;
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-          vue.createElementVNode("div", _hoisted_2$d, [
+        var _a2, _b2;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["flex flex-col items-center gap-6 pb-[40px] pt-[24px]", { "!pt-0": __props.component.hasOwnProperty("padding_top") && !((_a2 = __props.component) == null ? void 0 : _a2.padding_top) }])
+        }, [
+          vue.createElementVNode("div", _hoisted_1$l, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (card, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
                 class: "card bg-white sm:p-0 px-4"
               }, [
-                __props.component.type === "video_grid" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, [
+                __props.component.type === "video_grid" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
                   vue.createElementVNode("video", {
                     onClick: ($event) => togglePlayPause(index),
                     ref_for: true,
@@ -48565,8 +48661,8 @@ ${escapeText(this.code(index, length))}
                   }, [
                     vue.createElementVNode("source", {
                       src: `${card.video}#t=2`
-                    }, null, 8, _hoisted_5$b)
-                  ], 8, _hoisted_4$b),
+                    }, null, 8, _hoisted_4$b)
+                  ], 8, _hoisted_3$c),
                   !isPlaying.value[index] ? (vue.openBlock(), vue.createBlock(vue.unref(PlayButton), {
                     key: 0,
                     class: "cursor-pointer absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 transition-opacity",
@@ -48577,9 +48673,9 @@ ${escapeText(this.code(index, length))}
                   src: card.image,
                   alt: "Card Image",
                   class: "w-full h-[281px] object-cover rounded-[16px] mb-4"
-                }, null, 8, _hoisted_6$b)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_7$a)),
-                vue.createElementVNode("div", _hoisted_8$9, [
-                  card.categories && card.categories.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$9, [
+                }, null, 8, _hoisted_5$b)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$b)),
+                vue.createElementVNode("div", _hoisted_7$b, [
+                  card.categories && card.categories.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$a, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(card.categories, (tag) => {
                       return vue.openBlock(), vue.createElementBlock("span", {
                         key: tag,
@@ -48598,20 +48694,20 @@ ${escapeText(this.code(index, length))}
                     target: "_blank",
                     rel: "noopener noreferrer"
                   }, [
-                    vue.createElementVNode("div", _hoisted_11$6, [
+                    vue.createElementVNode("div", _hoisted_10$7, [
                       vue.createElementVNode("span", {
                         class: "w-5/6 leading-[28px]",
                         innerHTML: card.title
-                      }, null, 8, _hoisted_12$5),
+                      }, null, 8, _hoisted_11$6),
                       vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5 mt-1" })
                     ])
-                  ], 8, _hoisted_10$6)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("p", _hoisted_13$3, vue.toDisplayString(card.dateTime), 1)
+                  ], 8, _hoisted_9$a)) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("p", _hoisted_12$5, vue.toDisplayString(card.dateTime), 1)
                 ])
               ]);
             }), 128))
           ]),
-          Object.keys(vue.unref(button)).length && ((_a2 = vue.unref(button)) == null ? void 0 : _a2.show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$3, [
+          Object.keys(vue.unref(button)).length && ((_b2 = vue.unref(button)) == null ? void 0 : _b2.show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$3, [
             vue.createElementVNode("a", {
               class: "border-brand-300 hover:border-brand-700 border text-brand-700 h-[44px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center font-semibold text-base",
               href: vue.unref(formatUrl)(vue.unref(button).url),
@@ -48619,15 +48715,14 @@ ${escapeText(this.code(index, length))}
             }, [
               vue.createTextVNode(vue.toDisplayString(vue.unref(button).title) + " ", 1),
               vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
-            ], 8, _hoisted_15$3)
+            ], 8, _hoisted_14$3)
           ])) : vue.createCommentVNode("", true)
-        ]);
+        ], 2);
       };
     }
   };
-  const CollectionGridPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-92070050"]]);
+  const CollectionGridPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-0fff82fb"]]);
   const _hoisted_1$k = { class: "overflow-hidden" };
-  const _hoisted_2$c = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full pt-[40px]" };
   const _sfc_main$d = {
     __name: "CollectionGrid",
     props: {
@@ -48651,15 +48746,18 @@ ${escapeText(this.code(index, length))}
         return componentMaps.value[component == null ? void 0 : component.type];
       };
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
-          vue.createElementVNode("div", _hoisted_2$c, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full pt-[40px]", { "!pt-0": section.value.hasOwnProperty("padding_top") && !((_a = section.value) == null ? void 0 : _a.padding_top) }])
+          }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.value.components, (component, index) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(currentComponent(component)), {
                 key: index,
                 component
               }, null, 8, ["component"]);
             }), 128))
-          ])
+          ], 2)
         ]);
       };
     }
@@ -48709,11 +48807,17 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$i = { class: "overflow-hidden mt-4" };
-  const _hoisted_2$a = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4 flex gap-16 items-center" };
-  const _hoisted_3$a = { class: "text-[36px] text-gray-900 font-semibold" };
-  const _hoisted_4$a = { class: "all-unset" };
-  const _hoisted_5$a = ["innerHTML"];
-  const _hoisted_6$a = ["src"];
+  const _hoisted_2$a = { class: "text-[36px] text-gray-900 font-semibold" };
+  const _hoisted_3$a = { class: "all-unset" };
+  const _hoisted_4$a = ["innerHTML"];
+  const _hoisted_5$a = { key: 0 };
+  const _hoisted_6$a = ["href"];
+  const _hoisted_7$a = {
+    key: 0,
+    class: "w-full h-full relative"
+  };
+  const _hoisted_8$9 = ["src"];
+  const _hoisted_9$9 = ["src"];
   const _sfc_main$b = {
     __name: "Paragraph",
     props: {
@@ -48727,41 +48831,92 @@ ${escapeText(this.code(index, length))}
       const leftColumn = vue.ref(null);
       const rightColumn = vue.ref(null);
       const section = vue.ref(props.section);
+      const videoPlayer = vue.ref(null);
+      const isPlaying = vue.ref(false);
+      const component = vue.computed(() => {
+        return section.value.components[0];
+      });
+      const button = vue.computed(() => {
+        var _a;
+        return ((_a = component.value) == null ? void 0 : _a.button) || {};
+      });
       vue.onMounted(() => {
         if (leftColumn.value && rightColumn.value) {
           rightColumn.value.style.height = `${leftColumn.value.offsetHeight}px`;
         }
       });
+      const togglePlayPause = () => {
+        var _a;
+        if (!videoPlayer.value) {
+          return;
+        }
+        if ((_a = videoPlayer.value) == null ? void 0 : _a.paused) {
+          videoPlayer.value.play();
+          isPlaying.value = true;
+        } else {
+          videoPlayer.value.pause();
+          isPlaying.value = false;
+        }
+      };
       return (_ctx, _cache) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
-          vue.createElementVNode("div", _hoisted_2$a, [
-            ((_a = section.value.components[0]) == null ? void 0 : _a.title) ? (vue.openBlock(), vue.createElementBlock("div", {
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4 flex gap-16 items-center", { "flex-row-reverse mt-6 !mb-10": (_a = section.value) == null ? void 0 : _a.revert }])
+          }, [
+            ((_b = component.value) == null ? void 0 : _b.title) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: "max-w-[800px] py-4",
+              class: vue.normalizeClass(["max-w-[800px] py-4", { "!max-w-full w-full": (_c = section.value) == null ? void 0 : _c.is_full_width }]),
               ref_key: "leftColumn",
               ref: leftColumn
             }, [
-              vue.createElementVNode("h3", _hoisted_3$a, vue.toDisplayString(section.value.components[0].title), 1),
-              vue.createElementVNode("div", _hoisted_4$a, [
+              vue.createElementVNode("h3", _hoisted_2$a, vue.toDisplayString(component.value.title), 1),
+              vue.createElementVNode("div", _hoisted_3$a, [
                 vue.createElementVNode("div", {
-                  innerHTML: section.value.components[0].paragraph
-                }, null, 8, _hoisted_5$a)
+                  innerHTML: component.value.paragraph
+                }, null, 8, _hoisted_4$a),
+                ((_d = component.value) == null ? void 0 : _d.hasOwnProperty("button")) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [
+                  vue.createElementVNode("a", {
+                    href: button.value.url,
+                    class: "inline-flex items-center gap-2 !no-underline px-3 py-2.5 rounded-full shadow-xs text-md font-semibold !text-white bg-brand-600 hover:bg-brand-700 border border-brand-600 text-center cursor-pointer"
+                  }, [
+                    vue.createTextVNode(vue.toDisplayString(button.value.title) + " ", 1),
+                    vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
+                  ], 8, _hoisted_6$a)
+                ])) : vue.createCommentVNode("", true)
               ])
-            ], 512)) : vue.createCommentVNode("", true),
-            ((_b = section.value.components[0]) == null ? void 0 : _b.featured_image) ? (vue.openBlock(), vue.createElementBlock("div", {
+            ], 2)) : vue.createCommentVNode("", true),
+            ((_e = component.value) == null ? void 0 : _e.featured_image) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              class: "w-full rounded-[24px]",
+              class: "w-full max-w-[536px] rounded-[24px] overflow-hidden",
               ref_key: "rightColumn",
               ref: rightColumn
             }, [
-              vue.createElementVNode("img", {
-                src: (_c = section.value.components[0]) == null ? void 0 : _c.featured_image,
+              ((_f = component.value) == null ? void 0 : _f.source_type) === "video" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
+                vue.createElementVNode("video", {
+                  onClick: togglePlayPause,
+                  preload: "metadata",
+                  ref_key: "videoPlayer",
+                  ref: videoPlayer,
+                  class: "h-full w-full object-cover"
+                }, [
+                  vue.createElementVNode("source", {
+                    src: `${(_g = component.value) == null ? void 0 : _g.featured_image}#t=2`
+                  }, null, 8, _hoisted_8$9)
+                ], 512),
+                !isPlaying.value ? (vue.openBlock(), vue.createBlock(vue.unref(PlayButton), {
+                  key: 0,
+                  class: "cursor-pointer absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 transition-opacity",
+                  onClick: togglePlayPause
+                })) : vue.createCommentVNode("", true)
+              ])) : (vue.openBlock(), vue.createElementBlock("img", {
+                key: 1,
+                src: (_h = component.value) == null ? void 0 : _h.featured_image,
                 alt: "Feature Image",
                 class: "w-full h-full object-cover rounded-[24px]"
-              }, null, 8, _hoisted_6$a)
+              }, null, 8, _hoisted_9$9))
             ], 512)) : vue.createCommentVNode("", true)
-          ])
+          ], 2)
         ]);
       };
     }
@@ -48781,7 +48936,7 @@ ${escapeText(this.code(index, length))}
     class: "my-[44px]"
   };
   const _hoisted_9$8 = { class: "text-[36px] text-gray-900 font-semibold" };
-  const _hoisted_10$5 = ["innerHTML"];
+  const _hoisted_10$6 = ["innerHTML"];
   const _hoisted_11$5 = {
     key: 0,
     class: "max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
@@ -48868,7 +49023,7 @@ ${escapeText(this.code(index, length))}
                   key: 0,
                   class: "text-[20px] font-normal mt-4 text-gray-600 leading-[30px]",
                   innerHTML: headerComponent.value.supporting_text
-                }, null, 8, _hoisted_10$5)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_10$6)) : vue.createCommentVNode("", true)
               ], 2)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(featureItemsComponent.value.hasOwnProperty("grid_columns") ? "" : "flex flex-row gap-8")
@@ -48932,7 +49087,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_7$8 = { class: "mt-4" };
   const _hoisted_8$7 = { class: "flex flex-row" };
   const _hoisted_9$7 = { class: "w-1/5 mr-[40px] relative" };
-  const _hoisted_10$4 = { class: "text-[24px] font-semibold text-navy-800" };
+  const _hoisted_10$5 = { class: "text-[24px] font-semibold text-navy-800" };
   const _hoisted_11$4 = { class: "w-4/5" };
   const _hoisted_12$3 = {
     key: 0,
@@ -48975,7 +49130,7 @@ ${escapeText(this.code(index, length))}
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(timelineComponent.value.data, (data2, index) => {
                   return vue.openBlock(), vue.createElementBlock("div", _hoisted_8$7, [
                     vue.createElementVNode("div", _hoisted_9$7, [
-                      vue.createElementVNode("h1", _hoisted_10$4, vue.toDisplayString(data2.title), 1),
+                      vue.createElementVNode("h1", _hoisted_10$5, vue.toDisplayString(data2.title), 1),
                       _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "w-[32px] h-[32px] flex items-center justify-center border-2 border-navy-100 rounded-full absolute right-[-17px] bg-white top-0" }, [
                         vue.createElementVNode("p", { class: "w-[16px] h-[16px] rounded-full bg-navy-600" })
                       ], -1)),
@@ -49151,7 +49306,7 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_8$5 = { class: "relative bg-white hover:bg-gray-100 p-2 rounded-lg w-full" };
   const _hoisted_9$5 = ["href", "target"];
-  const _hoisted_10$3 = { class: "flex gap-4 items-center max-w-[94%] w-full" };
+  const _hoisted_10$4 = { class: "flex gap-4 items-center max-w-[94%] w-full" };
   const _hoisted_11$3 = { class: "w-full" };
   const _sfc_main$7 = {
     __name: "LinkList",
@@ -49203,7 +49358,7 @@ ${escapeText(this.code(index, length))}
                           href: vue.unref(formatUrl)(link.url),
                           target: link.open_in_new_tab ? "_blank" : ""
                         }, [
-                          vue.createElementVNode("div", _hoisted_10$3, [
+                          vue.createElementVNode("div", _hoisted_10$4, [
                             vue.createVNode(vue.unref(LinkExternal), { class: "w-5 h-5" }),
                             vue.createElementVNode("span", _hoisted_11$3, vue.toDisplayString(link.title), 1)
                           ]),
@@ -49245,10 +49400,11 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_4$5 = { class: "text-[36px] text-gray-900 font-semibold" };
   const _hoisted_5$5 = ["innerHTML"];
-  const _hoisted_6$5 = ["textContent"];
-  const _hoisted_7$5 = { class: "flex" };
-  const _hoisted_8$4 = { class: "bg-gray-100 rounded-full w-[28px] h-[28px] flex items-center justify-center text-gray-500 mr-2" };
-  const _hoisted_9$4 = { class: "text-lg text-gray-600 w-[97%]" };
+  const _hoisted_6$5 = { class: "mt-8" };
+  const _hoisted_7$5 = ["textContent"];
+  const _hoisted_8$4 = { class: "flex" };
+  const _hoisted_9$4 = { class: "bg-gray-100 rounded-full w-[28px] h-[28px] flex items-center justify-center text-gray-500 mr-2" };
+  const _hoisted_10$3 = { class: "text-lg text-gray-600 w-[97%]" };
   const _sfc_main$6 = {
     __name: "BulletPoints",
     props: {
@@ -49265,8 +49421,8 @@ ${escapeText(this.code(index, length))}
       const headerComponent = vue.computed(() => {
         return section.value.components.find((component) => component.type === "header");
       });
-      const bulletPointsComponent = vue.computed(() => {
-        return section.value.components.find((component) => component.type === "bullet_points");
+      const bulletPointsComponents = vue.computed(() => {
+        return section.value.components.filter((component) => component.type === "bullet_points");
       });
       vue.onMounted(() => {
         if (leftColumn.value && rightColumn.value) {
@@ -49274,7 +49430,7 @@ ${escapeText(this.code(index, length))}
         }
       });
       return (_ctx, _cache) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass({ "bg-gray-50 py-2 my-6": (_a = section.value) == null ? void 0 : _a.has_background, "my-8": (_b = section.value) == null ? void 0 : _b.margin })
@@ -49310,24 +49466,28 @@ ${escapeText(this.code(index, length))}
                     innerHTML: headerComponent.value.supporting_text
                   }, null, 8, _hoisted_5$5)) : vue.createCommentVNode("", true)
                 ]),
-                bulletPointsComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: vue.normalizeClass(["flex flex-col mt-8 gap-4", { "!grid grid-cols-3": !((_k = headerComponent.value) == null ? void 0 : _k.featured_image) && !((_l = section.value) == null ? void 0 : _l.two_column) }])
-                }, [
-                  ((_m = bulletPointsComponent.value) == null ? void 0 : _m.title) ? (vue.openBlock(), vue.createElementBlock("p", {
-                    key: 0,
-                    textContent: vue.toDisplayString(bulletPointsComponent.value.title),
-                    class: "font-semibold text-[20px]"
-                  }, null, 8, _hoisted_6$5)) : vue.createCommentVNode("", true),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bulletPointsComponent.value.data, (item) => {
-                    return vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
-                      vue.createElementVNode("div", _hoisted_8$4, [
-                        vue.createVNode(vue.unref(CheckIcon), { class: "w-4 h-4" })
-                      ]),
-                      vue.createElementVNode("p", _hoisted_9$4, vue.toDisplayString(item.title), 1)
-                    ]);
-                  }), 256))
-                ], 2)) : vue.createCommentVNode("", true)
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bulletPointsComponents.value, (bullet) => {
+                  var _a2, _b2;
+                  return vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
+                    (bullet == null ? void 0 : bullet.title) ? (vue.openBlock(), vue.createElementBlock("p", {
+                      key: 0,
+                      textContent: vue.toDisplayString(bullet.title),
+                      class: "font-semibold text-[20px] mb-4"
+                    }, null, 8, _hoisted_7$5)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["flex flex-col gap-4", { "!grid grid-cols-3": !((_a2 = headerComponent.value) == null ? void 0 : _a2.featured_image) && !((_b2 = section.value) == null ? void 0 : _b2.two_column) }])
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bullet.data, (item) => {
+                        return vue.openBlock(), vue.createElementBlock("div", _hoisted_8$4, [
+                          vue.createElementVNode("div", _hoisted_9$4, [
+                            vue.createVNode(vue.unref(CheckIcon), { class: "w-4 h-4" })
+                          ]),
+                          vue.createElementVNode("p", _hoisted_10$3, vue.toDisplayString(item.title), 1)
+                        ]);
+                      }), 256))
+                    ], 2)
+                  ]);
+                }), 256))
               ], 2)) : vue.createCommentVNode("", true)
             ], 2)
           ], 2)
@@ -49657,7 +49817,7 @@ ${escapeText(this.code(index, length))}
                       ]),
                       show.value[index2] ? (vue.openBlock(), vue.createElementBlock("p", {
                         key: 0,
-                        class: "mt-2 text-gray-600 leading-[24px]",
+                        class: "mt-2 text-gray-600 leading-[24px] all-unset",
                         innerHTML: link.supporting_text
                       }, null, 8, _hoisted_12$1)) : vue.createCommentVNode("", true)
                     ]);
@@ -49756,7 +49916,7 @@ ${escapeText(this.code(index, length))}
     emits: ["update"],
     setup(__props, { emit: __emit }) {
       var _a, _b;
-      const VFileUpload = vue.inject("VFileUpload", _sfc_main$J);
+      const VFileUpload = vue.inject("VFileUpload", _sfc_main$K);
       const emit = __emit;
       const props = __props;
       const hasLines = vue.computed(() => {
@@ -49843,11 +50003,11 @@ ${escapeText(this.code(index, length))}
                     }, [
                       vue.createElementVNode("div", _hoisted_10, [
                         vue.createElementVNode("p", _hoisted_11, " Event #" + vue.toDisplayString(index + 1), 1),
-                        vue.createVNode(_sfc_main$N, {
+                        vue.createVNode(_sfc_main$O, {
                           onRemoveItem: ($event) => handleDeleteItem(index)
                         }, null, 8, ["onRemoveItem"])
                       ]),
-                      vue.createVNode(_sfc_main$K, {
+                      vue.createVNode(_sfc_main$L, {
                         "is-vertical": "",
                         field: "line.title",
                         "label-text": "Heading *",
@@ -49867,7 +50027,7 @@ ${escapeText(this.code(index, length))}
                         ]),
                         _: 2
                       }, 1032, ["value"]),
-                      vue.createVNode(_sfc_main$K, {
+                      vue.createVNode(_sfc_main$L, {
                         "is-vertical": "",
                         field: "line.description",
                         "label-text": "Description *",
@@ -49892,7 +50052,7 @@ ${escapeText(this.code(index, length))}
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_13, [
-                    vue.createVNode(_sfc_main$K, {
+                    vue.createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "title",
                       "label-text": "Title *",
@@ -49914,7 +50074,7 @@ ${escapeText(this.code(index, length))}
                       ]),
                       _: 1
                     }, 8, ["value"]),
-                    vue.createVNode(_sfc_main$K, {
+                    vue.createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "description",
                       "label-text": "Description *",
@@ -49952,7 +50112,7 @@ ${escapeText(this.code(index, length))}
                   supporting_text: "Toggle off if you'd like to hide this item"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$I, {
+                    vue.createVNode(_sfc_main$J, {
                       modelValue: basicForm.value.public,
                       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => basicForm.value.public = $event),
                       name: "public",
@@ -49981,7 +50141,7 @@ ${escapeText(this.code(index, length))}
                   supporting_text: "To indicate the time period of the events"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$K, {
+                    vue.createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "title",
                       "label-text": "Timeline item title *",
@@ -50011,7 +50171,7 @@ ${escapeText(this.code(index, length))}
                   supporting_text: "The title for the group of events under this time period"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$K, {
+                    vue.createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "title",
                       "label-text": "Event group title *",
@@ -50135,7 +50295,7 @@ ${escapeText(this.code(index, length))}
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_4, [
                     vue.createElementVNode("div", _hoisted_5, [
-                      vue.createVNode(_sfc_main$K, {
+                      vue.createVNode(_sfc_main$L, {
                         "is-vertical": "",
                         field: "icon",
                         "label-text": "Icon *",
@@ -50150,7 +50310,7 @@ ${escapeText(this.code(index, length))}
                         ]),
                         _: 1
                       }, 8, ["value"]),
-                      vue.createVNode(_sfc_main$K, {
+                      vue.createVNode(_sfc_main$L, {
                         "is-vertical": "",
                         field: "title",
                         "label-text": "Title *",
@@ -50173,7 +50333,7 @@ ${escapeText(this.code(index, length))}
                         _: 1
                       }, 8, ["value"])
                     ]),
-                    vue.createVNode(_sfc_main$K, {
+                    vue.createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "description",
                       "label-text": "Supporting Text *",
@@ -50205,7 +50365,7 @@ ${escapeText(this.code(index, length))}
                 supporting_text: "Toggle off if you'd like to hide this item"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$I, {
+                  vue.createVNode(_sfc_main$J, {
                     modelValue: form.value.public,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.public = $event),
                     name: "public",