@bagelink/vue 0.0.112 → 0.0.116

package/dist/index.cjs

@@ -1,30 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const Modal = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get default() {
-    return _sfc_main$J;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
-const ModalForm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get default() {
-    return ModalForm;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
-const FormSchema = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get default() {
-    return _sfc_main$A;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
-const TextInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get default() {
-    return _sfc_main$5;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
 function bind$2(fn, thisArg) {
   return function wrap2() {
     return fn.apply(thisArg, arguments);
@@ -2317,7 +2293,7 @@ const ModalPlugin = {
       },
       render() {
         return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm$1 : Modal;
+          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$K;
           return vue.h(
             renderComponent,
             {
@@ -2394,8 +2370,8 @@ const parseLocale = (str, $t = (_str) => _str) => {
     return str;
   return $t(w);
 };
-const _hoisted_1$U = { ref: "el" };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$V = { ref: "el" };
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2403,16 +2379,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("span", _hoisted_1$U, null, 512),
+        vue.createElementVNode("span", _hoisted_1$V, null, 512),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.input) + " ", 1)
       ], 64);
     };
   }
 });
-const LangText = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$O
-}, Symbol.toStringTag, { value: "Module" }));
 function OrderedMap(content) {
   this.content = content;
 }
@@ -14523,8 +14495,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$T = ["id"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$U = ["id"];
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14601,15 +14573,11 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$T);
+      }, null, 40, _hoisted_1$U);
     };
   }
 });
-const RTXEditor = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$N
-}, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14624,21 +14592,17 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MaterialIcon = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$M
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$S = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
-const _hoisted_2$K = [
-  _hoisted_1$S
+const _hoisted_1$T = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
+const _hoisted_2$L = [
+  _hoisted_1$T
 ];
-const _hoisted_3$E = { class: "full-nav" };
-const _hoisted_4$o = { class: "nav-scroll" };
-const _hoisted_5$k = { class: "nav-links-wrapper" };
-const _hoisted_6$g = { class: "icon-font" };
-const _hoisted_7$b = { class: "tooltip" };
-const _hoisted_8$6 = { class: "bot-buttons-wrapper" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$F = { class: "full-nav" };
+const _hoisted_4$p = { class: "nav-scroll" };
+const _hoisted_5$l = { class: "nav-links-wrapper" };
+const _hoisted_6$h = { class: "icon-font" };
+const _hoisted_7$c = { class: "tooltip" };
+const _hoisted_8$7 = { class: "bot-buttons-wrapper" };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14661,10 +14625,10 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$K, 32),
-        vue.createElementVNode("div", _hoisted_3$E, [
-          vue.createElementVNode("div", _hoisted_4$o, [
-            vue.createElementVNode("div", _hoisted_5$k, [
+        }, _hoisted_2$L, 32),
+        vue.createElementVNode("div", _hoisted_3$F, [
+          vue.createElementVNode("div", _hoisted_4$p, [
+            vue.createElementVNode("div", _hoisted_5$l, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(_component_RouterLink, {
                   class: "nav-button",
@@ -14672,15 +14636,15 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                   key: link.label
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_6$g, vue.toDisplayString(link.materialIcon), 1),
-                    vue.createElementVNode("div", _hoisted_7$b, vue.toDisplayString(link.localized ? link.localized : link.label), 1)
+                    vue.createElementVNode("div", _hoisted_6$h, vue.toDisplayString(link.materialIcon), 1),
+                    vue.createElementVNode("div", _hoisted_7$c, vue.toDisplayString(link.localized ? link.localized : link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to"]);
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_8$6, [
+          vue.createElementVNode("div", _hoisted_8$7, [
             vue.renderSlot(_ctx.$slots, "floor")
           ])
         ])
@@ -14688,19 +14652,15 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$L
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$R = {
+const _hoisted_1$S = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$J = {
+const _hoisted_2$K = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14736,8 +14696,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(MaterialIcon), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$K, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -14745,7 +14705,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots)["default"] && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(MaterialIcon), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -14763,16 +14723,12 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-b94d75fb"]]);
-const Btn$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Btn
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$Q = ["onKeydown"];
-const _hoisted_2$I = { class: "tool-bar" };
-const _hoisted_3$D = { class: "modal-title" };
-const _hoisted_4$n = { class: "modal-footer mt-3" };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-b94d75fb"]]);
+const _hoisted_1$R = ["onKeydown"];
+const _hoisted_2$J = { class: "tool-bar" };
+const _hoisted_3$E = { class: "modal-title" };
+const _hoisted_4$o = { class: "modal-footer mt-3" };
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14806,14 +14762,14 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_2$I, [
+          vue.createElementVNode("header", _hoisted_2$J, [
             vue.renderSlot(_ctx.$slots, "toolbar")
           ]),
-          vue.createElementVNode("h3", _hoisted_3$D, vue.toDisplayString(_ctx.title), 1),
+          vue.createElementVNode("h3", _hoisted_3$E, vue.toDisplayString(_ctx.title), 1),
           vue.renderSlot(_ctx.$slots, "default"),
-          vue.createElementVNode("footer", _hoisted_4$n, [
+          vue.createElementVNode("footer", _hoisted_4$o, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(Btn$1), vue.mergeProps({
+              return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                 key: i2,
                 onClick: closeModal,
                 color: "gray"
@@ -14822,14 +14778,14 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "footer")
           ])
         ])
-      ], 42, _hoisted_1$Q);
+      ], 42, _hoisted_1$R);
     };
   }
 });
-const _hoisted_1$P = { class: "dropdown-title" };
-const _hoisted_2$H = { class: "dropdown-body" };
-const _hoisted_3$C = ["onClick"];
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Q = { class: "dropdown-title" };
+const _hoisted_2$I = { class: "dropdown-body" };
+const _hoisted_3$D = ["onClick"];
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "DropDown",
   props: {
     modelValue: String,
@@ -14855,35 +14811,31 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["dropdown", { opendrop: isOpen.value }]),
         onClick: toggleDropdown
       }, [
-        vue.createElementVNode("div", _hoisted_1$P, [
+        vue.createElementVNode("div", _hoisted_1$Q, [
           vue.createTextVNode(vue.toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
-          vue.createVNode(vue.unref(MaterialIcon), { icon: "keyboard_arrow_down" })
+          vue.createVNode(vue.unref(_sfc_main$N), { icon: "keyboard_arrow_down" })
         ]),
-        vue.createElementVNode("div", _hoisted_2$H, [
+        vue.createElementVNode("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("p", {
               key: index2,
               onClick: vue.withModifiers(($event) => selectOption(option2, index2), ["stop"])
-            }, vue.toDisplayString(option2), 9, _hoisted_3$C);
+            }, vue.toDisplayString(option2), 9, _hoisted_3$D);
           }), 128))
         ])
       ], 2);
     };
   }
 });
-const DropDown = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$I
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$O = { class: "card list-view grid thin" };
-const _hoisted_2$G = { class: "list-header flex gap-3 align-items-top" };
-const _hoisted_3$B = {
+const _hoisted_1$P = { class: "card list-view grid thin" };
+const _hoisted_2$H = { class: "list-header flex gap-3 align-items-top" };
+const _hoisted_3$C = {
   key: 0,
   class: "bagel-input search-wrap"
 };
-const _hoisted_4$m = ["placeholder"];
-const _hoisted_5$j = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$n = ["placeholder"];
+const _hoisted_5$k = { class: "list-content grid auto-flow-rows align-items-start" };
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -14900,42 +14852,38 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
-        vue.createElementVNode("div", _hoisted_2$G, [
-          _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$B, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+        vue.createElementVNode("div", _hoisted_2$H, [
+          _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$C, [
             vue.withDirectives(vue.createElementVNode("input", {
               placeholder: _ctx.searchPlaceholder,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
               onInput: _cache[1] || (_cache[1] = ($event) => search())
-            }, null, 40, _hoisted_4$m), [
+            }, null, 40, _hoisted_4$n), [
               [vue.vModelText, searchTerm.value]
             ]),
-            vue.createVNode(vue.unref(MaterialIcon), {
+            vue.createVNode(vue.unref(_sfc_main$N), {
               class: "txtgray",
               icon: "search"
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.enableAdd ? (vue.openBlock(), vue.createBlock(vue.unref(Btn$1), {
+          _ctx.enableAdd ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: 1,
             color: "blue",
             icon: "add",
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_5$j, [
+        vue.createElementVNode("div", _hoisted_5$k, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-const ListView = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$H
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$N = { class: "txt16 no-margin" };
-const _hoisted_2$F = { class: "txt14 no-margin txtgray" };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$O = { class: "txt16 no-margin" };
+const _hoisted_2$G = { class: "txt14 no-margin txtgray" };
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     to: {}
@@ -14947,10 +14895,10 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         class: "list-item ellipsis"
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1$N, [
+          vue.createElementVNode("p", _hoisted_1$O, [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
-          vue.createElementVNode("p", _hoisted_2$F, [
+          vue.createElementVNode("p", _hoisted_2$G, [
             vue.renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -14959,15 +14907,11 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ListItem = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$G
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$M = { class: "h-100 grid list-view gap-3" };
-const _hoisted_2$E = { class: "card tabs-top" };
-const _hoisted_3$A = { class: "tabs grid auto-flow-columns fit-content" };
-const _hoisted_4$l = ["onClick"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$N = { class: "h-100 grid list-view gap-3" };
+const _hoisted_2$F = { class: "card tabs-top" };
+const _hoisted_3$B = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_4$m = ["onClick"];
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -14995,10 +14939,10 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       activeTab.value = firstTab;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
-        vue.createElementVNode("div", _hoisted_2$E, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+        vue.createElementVNode("div", _hoisted_2$F, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_3$A, [
+          vue.createElementVNode("div", _hoisted_3$B, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass([{
@@ -15006,7 +14950,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                 }, "tab"]),
                 key: tab,
                 onClick: ($event) => changeTab(tab)
-              }, vue.toDisplayString(tab), 11, _hoisted_4$l);
+              }, vue.toDisplayString(tab), 11, _hoisted_4$m);
             }), 128))
           ])
         ]),
@@ -15022,25 +14966,21 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-4ac29f1d"]]);
-const TabbedLayout$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: TabbedLayout
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$L = { class: "comments-wrap" };
-const _hoisted_2$D = { class: "comment-list" };
-const _hoisted_3$z = { class: "comment-top" };
-const _hoisted_4$k = { class: "comment-owner" };
-const _hoisted_5$i = { class: "comment-time" };
-const _hoisted_6$f = { class: "comment-actions" };
-const _hoisted_7$a = ["innerHTML"];
-const _hoisted_8$5 = { class: "new-comment" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4ac29f1d"]]);
+const _hoisted_1$M = { class: "comments-wrap" };
+const _hoisted_2$E = { class: "comment-list" };
+const _hoisted_3$A = { class: "comment-top" };
+const _hoisted_4$l = { class: "comment-owner" };
+const _hoisted_5$j = { class: "comment-time" };
+const _hoisted_6$g = { class: "comment-actions" };
+const _hoisted_7$b = ["innerHTML"];
+const _hoisted_8$6 = { class: "new-comment" };
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
     ref_id: {},
-    form: {}
+    sendBtnLabel: {}
   },
   setup(__props) {
     const bagel = useBagel();
@@ -15080,8 +15020,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
-        vue.createElementVNode("div", _hoisted_2$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+        vue.createElementVNode("div", _hoisted_2$E, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(comments), (comment) => {
             var _a, _b, _c;
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -15091,23 +15031,23 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              vue.createElementVNode("div", _hoisted_3$z, [
-                vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
-                vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
-                vue.createElementVNode("div", _hoisted_6$f, [
-                  vue.createVNode(vue.unref(MaterialIcon), {
+              vue.createElementVNode("div", _hoisted_3$A, [
+                vue.createElementVNode("div", _hoisted_4$l, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
+                vue.createElementVNode("div", _hoisted_5$j, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
+                vue.createElementVNode("div", _hoisted_6$g, [
+                  vue.createVNode(vue.unref(_sfc_main$N), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => vue.isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(MaterialIcon), {
+                  vue.createVNode(vue.unref(_sfc_main$N), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(MaterialIcon), {
+                  vue.createVNode(vue.unref(_sfc_main$N), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15115,7 +15055,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                   })
                 ])
               ]),
-              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(RTXEditor), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -15124,23 +15064,23 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 key: 1,
                 class: "editor-wrapper",
                 innerHTML: comment.body_html
-              }, null, 8, _hoisted_7$a))
+              }, null, 8, _hoisted_7$b))
             ], 2);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_8$5, [
-          vue.createVNode(vue.unref(RTXEditor), {
+        vue.createElementVNode("div", _hoisted_8$6, [
+          vue.createVNode(vue.unref(_sfc_main$O), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
             onKeydown: vue.withKeys(vue.withModifiers(newComment, ["meta"]), ["enter"])
           }, null, 8, ["modelValue", "onKeydown"]),
-          vue.createVNode(vue.unref(Btn$1), {
+          vue.createVNode(vue.unref(Btn), {
             icon: "send",
             onClick: newComment
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.form.send), 1)
+              vue.createTextVNode(vue.toDisplayString(_ctx.sendBtnLabel), 1)
             ]),
             _: 1
           })
@@ -15149,14 +15089,10 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-10f58b91"]]);
-const Comments$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Comments
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$K = { class: "page-top" };
-const _hoisted_2$C = { class: "top-title" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-ff29354a"]]);
+const _hoisted_1$L = { class: "page-top" };
+const _hoisted_2$D = { class: "top-title" };
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15166,8 +15102,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
-        vue.createElementVNode("h1", _hoisted_2$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+        vue.createElementVNode("h1", _hoisted_2$D, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -15175,14 +15111,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PageTitle = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$D
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$J = ["onKeydown"];
-const _hoisted_2$B = { class: "tool-bar" };
-const _hoisted_3$y = { class: "modal-title" };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$K = ["onKeydown"];
+const _hoisted_2$C = { class: "tool-bar" };
+const _hoisted_3$z = { class: "modal-title" };
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: {
     side: { type: Boolean },
@@ -15244,17 +15176,17 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_2$B, [
+          vue.createElementVNode("header", _hoisted_2$C, [
             vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
-            vue.createVNode(vue.unref(Btn$1), {
+            vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
               flat: "",
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_3$y, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_3$z, vue.toDisplayString(_ctx.title), 1)
           ]),
-          vue.createVNode(vue.unref(FormSchema), {
+          vue.createVNode(vue.unref(_sfc_main$B), {
             onDelete: _ctx.onDelete ? runDelete : null,
             modelValue: _ctx.modelValue,
             "onUpdate:modelValue": handleEmit,
@@ -15262,24 +15194,24 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             schema: computedFormSchema.value
           }, null, 8, ["onDelete", "modelValue", "schema"])
         ])
-      ], 42, _hoisted_1$J);
+      ], 42, _hoisted_1$K);
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d04a51e8"]]);
-const _hoisted_1$I = {
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-d04a51e8"]]);
+const _hoisted_1$J = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$A = {
+const _hoisted_2$B = {
   key: 0,
   class: "mb-3 mt-0"
 };
-const _hoisted_3$x = { class: "key" };
-const _hoisted_4$j = { key: 1 };
-const _hoisted_5$h = { class: "key" };
-const _hoisted_6$e = { class: "vlue" };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$y = { class: "key" };
+const _hoisted_4$k = { key: 1 };
+const _hoisted_5$i = { class: "key" };
+const _hoisted_6$f = { class: "vlue" };
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
     data: {},
@@ -15291,14 +15223,14 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     const keysToIgnore = ["id", "person_id", "person", "created_at", "updated_at"];
     return (_ctx, _cache) => {
       var _a;
-      return _ctx.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
-        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$A, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+      return _ctx.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$B, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema || [], (field) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: field.id,
             class: "data-row"
           }, [
-            vue.createElementVNode("div", _hoisted_3$x, vue.toDisplayString(field.label ? vue.unref(parseLocale)(field.label) : vue.unref(keyToLabel)(field.id)), 1),
+            vue.createElementVNode("div", _hoisted_3$y, vue.toDisplayString(field.label ? vue.unref(parseLocale)(field.label) : vue.unref(keyToLabel)(field.id)), 1),
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15307,7 +15239,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             }, 1024))
           ]);
         }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(_ctx.data).filter(
             ([key]) => !keysToIgnore.includes(key)
           ), ([key, value]) => {
@@ -15315,8 +15247,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               class: "data-row",
               key
             }, [
-              vue.createElementVNode("div", _hoisted_5$h, vue.toDisplayString(_ctx.$t(vue.unref(keyToLabel)(key))), 1),
-              vue.createElementVNode("div", _hoisted_6$e, vue.toDisplayString(value), 1)
+              vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(_ctx.$t(vue.unref(keyToLabel)(key))), 1),
+              vue.createElementVNode("div", _hoisted_6$f, vue.toDisplayString(value), 1)
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -15325,12 +15257,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f006fc35"]]);
-const DataPreview$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: DataPreview
-}, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f006fc35"]]);
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "FormSchema",
   props: {
     modelValue: {},
@@ -15389,7 +15317,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue", "submitLabel"]),
-        ((_a = _ctx.modelValue) == null ? void 0 : _a.id) && _ctx.onDelete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn$1), {
+        ((_a = _ctx.modelValue) == null ? void 0 : _a.id) && _ctx.onDelete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
           key: 0,
           class: "del-top",
           onClick: runDelete,
@@ -15403,14 +15331,14 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "table-list-wrap h-100" };
-const _hoisted_2$z = { class: "infinite-wrapper" };
-const _hoisted_3$w = { class: "row first-row" };
-const _hoisted_4$i = ["onClick"];
-const _hoisted_5$g = { class: "flex" };
-const _hoisted_6$d = ["onClick"];
-const _hoisted_7$9 = { key: 1 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$I = { class: "table-list-wrap h-100" };
+const _hoisted_2$A = { class: "infinite-wrapper" };
+const _hoisted_3$x = { class: "row first-row" };
+const _hoisted_4$j = ["onClick"];
+const _hoisted_5$h = { class: "flex" };
+const _hoisted_6$e = ["onClick"];
+const _hoisted_7$a = { key: 1 };
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -15457,27 +15385,27 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }))
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-        vue.createElementVNode("table", _hoisted_2$z, [
-          vue.createElementVNode("thead", _hoisted_3$w, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+        vue.createElementVNode("table", _hoisted_2$A, [
+          vue.createElementVNode("thead", _hoisted_3$x, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (field) => {
               return vue.openBlock(), vue.createElementBlock("th", {
                 class: "col",
                 key: field.id,
                 onClick: ($event) => sort2(field.id)
               }, [
-                vue.createElementVNode("div", _hoisted_5$g, [
+                vue.createElementVNode("div", _hoisted_5$h, [
                   vue.createTextVNode(vue.toDisplayString(vue.unref(parseLocale)(field.label || field.id)) + " ", 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(MaterialIcon), {
+                    vue.createVNode(vue.unref(_sfc_main$N), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$i);
+              ], 8, _hoisted_4$j);
             }), 128))
           ]),
           vue.createElementVNode("tbody", {
@@ -15500,7 +15428,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                       key: 0,
                       row,
                       field
-                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [
+                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
                       (field["v-if"] ? field["v-if"](row[field.id], row) : true) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || field.$cmp || "div"), vue.mergeProps({ key: 0 }, bindAttrs(field.attrs, row[field.id], row), {
                         src: field.$el === "img" ? (_a = row[field.id]) == null ? void 0 : _a.url : ""
                       }), {
@@ -15515,7 +15443,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     ]))
                   ]);
                 }), 128))
-              ], 8, _hoisted_6$d);
+              ], 8, _hoisted_6$e);
             }), 128))
           ], 2)
         ])
@@ -15523,24 +15451,16 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-5c5ba615"]]);
-const TableSchema$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: TableSchema
-}, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$y = {};
-const _hoisted_1$G = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c5ba615"]]);
+const _sfc_main$z = {};
+const _hoisted_1$H = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
-const TopBar$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: TopBar
-}, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$x = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$1]]);
+const _sfc_main$y = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -15562,13 +15482,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render]]);
-const RouterWrapper$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: RouterWrapper
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$F = { class: "card h-100 thin" };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render]]);
+const _hoisted_1$G = { class: "card h-100 thin" };
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "ContactSubmissions",
   props: {
     person_id: {
@@ -15598,8 +15514,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        vue.createVNode(vue.unref(TableSchema$1), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        vue.createVNode(vue.unref(TableSchema), {
           schema: schema2,
           data: vue.unref(data2)
         }, null, 8, ["data"])
@@ -15607,10 +15523,106 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ContactSubmissions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$w
-}, Symbol.toStringTag, { value: "Module" }));
+const _hoisted_1$F = {
+  key: 0,
+  class: "person-card-edit flex gap-2"
+};
+const _hoisted_2$z = { class: "person-card-icon-wrap" };
+const _hoisted_3$w = { class: "person-card-icon" };
+const _hoisted_4$i = { class: "person-card-name txt20" };
+const _hoisted_5$g = { class: "person-card-details-wrap" };
+const _hoisted_6$d = {
+  key: 0,
+  class: "person-card-details"
+};
+const _hoisted_7$9 = {
+  key: 1,
+  class: "person-card-details"
+};
+const _hoisted_8$5 = {
+  key: 2,
+  class: "person-card-details badge"
+};
+const _hoisted_9$4 = { key: 0 };
+const _hoisted_10$3 = { key: 1 };
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  __name: "PersonPreview",
+  props: {
+    person: {},
+    onClick: { type: Function },
+    personSchema: { type: Function }
+  },
+  setup(__props) {
+    const bagel = useBagel();
+    const { modalForm } = useModal();
+    const props2 = __props;
+    const showEditForm = async () => {
+      const { first_name, last_name } = props2.person;
+      modalForm({
+        side: true,
+        title: `${first_name} ${last_name}`,
+        schema: props2.personSchema(),
+        modelValue: props2.person,
+        onSubmit: (newPerson) => bagel.put("/person", newPerson)
+        // .then(() => toast.success($t('updatedSuccessfully'))),
+      });
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return _ctx.person ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => _ctx.onClick && _ctx.onClick(...args)),
+        class: "person-card"
+      }, [
+        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+          !_ctx.$route.path.match("/search") ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+            key: 0,
+            round: "",
+            thin: "",
+            "icon.end": "arrow_outward",
+            value: "Profile",
+            is: "router-link",
+            to: `/search/${_ctx.person.id}`
+          }, null, 8, ["to"])) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.unref(Btn), {
+            thin: "",
+            flat: "",
+            onClick: showEditForm,
+            icon: "edit"
+          })
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$z, [
+          vue.createElementVNode("p", _hoisted_3$w, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
+          vue.createElementVNode("p", _hoisted_4$i, vue.toDisplayString(_ctx.person.first_name) + " " + vue.toDisplayString(_ctx.person.last_name), 1)
+        ]),
+        vue.createElementVNode("div", _hoisted_5$g, [
+          ((_a = _ctx.person.phone) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$d, [
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "phone" }),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.phone, (phone) => {
+              return vue.openBlock(), vue.createElementBlock("p", {
+                key: phone.id
+              }, vue.toDisplayString(phone.phone), 1);
+            }), 128))
+          ])) : vue.createCommentVNode("", true),
+          ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "email" }),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.email, (email) => {
+              return vue.openBlock(), vue.createElementBlock("p", {
+                key: email.id
+              }, vue.toDisplayString(email.email), 1);
+            }), 128))
+          ])) : vue.createCommentVNode("", true),
+          _ctx.person.date_of_birth || _ctx.person.gender ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5, [
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "badge" }),
+            _ctx.person.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$4, vue.toDisplayString(_ctx.person.date_of_birth), 1)) : vue.createCommentVNode("", true),
+            _ctx.person.gender ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10$3, vue.toDisplayString(_ctx.person.gender), 1)) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-f7af54ed"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$E = { class: "bar-chart" };
 const _hoisted_2$y = {
@@ -15728,10 +15740,6 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f7af54ed"]]);
-const BarChart$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: BarChart
-}, Symbol.toStringTag, { value: "Module" }));
 const explicitKeys = [
   "__key",
   "__init",
@@ -17020,7 +17028,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, vue.unref(val)]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(MaterialIcon), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$N), { icon: "check" })
         ])
       ]);
     };
@@ -17095,7 +17103,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
                 vue.createElementVNode("p", _hoisted_4$g, vue.toDisplayString(_ctx.form.sure), 1),
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(contact.id)
@@ -17105,7 +17113,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
@@ -17143,7 +17151,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, _hoisted_7$7)), [
                 [vue.vModelText, contact.phone]
               ]) : vue.createCommentVNode("", true),
-              vue.createVNode(vue.unref(Btn$1), {
+              vue.createVNode(vue.unref(Btn), {
                 thin: "",
                 onClick: ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = i2 : deleteCandidate = i2,
                 icon: "delete",
@@ -17152,7 +17160,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["onClick", "disabled"])
             ]);
           }), 128)),
-          vue.createVNode(vue.unref(Btn$1), {
+          vue.createVNode(vue.unref(Btn), {
             class: "add-btn",
             color: "blue",
             flat: "",
@@ -17251,7 +17259,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
                 vue.createElementVNode("p", _hoisted_4$f, vue.toDisplayString(_ctx.form.sure), 1),
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(address.id)
@@ -17261,7 +17269,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
@@ -17316,7 +17324,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               vue.createElementVNode("div", _hoisted_12$1, [
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   onClick: ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = i2 : deleteCandidate = i2,
                   icon: "delete",
@@ -17325,7 +17333,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               ])
             ]);
           }), 128)),
-          vue.createVNode(vue.unref(Btn$1), {
+          vue.createVNode(vue.unref(Btn), {
             class: "add-btn",
             color: "blue",
             flat: "",
@@ -17423,7 +17431,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
                 vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString(_ctx.form.sure), 1),
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(bank_account.id)
@@ -17433,7 +17441,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
@@ -17522,7 +17530,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               vue.createElementVNode("div", _hoisted_17, [
-                vue.createVNode(vue.unref(Btn$1), {
+                vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   onClick: ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = i2 : deleteCandidate = i2,
                   icon: "delete",
@@ -17531,7 +17539,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               ])
             ]);
           }), 128)),
-          vue.createVNode(vue.unref(Btn$1), {
+          vue.createVNode(vue.unref(Btn), {
             class: "add-btn",
             color: "blue",
             flat: "",
@@ -17577,7 +17585,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             return ((_a = field.value) == null ? void 0 : _a.length) === 0;
           }
         ), (field, i2) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(Btn$1), {
+          return vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             class: "add-btn",
             color: "gray",
             flat: "",
@@ -17834,12 +17842,12 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                       style: vue.normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
                       item.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, vue.toDisplayString(`${item.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                      vue.createVNode(vue.unref(MaterialIcon), {
+                      vue.createVNode(vue.unref(_sfc_main$N), {
                         class: "success",
                         icon: "check"
                       })
                     ], 6),
-                    item.progress === 100 ? (vue.openBlock(), vue.createBlock(vue.unref(Btn$1), {
+                    item.progress === 100 ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                       key: 0,
                       thin: "",
                       class: "delete-btn",
@@ -17918,7 +17926,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         class: "person-card"
       }, [
         !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
-          !_ctx.$route.path.match("/search") ? (vue.openBlock(), vue.createBlock(vue.unref(Btn$1), {
+          !_ctx.$route.path.match("/search") ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: 0,
             onClick: vue.unref(hideModal),
             round: "",
@@ -17928,7 +17936,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             is: "router-link",
             to: `/search/${person.value.id}`
           }, null, 8, ["onClick", "to"])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(Btn$1), {
+          vue.createVNode(vue.unref(Btn), {
             thin: "",
             flat: "",
             onClick: showEditForm,
@@ -17941,7 +17949,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_5$a, [
           ((_a = person.value.phone) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [
-            vue.createVNode(vue.unref(MaterialIcon), { icon: "phone" }),
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "phone" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(person.value.phone, (phone) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: phone.id
@@ -17949,7 +17957,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           ((_b = person.value.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-            vue.createVNode(vue.unref(MaterialIcon), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "email" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(person.value.email, (email) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: email.id
@@ -17957,7 +17965,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           person.value.date_of_birth || person.value.gender ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            vue.createVNode(vue.unref(MaterialIcon), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "badge" }),
             person.value.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, vue.toDisplayString(person.value.date_of_birth), 1)) : vue.createCommentVNode("", true),
             person.value.gender ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10, vue.toDisplayString(person.value.gender), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -18042,7 +18050,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(variables.value, (v) => {
           var _a;
-          return vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
+          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2), {
             key: v,
             placeholder: `Variable ${v}`,
             modelValue: (_a = vue.unref(val)) == null ? void 0 : _a[v - 1],
@@ -18053,18 +18061,14 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextVariableExamples = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$m
-}, Symbol.toStringTag, { value: "Module" }));
-const ContactArray = createInput(ContactArrayFormKit);
-const Address = createInput(AddressArray);
-const BankDetails = createInput(BankDetailsArray);
-const MiscFields = createInput(MiscFieldsBtns);
-const ToggleSwitch = createInput(Toggle);
-const FileUpload = createInput(_sfc_main$o);
-const TextVariables = createInput(_sfc_main$m);
-const PersonPreview = createInput(_sfc_main$n);
+const ContactArrayInput = createInput(ContactArrayFormKit);
+const AddressInput = createInput(AddressArray);
+const BankDetailsInput = createInput(BankDetailsArray);
+const MiscFieldsInput = createInput(MiscFieldsBtns);
+const ToggleSwitchInput = createInput(Toggle);
+const FileUploadInput = createInput(_sfc_main$o);
+const TextVariablesInput = createInput(_sfc_main$m);
+const PersonPreviewInput = createInput(_sfc_main$n);
 const _hoisted_1$v = {
   key: 1,
   class: "pill"
@@ -18095,14 +18099,14 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createTextVNode(vue.toDisplayString(_ctx.field.label || _ctx.field.id) + " ", 1),
-        _ctx.field.refCollection ? (vue.openBlock(), vue.createBlock(vue.unref(Btn$1), {
+        _ctx.field.refCollection ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
           key: 0,
           color: "gray",
           onClick: _cache[0] || (_cache[0] = ($event) => openModal())
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(content.value) + " ", 1),
-            vue.createVNode(vue.unref(MaterialIcon), { icon: "arrow_forward" })
+            vue.createVNode(vue.unref(_sfc_main$N), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v, vue.toDisplayString(content.value), 1))
@@ -18110,10 +18114,6 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ItemRef = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$l
-}, Symbol.toStringTag, { value: "Module" }));
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
@@ -18169,7 +18169,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("label", {
           for: vue.unref(formatString)(_ctx.name, "pascal")
         }, [
-          vue.createVNode(_sfc_main$O, {
+          vue.createVNode(_sfc_main$P, {
             input: vue.unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$r),
@@ -18210,16 +18210,12 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput
         }, null, 40, _hoisted_6$6)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", null, [
-          vue.createVNode(_sfc_main$O, { input: _ctx.errorMessage }, null, 8, ["input"])
+          vue.createVNode(_sfc_main$P, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
   }
 });
-const PlainInputField = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$j
-}, Symbol.toStringTag, { value: "Module" }));
 const _withScopeId = (n) => (vue.pushScopeId("data-v-69f0d857"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$t = ["title"];
 const _hoisted_2$q = ["for"];
@@ -18276,10 +18272,6 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-69f0d857"]]);
-const CheckInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: CheckInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$s = ["title"];
 const _hoisted_2$p = { key: 0 };
 const _hoisted_3$m = { class: "flex gap-3" };
@@ -18402,10 +18394,6 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-17a56a3f"]]);
-const CurrencyInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: CurrencyInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$r = ["title"];
 const _hoisted_2$o = { key: 0 };
 const _hoisted_3$l = ["placeholder", "disabled"];
@@ -18448,10 +18436,6 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-782aee7f"]]);
-const DateInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: DateInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$q = ["title"];
 const _hoisted_2$n = { key: 0 };
 const _hoisted_3$k = ["value", "placeholder"];
@@ -18495,10 +18479,6 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DatetimeInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$f
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$p = ["title"];
 const _hoisted_2$m = { key: 0 };
 const _hoisted_3$j = ["value", "placeholder"];
@@ -18541,10 +18521,6 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ed81a514"]]);
-const EmailInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: EmailInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$o = ["title"];
 const _hoisted_2$l = { key: 0 };
 const _hoisted_3$i = ["value", "placeholder"];
@@ -18589,10 +18565,6 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FloatInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$d
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$n = ["title"];
 const _hoisted_2$k = { key: 0 };
 const _hoisted_3$h = ["value", "placeholder"];
@@ -18637,10 +18609,6 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const IntInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$c
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$m = ["title"];
 const _hoisted_2$j = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
@@ -18681,10 +18649,6 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1fc4f739"]]);
-const JSONInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: JSONInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$l = ["title"];
 const _hoisted_2$i = { key: 0 };
 const _hoisted_3$f = ["onKeydown", "disabled"];
@@ -18869,10 +18833,6 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-947beb38"]]);
-const LinkField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: LinkField
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$k = ["title"];
 const _hoisted_2$h = { key: 0 };
 const _hoisted_3$e = { class: "password-input-wrap" };
@@ -18932,10 +18892,6 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-eec3e237"]]);
-const PasswordInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: PasswordInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$j = ["title"];
 const _hoisted_2$g = ["for"];
 const _hoisted_3$d = ["id", "type", "placeholder", "required", "pattern"];
@@ -18983,7 +18939,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$g),
-        vue.createVNode(vue.unref(MaterialIcon), {
+        vue.createVNode(vue.unref(_sfc_main$N), {
           onClick: showPassword,
           icon: vue.unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -18992,10 +18948,6 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Password = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-800f4000"]]);
-const Password$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Password
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$i = ["title"];
 const _hoisted_2$f = { key: 0 };
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
@@ -19018,10 +18970,6 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b3b5a368"]]);
-const ReadOnlyInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ReadOnlyInput
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$h = ["title"];
 const _hoisted_2$e = ["onClick"];
 const _hoisted_3$c = ["onClick"];
@@ -19157,7 +19105,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           for: "label",
           class: vue.normalizeClass({ active: showList.value })
         }, [
-          vue.createVNode(vue.unref(LangText), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$P), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19169,7 +19117,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            vue.createVNode(vue.unref(LangText), { input: displayValue.value }, null, 8, ["input"])
+            vue.createVNode(vue.unref(_sfc_main$P), { input: displayValue.value }, null, 8, ["input"])
           ], 10, _hoisted_2$e),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "#app" }, [
             vue.createElementVNode("div", {
@@ -19182,7 +19130,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  vue.createVNode(vue.unref(LangText), {
+                  vue.createVNode(vue.unref(_sfc_main$P), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_3$c);
@@ -19195,74 +19143,10 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-028ea61b"]]);
-const SelectField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: SelectField
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$g = ["title"];
-const _hoisted_2$d = ["for"];
-const _hoisted_3$b = ["id", "placeholder", "required", "pattern"];
+const _hoisted_2$d = { key: 0 };
+const _hoisted_3$b = ["value", "placeholder"];
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-  __name: "TextInput",
-  props: {
-    id: {},
-    title: {},
-    placeholder: {},
-    modelValue: { default: "" },
-    label: {},
-    editMode: { type: Boolean, default: true },
-    small: { type: Boolean },
-    required: { type: Boolean },
-    pattern: {},
-    nativeInputAttrs: {}
-  },
-  emits: ["update:modelValue", "debounce"],
-  setup(__props, { emit: __emit }) {
-    const emit2 = __emit;
-    const props2 = __props;
-    let inputVal = vue.ref();
-    vue.watch(
-      () => inputVal.value,
-      (newVal) => {
-        emit2("update:modelValue", newVal);
-        debounce(() => emit2("debounce", newVal));
-      }
-    );
-    vue.watch(
-      () => props2.modelValue,
-      (newVal) => {
-        if (newVal !== inputVal.value)
-          inputVal.value = newVal;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
-        title: _ctx.title
-      }, [
-        vue.createElementVNode("label", { for: _ctx.id }, [
-          vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
-            id: _ctx.id,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
-            type: "text",
-            placeholder: _ctx.placeholder || _ctx.label,
-            class: { "no-edit": !_ctx.editMode },
-            required: _ctx.required,
-            pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$b), [
-            [vue.vModelText, vue.unref(inputVal)]
-          ])
-        ], 8, _hoisted_2$d)
-      ], 10, _hoisted_1$g);
-    };
-  }
-});
-const _hoisted_1$f = ["title"];
-const _hoisted_2$c = { key: 0 };
-const _hoisted_3$a = ["value", "placeholder"];
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "RichTextEditor",
   props: {
     description: { default: "" },
@@ -19285,7 +19169,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$c, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$d, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -19293,16 +19177,12 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$a)
-      ], 10, _hoisted_1$f);
+        }, null, 42, _hoisted_3$b)
+      ], 10, _hoisted_1$g);
     };
   }
 });
-const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-69a60381"]]);
-const RichTextEditor$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: RichTextEditor
-}, Symbol.toStringTag, { value: "Module" }));
+const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-69a60381"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -21825,13 +21705,13 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$e = ["title"];
-const _hoisted_2$b = { class: "bagel-input" };
-const _hoisted_3$9 = { class: "table-side-scroll" };
+const _hoisted_1$f = ["title"];
+const _hoisted_2$c = { class: "bagel-input" };
+const _hoisted_3$a = { class: "table-side-scroll" };
 const _hoisted_4$5 = { class: "table-header" };
 const _hoisted_5$5 = { class: "table-reorder" };
 const _hoisted_6$4 = { class: "table-action" };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -21896,10 +21776,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        vue.createElementVNode("div", _hoisted_2$b, [
+        vue.createElementVNode("div", _hoisted_2$c, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a = vue.unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$9, [
+        vue.createElementVNode("div", _hoisted_3$a, [
           vue.createElementVNode("div", _hoisted_4$5, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -21959,7 +21839,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["modelValue"])
         ]),
-        vue.createVNode(vue.unref(Btn$1), {
+        vue.createVNode(vue.unref(Btn), {
           thin: "",
           flat: "",
           icon: "add",
@@ -21971,19 +21851,15 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$e);
+      ], 8, _hoisted_1$f);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b01223bc"]]);
-const TableField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: TableField
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$d = ["title"];
-const _hoisted_2$a = { key: 0 };
-const _hoisted_3$8 = ["value", "title", "placeholder"];
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b01223bc"]]);
+const _hoisted_1$e = ["title"];
+const _hoisted_2$b = { key: 0 };
+const _hoisted_3$9 = ["value", "title", "placeholder"];
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "DurationInput",
   props: {
     description: { default: "" },
@@ -22010,7 +21886,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$a, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$b, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("input", {
@@ -22020,15 +21896,71 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$8)
+        }, null, 42, _hoisted_3$9)
+      ], 10, _hoisted_1$e);
+    };
+  }
+});
+const _hoisted_1$d = ["title"];
+const _hoisted_2$a = ["for"];
+const _hoisted_3$8 = ["id", "placeholder", "required", "pattern"];
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "TextInput",
+  props: {
+    id: {},
+    title: {},
+    placeholder: {},
+    modelValue: { default: "" },
+    label: {},
+    editMode: { type: Boolean, default: true },
+    small: { type: Boolean },
+    required: { type: Boolean },
+    pattern: {},
+    nativeInputAttrs: {}
+  },
+  emits: ["update:modelValue", "debounce"],
+  setup(__props, { emit: __emit }) {
+    const emit2 = __emit;
+    const props2 = __props;
+    let inputVal = vue.ref();
+    vue.watch(
+      () => inputVal.value,
+      (newVal) => {
+        emit2("update:modelValue", newVal);
+        debounce(() => emit2("debounce", newVal));
+      }
+    );
+    vue.watch(
+      () => props2.modelValue,
+      (newVal) => {
+        if (newVal !== inputVal.value)
+          inputVal.value = newVal;
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
+        title: _ctx.title
+      }, [
+        vue.createElementVNode("label", { for: _ctx.id }, [
+          vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
+          vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+            id: _ctx.id,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
+            type: "text",
+            placeholder: _ctx.placeholder || _ctx.label,
+            class: { "no-edit": !_ctx.editMode },
+            required: _ctx.required,
+            pattern: _ctx.pattern
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$8), [
+            [vue.vModelText, vue.unref(inputVal)]
+          ])
+        ], 8, _hoisted_2$a)
       ], 10, _hoisted_1$d);
     };
   }
 });
-const DurationInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$2
-}, Symbol.toStringTag, { value: "Module" }));
 function _isPlaceholder(a) {
   return a != null && typeof a === "object" && a["@@functional/placeholder"] === true;
 }
@@ -28366,10 +28298,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Lineart = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$1
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1 = { class: "main-content" };
 const _hoisted_2 = { class: "view-wrapper card thin" };
 const _hoisted_3 = { class: "whatsapp-wrap" };
@@ -28476,7 +28404,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(PageTitle), null, {
+        vue.createVNode(vue.unref(_sfc_main$E), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
@@ -28485,7 +28413,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(vue.unref(FormSchema), {
+              vue.createVNode(vue.unref(_sfc_main$B), {
                 schema: _ctx.whatsappTemplateSchema(),
                 modelValue: vue.unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
@@ -28509,62 +28437,59 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b1fdb496"]]);
-const MsgTemplate$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: MsgTemplate
-}, Symbol.toStringTag, { value: "Module" }));
-exports.Address = Address;
+exports.AddressInput = AddressInput;
 exports.BagelVue = BagelVue;
-exports.BankDetails = BankDetails;
-exports.BarChart = BarChart$1;
-exports.Btn = Btn$1;
-exports.CheckInput = CheckInput$1;
-exports.Comments = Comments$1;
-exports.ContactArray = ContactArray;
-exports.ContactSubmissions = ContactSubmissions;
-exports.CurrencyInput = CurrencyInput$1;
-exports.DataPreview = DataPreview$1;
-exports.DateInput = DateInput$1;
-exports.DatetimeInput = DatetimeInput;
-exports.DropDown = DropDown;
-exports.DurationInput = DurationInput;
-exports.EmailInput = EmailInput$1;
-exports.FileUpload = FileUpload;
-exports.FloatInput = FloatInput;
-exports.FormSchema = FormSchema;
-exports.IntInput = IntInput;
-exports.ItemRef = ItemRef;
-exports.JSONInput = JSONInput$1;
-exports.LangText = LangText;
-exports.Lineart = Lineart;
-exports.LinkField = LinkField$1;
-exports.ListItem = ListItem;
-exports.ListView = ListView;
-exports.MaterialIcon = MaterialIcon;
-exports.MiscFields = MiscFields;
-exports.Modal = Modal;
-exports.ModalForm = ModalForm$1;
+exports.BankDetailsInput = BankDetailsInput;
+exports.BarChart = BarChart;
+exports.Btn = Btn;
+exports.CheckInput = CheckInput;
+exports.Comments = Comments;
+exports.ContactArrayInput = ContactArrayInput;
+exports.ContactSubmissions = _sfc_main$x;
+exports.CurrencyInput = CurrencyInput;
+exports.DataPreview = DataPreview;
+exports.DateInput = DateInput;
+exports.DatetimeInput = _sfc_main$f;
+exports.DropDown = _sfc_main$J;
+exports.DurationInput = _sfc_main$3;
+exports.EmailInput = EmailInput;
+exports.FileUploadInput = FileUploadInput;
+exports.FloatInput = _sfc_main$d;
+exports.FormSchema = _sfc_main$B;
+exports.IntInput = _sfc_main$c;
+exports.ItemRef = _sfc_main$l;
+exports.JSONInput = JSONInput;
+exports.LangText = _sfc_main$P;
+exports.Lineart = _sfc_main$1;
+exports.LinkField = LinkField;
+exports.ListItem = _sfc_main$H;
+exports.ListView = _sfc_main$I;
+exports.MaterialIcon = _sfc_main$N;
+exports.MiscFieldsInput = MiscFieldsInput;
+exports.Modal = _sfc_main$K;
+exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
-exports.MsgTemplate = MsgTemplate$1;
-exports.NavBar = NavBar;
-exports.PageTitle = PageTitle;
-exports.Password = Password$1;
-exports.PasswordInput = PasswordInput$1;
-exports.PersonPreview = PersonPreview;
-exports.PlainInputField = PlainInputField;
-exports.RTXEditor = RTXEditor;
-exports.ReadOnlyInput = ReadOnlyInput$1;
-exports.RichTextEditor = RichTextEditor$1;
-exports.RouterWrapper = RouterWrapper$1;
-exports.SelectField = SelectField$1;
-exports.TabbedLayout = TabbedLayout$1;
-exports.TableField = TableField$1;
-exports.TableSchema = TableSchema$1;
-exports.TextInput = TextInput;
-exports.TextVariableExamples = TextVariableExamples;
-exports.TextVariables = TextVariables;
-exports.ToggleSwitch = ToggleSwitch;
-exports.TopBar = TopBar$1;
+exports.MsgTemplate = MsgTemplate;
+exports.NavBar = _sfc_main$M;
+exports.PageTitle = _sfc_main$E;
+exports.Password = Password;
+exports.PasswordInput = PasswordInput;
+exports.PersonPreview = _sfc_main$w;
+exports.PersonPreviewInput = PersonPreviewInput;
+exports.PlainInputField = _sfc_main$j;
+exports.RTXEditor = _sfc_main$O;
+exports.ReadOnlyInput = ReadOnlyInput;
+exports.RichTextEditor = RichTextEditor;
+exports.RouterWrapper = RouterWrapper;
+exports.SelectField = SelectField;
+exports.TabbedLayout = TabbedLayout;
+exports.TableField = TableField;
+exports.TableSchema = TableSchema;
+exports.TextInput = _sfc_main$2;
+exports.TextVariableExamples = _sfc_main$m;
+exports.TextVariablesInput = TextVariablesInput;
+exports.ToggleSwitchInput = ToggleSwitchInput;
+exports.TopBar = TopBar;
 exports.bagelInjectionKey = bagelInjectionKey;
 exports.computeFields = computeFields;
 exports.copyText = copyText;