@dcodegroup-au/page-builder 0.5.6 → 0.5.8

package/dist/page-builder.es.js

@@ -2,14 +2,14 @@ var __defProp = Object.defineProperty;
 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);
 import { createElementBlock, openBlock, createElementVNode, createStaticVNode, ref, resolveDirective, withDirectives, createCommentVNode, createVNode, unref, defineComponent, reactive, computed, normalizeClass, Transition, withCtx, renderSlot, toDisplayString, withModifiers, Fragment, renderList, createTextVNode, onMounted, vShow, mergeModels, useModel, vModelSelect, createBlock, vModelText, inject, vModelRadio, resolveDynamicComponent, shallowRef, watch, vModelDynamic, onBeforeUnmount, nextTick, markRaw, h, shallowReactive, watchEffect, provide, toRefs, useId, getCurrentInstance, onUnmounted, onUpdated, cloneVNode, normalizeStyle } from "vue";
-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 openBlock(), createElementBlock("svg", _hoisted_1$jF, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jG, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -19,14 +19,14 @@ function render$iX(_ctx, _cache) {
   ]));
 }
 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 openBlock(), createElementBlock("svg", _hoisted_1$jE, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jF, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -43,19 +43,19 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$O = {};
+const _sfc_main$P = {};
 function _sfc_render$1(_ctx, _cache) {
   return _cache[0] || (_cache[0] = 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 openBlock(), createElementBlock("svg", _hoisted_1$jD, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jE, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -180,14 +180,14 @@ function createLink(overrides = {}, type = null) {
     ...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 openBlock(), createElementBlock("svg", _hoisted_1$jC, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jD, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -197,14 +197,14 @@ function render$iU(_ctx, _cache) {
   ]));
 }
 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 openBlock(), createElementBlock("svg", _hoisted_1$jB, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jC, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -214,14 +214,14 @@ function render$iT(_ctx, _cache) {
   ]));
 }
 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 openBlock(), createElementBlock("svg", _hoisted_1$jA, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jB, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -244,7 +244,7 @@ const useClickOutside = {
     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"
@@ -254,7 +254,7 @@ const __default__$1 = {
     clickOutside: useClickOutside
   }
 };
-const _sfc_main$N = /* @__PURE__ */ Object.assign(__default__$1, {
+const _sfc_main$O = /* @__PURE__ */ Object.assign(__default__$1, {
   __name: "ActionMenu",
   props: {
     enableEdit: {
@@ -282,7 +282,7 @@ const _sfc_main$N = /* @__PURE__ */ Object.assign(__default__$1, {
     };
     return (_ctx, _cache) => {
       const _directive_click_outside = resolveDirective("click-outside");
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$jz, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$jA, [
         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)
@@ -312,14 +312,14 @@ const _sfc_main$N = /* @__PURE__ */ Object.assign(__default__$1, {
     };
   }
 });
-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 openBlock(), createElementBlock("svg", _hoisted_1$jy, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jz, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -329,19 +329,19 @@ function render$iR(_ctx, _cache) {
   ]));
 }
 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__ */ 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__ */ defineComponent({
   __name: "Modal",
   props: {
     entity: {
@@ -391,7 +391,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_1$jx, [
+            isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_1$jy, [
               renderSlot(_ctx.$slots, "default", {}, () => [
                 createElementVNode("div", {
                   class: normalizeClass(["relative min-h-[260px] overflow-y-auto flex", { "overflow-y-visible": !_ctx.scrollable }])
@@ -407,20 +407,20 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                           onClick: close
                         })
                       ]),
-                      createElementVNode("h4", _hoisted_5$q, "Delete this " + toDisplayString(__props.entity) + "?", 1),
+                      createElementVNode("h4", _hoisted_5$r, "Delete this " + toDisplayString(__props.entity) + "?", 1),
                       createElementVNode("p", _hoisted_6$o, "Do you want to delete this " + toDisplayString(__props.entity) + "? This action cannot be undone.", 1)
                     ]),
-                    createElementVNode("div", _hoisted_7$n, [
+                    createElementVNode("div", _hoisted_7$o, [
                       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: toDisplayString(cancelButton.value)
-                      }, null, 8, _hoisted_8$l),
+                      }, null, 8, _hoisted_8$m),
                       createElementVNode("a", {
                         onClick: 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: toDisplayString(confirmButton.value)
-                      }, null, 8, _hoisted_9$k)
+                      }, null, 8, _hoisted_9$l)
                     ])
                   ])
                 ], 2)
@@ -433,27 +433,27 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -502,17 +502,17 @@ const _sfc_main$L = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1$jw, [
+        createElementVNode("div", _hoisted_1$jx, [
           createElementVNode("div", _hoisted_2$E, [
             createElementVNode("p", _hoisted_3$w, toDisplayString(dataRef.value.name), 1)
           ]),
           createElementVNode("div", _hoisted_4$s, [
-            dataRef.value.hasOwnProperty("supportive_text") ? (openBlock(), createElementBlock("div", _hoisted_5$p, toDisplayString(dataRef.value.supportive_text), 1)) : createCommentVNode("", true),
+            dataRef.value.hasOwnProperty("supportive_text") ? (openBlock(), createElementBlock("div", _hoisted_5$q, toDisplayString(dataRef.value.supportive_text), 1)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_6$n, [
-              createElementVNode("div", _hoisted_7$m, [
-                createElementVNode("div", _hoisted_8$k, [
-                  createElementVNode("div", _hoisted_9$j, toDisplayString(unref(parseName)(unref(type))), 1),
-                  createElementVNode("div", _hoisted_10$f, "This " + toDisplayString(unref(singularize)(unref(type))) + " can contain up to " + toDisplayString(dataRef.value.max_items) + " " + toDisplayString(unref(parseName)(unref(type), false)), 1)
+              createElementVNode("div", _hoisted_7$n, [
+                createElementVNode("div", _hoisted_8$l, [
+                  createElementVNode("div", _hoisted_9$k, toDisplayString(unref(parseName)(unref(type))), 1),
+                  createElementVNode("div", _hoisted_10$g, "This " + toDisplayString(unref(singularize)(unref(type))) + " can contain up to " + toDisplayString(dataRef.value.max_items) + " " + toDisplayString(unref(parseName)(unref(type), false)), 1)
                 ]),
                 createElementVNode("div", null, [
                   createElementVNode("button", {
@@ -541,10 +541,10 @@ const _sfc_main$L = {
                         class: "flex flex-1 flex-col cursor-pointer",
                         onClick: ($event) => edit(item, index)
                       }, [
-                        createElementVNode("div", _hoisted_15$7, toDisplayString(unref(singularize)(unref(parseName)(unref(type)))) + " #" + toDisplayString(index + 1), 1),
+                        createElementVNode("div", _hoisted_15$6, toDisplayString(unref(singularize)(unref(parseName)(unref(type)))) + " #" + toDisplayString(index + 1), 1),
                         createElementVNode("div", _hoisted_16$4, toDisplayString(item.title), 1)
                       ], 8, _hoisted_14$7),
-                      createVNode(_sfc_main$N, {
+                      createVNode(_sfc_main$O, {
                         onRemoveItem: ($event) => handleDeleteItem(index),
                         "enable-edit": true,
                         onEditItem: ($event) => edit(item, index)
@@ -566,7 +566,7 @@ const _sfc_main$L = {
     };
   }
 };
-const _hoisted_1$jv = ["for"];
+const _hoisted_1$jw = ["for"];
 const _hoisted_2$D = {
   key: 0,
   class: "v-field-label inline-block mb-2"
@@ -576,11 +576,11 @@ const _hoisted_4$r = {
   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: {
@@ -627,8 +627,8 @@ const _sfc_main$K = {
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default"),
         __props.limit ? (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString((_a = __props.value) == null ? void 0 : _a.length) + "/" + toDisplayString(__props.limit) + " characters ", 1)) : createCommentVNode("", true),
-        __props.showCount ? (openBlock(), createElementBlock("span", _hoisted_5$o, " Word count: " + toDisplayString(__props.value), 1)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$jv);
+        __props.showCount ? (openBlock(), createElementBlock("span", _hoisted_5$p, " Word count: " + toDisplayString(__props.value), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$jw);
     };
   }
 };
@@ -11667,14 +11667,14 @@ function requireDropzone() {
 }
 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 openBlock(), createElementBlock("svg", _hoisted_1$ju, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$jv, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -11684,25 +11684,25 @@ function render$iQ(_ctx, _cache) {
   ]));
 }
 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: {
@@ -11776,7 +11776,7 @@ const _sfc_main$J = {
       file.value = props.modelValue;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$jt, [
+      return openBlock(), createElementBlock("div", _hoisted_1$ju, [
         createElementVNode("input", {
           type: "hidden",
           name: __props.name,
@@ -11789,24 +11789,24 @@ const _sfc_main$J = {
               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 ? (openBlock(), createElementBlock("div", _hoisted_6$m, [
-          createElementVNode("span", _hoisted_7$l, [
+          createElementVNode("span", _hoisted_7$m, [
             isImage(file.value.mime_type) ? (openBlock(), createElementBlock("img", {
               key: 0,
               class: "img",
               src: file.value.url,
               title: file.value.file_name
-            }, null, 8, _hoisted_8$j)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_8$k)) : createCommentVNode("", true)
           ]),
           createElementVNode("a", {
             href: file.value.url,
             target: "_blank",
             class: "link"
           }, [
-            createElementVNode("div", _hoisted_10$e, toDisplayString(file.value.file_name), 1)
-          ], 8, _hoisted_9$i),
+            createElementVNode("div", _hoisted_10$f, toDisplayString(file.value.file_name), 1)
+          ], 8, _hoisted_9$j),
           createElementVNode("a", _hoisted_11$d, [
             createElementVNode("i", {
               class: "fal fa-times",
@@ -11841,13 +11841,13 @@ const _sfc_main$J = {
     };
   }
 };
-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: {
@@ -11882,7 +11882,7 @@ const _sfc_main$I = {
       emit("update:modelValue", !props.modelValue);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$js, [
+      return openBlock(), createElementBlock("div", _hoisted_1$jt, [
         createElementVNode("button", {
           type: "button",
           class: 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]),
@@ -11905,9 +11905,9 @@ const _sfc_main$I = {
     };
   }
 };
-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__ */ mergeModels({
     sites: { type: Object, required: true },
@@ -11920,7 +11920,7 @@ const _sfc_main$H = {
   setup(__props) {
     const url = useModel(__props, "url");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$jr, [
+      return openBlock(), createElementBlock("div", _hoisted_1$js, [
         _cache[1] || (_cache[1] = createElementVNode("label", { class: "text-sm font-medium text-gray-700" }, "Select a page from the site*", -1)),
         withDirectives(createElementVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
@@ -11938,7 +11938,7 @@ const _sfc_main$H = {
     };
   }
 };
-const _sfc_main$G = {
+const _sfc_main$H = {
   __name: "ExternalPage",
   props: {
     "url": {},
@@ -11948,7 +11948,7 @@ const _sfc_main$G = {
   setup(__props) {
     const url = useModel(__props, "url");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$K, {
+      return openBlock(), createBlock(_sfc_main$L, {
         "is-vertical": "",
         field: "title",
         "label-text": "URL *",
@@ -11970,24 +11970,59 @@ const _sfc_main$G = {
     };
   }
 };
+const _hoisted_1$jr = { class: "flex flex-col gap-2" };
+const _hoisted_2$z = ["value"];
+const _sfc_main$G = {
+  __name: "ItemSelect",
+  props: /* @__PURE__ */ mergeModels({
+    items: { type: Object, required: true },
+    errors: { type: Object, required: false, default: () => ({}) }
+  }, {
+    "url": {},
+    "urlModifiers": {}
+  }),
+  emits: ["update:url"],
+  setup(__props) {
+    const url = useModel(__props, "url");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$jr, [
+        _cache[1] || (_cache[1] = createElementVNode("label", { class: "text-sm font-medium text-gray-700" }, "Select an item*", -1)),
+        withDirectives(createElementVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
+          name: "url"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+            return openBlock(), createElementBlock("option", {
+              value: item.value
+            }, toDisplayString(item.name), 9, _hoisted_2$z);
+          }), 256))
+        ], 512), [
+          [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__ */ 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": {},
@@ -11998,7 +12033,7 @@ const _sfc_main$F = {
   }),
   emits: ["update:type", "update:url", "update:openInNewTab"],
   setup(__props) {
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const type = useModel(__props, "type");
     const url = useModel(__props, "url");
     const openInNewTab = useModel(__props, "openInNewTab");
@@ -12007,16 +12042,17 @@ const _sfc_main$F = {
     };
     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 openBlock(), createElementBlock("div", _hoisted_1$jq, [
         createElementVNode("div", null, [
-          __props.label ? (openBlock(), createElementBlock("p", _hoisted_2$z, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          __props.label ? (openBlock(), createElementBlock("p", _hoisted_2$y, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_3$s, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
               return openBlock(), createElementBlock("label", _hoisted_4$p, [
@@ -12025,9 +12061,8 @@ const _sfc_main$F = {
                   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), [
                   [vModelRadio, type.value]
                 ]),
                 createElementVNode("span", null, toDisplayString(toReadableWords(option)), 1)
@@ -12039,22 +12074,21 @@ const _sfc_main$F = {
           (openBlock(), createBlock(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"])),
           createElementVNode("input", {
             type: "hidden",
             name: "url",
             value: url.value
-          }, null, 8, _hoisted_7$k)
+          }, null, 8, _hoisted_7$l)
         ]),
-        createElementVNode("div", _hoisted_8$i, [
-          createVNode(_sfc_main$I, {
+        createElementVNode("div", _hoisted_8$j, [
+          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"])
         ])
@@ -12066,7 +12100,7 @@ const _hoisted_1$jp = {
   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"
@@ -12093,7 +12127,7 @@ const _sfc_main$E = {
         class: normalizeClass(["rounded-xl px-6 py-5", __props.classes])
       }, [
         __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$jp, [
-          createElementVNode("div", _hoisted_2$y, toDisplayString(__props.title), 1),
+          createElementVNode("div", _hoisted_2$x, toDisplayString(__props.title), 1),
           __props.supporting_text ? (openBlock(), createElementBlock("div", _hoisted_3$r, toDisplayString(__props.supporting_text), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
@@ -33882,15 +33916,15 @@ const _sfc_main$D = {
 };
 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
@@ -33949,7 +33983,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign(__default__, {
             class: "h-5 w-5"
           }))
         ]),
-        withDirectives(createElementVNode("div", _hoisted_2$x, [
+        withDirectives(createElementVNode("div", _hoisted_2$w, [
           createElementVNode("div", _hoisted_3$q, [
             createElementVNode("div", _hoisted_4$o, [
               withDirectives(createElementVNode("input", {
@@ -33966,11 +34000,11 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign(__default__, {
                 class: "absolute right-2 top-1/2 h-3 w-3 -translate-y-1/2 cursor-pointer"
               }, " ✕ ")) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_5$l, [
+            createElementVNode("div", _hoisted_5$m, [
               createElementVNode("p", _hoisted_6$k, [
-                icons2.value.length > 0 && search.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_7$j, " Search result ")) : icons2.value.length < 1 && search.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$h, " No search result ")) : search.value.length < 1 && icons2.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_9$h, " Frequently used icons ")) : createCommentVNode("", true)
+                icons2.value.length > 0 && search.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_7$k, " Search result ")) : icons2.value.length < 1 && search.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$i, " No search result ")) : search.value.length < 1 && icons2.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_9$i, " Frequently used icons ")) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_10$d, [
+              createElementVNode("div", _hoisted_10$e, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(icons2.value, (icon) => {
                   return openBlock(), createBlock(_sfc_main$D, {
                     class: "cursor-pointer rounded p-1 hover:bg-gray-100",
@@ -34001,7 +34035,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign(__default__, {
   }
 });
 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: {
@@ -34031,13 +34065,13 @@ const _sfc_main$B = {
           var _a2, _b, _c;
           return [
             createElementVNode("div", _hoisted_1$O, [
-              createVNode(_sfc_main$I, {
+              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"]),
-              createVNode(_sfc_main$K, {
+              createVNode(_sfc_main$L, {
                 "is-vertical": "",
                 field: "button.label",
                 "label-text": "Button Label *",
@@ -34059,7 +34093,7 @@ const _sfc_main$B = {
                 ]),
                 _: 1
               }, 8, ["value"]),
-              ["email", "phone"].includes((_a2 = __props.button) == null ? void 0 : _a2.type) ? (openBlock(), createBlock(_sfc_main$K, {
+              ["email", "phone"].includes((_a2 = __props.button) == null ? void 0 : _a2.type) ? (openBlock(), createBlock(_sfc_main$L, {
                 key: 0,
                 "is-vertical": "",
                 field: (_b = __props.button) == null ? void 0 : _b.type,
@@ -34078,7 +34112,7 @@ const _sfc_main$B = {
                       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), [
                       [vModelDynamic, __props.button.address]
                     ])
                   ];
@@ -44990,15 +45024,15 @@ const _sfc_main$A = {
   }
 };
 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 openBlock(), createElementBlock("div", _hoisted_1$N, [
-    createElementVNode("div", _hoisted_2$v, null, 512)
+    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"
 };
@@ -45014,7 +45048,7 @@ const _sfc_main$z = {
   emits: ["update"],
   setup(__props, { emit: __emit }) {
     var _a;
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const props = __props;
     const dataRef = ref(((_a = props.data) == null ? void 0 : _a.component) ?? props.data);
     return (_ctx, _cache) => {
@@ -45032,7 +45066,7 @@ const _sfc_main$z = {
             key: 0,
             class: normalizeClass({ "flex gap-4": dataRef.value.hasOwnProperty("icon") })
           }, [
-            dataRef.value.hasOwnProperty("icon") ? (openBlock(), createBlock(_sfc_main$K, {
+            dataRef.value.hasOwnProperty("icon") ? (openBlock(), createBlock(_sfc_main$L, {
               key: 0,
               "is-vertical": "",
               field: "icon",
@@ -45048,7 +45082,7 @@ const _sfc_main$z = {
               ]),
               _: 1
             }, 8, ["value"])) : createCommentVNode("", true),
-            dataRef.value.hasOwnProperty("title") ? (openBlock(), createBlock(_sfc_main$K, {
+            dataRef.value.hasOwnProperty("title") ? (openBlock(), createBlock(_sfc_main$L, {
               key: 1,
               "is-vertical": "",
               field: "title",
@@ -45072,7 +45106,7 @@ const _sfc_main$z = {
               _: 1
             }, 8, ["label-text", "value"])) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          dataRef.value.hasOwnProperty("supporting_text") ? (openBlock(), createBlock(_sfc_main$K, {
+          dataRef.value.hasOwnProperty("supporting_text") ? (openBlock(), createBlock(_sfc_main$L, {
             key: 1,
             "is-vertical": "",
             field: "supporting_text",
@@ -45116,7 +45150,7 @@ const _sfc_main$z = {
           sites: _ctx.sites,
           classes: "bg-gray-200"
         }, null, 8, ["button", "sites"])) : createCommentVNode("", true),
-        dataRef.value.hasOwnProperty("featured_image") ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
+        dataRef.value.hasOwnProperty("featured_image") ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
           createVNode(_sfc_main$E, {
             class: "!p-0 !bg-gray-200",
             title: "Featured Image",
@@ -45157,15 +45191,15 @@ const _sfc_main$z = {
   }
 };
 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,
@@ -45173,7 +45207,7 @@ const _hoisted_12$a = {
 };
 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"
 };
@@ -45187,7 +45221,7 @@ const _sfc_main$y = {
   },
   emits: ["update"],
   setup(__props, { emit: __emit }) {
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const emit = __emit;
     const props = __props;
     const options = [{ value: "content", label: "Content" }, { value: "image_only", label: "Image Only" }];
@@ -45244,12 +45278,12 @@ const _sfc_main$y = {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$L, [
-          createElementVNode("div", _hoisted_2$t, [
+          createElementVNode("div", _hoisted_2$s, [
             createElementVNode("div", _hoisted_3$o, [
               createElementVNode("div", _hoisted_4$n, [
-                createElementVNode("p", _hoisted_5$k, toDisplayString(componentData.value.name), 1),
+                createElementVNode("p", _hoisted_5$l, toDisplayString(componentData.value.name), 1),
                 createElementVNode("p", _hoisted_6$j, toDisplayString(componentData.value.supportive_text), 1),
-                componentData.value.hasOwnProperty("title") ? (openBlock(), createBlock(_sfc_main$K, {
+                componentData.value.hasOwnProperty("title") ? (openBlock(), createBlock(_sfc_main$L, {
                   key: 0,
                   "is-vertical": "",
                   field: "title",
@@ -45284,7 +45318,7 @@ const _sfc_main$y = {
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_7$i, [
+          createElementVNode("div", _hoisted_7$j, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(componentData.value.data, (item, index) => {
               var _a2, _b, _c;
               return openBlock(), createElementBlock("div", {
@@ -45293,10 +45327,10 @@ const _sfc_main$y = {
                 ref_for: true,
                 ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
               }, [
-                createElementVNode("div", _hoisted_8$g, [
-                  createElementVNode("div", _hoisted_9$g, " Item #" + toDisplayString(index + 1), 1),
-                  createElementVNode("div", _hoisted_10$c, [
-                    createVNode(_sfc_main$N, {
+                createElementVNode("div", _hoisted_8$h, [
+                  createElementVNode("div", _hoisted_9$h, " Item #" + toDisplayString(index + 1), 1),
+                  createElementVNode("div", _hoisted_10$d, [
+                    createVNode(_sfc_main$O, {
                       onRemoveItem: ($event) => handleDeleteItem(index)
                     }, null, 8, ["onRemoveItem"])
                   ])
@@ -45319,11 +45353,11 @@ const _sfc_main$y = {
                       ]);
                     }), 64))
                   ])) : createCommentVNode("", true),
-                  !item.hasOwnProperty("content_type") || item.content_type === "content" ? (openBlock(), createElementBlock("div", _hoisted_15$6, [
+                  !item.hasOwnProperty("content_type") || item.content_type === "content" ? (openBlock(), createElementBlock("div", _hoisted_15$5, [
                     ["feature_items", "faqs"].includes(componentData.value.type) ? (openBlock(), createBlock(_sfc_main$z, {
                       key: 0,
                       data: item
-                    }, null, 8, ["data"])) : (openBlock(), createBlock(_sfc_main$K, {
+                    }, null, 8, ["data"])) : (openBlock(), createBlock(_sfc_main$L, {
                       key: 1,
                       "is-vertical": "",
                       field: "title",
@@ -45374,7 +45408,7 @@ const _sfc_main$y = {
                       sites: _ctx.sites
                     }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites"])) : createCommentVNode("", true)
                   ])) : (openBlock(), createElementBlock("div", _hoisted_18$1, [
-                    createVNode(_sfc_main$K, {
+                    createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "image",
                       "label-text": "Image *",
@@ -45406,15 +45440,15 @@ const _sfc_main$y = {
   }
 };
 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 = {
@@ -45424,7 +45458,7 @@ const _sfc_main$x = {
   },
   emits: ["update"],
   setup(__props, { emit: __emit }) {
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const emit = __emit;
     const props = __props;
     const componentData = ref(props.data.component);
@@ -45464,11 +45498,11 @@ const _sfc_main$x = {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$K, [
-          createElementVNode("div", _hoisted_2$s, [
+          createElementVNode("div", _hoisted_2$r, [
             createElementVNode("div", _hoisted_3$n, [
               createElementVNode("div", null, [
                 createElementVNode("p", _hoisted_4$m, toDisplayString(componentData.value.name), 1),
-                createElementVNode("p", _hoisted_5$j, " This section can contain up to " + toDisplayString(componentData.value.max_items) + " logos ", 1)
+                createElementVNode("p", _hoisted_5$k, " This section can contain up to " + toDisplayString(componentData.value.max_items) + " logos ", 1)
               ]),
               createElementVNode("div", null, [
                 createElementVNode("a", {
@@ -45489,22 +45523,22 @@ const _sfc_main$x = {
                 ref_for: true,
                 ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
               }, [
-                createElementVNode("div", _hoisted_7$h, [
-                  createElementVNode("div", _hoisted_8$f, " Logo #" + toDisplayString(index + 1), 1),
-                  createElementVNode("div", _hoisted_9$f, [
-                    createVNode(_sfc_main$N, {
+                createElementVNode("div", _hoisted_7$i, [
+                  createElementVNode("div", _hoisted_8$g, " Logo #" + toDisplayString(index + 1), 1),
+                  createElementVNode("div", _hoisted_9$g, [
+                    createVNode(_sfc_main$O, {
                       onRemoveItem: ($event) => handleDeleteItem(index)
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_10$b, [
+                createElementVNode("div", _hoisted_10$c, [
                   createElementVNode("div", _hoisted_11$b, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
                       modelValue: item.logo,
                       "onUpdate:modelValue": ($event) => item.logo = $event
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    createVNode(_sfc_main$K, {
+                    createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "url",
                       "label-text": "Url *",
@@ -45541,15 +45575,15 @@ const _sfc_main$x = {
   }
 };
 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"
 };
@@ -45565,12 +45599,12 @@ const _sfc_main$w = {
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return openBlock(), createElementBlock("div", _hoisted_1$J, [
-        createElementVNode("div", _hoisted_2$r, [
+        createElementVNode("div", _hoisted_2$q, [
           createElementVNode("div", _hoisted_3$m, [
             _cache[4] || (_cache[4] = createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" }, " Carousel ", -1)),
             createElementVNode("div", _hoisted_4$l, [
-              createElementVNode("div", _hoisted_5$i, [
-                componentData.value.button ? (openBlock(), createBlock(_sfc_main$K, {
+              createElementVNode("div", _hoisted_5$j, [
+                componentData.value.button ? (openBlock(), createBlock(_sfc_main$L, {
                   key: 0,
                   "is-vertical": "",
                   field: "title",
@@ -45610,7 +45644,7 @@ const _sfc_main$w = {
           ]),
           createElementVNode("div", null, [
             ((_b = componentData.value.content) == null ? void 0 : _b.label) ? (openBlock(), createElementBlock("h3", _hoisted_6$h, toDisplayString(componentData.value.content.label), 1)) : createCommentVNode("", true),
-            ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (openBlock(), createElementBlock("p", _hoisted_7$g, toDisplayString(componentData.value.content.supportive_text), 1)) : createCommentVNode("", true)
+            ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (openBlock(), createElementBlock("p", _hoisted_7$h, toDisplayString(componentData.value.content.supportive_text), 1)) : createCommentVNode("", true)
           ])
         ])
       ]);
@@ -45618,13 +45652,13 @@ const _sfc_main$w = {
   }
 };
 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"
 };
@@ -45640,16 +45674,16 @@ const _sfc_main$v = {
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return openBlock(), createElementBlock("div", _hoisted_1$I, [
-        createElementVNode("div", _hoisted_2$q, [
+        createElementVNode("div", _hoisted_2$p, [
           createElementVNode("div", _hoisted_3$l, [
             _cache[5] || (_cache[5] = createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" }, " Grid ", -1)),
-            createVNode(_sfc_main$I, {
+            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"]),
-            createVNode(_sfc_main$K, {
+            createVNode(_sfc_main$L, {
               "is-vertical": "",
               field: "title",
               "label-text": "Title *",
@@ -45686,7 +45720,7 @@ const _sfc_main$v = {
           ]),
           createElementVNode("div", null, [
             ((_b = componentData.value.content) == null ? void 0 : _b.label) ? (openBlock(), createElementBlock("h3", _hoisted_4$k, toDisplayString(componentData.value.content.label), 1)) : createCommentVNode("", true),
-            ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (openBlock(), createElementBlock("p", _hoisted_5$h, toDisplayString(componentData.value.content.supportive_text), 1)) : createCommentVNode("", true)
+            ((_c = componentData.value.content) == null ? void 0 : _c.supportive_text) ? (openBlock(), createElementBlock("p", _hoisted_5$i, toDisplayString(componentData.value.content.supportive_text), 1)) : createCommentVNode("", true)
           ])
         ])
       ]);
@@ -45694,15 +45728,15 @@ const _sfc_main$v = {
   }
 };
 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",
@@ -45711,7 +45745,7 @@ const _sfc_main$u = {
   },
   emits: ["update"],
   setup(__props, { emit: __emit }) {
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const emit = __emit;
     const props = __props;
     const componentData = ref(props.data.component);
@@ -45745,11 +45779,11 @@ const _sfc_main$u = {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$H, [
-          createElementVNode("div", _hoisted_2$p, [
+          createElementVNode("div", _hoisted_2$o, [
             createElementVNode("div", _hoisted_3$k, [
               createElementVNode("div", null, [
                 createElementVNode("p", _hoisted_4$j, toDisplayString(componentData.value.name), 1),
-                createElementVNode("p", _hoisted_5$g, " This section can contain up to " + toDisplayString(componentData.value.max_items) + " videos ", 1)
+                createElementVNode("p", _hoisted_5$h, " This section can contain up to " + toDisplayString(componentData.value.max_items) + " videos ", 1)
               ]),
               createElementVNode("div", null, [
                 createElementVNode("a", {
@@ -45770,15 +45804,15 @@ const _sfc_main$u = {
                 ref_for: true,
                 ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
               }, [
-                createElementVNode("div", _hoisted_7$f, [
-                  createElementVNode("div", _hoisted_8$e, " Video #" + toDisplayString(index + 1), 1),
-                  createElementVNode("div", _hoisted_9$e, [
-                    createVNode(_sfc_main$N, {
+                createElementVNode("div", _hoisted_7$g, [
+                  createElementVNode("div", _hoisted_8$f, " Video #" + toDisplayString(index + 1), 1),
+                  createElementVNode("div", _hoisted_9$f, [
+                    createVNode(_sfc_main$O, {
                       onRemoveItem: ($event) => handleDeleteItem(index)
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_10$a, [
+                createElementVNode("div", _hoisted_10$b, [
                   createElementVNode("div", _hoisted_11$a, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
@@ -45804,20 +45838,28 @@ const _sfc_main$u = {
   }
 };
 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 = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const props = __props;
     const dataRef = ref(props.data.component);
     const paragraphWordCount = computed(() => {
@@ -45827,11 +45869,12 @@ const _sfc_main$t = {
       return words.length;
     });
     return (_ctx, _cache) => {
+      var _a, _b;
       return openBlock(), createElementBlock("div", _hoisted_1$G, [
-        createElementVNode("p", _hoisted_2$o, toDisplayString(dataRef.value.name), 1),
+        createElementVNode("p", _hoisted_2$n, toDisplayString(dataRef.value.name), 1),
         createElementVNode("div", _hoisted_3$j, [
-          _cache[4] || (_cache[4] = createElementVNode("p", { class: "text-lg font-semibold text-gray-900" }, " Description ", -1)),
-          dataRef.value.hasOwnProperty("eyebrow_heading") ? (openBlock(), createBlock(_sfc_main$K, {
+          _cache[9] || (_cache[9] = createElementVNode("p", { class: "text-lg font-semibold text-gray-900" }, " Description ", -1)),
+          dataRef.value.hasOwnProperty("eyebrow_heading") ? (openBlock(), createBlock(_sfc_main$L, {
             key: 0,
             "is-vertical": "",
             field: "eyebrow_heading",
@@ -45854,7 +45897,7 @@ const _sfc_main$t = {
             ]),
             _: 1
           }, 8, ["value"])) : createCommentVNode("", true),
-          dataRef.value.hasOwnProperty("title") ? (openBlock(), createBlock(_sfc_main$K, {
+          dataRef.value.hasOwnProperty("title") ? (openBlock(), createBlock(_sfc_main$L, {
             key: 1,
             "is-vertical": "",
             field: "title",
@@ -45877,7 +45920,7 @@ const _sfc_main$t = {
             ]),
             _: 1
           }, 8, ["value"])) : createCommentVNode("", true),
-          createVNode(_sfc_main$K, {
+          createVNode(_sfc_main$L, {
             "is-vertical": "",
             field: "description",
             "label-text": "Description *",
@@ -45897,26 +45940,74 @@ const _sfc_main$t = {
         dataRef.value.hasOwnProperty("featured_image") ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
           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: withCtx(() => {
+              var _a2;
+              return [
+                createVNode(unref(VFileUpload), {
+                  name: "image",
+                  type: ((_a2 = dataRef.value) == null ? void 0 : _a2.source_type) ?? "image",
+                  height: "h-[395px]",
+                  modelValue: dataRef.value.featured_image,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dataRef.value.featured_image = $event)
+                }, null, 8, ["type", "modelValue"])
+              ];
+            }),
+            _: 1
+          }, 8, ["title"])
+        ])) : createCommentVNode("", true),
+        dataRef.value.hasOwnProperty("button") ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
+          _cache[10] || (_cache[10] = createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200 pb-4" }, " Link To ", -1)),
+          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 ? (openBlock(), 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: withCtx(() => [
-              createVNode(unref(VFileUpload), {
-                name: "image",
-                height: "h-[395px]",
-                modelValue: dataRef.value.featured_image,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dataRef.value.featured_image = $event)
-              }, null, 8, ["modelValue"])
+              withDirectives(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), [
+                [vModelText, dataRef.value.button.title]
+              ])
             ]),
             _: 1
-          })
+          }, 8, ["value"])) : createCommentVNode("", true),
+          ((_b = dataRef.value) == null ? void 0 : _b.button) ? (openBlock(), 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"])) : createCommentVNode("", true)
         ])) : 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"
@@ -45932,7 +46023,7 @@ const _sfc_main$s = {
   },
   emits: ["update"],
   setup(__props, { emit: __emit }) {
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const props = __props;
     const dataRef = ref(props.data.component);
     const captionWordCount = computed(() => {
@@ -45943,7 +46034,7 @@ const _sfc_main$s = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
-        createElementVNode("p", _hoisted_2$n, toDisplayString(dataRef.value.name), 1),
+        createElementVNode("p", _hoisted_2$m, toDisplayString(dataRef.value.name), 1),
         dataRef.value.hasOwnProperty("featured_image") ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
           createVNode(_sfc_main$E, {
             classes: "bg-gray-200",
@@ -45963,7 +46054,7 @@ const _sfc_main$s = {
         ])) : createCommentVNode("", true),
         dataRef.value.hasOwnProperty("caption") ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
           _cache[2] || (_cache[2] = createElementVNode("p", { class: "text-lg font-semibold text-gray-900 border-b border-gray-200" }, " Caption ", -1)),
-          createVNode(_sfc_main$K, {
+          createVNode(_sfc_main$L, {
             "is-vertical": "",
             field: "caption",
             "label-text": "Caption *",
@@ -46009,23 +46100,23 @@ const _sfc_main$r = {
   }
 };
 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"
 };
@@ -46049,6 +46140,12 @@ const _sfc_main$q = {
         return [];
       }
     },
+    forms: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
     breadcrumbs: {
       type: Array,
       default: () => {
@@ -46065,8 +46162,8 @@ const _sfc_main$q = {
     const sections = ref(((_a = props.modelValue) == null ? void 0 : _a.sections) ?? []);
     let selected = ref(null);
     const componentMaps = ref({
-      sliders: markRaw(_sfc_main$L),
-      vertical_tabs: markRaw(_sfc_main$L),
+      sliders: markRaw(_sfc_main$M),
+      vertical_tabs: markRaw(_sfc_main$M),
       links: markRaw(_sfc_main$y),
       header: markRaw(_sfc_main$z),
       callout: markRaw(_sfc_main$z),
@@ -46077,11 +46174,11 @@ const _sfc_main$q = {
       video_grid: markRaw(_sfc_main$u),
       paragraph: markRaw(_sfc_main$t),
       image_block: markRaw(_sfc_main$s),
-      timeline_items: markRaw(_sfc_main$L),
+      timeline_items: markRaw(_sfc_main$M),
       bullet_points: markRaw(_sfc_main$y),
       feature_items: markRaw(_sfc_main$y),
       faqs: markRaw(_sfc_main$y),
-      link_cards: markRaw(_sfc_main$L),
+      link_cards: markRaw(_sfc_main$M),
       contact_us: markRaw(_sfc_main$r)
     });
     if (!openStates.value) {
@@ -46119,7 +46216,7 @@ const _sfc_main$q = {
     return (_ctx, _cache) => {
       var _a2, _b;
       return openBlock(), createElementBlock("div", _hoisted_1$E, [
-        createElementVNode("div", _hoisted_2$m, [
+        createElementVNode("div", _hoisted_2$l, [
           createElementVNode("div", _hoisted_3$h, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue.sections, (parent, sectionIndex) => {
               return openBlock(), createElementBlock("div", _hoisted_4$g, [
@@ -46128,8 +46225,8 @@ const _sfc_main$q = {
                   class: "flex cursor-pointer items-center justify-between px-2 py-4"
                 }, [
                   createElementVNode("span", _hoisted_6$f, toDisplayString(parent.title), 1),
-                  createElementVNode("div", _hoisted_7$e, [
-                    createElementVNode("div", _hoisted_8$d, [
+                  createElementVNode("div", _hoisted_7$f, [
+                    createElementVNode("div", _hoisted_8$e, [
                       !openStates.value[sectionIndex] ? (openBlock(), createBlock(unref(ChevronRight), {
                         key: 0,
                         class: "h-5 w-5"
@@ -46140,7 +46237,7 @@ const _sfc_main$q = {
                     ])
                   ])
                 ], 8, _hoisted_5$f),
-                openStates.value[sectionIndex] ? (openBlock(), createElementBlock("div", _hoisted_9$d, [
+                openStates.value[sectionIndex] ? (openBlock(), createElementBlock("div", _hoisted_9$e, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(parent.components, (component, index) => {
                     var _a3, _b2;
                     return openBlock(), createElementBlock("div", {
@@ -46154,17 +46251,17 @@ const _sfc_main$q = {
                       createElementVNode("div", _hoisted_13$5, [
                         createVNode(unref(ChevronRight), { class: "h-5 w-5" })
                       ])
-                    ], 10, _hoisted_10$9);
+                    ], 10, _hoisted_10$a);
                   }), 256))
                 ])) : createCommentVNode("", true)
               ]);
             }), 256))
           ]),
           createElementVNode("div", _hoisted_14$5, [
-            !unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_15$5, [
+            !unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_15$4, [
               _cache[3] || (_cache[3] = createElementVNode("div", { class: "text-lg pb-6 font-semibold text-gray-900 border-b border-gray-200" }, "Settings", -1)),
               createElementVNode("div", _hoisted_16$2, [
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$L, {
                   field: "breadcrumb",
                   "label-text": "Breadcrumb section",
                   class: "w-full"
@@ -46195,8 +46292,9 @@ const _sfc_main$q = {
               key: `${(_a2 = unref(selected)) == null ? void 0 : _a2.sectionIndex} - ${(_b = unref(selected)) == null ? void 0 : _b.componentIndex} ${Math.random().toString(36).substring(2, 10)}`,
               data: unref(selected),
               sites: __props.sites,
+              forms: __props.forms,
               onUpdate: save
-            }, null, 40, ["data", "sites"]))
+            }, null, 40, ["data", "sites", "forms"]))
           ])
         ]),
         renderSlot(_ctx.$slots, "default", {}, () => [
@@ -47675,15 +47773,15 @@ const Slide = defineComponent({
   }
 });
 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,
@@ -47717,7 +47815,7 @@ const _sfc_main$p = {
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(slides), (slide, index) => {
               return openBlock(), createBlock(unref(Slide), { key: index }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$l, [
+                  createElementVNode("div", _hoisted_2$k, [
                     createElementVNode("div", _hoisted_3$g, [
                       createElementVNode("div", _hoisted_4$f, [
                         unref(slides).length > 1 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(slides), (slide2, index2) => {
@@ -47731,8 +47829,8 @@ const _sfc_main$p = {
                       createElementVNode("p", {
                         class: "text-lg font-normal text-navy-50",
                         innerHTML: slide == null ? void 0 : slide.description
-                      }, null, 8, _hoisted_7$d),
-                      createElementVNode("div", _hoisted_8$c, [
+                      }, null, 8, _hoisted_7$e),
+                      createElementVNode("div", _hoisted_8$d, [
                         slide.secondary_button.show ? (openBlock(), 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",
@@ -47740,7 +47838,7 @@ const _sfc_main$p = {
                           target: slide.secondary_button.open_in_new_tab ? "_blank" : ""
                         }, [
                           createElementVNode("span", null, toDisplayString(slide.secondary_button.label), 1)
-                        ], 8, _hoisted_9$c)) : createCommentVNode("", true),
+                        ], 8, _hoisted_9$d)) : createCommentVNode("", true),
                         slide.primary_button.show ? (openBlock(), 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",
@@ -47749,7 +47847,7 @@ const _sfc_main$p = {
                         }, [
                           createTextVNode(toDisplayString(slide.primary_button.label) + " ", 1),
                           createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-                        ], 8, _hoisted_10$8)) : createCommentVNode("", true)
+                        ], 8, _hoisted_10$9)) : createCommentVNode("", true)
                       ])
                     ]),
                     slide.featured_image ? (openBlock(), createElementBlock("img", {
@@ -47807,7 +47905,7 @@ const _sfc_main$o = {
   }
 };
 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: {
@@ -47832,7 +47930,7 @@ const _sfc_main$n = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$A, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(section.value.components, (component, index) => {
-          return openBlock(), createElementBlock("div", _hoisted_2$k, [
+          return openBlock(), createElementBlock("div", _hoisted_2$j, [
             (openBlock(), createBlock(resolveDynamicComponent(currentComponent(component)), {
               key: index,
               component
@@ -47906,7 +48004,7 @@ function render$c(_ctx, _cache) {
 }
 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: {
@@ -47943,7 +48041,7 @@ const _sfc_main$l = {
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(section.value.components, (component, index) => {
               var _a2;
-              return openBlock(), createElementBlock("div", _hoisted_2$j, [
+              return openBlock(), createElementBlock("div", _hoisted_2$i, [
                 (openBlock(), createBlock(resolveDynamicComponent(currentComponent(component)), {
                   key: index,
                   component,
@@ -47962,19 +48060,19 @@ const _sfc_main$l = {
   }
 };
 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: {
@@ -47998,7 +48096,7 @@ const _sfc_main$k = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$w, [
-        createElementVNode("div", _hoisted_2$i, [
+        createElementVNode("div", _hoisted_2$h, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(publicTabs.value, (item) => {
             return openBlock(), createElementBlock("div", {
               key: item.title
@@ -48037,7 +48135,7 @@ const _sfc_main$k = {
                     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)) : (openBlock(), createElementBlock("img", _hoisted_8$b)),
+                  }, null, 8, _hoisted_7$d)) : (openBlock(), createElementBlock("img", _hoisted_8$c)),
                   ((_d = (_c = selectedItem.value) == null ? void 0 : _c.primary_button) == null ? void 0 : _d.show) ? (openBlock(), createElementBlock("a", {
                     key: 2,
                     class: "text-sm md:text-md font-semibold text-brand-600 flex items-center gap-2 mt-4",
@@ -48046,7 +48144,7 @@ const _sfc_main$k = {
                   }, [
                     createTextVNode(toDisplayString(((_j = (_i = selectedItem.value) == null ? void 0 : _i.primary_button) == null ? void 0 : _j.label) ?? "N/A") + " ", 1),
                     createVNode(unref(ArrowUpRight), { class: "w-4 h-4 md:w-5 md:h-5" })
-                  ], 8, _hoisted_9$b)) : createCommentVNode("", true)
+                  ], 8, _hoisted_9$c)) : createCommentVNode("", true)
                 ]))
               ];
             }),
@@ -48059,7 +48157,7 @@ const _sfc_main$k = {
 };
 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: {
@@ -48083,7 +48181,7 @@ const _sfc_main$j = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$h, [
+        createElementVNode("div", _hoisted_2$g, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(section.value.components, (component, index) => {
             return openBlock(), createElementBlock("div", null, [
               (openBlock(), createBlock(resolveDynamicComponent(currentComponent(component)), {
@@ -48098,7 +48196,7 @@ const _sfc_main$j = {
   }
 };
 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,
@@ -48152,7 +48250,7 @@ const _sfc_main$i = {
                       class: normalizeClass(getLogoHeight(component == null ? void 0 : component.height)),
                       alt: "Brand Logo"
                     }, null, 10, _hoisted_3$e)) : (openBlock(), createElementBlock("span", _hoisted_4$d, "No photo"))
-                  ], 8, _hoisted_2$g);
+                  ], 8, _hoisted_2$f);
                 }), 256))
               ], 2)) : createCommentVNode("", true)
             ]);
@@ -48262,7 +48360,7 @@ const _sfc_main$h = {
   }
 };
 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,
@@ -48270,13 +48368,13 @@ const _hoisted_4$c = {
 };
 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"
 };
@@ -48284,7 +48382,7 @@ const _hoisted_11$7 = ["innerHTML"];
 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]"
 };
@@ -48334,7 +48432,7 @@ const _sfc_main$g = {
                 class: normalizeClass(["w-full p-4 rounded-[16px]", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
               }, [
                 createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_2$f, [
+                  createElementVNode("div", _hoisted_2$e, [
                     slide.image ? (openBlock(), createElementBlock("img", {
                       key: 0,
                       src: slide.image,
@@ -48360,15 +48458,15 @@ const _sfc_main$g = {
                   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" ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
+                  }, null, 8, _hoisted_7$c),
+                  (slide == null ? void 0 : slide.type) === "event" ? (openBlock(), createElementBlock("div", _hoisted_8$b, [
                     createVNode(unref(Clock), { class: "w-4 h-4 mt-[3px]" }),
                     createElementVNode("div", {
                       class: "text-sm",
                       innerHTML: slide == null ? void 0 : slide.line_1
-                    }, null, 8, _hoisted_9$a)
+                    }, null, 8, _hoisted_9$b)
                   ])) : createCommentVNode("", true),
-                  slide.type === "event" ? (openBlock(), createElementBlock("div", _hoisted_10$7, [
+                  slide.type === "event" ? (openBlock(), createElementBlock("div", _hoisted_10$8, [
                     createVNode(unref(Ticket), { class: "w-4 h-4 mt-[3px]" }),
                     createElementVNode("div", {
                       class: "text-sm",
@@ -48405,7 +48503,7 @@ const _sfc_main$g = {
             createVNode(unref(ChevronRight), { class: "w-6 h-6" })
           ])
         ]),
-        ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (openBlock(), createElementBlock("div", _hoisted_15$4, [
+        ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (openBlock(), createElementBlock("div", _hoisted_15$3, [
           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: unref(formatUrl)(__props.component.button.url),
@@ -48420,7 +48518,7 @@ const _sfc_main$g = {
   }
 };
 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: {
@@ -48444,7 +48542,7 @@ const _sfc_main$f = {
         class: normalizeClass(["overflow-hidden", { "rounded-br-[48px] rounded-tl-[48px] bg-aqua-100": (_a = section.value) == null ? void 0 : _a.has_background }])
       }, [
         createElementVNode("div", _hoisted_1$n, [
-          createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("div", _hoisted_2$d, [
             createVNode(_sfc_main$m, { component: headerComponent.value }, null, 8, ["component"])
           ])
         ]),
@@ -48477,34 +48575,34 @@ function render$7(_ctx, _cache) {
   ]));
 }
 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: {
@@ -48542,15 +48640,17 @@ const _sfc_main$e = {
       }
     };
     return (_ctx, _cache) => {
-      var _a2;
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        createElementVNode("div", _hoisted_2$d, [
+      var _a2, _b2;
+      return openBlock(), createElementBlock("div", {
+        class: 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) }])
+      }, [
+        createElementVNode("div", _hoisted_1$l, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (card, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
               class: "card bg-white sm:p-0 px-4"
             }, [
-              __props.component.type === "video_grid" ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
+              __props.component.type === "video_grid" ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
                 createElementVNode("video", {
                   onClick: ($event) => togglePlayPause(index),
                   ref_for: true,
@@ -48562,8 +48662,8 @@ const _sfc_main$e = {
                 }, [
                   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] ? (openBlock(), createBlock(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",
@@ -48574,9 +48674,9 @@ const _sfc_main$e = {
                 src: card.image,
                 alt: "Card Image",
                 class: "w-full h-[281px] object-cover rounded-[16px] mb-4"
-              }, null, 8, _hoisted_6$b)) : (openBlock(), createElementBlock("img", _hoisted_7$a)),
-              createElementVNode("div", _hoisted_8$9, [
-                card.categories && card.categories.length ? (openBlock(), createElementBlock("div", _hoisted_9$9, [
+              }, null, 8, _hoisted_5$b)) : (openBlock(), createElementBlock("img", _hoisted_6$b)),
+              createElementVNode("div", _hoisted_7$b, [
+                card.categories && card.categories.length ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(card.categories, (tag) => {
                     return openBlock(), createElementBlock("span", {
                       key: tag,
@@ -48595,20 +48695,20 @@ const _sfc_main$e = {
                   target: "_blank",
                   rel: "noopener noreferrer"
                 }, [
-                  createElementVNode("div", _hoisted_11$6, [
+                  createElementVNode("div", _hoisted_10$7, [
                     createElementVNode("span", {
                       class: "w-5/6 leading-[28px]",
                       innerHTML: card.title
-                    }, null, 8, _hoisted_12$5),
+                    }, null, 8, _hoisted_11$6),
                     createVNode(unref(ArrowUpRight), { class: "w-5 h-5 mt-1" })
                   ])
-                ], 8, _hoisted_10$6)) : createCommentVNode("", true),
-                createElementVNode("p", _hoisted_13$3, toDisplayString(card.dateTime), 1)
+                ], 8, _hoisted_9$a)) : createCommentVNode("", true),
+                createElementVNode("p", _hoisted_12$5, toDisplayString(card.dateTime), 1)
               ])
             ]);
           }), 128))
         ]),
-        Object.keys(unref(button)).length && ((_a2 = unref(button)) == null ? void 0 : _a2.show) ? (openBlock(), createElementBlock("div", _hoisted_14$3, [
+        Object.keys(unref(button)).length && ((_b2 = unref(button)) == null ? void 0 : _b2.show) ? (openBlock(), createElementBlock("div", _hoisted_13$3, [
           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: unref(formatUrl)(unref(button).url),
@@ -48616,15 +48716,14 @@ const _sfc_main$e = {
           }, [
             createTextVNode(toDisplayString(unref(button).title) + " ", 1),
             createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-          ], 8, _hoisted_15$3)
+          ], 8, _hoisted_14$3)
         ])) : 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: {
@@ -48648,15 +48747,18 @@ const _sfc_main$d = {
       return componentMaps.value[component == null ? void 0 : component.type];
     };
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        createElementVNode("div", _hoisted_2$c, [
+        createElementVNode("div", {
+          class: 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) }])
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(section.value.components, (component, index) => {
             return openBlock(), createBlock(resolveDynamicComponent(currentComponent(component)), {
               key: index,
               component
             }, null, 8, ["component"]);
           }), 128))
-        ])
+        ], 2)
       ]);
     };
   }
@@ -48706,11 +48808,17 @@ const _sfc_main$c = {
   }
 };
 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: {
@@ -48724,41 +48832,92 @@ const _sfc_main$b = {
     const leftColumn = ref(null);
     const rightColumn = ref(null);
     const section = ref(props.section);
+    const videoPlayer = ref(null);
+    const isPlaying = ref(false);
+    const component = computed(() => {
+      return section.value.components[0];
+    });
+    const button = computed(() => {
+      var _a;
+      return ((_a = component.value) == null ? void 0 : _a.button) || {};
+    });
     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 openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createElementVNode("div", _hoisted_2$a, [
-          ((_a = section.value.components[0]) == null ? void 0 : _a.title) ? (openBlock(), createElementBlock("div", {
+        createElementVNode("div", {
+          class: 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) ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "max-w-[800px] py-4",
+            class: 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
           }, [
-            createElementVNode("h3", _hoisted_3$a, toDisplayString(section.value.components[0].title), 1),
-            createElementVNode("div", _hoisted_4$a, [
+            createElementVNode("h3", _hoisted_2$a, toDisplayString(component.value.title), 1),
+            createElementVNode("div", _hoisted_3$a, [
               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")) ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+                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"
+                }, [
+                  createTextVNode(toDisplayString(button.value.title) + " ", 1),
+                  createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
+                ], 8, _hoisted_6$a)
+              ])) : createCommentVNode("", true)
             ])
-          ], 512)) : createCommentVNode("", true),
-          ((_b = section.value.components[0]) == null ? void 0 : _b.featured_image) ? (openBlock(), createElementBlock("div", {
+          ], 2)) : createCommentVNode("", true),
+          ((_e = component.value) == null ? void 0 : _e.featured_image) ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: "w-full rounded-[24px]",
+            class: "w-full max-w-[536px] rounded-[24px] overflow-hidden",
             ref_key: "rightColumn",
             ref: rightColumn
           }, [
-            createElementVNode("img", {
-              src: (_c = section.value.components[0]) == null ? void 0 : _c.featured_image,
+            ((_f = component.value) == null ? void 0 : _f.source_type) === "video" ? (openBlock(), createElementBlock("div", _hoisted_7$a, [
+              createElementVNode("video", {
+                onClick: togglePlayPause,
+                preload: "metadata",
+                ref_key: "videoPlayer",
+                ref: videoPlayer,
+                class: "h-full w-full object-cover"
+              }, [
+                createElementVNode("source", {
+                  src: `${(_g = component.value) == null ? void 0 : _g.featured_image}#t=2`
+                }, null, 8, _hoisted_8$9)
+              ], 512),
+              !isPlaying.value ? (openBlock(), createBlock(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
+              })) : createCommentVNode("", true)
+            ])) : (openBlock(), 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)) : createCommentVNode("", true)
-        ])
+        ], 2)
       ]);
     };
   }
@@ -48778,7 +48937,7 @@ const _hoisted_8$8 = {
   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"
@@ -48865,7 +49024,7 @@ const _sfc_main$a = {
                 key: 0,
                 class: "text-[20px] font-normal mt-4 text-gray-600 leading-[30px]",
                 innerHTML: headerComponent.value.supporting_text
-              }, null, 8, _hoisted_10$5)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_10$6)) : createCommentVNode("", true)
             ], 2)) : createCommentVNode("", true),
             createElementVNode("div", {
               class: normalizeClass(featureItemsComponent.value.hasOwnProperty("grid_columns") ? "" : "flex flex-row gap-8")
@@ -48929,7 +49088,7 @@ const _hoisted_6$8 = { key: 1 };
 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,
@@ -48972,7 +49131,7 @@ const _sfc_main$9 = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(timelineComponent.value.data, (data2, index) => {
                 return openBlock(), createElementBlock("div", _hoisted_8$7, [
                   createElementVNode("div", _hoisted_9$7, [
-                    createElementVNode("h1", _hoisted_10$4, toDisplayString(data2.title), 1),
+                    createElementVNode("h1", _hoisted_10$5, toDisplayString(data2.title), 1),
                     _cache[0] || (_cache[0] = 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" }, [
                       createElementVNode("p", { class: "w-[16px] h-[16px] rounded-full bg-navy-600" })
                     ], -1)),
@@ -49148,7 +49307,7 @@ const _hoisted_7$6 = {
 };
 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",
@@ -49200,7 +49359,7 @@ const _sfc_main$7 = {
                         href: unref(formatUrl)(link.url),
                         target: link.open_in_new_tab ? "_blank" : ""
                       }, [
-                        createElementVNode("div", _hoisted_10$3, [
+                        createElementVNode("div", _hoisted_10$4, [
                           createVNode(unref(LinkExternal), { class: "w-5 h-5" }),
                           createElementVNode("span", _hoisted_11$3, toDisplayString(link.title), 1)
                         ]),
@@ -49242,10 +49401,11 @@ const _hoisted_3$5 = {
 };
 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: {
@@ -49262,8 +49422,8 @@ const _sfc_main$6 = {
     const headerComponent = computed(() => {
       return section.value.components.find((component) => component.type === "header");
     });
-    const bulletPointsComponent = computed(() => {
-      return section.value.components.find((component) => component.type === "bullet_points");
+    const bulletPointsComponents = computed(() => {
+      return section.value.components.filter((component) => component.type === "bullet_points");
     });
     onMounted(() => {
       if (leftColumn.value && rightColumn.value) {
@@ -49271,7 +49431,7 @@ const _sfc_main$6 = {
       }
     });
     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 openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", {
           class: 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 })
@@ -49307,24 +49467,28 @@ const _sfc_main$6 = {
                   innerHTML: headerComponent.value.supporting_text
                 }, null, 8, _hoisted_5$5)) : createCommentVNode("", true)
               ]),
-              bulletPointsComponent.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: 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) ? (openBlock(), createElementBlock("p", {
-                  key: 0,
-                  textContent: toDisplayString(bulletPointsComponent.value.title),
-                  class: "font-semibold text-[20px]"
-                }, null, 8, _hoisted_6$5)) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(bulletPointsComponent.value.data, (item) => {
-                  return openBlock(), createElementBlock("div", _hoisted_7$5, [
-                    createElementVNode("div", _hoisted_8$4, [
-                      createVNode(unref(CheckIcon), { class: "w-4 h-4" })
-                    ]),
-                    createElementVNode("p", _hoisted_9$4, toDisplayString(item.title), 1)
-                  ]);
-                }), 256))
-              ], 2)) : createCommentVNode("", true)
+              (openBlock(true), createElementBlock(Fragment, null, renderList(bulletPointsComponents.value, (bullet) => {
+                var _a2, _b2;
+                return openBlock(), createElementBlock("div", _hoisted_6$5, [
+                  (bullet == null ? void 0 : bullet.title) ? (openBlock(), createElementBlock("p", {
+                    key: 0,
+                    textContent: toDisplayString(bullet.title),
+                    class: "font-semibold text-[20px] mb-4"
+                  }, null, 8, _hoisted_7$5)) : createCommentVNode("", true),
+                  createElementVNode("div", {
+                    class: 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) }])
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(bullet.data, (item) => {
+                      return openBlock(), createElementBlock("div", _hoisted_8$4, [
+                        createElementVNode("div", _hoisted_9$4, [
+                          createVNode(unref(CheckIcon), { class: "w-4 h-4" })
+                        ]),
+                        createElementVNode("p", _hoisted_10$3, toDisplayString(item.title), 1)
+                      ]);
+                    }), 256))
+                  ], 2)
+                ]);
+              }), 256))
             ], 2)) : createCommentVNode("", true)
           ], 2)
         ], 2)
@@ -49654,7 +49818,7 @@ const _sfc_main$3 = {
                     ]),
                     show.value[index2] ? (openBlock(), 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)) : createCommentVNode("", true)
                   ]);
@@ -49753,7 +49917,7 @@ const _sfc_main$1 = {
   emits: ["update"],
   setup(__props, { emit: __emit }) {
     var _a, _b;
-    const VFileUpload = inject("VFileUpload", _sfc_main$J);
+    const VFileUpload = inject("VFileUpload", _sfc_main$K);
     const emit = __emit;
     const props = __props;
     const hasLines = computed(() => {
@@ -49840,11 +50004,11 @@ const _sfc_main$1 = {
                   }, [
                     createElementVNode("div", _hoisted_10, [
                       createElementVNode("p", _hoisted_11, " Event #" + toDisplayString(index + 1), 1),
-                      createVNode(_sfc_main$N, {
+                      createVNode(_sfc_main$O, {
                         onRemoveItem: ($event) => handleDeleteItem(index)
                       }, null, 8, ["onRemoveItem"])
                     ]),
-                    createVNode(_sfc_main$K, {
+                    createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "line.title",
                       "label-text": "Heading *",
@@ -49864,7 +50028,7 @@ const _sfc_main$1 = {
                       ]),
                       _: 2
                     }, 1032, ["value"]),
-                    createVNode(_sfc_main$K, {
+                    createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "line.description",
                       "label-text": "Description *",
@@ -49889,7 +50053,7 @@ const _sfc_main$1 = {
             }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_13, [
-                  createVNode(_sfc_main$K, {
+                  createVNode(_sfc_main$L, {
                     "is-vertical": "",
                     field: "title",
                     "label-text": "Title *",
@@ -49911,7 +50075,7 @@ const _sfc_main$1 = {
                     ]),
                     _: 1
                   }, 8, ["value"]),
-                  createVNode(_sfc_main$K, {
+                  createVNode(_sfc_main$L, {
                     "is-vertical": "",
                     field: "description",
                     "label-text": "Description *",
@@ -49949,7 +50113,7 @@ const _sfc_main$1 = {
                 supporting_text: "Toggle off if you'd like to hide this item"
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$I, {
+                  createVNode(_sfc_main$J, {
                     modelValue: basicForm.value.public,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => basicForm.value.public = $event),
                     name: "public",
@@ -49978,7 +50142,7 @@ const _sfc_main$1 = {
                 supporting_text: "To indicate the time period of the events"
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$K, {
+                  createVNode(_sfc_main$L, {
                     "is-vertical": "",
                     field: "title",
                     "label-text": "Timeline item title *",
@@ -50008,7 +50172,7 @@ const _sfc_main$1 = {
                 supporting_text: "The title for the group of events under this time period"
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$K, {
+                  createVNode(_sfc_main$L, {
                     "is-vertical": "",
                     field: "title",
                     "label-text": "Event group title *",
@@ -50132,7 +50296,7 @@ const _sfc_main = {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_4, [
                   createElementVNode("div", _hoisted_5, [
-                    createVNode(_sfc_main$K, {
+                    createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "icon",
                       "label-text": "Icon *",
@@ -50147,7 +50311,7 @@ const _sfc_main = {
                       ]),
                       _: 1
                     }, 8, ["value"]),
-                    createVNode(_sfc_main$K, {
+                    createVNode(_sfc_main$L, {
                       "is-vertical": "",
                       field: "title",
                       "label-text": "Title *",
@@ -50170,7 +50334,7 @@ const _sfc_main = {
                       _: 1
                     }, 8, ["value"])
                   ]),
-                  createVNode(_sfc_main$K, {
+                  createVNode(_sfc_main$L, {
                     "is-vertical": "",
                     field: "description",
                     "label-text": "Supporting Text *",
@@ -50202,7 +50366,7 @@ const _sfc_main = {
               supporting_text: "Toggle off if you'd like to hide this item"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$I, {
+                createVNode(_sfc_main$J, {
                   modelValue: form.value.public,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.public = $event),
                   name: "public",