@uniquedj95/vform 3.7.4 → 3.8.1

package/dist/index.es.js

@@ -1,8 +1,8 @@
-import { ref as F, computed as I, watch as q, defineComponent as U, createElementBlock as B, openBlock as v, normalizeClass as G, createElementVNode as T, createCommentVNode as A, Fragment as L, renderList as ee, toDisplayString as D, normalizeStyle as fe, inject as Se, createBlock as k, unref as c, withCtx as x, createTextVNode as j, resolveDynamicComponent as me, mergeProps as Pe, createVNode as P, toRef as De, mergeModels as Z, useModel as J, resolveDirective as Te, withDirectives as Ue, onMounted as we } from "vue";
-import { IonButton as ye, IonGrid as Ie, IonRow as ue, IonCol as ne, IonLabel as se, IonText as xe, IonInput as $e, IonInputPasswordToggle as Re, IonChip as qe, IonIcon as ge, IonList as Ne, IonItem as Ve, IonCheckbox as Ae, actionSheetController as Le, alertController as Me, IonTextarea as je, IonNote as Ge, IonRadioGroup as He, IonRadio as Ke } from "@ionic/vue";
-import { chevronDown as We, close as Ze, add as Je, remove as Qe } from "ionicons/icons";
-import { maskito as Xe } from "@maskito/vue";
-function Ye(t) {
+import { ref as $, computed as F, watch as W, defineComponent as N, createElementBlock as P, openBlock as v, normalizeClass as q, createElementVNode as R, createCommentVNode as z, Fragment as K, renderList as le, toDisplayString as T, normalizeStyle as he, inject as xe, createBlock as k, unref as r, withCtx as E, createTextVNode as G, resolveDynamicComponent as ye, mergeProps as Le, createVNode as L, onMounted as Ve, toRef as Te, mergeModels as Y, useModel as ee, resolveDirective as Ue, withDirectives as Re } from "vue";
+import { IonButton as ke, IonGrid as Fe, IonRow as ie, IonCol as se, IonLabel as ue, IonText as Oe, IonInput as Ae, IonInputPasswordToggle as qe, IonSpinner as de, IonChip as Ne, IonIcon as _e, IonList as Me, IonItem as ge, IonCheckbox as Pe, actionSheetController as je, alertController as We, IonTextarea as Ge, IonNote as He, IonRadioGroup as Ke, IonRadio as Ze } from "@ionic/vue";
+import { chevronDown as Je, close as Qe, add as Xe, remove as Ye } from "ionicons/icons";
+import { maskito as et } from "@maskito/vue";
+function tt(t) {
   return new Promise((n) => {
     requestAnimationFrame(async () => {
       const a = await t.getInputElement();
@@ -10,128 +10,140 @@ function Ye(t) {
     });
   });
 }
-const et = {
+const lt = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, tt = {
+}, at = {
   d: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function lt(t, n) {
-  const a = tt[t];
+function nt(t, n) {
+  const a = at[t];
   return a[n % a.length];
 }
-function at(t) {
+function ot(t) {
   const n = [];
   let a = "", e = 0, l = 0;
   for (; e < t.length; ) {
-    const o = t[e];
-    if (["d", "a", "*"].includes(o)) {
-      let u = 1;
+    const i = t[e];
+    if (["d", "a", "*"].includes(i)) {
+      let s = 1;
       if (t[e + 1] === "{") {
-        const s = t.indexOf("}", e + 2);
-        if (s !== -1) {
-          const y = t.slice(e + 2, s);
-          if (y.includes(",")) {
-            const [, f] = y.split(",").map((i) => parseInt(i.trim()));
-            u = f || parseInt(y.split(",")[0]);
+        const o = t.indexOf("}", e + 2);
+        if (o !== -1) {
+          const g = t.slice(e + 2, o);
+          if (g.includes(",")) {
+            const [, d] = g.split(",").map((c) => parseInt(c.trim()));
+            s = d || parseInt(g.split(",")[0]);
           } else
-            u = parseInt(y);
-          e = s;
+            s = parseInt(g);
+          e = o;
         }
       } else {
-        let s = e + 1;
-        for (; t[s] === o; )
-          u++, s++;
-        e = s - 1;
+        let o = e + 1;
+        for (; t[o] === i; )
+          s++, o++;
+        e = o - 1;
       }
-      for (let s = 0; s < u; s++)
-        n.push(et[o]), a += lt(o, l++);
+      for (let o = 0; o < s; o++)
+        n.push(lt[i]), a += nt(i, l++);
     } else
-      n.push(o), a += o;
+      n.push(i), a += i;
     e++;
   }
   return {
     mask: n,
     placeholder: a,
-    elementPredicate: Ye
+    elementPredicate: tt
   };
 }
-function _e(t) {
+async function st(t) {
+  if (t != null) {
+    if (typeof t != "function" && !(t instanceof Promise))
+      return t;
+    if (typeof t == "function") {
+      const n = t();
+      return n instanceof Promise ? await n : n;
+    }
+    if (t instanceof Promise)
+      return await t;
+  }
+}
+function we(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function Oe(t, n, a) {
+function Ie(t, n, a) {
   return t.disabled || t.hidden || typeof t.condition == "function" && !t.condition(n, a);
 }
-function nt(t, n, a, e) {
+function ut(t, n, a, e) {
   t.forEach((l) => {
-    var o;
-    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((o = l == null ? void 0 : l.$attrs) != null && o["ref-key"])) {
-      const u = l.$attrs["ref-key"];
-      if (u && n[u]) {
-        const s = n[u];
-        if (Oe(s, a, e))
+    var i;
+    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((i = l == null ? void 0 : l.$attrs) != null && i["ref-key"])) {
+      const s = l.$attrs["ref-key"];
+      if (s && n[s]) {
+        const o = n[s];
+        if (Ie(o, a, e))
           return;
       }
       l.onReset();
     }
   });
 }
-function ot(t, n, a, e) {
+function rt(t, n, a, e) {
   t.forEach((l) => {
-    var o;
-    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((o = l == null ? void 0 : l.$attrs) != null && o["ref-key"])) {
-      const u = l.$attrs["ref-key"], s = e(u);
-      if (s && Oe(s, n, a))
+    var i;
+    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((i = l == null ? void 0 : l.$attrs) != null && i["ref-key"])) {
+      const s = l.$attrs["ref-key"], o = e(s);
+      if (o && Ie(o, n, a))
         return;
       l.onReset();
     }
   });
 }
-function he(t, n, a) {
+function be(t, n, a) {
   return typeof t.condition == "function" ? t.condition(n, a) : !0;
 }
-function Ce(t) {
+function Ee(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((a) => Ce(a));
+    return t.map((a) => Ee(a));
   const n = {};
   return Object.entries(t).forEach(([a, e]) => {
-    typeof e == "function" ? n[a] = e.bind(n) : n[a] = Ce(e);
+    typeof e == "function" ? n[a] = e.bind(n) : n[a] = Ee(e);
   }), n;
 }
-function Ee(t, n) {
+function ze(t, n) {
   return n.findIndex((a) => a.value === t.value || a.label === t.label || a.value === t.label || a.label === t.value);
 }
-function le(t, n) {
-  const a = Ee(t, n);
+function ne(t, n) {
+  const a = ze(t, n);
   a >= 0 ? n[a].isChecked = !0 : n.push({ ...t, isChecked: !0 });
 }
-function st(t, n) {
-  const a = Ee(t, n);
+function it(t, n) {
+  const a = ze(t, n);
   a >= 0 && (n[a].isChecked = !1);
 }
-function ut(t) {
+function ct(t) {
   t.forEach((n) => {
     n.isChecked = !1;
   });
 }
-function Fe(t, n) {
+function Be(t, n) {
   if (!t.description)
     return !1;
   const a = t.description.show ?? "always";
   return a === "always" ? !0 : a === "onSelected" ? !!n : !1;
 }
-function rt(t, n) {
+function dt(t, n) {
   return n ? t.filter(
     (a) => JSON.stringify(a).toLowerCase().includes(n.toLowerCase())
   ) : t;
 }
-function it(t) {
+function vt(t) {
   const n = t.label || "", a = t.required ? " *" : "";
   return n + a;
 }
@@ -140,40 +152,40 @@ function ce(t, n) {
   if (t == null || n == null || typeof t != typeof n) return !1;
   if (typeof t != "object") return t === n;
   if (Array.isArray(t) && Array.isArray(n))
-    return t.length !== n.length ? !1 : t.every((l, o) => ce(l, n[o]));
+    return t.length !== n.length ? !1 : t.every((l, i) => ce(l, n[i]));
   if (Array.isArray(t) !== Array.isArray(n)) return !1;
   const a = Object.keys(t), e = Object.keys(n);
   return a.length !== e.length ? !1 : a.every((l) => Object.hasOwn(n, l) && ce(t[l], n[l]));
 }
-function W(t) {
+function X(t) {
   return t.type !== "FormSection";
 }
-function Be() {
-  const t = F([]);
+function De() {
+  const t = $([]);
   async function n() {
     console.debug("Validating form inputs");
     const l = [];
-    for (const o of t.value)
-      if (typeof (o == null ? void 0 : o.onValueUpdate) == "function" && await o.onValueUpdate(), typeof (o == null ? void 0 : o.getErrors) == "function")
+    for (const i of t.value)
+      if (typeof (i == null ? void 0 : i.onValueUpdate) == "function" && await i.onValueUpdate(), typeof (i == null ? void 0 : i.getErrors) == "function")
         try {
-          const u = o.getErrors();
-          Array.isArray(u) ? l.push(...u) : console.warn("getErrors() returned non-array value:", u);
-        } catch (u) {
-          console.error("Error calling getErrors on component:", u, o);
+          const s = i.getErrors();
+          Array.isArray(s) ? l.push(...s) : console.warn("getErrors() returned non-array value:", s);
+        } catch (s) {
+          console.error("Error calling getErrors on component:", s, i);
         }
       else
-        console.warn("Component does not have getErrors function:", o);
-    return l.every(_e);
+        console.warn("Component does not have getErrors function:", i);
+    return l.every(we);
   }
   function a() {
     const l = [];
-    for (const o of t.value)
-      if (typeof (o == null ? void 0 : o.getErrors) == "function")
+    for (const i of t.value)
+      if (typeof (i == null ? void 0 : i.getErrors) == "function")
         try {
-          const u = o.getErrors();
-          Array.isArray(u) ? l.push(...u) : l.push(String(u));
-        } catch (u) {
-          console.error("Error calling getErrors on component:", u, o);
+          const s = i.getErrors();
+          Array.isArray(s) ? l.push(...s) : l.push(String(s));
+        } catch (s) {
+          console.error("Error calling getErrors on component:", s, i);
         }
     return l;
   }
@@ -188,49 +200,56 @@ function Be() {
     updateFormValues: e
   };
 }
-function ct(t) {
-  const n = I(
-    () => Object.entries(t.value).reduce((f, [i, m]) => (W(m) && m.value !== void 0 && (f[i] = m.value), f), {})
-  ), a = F({}), e = (f, i, m) => {
-    const p = t.value[f];
-    if (W(p) && p.children) {
-      const d = p.children[i];
-      if (d && W(d) && typeof d.computedValue == "function")
-        return d.computedValue(m, t.value);
+function pt(t) {
+  const n = F(
+    () => Object.entries(t.value).reduce((d, [c, p]) => {
+      if (X(p) && p.value !== void 0) {
+        if (typeof p.value == "function" || p.value instanceof Promise)
+          return d;
+        d[c] = p.value;
+      }
+      return d;
+    }, {})
+  ), a = $({}), e = (d, c, p) => {
+    const m = t.value[d];
+    if (X(m) && m.children) {
+      const h = m.children[c];
+      if (h && X(h) && typeof h.computedValue == "function")
+        return h.computedValue(p, t.value);
     }
-    return m;
-  }, l = (f, i, m, p) => {
-    a.value[f][p] || (a.value[f][p] = {}), Object.entries(i.other ?? {}).forEach(([d, h]) => {
-      var C;
-      !ce(h, (C = m.other) == null ? void 0 : C[d]) && (a.value[f][p][d] = e(f, d, h));
+    return p;
+  }, l = (d, c, p, m) => {
+    a.value[d][m] || (a.value[d][m] = {}), Object.entries(c.other ?? {}).forEach(([h, f]) => {
+      var V;
+      !ce(f, (V = p.other) == null ? void 0 : V[h]) && (a.value[d][m][h] = e(d, h, f));
     });
-  }, o = (f, i, m) => {
-    i.forEach((p, d) => {
-      const h = m[d] ?? { other: {} };
-      l(f, p, h, d);
+  }, i = (d, c, p) => {
+    c.forEach((m, h) => {
+      const f = p[h] ?? { other: {} };
+      l(d, m, f, h);
     });
-  }, u = (f, { other: i }) => Object.entries(i ?? {}).reduce(
-    (m, [p, d]) => (m[p] = e(f, p, d), m),
+  }, s = (d, { other: c }) => Object.entries(c ?? {}).reduce(
+    (p, [m, h]) => (p[m] = e(d, m, h), p),
     {}
-  ), s = (f, i, m) => {
-    a.value[f] || (a.value[f] = []);
-    const p = i;
-    Array.isArray(m[f]) ? o(f, p, m[f]) : a.value[f] = p.map((d) => u(f, d));
-  }, y = (f, i, m) => {
-    if (!i) {
-      delete a.value[f];
+  ), o = (d, c, p) => {
+    a.value[d] || (a.value[d] = []);
+    const m = c;
+    Array.isArray(p[d]) ? i(d, m, p[d]) : a.value[d] = m.map((h) => s(d, h));
+  }, g = (d, c, p) => {
+    if (!c) {
+      delete a.value[d];
       return;
     }
-    const p = t.value[f];
-    W(p) && (typeof p.onChange == "function" && p.onChange(i, t.value), p.children !== void 0 ? s(f, i, m) : typeof p.computedValue == "function" && (a.value[f] = p.computedValue(i, t.value)));
+    const m = t.value[d];
+    X(m) && (typeof m.onChange == "function" && m.onChange(c, t.value), m.children !== void 0 ? o(d, c, p) : typeof m.computedValue == "function" && (a.value[d] = m.computedValue(c, t.value)));
   };
-  return q(
+  return W(
     n,
-    (f, i = {}) => {
-      Object.keys(f).forEach((m) => {
-        ce(f[m], i[m]) || y(m, f[m], i);
-      }), Object.keys(i).forEach((m) => {
-        !(m in f) && m in a.value && delete a.value[m];
+    (d, c = {}) => {
+      Object.keys(d).forEach((p) => {
+        ce(d[p], c[p]) || g(p, d[p], c);
+      }), Object.keys(c).forEach((p) => {
+        !(p in d) && p in a.value && delete a.value[p];
       });
     },
     {
@@ -242,87 +261,87 @@ function ct(t) {
     computedData: a
   };
 }
-function dt(t) {
-  const n = F(0), a = F({}), e = F({}), l = F({});
-  function o(_, $) {
-    const b = t.steps.find((w) => w.id === _);
-    if (!(b != null && b.schema)) return {};
-    const r = {}, g = Object.values(a.value).reduce(
-      (w, V) => ({ ...w, ...V }),
+function ft(t) {
+  const n = $(0), a = $({}), e = $({}), l = $({});
+  function i(C, I) {
+    const U = t.steps.find((w) => w.id === C);
+    if (!(U != null && U.schema)) return {};
+    const u = {}, _ = Object.values(a.value).reduce(
+      (w, y) => ({ ...w, ...y }),
       {}
-    ), E = Object.values(e.value).reduce(
-      (w, V) => ({ ...w, ...V }),
+    ), b = Object.values(e.value).reduce(
+      (w, y) => ({ ...w, ...y }),
       {}
     );
-    for (const [w, V] of Object.entries(b.schema))
-      W(V) && (Oe(V, g, E) ? $ && w in $ ? r[w] = $[w] : V.value !== void 0 && (r[w] = V.value) : r[w] = V.value);
-    return r;
+    for (const [w, y] of Object.entries(U.schema))
+      X(y) && (Ie(y, _, b) && I && w in I ? u[w] = I[w] : y.value !== void 0 && (typeof y.value == "function" || y.value instanceof Promise || (u[w] = y.value)));
+    return u;
   }
-  t.steps.forEach((_) => {
-    a.value[_.id] = o(_.id), e.value[_.id] = {}, l.value[_.id] = [];
+  t.steps.forEach((C) => {
+    a.value[C.id] = i(C.id), e.value[C.id] = {}, l.value[C.id] = [];
   });
-  const u = F(t.steps.map((_) => _.id)), s = I(() => t.steps.filter(($) => $.condition ? $.condition(a.value, e.value) : !0));
-  q(s, (_) => {
-    const $ = _.map((r) => r.id);
-    u.value.filter(
-      (r) => !$.includes(r)
-    ).forEach((r) => {
-      O(r);
-    }), u.value = $;
+  const s = $(t.steps.map((C) => C.id)), o = F(() => t.steps.filter((I) => I.condition ? I.condition(a.value, e.value) : !0));
+  W(o, (C) => {
+    const I = C.map((u) => u.id);
+    s.value.filter(
+      (u) => !I.includes(u)
+    ).forEach((u) => {
+      S(u);
+    }), s.value = I;
   });
-  const y = I(() => s.value.length > 0 ? n.value >= s.value.length ? s.value[s.value.length - 1] : s.value[n.value] : t.steps[n.value]), f = I(() => n.value === 0), i = I(() => n.value === s.value.length - 1), m = I(() => !i.value), p = I(() => !f.value), d = I(() => s.value.length), h = I(() => d.value === 0 ? 0 : Math.round((n.value + 1) / d.value * 100));
-  function z(_, $) {
-    a.value[_] = { ...a.value[_], ...$ };
+  const g = F(() => o.value.length > 0 ? n.value >= o.value.length ? o.value[o.value.length - 1] : o.value[n.value] : t.steps[n.value]), d = F(() => n.value === 0), c = F(() => n.value === o.value.length - 1), p = F(() => !c.value), m = F(() => !d.value), h = F(() => o.value.length), f = F(() => h.value === 0 ? 0 : Math.round((n.value + 1) / h.value * 100));
+  function x(C, I) {
+    a.value[C] = { ...a.value[C], ...I };
   }
-  function C(_, $) {
-    e.value[_] = { ...e.value[_], ...$ };
+  function V(C, I) {
+    e.value[C] = { ...e.value[C], ...I };
   }
-  function O(_) {
-    if (t.steps.find((b) => b.id === _)) {
-      const b = a.value[_] || {};
-      a.value[_] = o(_, b), e.value[_] = {};
+  function S(C) {
+    if (t.steps.find((U) => U.id === C)) {
+      const U = a.value[C] || {};
+      a.value[C] = i(C, U), e.value[C] = {};
     }
   }
-  async function S() {
-    const _ = y.value;
-    if (!_) return !0;
-    const $ = [];
-    if (_.validation) {
-      const b = await _.validation(
-        a.value[_.id],
-        e.value[_.id]
+  async function O() {
+    const C = g.value;
+    if (!C) return !0;
+    const I = [];
+    if (C.validation) {
+      const U = await C.validation(
+        a.value[C.id],
+        e.value[C.id]
       );
-      b && $.push(...b);
+      U && I.push(...U);
     }
-    return l.value[_.id] = $, $.length === 0;
+    return l.value[C.id] = I, I.length === 0;
   }
-  async function M(_) {
-    return _ < 0 || _ >= s.value.length || _ > n.value && !await S() ? !1 : (n.value = _, !0);
+  async function H(C) {
+    return C < 0 || C >= o.value.length || C > n.value && !await O() ? !1 : (n.value = C, !0);
   }
-  async function N() {
-    return m.value ? M(n.value + 1) : !1;
+  async function A() {
+    return p.value ? H(n.value + 1) : !1;
   }
-  async function Q() {
-    return p.value ? M(n.value - 1) : !1;
+  async function B() {
+    return m.value ? H(n.value - 1) : !1;
   }
-  function X() {
-    n.value = 0, l.value = {}, t.steps.forEach((_) => {
-      O(_.id), l.value[_.id] = [];
+  function D() {
+    n.value = 0, l.value = {}, t.steps.forEach((C) => {
+      S(C.id), l.value[C.id] = [];
     });
   }
-  async function te() {
-    let _ = !0;
-    for (const $ of t.steps)
-      if ($.validation) {
-        const b = await $.validation(
-          a.value[$.id],
-          e.value[$.id]
+  async function Z() {
+    let C = !0;
+    for (const I of t.steps)
+      if (I.validation) {
+        const U = await I.validation(
+          a.value[I.id],
+          e.value[I.id]
         );
-        l.value[$.id] = b || [], b && b.length > 0 && (_ = !1);
+        l.value[I.id] = U || [], U && U.length > 0 && (C = !1);
       }
-    return _;
+    return C;
   }
-  function H() {
+  function Q() {
     return {
       formData: { ...a.value },
       computedData: { ...e.value }
@@ -331,38 +350,38 @@ function dt(t) {
   return {
     // State
     currentStepIndex: n,
-    currentStep: y,
+    currentStep: g,
     stepData: a,
     stepComputedData: e,
     stepValidationErrors: l,
     // Computed
-    visibleSteps: s,
-    isFirstStep: f,
-    isLastStep: i,
-    canGoNext: m,
-    canGoPrevious: p,
-    totalSteps: d,
-    progressPercentage: h,
+    visibleSteps: o,
+    isFirstStep: d,
+    isLastStep: c,
+    canGoNext: p,
+    canGoPrevious: m,
+    totalSteps: h,
+    progressPercentage: f,
     // Methods
-    updateStepData: z,
-    updateStepComputedData: C,
-    clearStepData: O,
-    validateCurrentStep: S,
-    goToStep: M,
-    nextStep: N,
-    previousStep: Q,
-    resetForm: X,
-    validateAllSteps: te,
-    getMultiStepFormData: H
+    updateStepData: x,
+    updateStepComputedData: V,
+    clearStepData: S,
+    validateCurrentStep: O,
+    goToStep: H,
+    nextStep: A,
+    previousStep: B,
+    resetForm: D,
+    validateAllSteps: Z,
+    getMultiStepFormData: Q
   };
 }
-const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { class: "step-indicator__step-content" }, mt = { class: "step-indicator__step-marker" }, ht = { class: "step-indicator__step-info" }, yt = { class: "step-indicator__step-title" }, gt = {
+const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { class: "step-indicator__step-content" }, gt = { class: "step-indicator__step-marker" }, bt = { class: "step-indicator__step-info" }, kt = { class: "step-indicator__step-title" }, _t = {
   key: 0,
   class: "step-indicator__step-subtitle"
-}, bt = {
+}, Vt = {
   key: 0,
   class: "step-indicator__progress"
-}, kt = { class: "step-indicator__progress-bar" }, Vt = { class: "step-indicator__progress-text" }, _t = /* @__PURE__ */ U({
+}, Ct = { class: "step-indicator__progress-bar" }, St = { class: "step-indicator__progress-text" }, wt = /* @__PURE__ */ N({
   __name: "StepIndicator",
   props: {
     steps: {},
@@ -373,55 +392,55 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
   },
   emits: ["step-click"],
   setup(t, { emit: n }) {
-    const a = t, e = n, l = I(() => a.steps.length === 0 ? 0 : (a.activeStepIndex + 1) / a.steps.length * 100);
-    function o(u) {
-      a.allowNavigation && e("step-click", u);
+    const a = t, e = n, l = F(() => a.steps.length === 0 ? 0 : (a.activeStepIndex + 1) / a.steps.length * 100);
+    function i(s) {
+      a.allowNavigation && e("step-click", s);
     }
-    return (u, s) => (v(), B("div", {
-      class: G(["step-indicator", [`step-indicator--${u.position}`, { "step-indicator--clickable": u.allowNavigation }]])
+    return (s, o) => (v(), P("div", {
+      class: q(["step-indicator", [`step-indicator--${s.position}`, { "step-indicator--clickable": s.allowNavigation }]])
     }, [
-      T("div", vt, [
-        (v(!0), B(L, null, ee(u.steps, (y, f) => (v(), B("div", {
-          key: y.id,
-          class: G(["step-indicator__step", {
-            "step-indicator__step--active": f === u.activeStepIndex,
-            "step-indicator__step--completed": f < u.activeStepIndex,
-            "step-indicator__step--clickable": u.allowNavigation
+      R("div", mt, [
+        (v(!0), P(K, null, le(s.steps, (g, d) => (v(), P("div", {
+          key: g.id,
+          class: q(["step-indicator__step", {
+            "step-indicator__step--active": d === s.activeStepIndex,
+            "step-indicator__step--completed": d < s.activeStepIndex,
+            "step-indicator__step--clickable": s.allowNavigation
           }]),
-          onClick: (i) => o(f)
+          onClick: (c) => i(d)
         }, [
-          T("div", ft, [
-            T("div", mt, [
-              T("span", null, D(f + 1), 1)
+          R("div", yt, [
+            R("div", gt, [
+              R("span", null, T(d + 1), 1)
             ]),
-            T("div", ht, [
-              T("div", yt, D(y.title), 1),
-              y.subtitle ? (v(), B("div", gt, D(y.subtitle), 1)) : A("", !0)
+            R("div", bt, [
+              R("div", kt, T(g.title), 1),
+              g.subtitle ? (v(), P("div", _t, T(g.subtitle), 1)) : z("", !0)
             ])
           ]),
-          f < u.steps.length - 1 ? (v(), B("div", {
+          d < s.steps.length - 1 ? (v(), P("div", {
             key: 0,
-            class: G(["step-indicator__connector", { "step-indicator__connector--completed": f < u.activeStepIndex }])
-          }, null, 2)) : A("", !0)
-        ], 10, pt))), 128))
+            class: q(["step-indicator__connector", { "step-indicator__connector--completed": d < s.activeStepIndex }])
+          }, null, 2)) : z("", !0)
+        ], 10, ht))), 128))
       ]),
-      u.showProgress && (u.position === "top" || u.position === "bottom") ? (v(), B("div", bt, [
-        T("div", kt, [
-          T("div", {
+      s.showProgress && (s.position === "top" || s.position === "bottom") ? (v(), P("div", Vt, [
+        R("div", Ct, [
+          R("div", {
             class: "step-indicator__progress-fill",
-            style: fe({ width: `${l.value}%` })
+            style: he({ width: `${l.value}%` })
           }, null, 4)
         ]),
-        T("div", Vt, " Step " + D(u.activeStepIndex + 1) + " of " + D(u.steps.length), 1)
-      ])) : A("", !0)
+        R("div", St, " Step " + T(s.activeStepIndex + 1) + " of " + T(s.steps.length), 1)
+      ])) : z("", !0)
     ], 2));
   }
-}), re = (t, n) => {
+}), ae = (t, n) => {
   const a = t.__vccOpts || t;
   for (const [e, l] of n)
     a[e] = l;
   return a;
-}, pe = /* @__PURE__ */ re(_t, [["__scopeId", "data-v-aca1a6d0"]]), ae = /* @__PURE__ */ U({
+}, me = /* @__PURE__ */ ae(wt, [["__scopeId", "data-v-aca1a6d0"]]), oe = /* @__PURE__ */ N({
   __name: "ActionButton",
   props: {
     type: {
@@ -434,26 +453,26 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
     }
   },
   setup(t) {
-    const n = Se("globalConfig"), a = t, e = I(() => {
-      var l, o;
-      return a.label ?? ((o = (l = n == null ? void 0 : n.buttons) == null ? void 0 : l[a.type]) == null ? void 0 : o.label) ?? a.type;
+    const n = xe("globalConfig"), a = t, e = F(() => {
+      var l, i;
+      return a.label ?? ((i = (l = n == null ? void 0 : n.buttons) == null ? void 0 : l[a.type]) == null ? void 0 : i.label) ?? a.type;
     });
-    return (l, o) => {
-      var u, s, y, f, i, m, p, d, h, z, C, O;
-      return v(), k(c(ye), {
-        color: ((y = (s = (u = c(n)) == null ? void 0 : u.buttons) == null ? void 0 : s[t.type]) == null ? void 0 : y.color) ?? "primary",
-        fill: ((m = (i = (f = c(n)) == null ? void 0 : f.buttons) == null ? void 0 : i[t.type]) == null ? void 0 : m.fill) ?? "solid",
-        expand: (h = (d = (p = c(n)) == null ? void 0 : p.buttons) == null ? void 0 : d[t.type]) == null ? void 0 : h.expand,
-        size: ((O = (C = (z = c(n)) == null ? void 0 : z.buttons) == null ? void 0 : C[t.type]) == null ? void 0 : O.size) ?? "default"
+    return (l, i) => {
+      var s, o, g, d, c, p, m, h, f, x, V, S;
+      return v(), k(r(ke), {
+        color: ((g = (o = (s = r(n)) == null ? void 0 : s.buttons) == null ? void 0 : o[t.type]) == null ? void 0 : g.color) ?? "primary",
+        fill: ((p = (c = (d = r(n)) == null ? void 0 : d.buttons) == null ? void 0 : c[t.type]) == null ? void 0 : p.fill) ?? "solid",
+        expand: (f = (h = (m = r(n)) == null ? void 0 : m.buttons) == null ? void 0 : h[t.type]) == null ? void 0 : f.expand,
+        size: ((S = (V = (x = r(n)) == null ? void 0 : x.buttons) == null ? void 0 : V[t.type]) == null ? void 0 : S.size) ?? "default"
       }, {
-        default: x(() => [
-          j(D(e.value), 1)
+        default: E(() => [
+          G(T(e.value), 1)
         ]),
         _: 1
       }, 8, ["color", "fill", "expand", "size"]);
     };
   }
-}), ze = /* @__PURE__ */ U({
+}), $e = /* @__PURE__ */ N({
   __name: "CustomButton",
   props: {
     button: {
@@ -462,26 +481,26 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
     }
   },
   setup(t) {
-    return (n, a) => (v(), k(c(ye), {
+    return (n, a) => (v(), k(r(ke), {
       onClick: t.button.action,
       color: t.button.color ?? "primary",
       fill: t.button.fill ?? "solid",
       size: t.button.size ?? "default",
       expand: t.button.expand
     }, {
-      default: x(() => [
-        j(D(t.button.label), 1)
+      default: E(() => [
+        G(T(t.button.label), 1)
       ]),
       _: 1
     }, 8, ["onClick", "color", "fill", "size", "expand"]));
   }
-}), Ct = { class: "v-form-container" }, St = {
+}), Et = { class: "v-form-container" }, xt = {
   key: 0,
   class: "multi-step-form"
-}, wt = { class: "multi-step-form-content" }, xt = {
+}, Ot = { class: "multi-step-form-content" }, It = {
   key: 3,
   class: "step-progress-bottom"
-}, Ot = { class: "step-progress-bar" }, Et = { class: "step-progress-text" }, It = /* @__PURE__ */ U({
+}, zt = { class: "step-progress-bar" }, Ft = { class: "step-progress-text" }, $t = /* @__PURE__ */ N({
   __name: "vForm",
   props: {
     schema: {},
@@ -500,86 +519,86 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
   },
   emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, l = a, o = I(() => !!e.multiStepConfig), u = F(e.schema || {}), s = e.multiStepConfig ? dt(e.multiStepConfig) : null, { dynamicRefs: y, isFormValid: f } = Be(), { formData: i, computedData: m } = ct(u), p = F(null), d = I(() => (s == null ? void 0 : s.currentStepIndex.value) ?? 0), h = I(() => s == null ? void 0 : s.currentStep.value), z = I(() => (s == null ? void 0 : s.visibleSteps.value) ?? []), C = I(() => (s == null ? void 0 : s.isLastStep.value) ?? !0), O = I(() => (s == null ? void 0 : s.canGoNext.value) ?? !1), S = I(() => (s == null ? void 0 : s.canGoPrevious.value) ?? !1), M = I(() => !o.value || !s ? 0 : s.progressPercentage.value);
-    q(
-      () => h.value,
-      (r) => {
-        r && o.value && (u.value = r.schema || {});
+    const e = t, l = a, i = F(() => !!e.multiStepConfig), s = $(e.schema || {}), o = e.multiStepConfig ? ft(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: d } = De(), { formData: c, computedData: p } = pt(s), m = $(null), h = F(() => (o == null ? void 0 : o.currentStepIndex.value) ?? 0), f = F(() => o == null ? void 0 : o.currentStep.value), x = F(() => (o == null ? void 0 : o.visibleSteps.value) ?? []), V = F(() => (o == null ? void 0 : o.isLastStep.value) ?? !0), S = F(() => (o == null ? void 0 : o.canGoNext.value) ?? !1), O = F(() => (o == null ? void 0 : o.canGoPrevious.value) ?? !1), H = F(() => !i.value || !o ? 0 : o.progressPercentage.value);
+    W(
+      () => f.value,
+      (u) => {
+        u && i.value && (s.value = u.schema || {});
       },
       { immediate: !0 }
-    ), q(
-      [i, m],
-      ([r, g]) => {
-        o.value && s && h.value && (s.updateStepData(h.value.id, r), s.updateStepComputedData(h.value.id, g));
+    ), W(
+      [c, p],
+      ([u, _]) => {
+        i.value && o && f.value && (o.updateStepData(f.value.id, u), o.updateStepComputedData(f.value.id, _));
       },
       { deep: !0 }
-    ), q(
+    ), W(
       () => e.schema,
-      (r) => {
-        if (!o.value && r) {
-          u.value = r;
-          for (const [g, E] of Object.entries(r))
-            W(E) && "value" in E && E.value !== void 0 && (u.value[g].value = E.value);
+      (u) => {
+        if (!i.value && u) {
+          s.value = u;
+          for (const [_, b] of Object.entries(u))
+            X(b) && "value" in b && b.value !== void 0 && (s.value[_].value = b.value);
         }
       },
       { deep: !0, immediate: !0 }
     );
-    async function N() {
-      var r;
-      if (o.value && s) {
-        if ((r = h.value) != null && r.component && p.value && typeof p.value.validate == "function" && !await p.value.validate() || !await s.validateAllSteps()) return;
-        const E = s.getMultiStepFormData();
-        l("multi-step-submit", E);
+    async function A() {
+      var u;
+      if (i.value && o) {
+        if ((u = f.value) != null && u.component && m.value && typeof m.value.validate == "function" && !await m.value.validate() || !await o.validateAllSteps()) return;
+        const b = o.getMultiStepFormData();
+        l("multi-step-submit", b);
       } else {
-        if (!await f()) return;
-        l("submit", i.value, m.value);
+        if (!await d()) return;
+        l("submit", c.value, p.value);
       }
     }
-    function Q() {
-      nt(
-        y.value,
-        u.value,
-        i.value,
-        m.value
+    function B() {
+      ut(
+        g.value,
+        s.value,
+        c.value,
+        p.value
       );
     }
-    function X() {
-      o.value && s && h.value && s.clearStepData(h.value.id), Q(), l("clear");
+    function D() {
+      i.value && o && f.value && o.clearStepData(f.value.id), B(), l("clear");
     }
-    function te() {
-      o.value && s ? s.resetForm() : Q(), l("cancel");
+    function Z() {
+      i.value && o ? o.resetForm() : B(), l("cancel");
     }
-    async function H() {
-      var r;
-      if (o.value && s) {
-        let g = !0;
-        if ((r = h.value) != null && r.component && p.value ? typeof p.value.validate == "function" && (g = await p.value.validate()) : g = await f(), !g)
+    async function Q() {
+      var u;
+      if (i.value && o) {
+        let _ = !0;
+        if ((u = f.value) != null && u.component && m.value ? typeof m.value.validate == "function" && (_ = await m.value.validate()) : _ = await d(), !_)
           return;
-        await s.nextStep() && h.value && l("step-change", d.value, h.value.id);
+        await o.nextStep() && f.value && l("step-change", h.value, f.value.id);
       }
     }
-    async function _() {
-      s && await s.previousStep() && h.value && l("step-change", d.value, h.value.id);
+    async function C() {
+      o && await o.previousStep() && f.value && l("step-change", h.value, f.value.id);
     }
-    async function $(r) {
-      var g;
-      if (s) {
-        if (r > d.value) {
+    async function I(u) {
+      var _;
+      if (o) {
+        if (u > h.value) {
           let w = !0;
-          if ((g = h.value) != null && g.component && p.value ? typeof p.value.validate == "function" && (w = await p.value.validate()) : w = await f(), !w)
+          if ((_ = f.value) != null && _.component && m.value ? typeof m.value.validate == "function" && (w = await m.value.validate()) : w = await d(), !w)
             return;
         }
-        await s.goToStep(r) && h.value && l("step-change", r, h.value.id);
+        await o.goToStep(u) && f.value && l("step-change", u, f.value.id);
       }
     }
-    q(
-      i,
+    W(
+      c,
       async () => {
-        var r;
-        for (const [g, E] of Object.entries(u.value))
-          if (!he(E, i.value, m.value)) {
-            const w = o.value && h.value && h.value.schema ? h.value.schema[g] : (r = e.schema) == null ? void 0 : r[g];
-            w && W(w) && "value" in w ? E.value = w.value : E.value = void 0;
+        var u;
+        for (const [_, b] of Object.entries(s.value))
+          if (!be(b, c.value, p.value)) {
+            const w = i.value && f.value && f.value.schema ? f.value.schema[_] : (u = e.schema) == null ? void 0 : u[_];
+            w && X(w) && "value" in w ? b.value = w.value : b.value = void 0;
           }
       },
       {
@@ -587,89 +606,89 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
         immediate: !0
       }
     );
-    function b(r) {
-      o.value && s && h.value && s.updateStepData(h.value.id, r);
+    function U(u) {
+      i.value && o && f.value && o.updateStepData(f.value.id, u);
     }
     return n({
-      isLastStep: C,
-      canGoNext: O,
-      canGoPrevious: S,
-      computedData: m,
-      formData: i,
-      resetForm: X,
-      submitForm: N,
-      isFormValid: f,
-      resolveData: () => o.value && s ? s.getMultiStepFormData() : {
-        formData: i.value,
-        computedData: m.value
+      isLastStep: V,
+      canGoNext: S,
+      canGoPrevious: O,
+      computedData: p,
+      formData: c,
+      resetForm: D,
+      submitForm: A,
+      isFormValid: d,
+      resolveData: () => i.value && o ? o.getMultiStepFormData() : {
+        formData: c.value,
+        computedData: p.value
       },
       // Multi-step specific methods
-      nextStep: H,
-      previousStep: _,
-      goToStep: $,
-      getCurrentStep: () => h.value,
-      getCurrentStepIndex: () => d.value
-    }), (r, g) => {
-      var E, w;
-      return v(), B("div", Ct, [
-        o.value ? (v(), B("div", St, [
-          r.multiStepConfig && r.multiStepConfig.stepPosition === "top" ? (v(), k(pe, {
+      nextStep: Q,
+      previousStep: C,
+      goToStep: I,
+      getCurrentStep: () => f.value,
+      getCurrentStepIndex: () => h.value
+    }), (u, _) => {
+      var b, w;
+      return v(), P("div", Et, [
+        i.value ? (v(), P("div", xt, [
+          u.multiStepConfig && u.multiStepConfig.stepPosition === "top" ? (v(), k(me, {
             key: 0,
-            steps: z.value,
-            "active-step-index": d.value,
-            position: r.multiStepConfig.stepPosition || "top",
-            "show-progress": r.multiStepConfig.showProgress,
-            "allow-navigation": r.multiStepConfig.allowStepNavigation,
-            onStepClick: $
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : A("", !0),
-          T("div", {
-            class: G(["multi-step-content", `multi-step-content--${((E = r.multiStepConfig) == null ? void 0 : E.stepPosition) || "top"}`])
+            steps: x.value,
+            "active-step-index": h.value,
+            position: u.multiStepConfig.stepPosition || "top",
+            "show-progress": u.multiStepConfig.showProgress,
+            "allow-navigation": u.multiStepConfig.allowStepNavigation,
+            onStepClick: I
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0),
+          R("div", {
+            class: q(["multi-step-content", `multi-step-content--${((b = u.multiStepConfig) == null ? void 0 : b.stepPosition) || "top"}`])
           }, [
-            r.multiStepConfig && r.multiStepConfig.stepPosition === "left" ? (v(), k(pe, {
+            u.multiStepConfig && u.multiStepConfig.stepPosition === "left" ? (v(), k(me, {
               key: 0,
-              steps: z.value,
-              "active-step-index": d.value,
-              position: r.multiStepConfig.stepPosition ?? "top",
-              "show-progress": r.multiStepConfig.showProgress,
-              "allow-navigation": r.multiStepConfig.allowStepNavigation,
-              onStepClick: $,
+              steps: x.value,
+              "active-step-index": h.value,
+              position: u.multiStepConfig.stepPosition ?? "top",
+              "show-progress": u.multiStepConfig.showProgress,
+              "allow-navigation": u.multiStepConfig.allowStepNavigation,
+              onStepClick: I,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : A("", !0),
-            T("div", wt, [
-              (w = h.value) != null && w.component ? (v(), k(me(h.value.component), Pe({ key: 0 }, h.value.componentProps || {}, {
-                "onUpdate:data": b,
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0),
+            R("div", Ot, [
+              (w = f.value) != null && w.component ? (v(), k(ye(f.value.component), Le({ key: 0 }, f.value.componentProps || {}, {
+                "onUpdate:data": U,
                 ref_key: "customComponentRef",
-                ref: p
-              }), null, 16)) : (v(), k(c(Ie), { key: 1 }, {
-                default: x(() => [
-                  P(c(ue), null, {
-                    default: x(() => [
-                      (v(!0), B(L, null, ee(Object.keys(u.value), (V) => {
-                        var R, K, Y, oe, ie;
-                        return v(), B(L, { key: V }, [
-                          c(he)(u.value[V], c(i), c(m)) ? (v(), k(c(ne), {
+                ref: m
+              }), null, 16)) : (v(), k(r(Fe), { key: 1 }, {
+                default: E(() => [
+                  L(r(ie), null, {
+                    default: E(() => [
+                      (v(!0), P(K, null, le(Object.keys(s.value), (y) => {
+                        var M, j, J, te, re;
+                        return v(), P(K, { key: y }, [
+                          r(be)(s.value[y], r(c), r(p)) ? (v(), k(r(se), {
                             key: 0,
-                            size: ((R = u.value[V].grid) == null ? void 0 : R.xs) ?? "12",
-                            "size-sm": (K = u.value[V].grid) == null ? void 0 : K.sm,
-                            "size-md": (Y = u.value[V].grid) == null ? void 0 : Y.md,
-                            "size-lg": (oe = u.value[V].grid) == null ? void 0 : oe.lg,
-                            "size-xl": (ie = u.value[V].grid) == null ? void 0 : ie.xl,
+                            size: ((M = s.value[y].grid) == null ? void 0 : M.xs) ?? "12",
+                            "size-sm": (j = s.value[y].grid) == null ? void 0 : j.sm,
+                            "size-md": (J = s.value[y].grid) == null ? void 0 : J.md,
+                            "size-lg": (te = s.value[y].grid) == null ? void 0 : te.lg,
+                            "size-xl": (re = s.value[y].grid) == null ? void 0 : re.xl,
                             class: "ion-margin-vertical"
                           }, {
-                            default: x(() => [
-                              (v(), k(me(u.value[V].type), {
-                                modelValue: u.value[V],
-                                "onUpdate:modelValue": (ke) => u.value[V] = ke,
-                                schema: u.value,
-                                "form-id": V,
+                            default: E(() => [
+                              (v(), k(ye(s.value[y].type), {
+                                modelValue: s.value[y],
+                                "onUpdate:modelValue": (Se) => s.value[y] = Se,
+                                schema: s.value,
+                                "form-id": y,
                                 ref_for: !0,
                                 ref_key: "dynamicRefs",
-                                ref: y,
-                                "ref-key": V
+                                ref: g,
+                                "ref-key": y
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                             ]),
                             _: 2
-                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : A("", !0)
+                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                         ], 64);
                       }), 128))
                     ]),
@@ -678,146 +697,146 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
                 ]),
                 _: 1
               })),
-              r.hideButtons ? A("", !0) : (v(), k(c(ue), { key: 2 }, {
-                default: x(() => [
-                  P(c(ne), {
+              u.hideButtons ? z("", !0) : (v(), k(r(ie), { key: 2 }, {
+                default: E(() => [
+                  L(r(se), {
                     size: "12",
-                    style: fe([{ display: "flex" }, { justifyContent: r.buttonPlacement }])
+                    style: he([{ display: "flex" }, { justifyContent: u.buttonPlacement }])
                   }, {
-                    default: x(() => [
-                      S.value ? (v(), k(ae, {
+                    default: E(() => [
+                      O.value ? (v(), k(oe, {
                         key: 0,
                         type: "previous",
-                        label: r.previousButtonText,
-                        onClick: _
-                      }, null, 8, ["label"])) : A("", !0),
-                      r.showCancelButton ? (v(), k(ae, {
+                        label: u.previousButtonText,
+                        onClick: C
+                      }, null, 8, ["label"])) : z("", !0),
+                      u.showCancelButton ? (v(), k(oe, {
                         key: 1,
                         type: "cancel",
-                        label: r.cancelButtonText,
-                        onClick: te
-                      }, null, 8, ["label"])) : A("", !0),
-                      r.showClearButton ? (v(), k(ae, {
+                        label: u.cancelButtonText,
+                        onClick: Z
+                      }, null, 8, ["label"])) : z("", !0),
+                      u.showClearButton ? (v(), k(oe, {
                         key: 2,
                         type: "clear",
-                        label: r.clearButtonText,
-                        onClick: X
-                      }, null, 8, ["label"])) : A("", !0),
-                      (v(!0), B(L, null, ee(r.customButtons, (V) => (v(), k(ze, {
-                        button: V,
-                        key: V.label
+                        label: u.clearButtonText,
+                        onClick: D
+                      }, null, 8, ["label"])) : z("", !0),
+                      (v(!0), P(K, null, le(u.customButtons, (y) => (v(), k($e, {
+                        button: y,
+                        key: y.label
                       }, null, 8, ["button"]))), 128)),
-                      O.value ? (v(), k(ae, {
+                      S.value ? (v(), k(oe, {
                         key: 3,
                         type: "next",
-                        label: r.nextButtonText,
-                        onClick: H
-                      }, null, 8, ["label"])) : A("", !0),
-                      C.value ? (v(), k(ae, {
+                        label: u.nextButtonText,
+                        onClick: Q
+                      }, null, 8, ["label"])) : z("", !0),
+                      V.value ? (v(), k(oe, {
                         key: 4,
                         type: "submit",
-                        label: r.submitButtonText,
-                        onClick: N
-                      }, null, 8, ["label"])) : A("", !0)
+                        label: u.submitButtonText,
+                        onClick: A
+                      }, null, 8, ["label"])) : z("", !0)
                     ]),
                     _: 1
                   }, 8, ["style"])
                 ]),
                 _: 1
               })),
-              r.multiStepConfig && (r.multiStepConfig.stepPosition === "left" || r.multiStepConfig.stepPosition === "right") && r.multiStepConfig.showProgress ? (v(), B("div", xt, [
-                T("div", Ot, [
-                  T("div", {
+              u.multiStepConfig && (u.multiStepConfig.stepPosition === "left" || u.multiStepConfig.stepPosition === "right") && u.multiStepConfig.showProgress ? (v(), P("div", It, [
+                R("div", zt, [
+                  R("div", {
                     class: "step-progress-fill",
-                    style: fe({ width: `${M.value}%` })
+                    style: he({ width: `${H.value}%` })
                   }, null, 4)
                 ]),
-                T("div", Et, " Step " + D(d.value + 1) + " of " + D(z.value.length), 1)
-              ])) : A("", !0)
+                R("div", Ft, " Step " + T(h.value + 1) + " of " + T(x.value.length), 1)
+              ])) : z("", !0)
             ]),
-            r.multiStepConfig && r.multiStepConfig.stepPosition === "right" ? (v(), k(pe, {
+            u.multiStepConfig && u.multiStepConfig.stepPosition === "right" ? (v(), k(me, {
               key: 1,
-              steps: z.value,
-              "active-step-index": d.value,
-              position: r.multiStepConfig.stepPosition,
-              "show-progress": r.multiStepConfig.showProgress,
-              "allow-navigation": r.multiStepConfig.allowStepNavigation,
-              onStepClick: $,
+              steps: x.value,
+              "active-step-index": h.value,
+              position: u.multiStepConfig.stepPosition,
+              "show-progress": u.multiStepConfig.showProgress,
+              "allow-navigation": u.multiStepConfig.allowStepNavigation,
+              onStepClick: I,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : A("", !0)
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0)
           ], 2),
-          r.multiStepConfig && r.multiStepConfig.stepPosition === "bottom" ? (v(), k(pe, {
+          u.multiStepConfig && u.multiStepConfig.stepPosition === "bottom" ? (v(), k(me, {
             key: 1,
-            steps: z.value,
-            "active-step-index": d.value,
-            position: r.multiStepConfig.stepPosition,
-            "show-progress": r.multiStepConfig.showProgress,
-            "allow-navigation": r.multiStepConfig.allowStepNavigation,
-            onStepClick: $
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : A("", !0)
-        ])) : (v(), k(c(Ie), { key: 1 }, {
-          default: x(() => [
-            P(c(ue), null, {
-              default: x(() => [
-                (v(!0), B(L, null, ee(Object.keys(u.value), (V) => {
-                  var R, K, Y, oe, ie;
-                  return v(), B(L, { key: V }, [
-                    c(he)(u.value[V], c(i), c(m)) ? (v(), k(c(ne), {
+            steps: x.value,
+            "active-step-index": h.value,
+            position: u.multiStepConfig.stepPosition,
+            "show-progress": u.multiStepConfig.showProgress,
+            "allow-navigation": u.multiStepConfig.allowStepNavigation,
+            onStepClick: I
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0)
+        ])) : (v(), k(r(Fe), { key: 1 }, {
+          default: E(() => [
+            L(r(ie), null, {
+              default: E(() => [
+                (v(!0), P(K, null, le(Object.keys(s.value), (y) => {
+                  var M, j, J, te, re;
+                  return v(), P(K, { key: y }, [
+                    r(be)(s.value[y], r(c), r(p)) ? (v(), k(r(se), {
                       key: 0,
-                      size: ((R = u.value[V].grid) == null ? void 0 : R.xs) ?? "12",
-                      "size-sm": (K = u.value[V].grid) == null ? void 0 : K.sm,
-                      "size-md": (Y = u.value[V].grid) == null ? void 0 : Y.md,
-                      "size-lg": (oe = u.value[V].grid) == null ? void 0 : oe.lg,
-                      "size-xl": (ie = u.value[V].grid) == null ? void 0 : ie.xl,
+                      size: ((M = s.value[y].grid) == null ? void 0 : M.xs) ?? "12",
+                      "size-sm": (j = s.value[y].grid) == null ? void 0 : j.sm,
+                      "size-md": (J = s.value[y].grid) == null ? void 0 : J.md,
+                      "size-lg": (te = s.value[y].grid) == null ? void 0 : te.lg,
+                      "size-xl": (re = s.value[y].grid) == null ? void 0 : re.xl,
                       class: "ion-margin-vertical"
                     }, {
-                      default: x(() => [
-                        (v(), k(me(u.value[V].type), {
-                          modelValue: u.value[V],
-                          "onUpdate:modelValue": (ke) => u.value[V] = ke,
-                          schema: u.value,
-                          "form-id": V,
+                      default: E(() => [
+                        (v(), k(ye(s.value[y].type), {
+                          modelValue: s.value[y],
+                          "onUpdate:modelValue": (Se) => s.value[y] = Se,
+                          schema: s.value,
+                          "form-id": y,
                           ref_for: !0,
                           ref_key: "dynamicRefs",
-                          ref: y,
-                          "ref-key": V,
+                          ref: g,
+                          "ref-key": y,
                           style: { width: "100%" }
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                       ]),
                       _: 2
-                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : A("", !0)
+                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                   ], 64);
                 }), 128))
               ]),
               _: 1
             }),
-            r.hideButtons ? A("", !0) : (v(), k(c(ue), { key: 0 }, {
-              default: x(() => [
-                P(c(ne), {
+            u.hideButtons ? z("", !0) : (v(), k(r(ie), { key: 0 }, {
+              default: E(() => [
+                L(r(se), {
                   size: "12",
-                  style: fe([{ display: "flex" }, { justifyContent: r.buttonPlacement }])
+                  style: he([{ display: "flex" }, { justifyContent: u.buttonPlacement }])
                 }, {
-                  default: x(() => [
-                    r.showCancelButton ? (v(), k(ae, {
+                  default: E(() => [
+                    u.showCancelButton ? (v(), k(oe, {
                       key: 0,
                       type: "cancel",
-                      label: r.cancelButtonText,
-                      onClick: te
-                    }, null, 8, ["label"])) : A("", !0),
-                    r.showClearButton ? (v(), k(ae, {
+                      label: u.cancelButtonText,
+                      onClick: Z
+                    }, null, 8, ["label"])) : z("", !0),
+                    u.showClearButton ? (v(), k(oe, {
                       key: 1,
                       type: "clear",
-                      label: r.clearButtonText,
-                      onClick: X
-                    }, null, 8, ["label"])) : A("", !0),
-                    (v(!0), B(L, null, ee(r.customButtons, (V) => (v(), k(ze, {
-                      button: V,
-                      key: V.label
+                      label: u.clearButtonText,
+                      onClick: D
+                    }, null, 8, ["label"])) : z("", !0),
+                    (v(!0), P(K, null, le(u.customButtons, (y) => (v(), k($e, {
+                      button: y,
+                      key: y.label
                     }, null, 8, ["button"]))), 128)),
-                    P(ae, {
+                    L(oe, {
                       type: "submit",
-                      label: r.submitButtonText,
-                      onClick: N
+                      label: u.submitButtonText,
+                      onClick: A
                     }, null, 8, ["label"])
                   ]),
                   _: 1
@@ -831,12 +850,12 @@ const vt = { class: "step-indicator__container" }, pt = ["onClick"], ft = { clas
       ]);
     };
   }
-}), zt = /* @__PURE__ */ re(It, [["__scopeId", "data-v-400c942b"]]);
-function $t(t) {
+}), At = /* @__PURE__ */ ae($t, [["__scopeId", "data-v-400c942b"]]);
+function Pt(t) {
   return {
     applyValidationState: async (e) => {
-      var l, o, u, s, y;
-      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (o = t.value) == null || o.$el.classList.remove("ion-valid"), e ? (u = t.value) == null || u.$el.classList.add("ion-valid") : (s = t.value) == null || s.$el.classList.add("ion-invalid"), (y = t.value) == null || y.$el.classList.add("ion-touched");
+      var l, i, s, o, g;
+      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (i = t.value) == null || i.$el.classList.remove("ion-valid"), e ? (s = t.value) == null || s.$el.classList.add("ion-valid") : (o = t.value) == null || o.$el.classList.add("ion-invalid"), (g = t.value) == null || g.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, l;
@@ -844,89 +863,125 @@ function $t(t) {
     }
   };
 }
-function de(t, n, a, e, l) {
-  const { applyValidationState: o, resetValidationState: u } = $t(t), s = Se("globalConfig");
-  async function y() {
-    var d;
+function ve(t, n, a, e, l) {
+  const { applyValidationState: i, resetValidationState: s } = Pt(t), o = xe("globalConfig");
+  async function g() {
+    var h;
     if (n.value.required && !a.value)
-      return n.value.error = ((d = s == null ? void 0 : s.errorMessages) == null ? void 0 : d.required) ?? "This field is required", !1;
+      return n.value.error = ((h = o == null ? void 0 : o.errorMessages) == null ? void 0 : h.required) ?? "This field is required", !1;
     if (l) {
-      const h = await l(a.value);
-      if (typeof h == "string")
-        return n.value.error = h, !1;
-      if (h === !1)
+      const f = await l(a.value);
+      if (typeof f == "string")
+        return n.value.error = f, !1;
+      if (f === !1)
         return !1;
     }
     if (n.value.validation) {
-      const h = await n.value.validation(a.value, e == null ? void 0 : e.value);
-      if (h != null && h.length)
-        return n.value.error = h.join(), !1;
+      const f = await n.value.validation(a.value, e == null ? void 0 : e.value);
+      if (f != null && f.length)
+        return n.value.error = f.join(), !1;
     }
     return !0;
   }
-  async function f() {
-    const d = await y();
-    d && (n.value.error = "", n.value.value = a.value), await o(d);
+  async function d() {
+    const h = await g();
+    h && (n.value.error = "", n.value.value = a.value), await i(h);
   }
-  function i() {
-    u(), n.value.error = "";
+  function c() {
+    s(), n.value.error = "";
   }
-  function m(d = "") {
-    a.value = d, n.value.error = "", n.value.value = d;
+  function p(h = "") {
+    a.value = h, n.value.error = "", n.value.value = h;
   }
-  function p() {
+  function m() {
     return n.value.error ? [n.value.error] : [];
   }
   return {
-    isValid: y,
-    onValueUpdate: f,
-    onFocus: i,
-    onReset: m,
-    getErrors: p,
-    applyValidationState: o,
-    resetValidationState: u
+    isValid: g,
+    onValueUpdate: d,
+    onFocus: c,
+    onReset: p,
+    getErrors: m,
+    applyValidationState: i,
+    resetValidationState: s
+  };
+}
+function pe(t) {
+  const n = $(void 0), a = $(!1), e = $(null);
+  async function l() {
+    if (!t.value.value) {
+      n.value = void 0;
+      return;
+    }
+    a.value = !0, e.value = null;
+    try {
+      const s = await st(t.value.value);
+      n.value = s, t.value.value = s;
+    } catch (s) {
+      e.value = s instanceof Error ? s.message : "Failed to resolve field value", console.error("Error resolving field value:", s);
+    } finally {
+      a.value = !1;
+    }
+  }
+  async function i(s) {
+    t.value.value = s, await l();
+  }
+  return W(
+    () => t.value.value,
+    async () => {
+      await l();
+    },
+    { immediate: !1 }
+  ), Ve(async () => {
+    await l();
+  }), {
+    resolvedValue: n,
+    isLoading: a,
+    error: e,
+    resolveValue: l,
+    updateValue: i
   };
 }
-function At(t) {
-  const n = I(() => !!t.value.label), a = I(() => !!t.value.required), e = I(() => t.value.label || "");
+function Bt(t) {
+  const n = F(() => !!t.value.label), a = F(() => !!t.value.required), e = F(() => t.value.label || "");
   return {
     showLabel: n,
     showRequired: a,
     labelText: e
   };
 }
-const be = /* @__PURE__ */ U({
+const Ce = /* @__PURE__ */ N({
   __name: "InputLabel",
   props: {
     model: {},
     slotName: {}
   },
   setup(t) {
-    const n = t, { showLabel: a, showRequired: e, labelText: l } = At(De(n, "model"));
-    return (o, u) => c(a) ? (v(), k(c(se), {
+    const n = t, { showLabel: a, showRequired: e, labelText: l } = Bt(Te(n, "model"));
+    return (i, s) => r(a) ? (v(), k(r(ue), {
       key: 0,
-      slot: o.slotName,
+      slot: i.slotName,
       class: "input-label"
     }, {
-      default: x(() => [
-        j(D(c(l)) + " ", 1),
-        c(e) ? (v(), k(c(xe), {
+      default: E(() => [
+        G(T(r(l)) + " ", 1),
+        r(e) ? (v(), k(r(Oe), {
           key: 0,
           color: "danger"
         }, {
-          default: x(() => u[0] || (u[0] = [
-            j("*")
+          default: E(() => s[0] || (s[0] = [
+            G("*")
           ])),
           _: 1,
           __: [0]
-        })) : A("", !0)
+        })) : z("", !0)
       ]),
       _: 1
-    }, 8, ["slot"])) : A("", !0);
+    }, 8, ["slot"])) : z("", !0);
   }
-}), ve = /* @__PURE__ */ U({
+}), Dt = /* @__PURE__ */ N({
   __name: "BaseInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {},
     type: {}
   }, {
@@ -935,88 +990,108 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = J(t, "modelValue"), l = F(null), o = F(e.value.value), u = I(() => a.schema), { isValid: s, onValueUpdate: y, onFocus: f, onReset: i, getErrors: m } = de(
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), { resolvedValue: s, isLoading: o, error: g } = pe(e), d = $("");
+    W(
+      s,
+      (S) => {
+        S != null ? d.value = String(S) : d.value = "";
+      },
+      { immediate: !0 }
+    );
+    const { isValid: c, onValueUpdate: p, onFocus: m, onReset: h, getErrors: f } = ve(
       l,
       e,
-      o,
-      u
-    ), p = I(() => {
-      if (e.value.pattern) return at(e.value.pattern);
+      d,
+      i
+    ), x = F(() => {
+      if (e.value.pattern) return ot(e.value.pattern);
     });
-    return q(
-      () => e.value.value,
-      (d) => o.value = d
-    ), n({
-      onValueUpdate: y,
-      onReset: i,
-      getErrors: m,
-      isValid: s
-    }), (d, h) => {
-      var C;
-      const z = Te("maskito");
-      return Ue((v(), k(c($e), {
-        ref_key: "inputRef",
-        ref: l,
-        modelValue: o.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (O) => o.value = O),
-        class: G(e.value.className),
-        "clear-input": !0,
-        fill: e.value.fill ?? "solid",
-        "label-placement": e.value.labelPlacement ?? "stacked",
-        type: d.type ?? "text",
-        required: e.value.required,
-        "error-text": e.value.error,
-        autofocus: e.value.autoFocus,
-        placeholder: ((C = p.value) == null ? void 0 : C.placeholder) ?? e.value.placeholder,
-        disabled: e.value.disabled,
-        counter: e.value.counter,
-        min: e.value.min,
-        max: e.value.max,
-        "max-length": e.value.maxLength,
-        "min-length": e.value.minLength,
-        pattern: e.value.pattern,
-        style: { width: "100%" },
-        onIonFocus: c(f),
-        onIonChange: c(y),
-        onIonBlur: c(y)
-      }, {
-        default: x(() => [
-          P(be, {
-            model: e.value,
-            "slot-name": "label"
-          }, null, 8, ["model"]),
-          e.value.prefix ? (v(), k(c(se), {
-            key: 0,
-            slot: "start"
-          }, {
-            default: x(() => [
-              j(D(e.value.prefix), 1)
-            ]),
-            _: 1
-          })) : A("", !0),
-          e.value.suffix ? (v(), k(c(se), {
-            key: 1,
-            slot: "end"
-          }, {
-            default: x(() => [
-              j(D(e.value.suffix), 1)
-            ]),
-            _: 1
-          })) : A("", !0),
-          d.type === "password" ? (v(), k(c(Re), {
-            key: 2,
-            slot: "end"
-          })) : A("", !0)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "class", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-        [z, p.value]
-      ]);
+    return n({
+      onValueUpdate: p,
+      onReset: h,
+      getErrors: () => {
+        const S = f();
+        return g.value ? [...S, g.value] : S;
+      },
+      isValid: c,
+      isLoading: o,
+      valueError: g
+    }), (S, O) => {
+      var A;
+      const H = Ue("maskito");
+      return v(), P("div", {
+        class: q(["input-container", { loading: r(o) }])
+      }, [
+        Re((v(), k(r(Ae), {
+          ref_key: "inputRef",
+          ref: l,
+          modelValue: d.value,
+          "onUpdate:modelValue": O[0] || (O[0] = (B) => d.value = B),
+          class: q(e.value.className),
+          "clear-input": !0,
+          fill: e.value.fill ?? "solid",
+          "label-placement": e.value.labelPlacement ?? "stacked",
+          type: S.type ?? "text",
+          required: e.value.required,
+          "error-text": e.value.error,
+          autofocus: e.value.autoFocus,
+          placeholder: r(o) ? "Loading..." : ((A = x.value) == null ? void 0 : A.placeholder) ?? e.value.placeholder,
+          disabled: e.value.disabled || r(o),
+          counter: e.value.counter,
+          min: e.value.min,
+          max: e.value.max,
+          "max-length": e.value.maxLength,
+          "min-length": e.value.minLength,
+          pattern: e.value.pattern,
+          style: { width: "100%" },
+          onIonFocus: r(m),
+          onIonChange: r(p),
+          onIonBlur: r(p)
+        }, {
+          default: E(() => [
+            L(Ce, {
+              model: e.value,
+              "slot-name": "label"
+            }, null, 8, ["model"]),
+            e.value.prefix ? (v(), k(r(ue), {
+              key: 0,
+              slot: "start"
+            }, {
+              default: E(() => [
+                G(T(e.value.prefix), 1)
+              ]),
+              _: 1
+            })) : z("", !0),
+            e.value.suffix ? (v(), k(r(ue), {
+              key: 1,
+              slot: "end"
+            }, {
+              default: E(() => [
+                G(T(e.value.suffix), 1)
+              ]),
+              _: 1
+            })) : z("", !0),
+            S.type === "password" ? (v(), k(r(qe), {
+              key: 2,
+              slot: "end"
+            })) : z("", !0),
+            r(o) ? (v(), k(r(de), {
+              key: 3,
+              slot: "end",
+              name: "crescent",
+              class: "loading-spinner"
+            })) : z("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "class", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
+          [H, x.value]
+        ])
+      ], 2);
     };
   }
-}), Ft = /* @__PURE__ */ U({
+}), fe = /* @__PURE__ */ ae(Dt, [["__scopeId", "data-v-9a88e1aa"]]), Lt = /* @__PURE__ */ N({
   __name: "TextInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1024,7 +1099,7 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = J(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1035,21 +1110,21 @@ const be = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, o;
-        return ((o = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : o.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, o) => (v(), k(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "text",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Bt = /* @__PURE__ */ U({
+}), Tt = /* @__PURE__ */ N({
   __name: "DateInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1057,7 +1132,7 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = J(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onValueUpdate: () => {
         var l;
@@ -1068,21 +1143,21 @@ const be = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onReset();
       },
       getErrors: () => {
-        var l, o;
-        return ((o = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : o.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, o) => (v(), k(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: a.value.enableTime ? "datetime-local" : "date",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Pt = /* @__PURE__ */ U({
+}), Ut = /* @__PURE__ */ N({
   __name: "NumberInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1090,7 +1165,7 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = J(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1101,21 +1176,21 @@ const be = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, o;
-        return ((o = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : o.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, o) => (v(), k(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "number",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Dt = /* @__PURE__ */ U({
+}), Rt = /* @__PURE__ */ N({
   __name: "EmailInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1123,7 +1198,7 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = J(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1134,21 +1209,21 @@ const be = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, o;
-        return ((o = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : o.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, o) => (v(), k(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "email",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Tt = /* @__PURE__ */ U({
+}), qt = /* @__PURE__ */ N({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1156,7 +1231,7 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = J(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1167,21 +1242,21 @@ const be = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, o;
-        return ((o = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : o.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, o) => (v(), k(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "password",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ut = { class: "option-content" }, Rt = /* @__PURE__ */ U({
+}), Nt = { class: "option-content" }, Mt = /* @__PURE__ */ N({
   __name: "SelectInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: Object,
     type: String,
     formId: String
@@ -1191,229 +1266,233 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = J(t, "modelValue"), l = F(null), o = F(null), u = F(!1), s = F([]), y = F(""), f = F(1), i = Se("globalConfig"), m = I(() => e.value.interface ?? "popover"), p = I(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), d = I(() => s.value.filter((b) => !!b.isChecked)), h = I(() => !y.value && _e(d.value) && !u.value ? e.value.placeholder ?? "Select an option" : "");
-    q([y, () => e.value.options], _, {
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = $(null), s = $(!1), o = $([]), g = $(""), d = $(1), c = xe("globalConfig"), { isLoading: p } = pe(e), m = F(() => e.value.interface ?? "popover"), h = F(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), f = F(() => o.value.filter((u) => !!u.isChecked)), x = F(() => !g.value && we(f.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
+    W([g, () => e.value.options], I, {
       immediate: !0,
       deep: !0
-    }), q(() => e.value.value, $, { immediate: !0, deep: !0 }), q(
-      () => !e.value.dependsOn || !a.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((r) => {
-        const g = a.schema[r];
-        return W(g) ? g.value : void 0;
+    }), W(() => e.value.value, U, { immediate: !0, deep: !0 }), W(
+      () => !e.value.dependsOn || !a.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((_) => {
+        const b = a.schema[_];
+        return X(b) ? b.value : void 0;
       }),
-      async (b, r) => {
-        b && r && !ce(b, r) && (z(), s.value = [], await _());
+      async (u, _) => {
+        u && _ && !ce(u, _) && (V(), o.value = [], await I());
       },
       { deep: !0 }
     );
-    function z() {
-      e.value.error = "", y.value = "", f.value = 1, e.value.value = e.value.multiple ? [] : "", ut(s.value);
+    function V() {
+      e.value.error = "", g.value = "", d.value = 1, e.value.value = e.value.multiple ? [] : "", ct(o.value);
     }
-    function C(b) {
-      if (b.disabled) return;
-      const r = s.value.findIndex((g) => g.value === b.value && g.isChecked);
-      if (r >= 0) {
+    function S(u) {
+      if (u.disabled) return;
+      const _ = o.value.findIndex((b) => b.value === u.value && b.isChecked);
+      if (_ >= 0) {
         if (Array.isArray(e.value.value)) {
-          const g = Ee(b, e.value.value);
-          g >= 0 && e.value.value.splice(g, 1);
+          const b = ze(u, e.value.value);
+          b >= 0 && e.value.value.splice(b, 1);
         }
-        s.value[r].isChecked = !1;
+        o.value[_].isChecked = !1;
       } else
-        e.value.multiple || z(), le(b, s.value);
-      H(), y.value = "";
+        e.value.multiple || V(), ne(u, o.value);
+      C(), g.value = "";
     }
     function O() {
       switch (m.value) {
         case "action-sheet":
-          S();
+          H();
           break;
         case "alert":
-          M();
+          A();
           break;
         case "popover":
         default:
-          u.value = !0;
+          s.value = !0;
           break;
       }
     }
-    async function S() {
-      var r, g;
-      if (await _(), e.value.multiple) {
-        u.value = !0;
+    async function H() {
+      var _, b;
+      if (await I(), e.value.multiple) {
+        s.value = !0;
         return;
       }
-      await (await Le.create({
+      await (await je.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...s.value.map((E) => {
-            let w = "";
-            return E.isChecked ? w = "selected-option" : E.disabled && (w = "disabled-option"), {
-              text: E.label,
-              cssClass: w,
-              handler: () => (C(E), !1),
-              disabled: E.disabled
+          ...o.value.map((w) => {
+            let y = "";
+            return w.isChecked ? y = "selected-option" : w.disabled && (y = "disabled-option"), {
+              text: w.label,
+              cssClass: y,
+              handler: () => (S(w), !1),
+              disabled: w.disabled
             };
           }),
           {
-            text: ((g = (r = i == null ? void 0 : i.buttons) == null ? void 0 : r.cancel) == null ? void 0 : g.label) ?? "Cancel",
+            text: ((b = (_ = c == null ? void 0 : c.buttons) == null ? void 0 : _.cancel) == null ? void 0 : b.label) ?? "Cancel",
             role: "cancel"
           }
         ]
       })).present();
     }
-    async function M() {
-      var g, E, w, V;
-      await _();
-      const b = s.value.map((R) => ({
-        label: R.label,
+    async function A() {
+      var b, w, y, M;
+      await I();
+      const u = o.value.map((j) => ({
+        label: j.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: R,
-        checked: R.isChecked,
-        disabled: R.disabled
+        value: j,
+        checked: j.isChecked,
+        disabled: j.disabled
       }));
-      await (await Me.create({
+      await (await We.create({
         header: e.value.label || "Select an option",
-        inputs: b,
+        inputs: u,
         buttons: [
           {
-            text: ((E = (g = i == null ? void 0 : i.buttons) == null ? void 0 : g.cancel) == null ? void 0 : E.label) ?? "Cancel",
+            text: ((w = (b = c == null ? void 0 : c.buttons) == null ? void 0 : b.cancel) == null ? void 0 : w.label) ?? "Cancel",
             role: "cancel"
           },
           {
-            text: ((V = (w = i == null ? void 0 : i.buttons) == null ? void 0 : w.ok) == null ? void 0 : V.label) ?? "OK",
-            handler: (R) => {
+            text: ((M = (y = c == null ? void 0 : c.buttons) == null ? void 0 : y.ok) == null ? void 0 : M.label) ?? "OK",
+            handler: (j) => {
               if (e.value.multiple)
-                s.value.forEach((K) => st(K, s.value)), R.forEach((K) => {
-                  const Y = s.value.find((oe) => oe.value === K.value);
-                  Y && le(Y, s.value);
+                o.value.forEach((J) => it(J, o.value)), j.forEach((J) => {
+                  const te = o.value.find((re) => re.value === J.value);
+                  te && ne(te, o.value);
                 });
               else {
-                z();
-                const K = s.value.find((Y) => Y.value === R.value);
-                K && le(K, s.value);
+                V();
+                const J = o.value.find((te) => te.value === j.value);
+                J && ne(J, o.value);
               }
-              H();
+              C();
             }
           }
         ]
       })).present();
     }
-    async function N() {
-      var b;
-      if (e.value.required && _e(d.value))
-        return ((b = i == null ? void 0 : i.errorMessages) == null ? void 0 : b.required) ?? "This field is required";
+    async function B() {
+      var u;
+      if (e.value.required && we(f.value))
+        return ((u = c == null ? void 0 : c.errorMessages) == null ? void 0 : u.required) ?? "This field is required";
       if (e.value.validation) {
-        const r = await e.value.validation(d.value, a == null ? void 0 : a.schema);
-        if (r && r.length)
-          return r.join();
+        const _ = await e.value.validation(f.value, a == null ? void 0 : a.schema);
+        if (_ && _.length)
+          return _.join();
       }
       return !0;
     }
-    const { onFocus: Q, applyValidationState: X } = de(
+    const { onFocus: D, applyValidationState: Z } = ve(
       l,
       e,
-      I(() => e.value.multiple ? d.value : d.value[0]),
-      I(() => a == null ? void 0 : a.schema),
-      N
+      F(() => e.value.multiple ? f.value : f.value[0]),
+      F(() => a == null ? void 0 : a.schema),
+      B
     );
-    function te(b) {
-      var r;
-      b.target === ((r = l.value) == null ? void 0 : r.$el) && (Q(), m.value === "popover" && (u.value = !0));
+    function Q(u) {
+      var _;
+      u.target === ((_ = l.value) == null ? void 0 : _.$el) && (D(), m.value === "popover" && (s.value = !0));
     }
-    async function H(b) {
-      var g;
-      if ((g = b == null ? void 0 : b.relatedTarget) != null && g.closest(".suggestions-list")) return;
-      u.value = !1;
-      const r = await N();
-      r === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? d.value : d.value[0]) : e.value.error = typeof r == "string" ? r : "Validation failed", await X(r === !0);
+    async function C(u) {
+      var b;
+      if ((b = u == null ? void 0 : u.relatedTarget) != null && b.closest(".suggestions-list")) return;
+      s.value = !1;
+      const _ = await B();
+      _ === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? f.value : f.value[0]) : e.value.error = typeof _ == "string" ? _ : "Validation failed", await Z(_ === !0);
     }
-    async function _() {
-      const b = [];
+    async function I() {
+      const u = [];
       if (typeof e.value.options == "function") {
-        let r = {};
+        let _ = {};
         if (e.value.dependsOn && a.schema) {
-          const g = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
-          let E = !0;
-          if (r = g.reduce(
-            (w, V) => {
-              const R = a.schema[V];
-              return w[V] = W(R) ? R.value : void 0, (w[V] === void 0 || w[V] === null || w[V] === "") && (E = !1), w;
+          const b = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
+          let w = !0;
+          if (_ = b.reduce(
+            (y, M) => {
+              const j = a.schema[M];
+              return y[M] = X(j) ? j.value : void 0, (y[M] === void 0 || y[M] === null || y[M] === "") && (w = !1), y;
             },
             {}
-          ), E) {
-            const w = await e.value.options(y.value, r);
-            b.push(...w.filter((V) => !!V.label));
+          ), w) {
+            const y = await e.value.options(g.value, _);
+            u.push(...y.filter((M) => !!M.label));
           }
         } else {
-          const g = await e.value.options(y.value, {});
-          b.push(...g.filter((E) => !!E.label));
+          const b = await e.value.options(g.value, {});
+          u.push(...b.filter((w) => !!w.label));
         }
-      } else Array.isArray(e.value.options) && b.push(...rt(e.value.options, y.value));
-      d.value.forEach((r) => le(r, b)), s.value = b;
+      } else Array.isArray(e.value.options) && u.push(...dt(e.value.options, g.value));
+      f.value.forEach((_) => ne(_, u)), o.value = u;
     }
-    async function $() {
-      const b = e.value.value;
-      if (b) {
-        if (s.value.length === 0 && await _(), Array.isArray(b))
-          b.forEach((r) => le(r, s.value));
-        else if (typeof b == "object")
-          le(b, s.value);
+    async function U() {
+      let u = e.value.value;
+      if (typeof u == "function") {
+        const _ = u();
+        u = _ instanceof Promise ? await _ : _;
+      } else u instanceof Promise && (u = await u);
+      if (u) {
+        if (o.value.length === 0 && await I(), Array.isArray(u))
+          u.forEach((_) => ne(_, o.value));
+        else if (typeof u == "object")
+          ne(u, o.value);
         else {
-          const r = s.value.find((g) => g.value === b);
-          le(r || {
-            value: b,
-            label: b
-          }, s.value);
+          const _ = o.value.find((b) => b.value === u);
+          ne(_ || {
+            value: u,
+            label: u
+          }, o.value);
         }
-        H();
+        e.value.value = u, C();
       }
     }
-    return we(async () => {
-      await _(), await $();
+    return Ve(async () => {
+      await I(), await U();
     }), n({
-      onValueUpdate: H,
-      onReset: z,
+      onValueUpdate: C,
+      onReset: V,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (b, r) => (v(), B("div", {
-      class: G(["autocomplete-container", e.value.className]),
-      onFocusout: H,
+    }), (u, _) => (v(), P("div", {
+      class: q(["autocomplete-container", e.value.className]),
+      onFocusout: C,
       ref_key: "containerRef",
-      ref: o
+      ref: i
     }, [
-      P(c($e), {
+      L(r(Ae), {
         ref_key: "inputRef",
         ref: l,
-        modelValue: y.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (g) => y.value = g),
+        modelValue: g.value,
+        "onUpdate:modelValue": _[0] || (_[0] = (b) => g.value = b),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: t.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: h.value,
-        disabled: e.value.disabled,
+        placeholder: r(p) ? "Loading..." : x.value,
+        disabled: e.value.disabled || r(p),
         counter: e.value.counter,
         debounce: 300,
-        onIonFocus: te,
+        onIonFocus: Q,
         onClick: O,
         style: { width: "100%" }
       }, {
-        default: x(() => [
-          P(be, {
+        default: E(() => [
+          L(Ce, {
             model: e.value,
             "slot-name": "label"
           }, null, 8, ["model"]),
-          e.value.multiple ? (v(), k(c(se), {
+          e.value.multiple ? (v(), k(r(ue), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            default: x(() => [
-              (v(!0), B(L, null, ee(d.value, (g, E) => (v(), k(c(qe), { key: E }, {
-                default: x(() => [
-                  P(c(se), null, {
-                    default: x(() => [
-                      j(D(g.label), 1)
+            default: E(() => [
+              (v(!0), P(K, null, le(f.value, (b, w) => (v(), k(r(Ne), { key: w }, {
+                default: E(() => [
+                  L(r(ue), null, {
+                    default: E(() => [
+                      G(T(b.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1422,75 +1501,81 @@ const be = /* @__PURE__ */ U({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (v(), k(c(se), {
+          })) : (v(), k(r(ue), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: x(() => {
-              var g;
+            default: E(() => {
+              var b;
               return [
-                j(D(((g = d.value[0]) == null ? void 0 : g.label) ?? ""), 1)
+                G(T(((b = f.value[0]) == null ? void 0 : b.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          P(c(ge), {
-            slot: "end",
-            icon: c(We)
-          }, null, 8, ["icon"]),
-          d.value.length > 0 || y.value ? (v(), k(c(ge), {
+          r(p) ? (v(), k(r(de), {
             key: 2,
             slot: "end",
-            icon: c(Ze),
-            onClick: z,
+            name: "crescent",
+            class: "loading-spinner"
+          })) : (v(), k(r(_e), {
+            key: 3,
+            slot: "end",
+            icon: r(Je)
+          }, null, 8, ["icon"])),
+          (f.value.length > 0 || g.value) && !r(p) ? (v(), k(r(_e), {
+            key: 4,
+            slot: "end",
+            icon: r(Qe),
+            onClick: V,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : A("", !0)
+          }, null, 8, ["icon"])) : z("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      u.value && s.value.length > 0 && m.value === "popover" ? (v(), k(c(Ne), {
+      s.value && o.value.length > 0 && m.value === "popover" ? (v(), k(r(Me), {
         key: 0,
-        class: G(["suggestions-list", p.value])
+        class: q(["suggestions-list", h.value])
       }, {
-        default: x(() => [
-          (v(!0), B(L, null, ee(s.value, (g) => (v(), k(c(Ve), {
+        default: E(() => [
+          (v(!0), P(K, null, le(o.value, (b) => (v(), k(r(ge), {
             button: "",
-            key: g.label,
-            onClick: (E) => C(g),
+            key: b.label,
+            onClick: (w) => S(b),
             lines: e.value.showOptionsSeparator ? "none" : "full",
-            disabled: g.disabled,
-            class: G({ "ion-item-disabled": g.disabled })
+            disabled: b.disabled,
+            class: q({ "ion-item-disabled": b.disabled })
           }, {
-            default: x(() => {
-              var E;
+            default: E(() => {
+              var w;
               return [
-                e.value.multiple ? (v(), k(c(Ae), {
+                e.value.multiple ? (v(), k(r(Pe), {
                   key: 0,
                   slot: "start",
-                  checked: g.isChecked,
-                  disabled: g.disabled
-                }, null, 8, ["checked", "disabled"])) : A("", !0),
-                T("div", Ut, [
-                  P(c(se), null, {
-                    default: x(() => [
-                      j(D(g.label), 1)
+                  checked: b.isChecked,
+                  disabled: b.disabled
+                }, null, 8, ["checked", "disabled"])) : z("", !0),
+                R("div", Nt, [
+                  L(r(ue), null, {
+                    default: E(() => [
+                      G(T(b.label), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  c(Fe)(g, g.isChecked) ? (v(), k(c(xe), {
+                  r(Be)(b, b.isChecked) ? (v(), k(r(Oe), {
                     key: 0,
-                    color: (E = g.description) == null ? void 0 : E.color,
+                    color: (w = b.description) == null ? void 0 : w.color,
                     class: "option-description"
                   }, {
-                    default: x(() => {
-                      var w;
+                    default: E(() => {
+                      var y;
                       return [
-                        j(D((w = g.description) == null ? void 0 : w.text), 1)
+                        G(T((y = b.description) == null ? void 0 : y.text), 1)
                       ];
                     }),
                     _: 2
-                  }, 1032, ["color"])) : A("", !0)
+                  }, 1032, ["color"])) : z("", !0)
                 ])
               ];
             }),
@@ -1498,12 +1583,12 @@ const be = /* @__PURE__ */ U({
           }, 1032, ["onClick", "lines", "disabled", "class"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : A("", !0)
+      }, 8, ["class"])) : z("", !0)
     ], 34));
   }
-}), qt = /* @__PURE__ */ re(Rt, [["__scopeId", "data-v-022ed1e8"]]), Nt = /* @__PURE__ */ U({
+}), jt = /* @__PURE__ */ ae(Mt, [["__scopeId", "data-v-73a59c08"]]), Wt = /* @__PURE__ */ N({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1511,59 +1596,79 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = J(t, "modelValue"), l = F(null), o = F(e.value.value), u = I(() => a.schema), { onValueUpdate: s, onFocus: y, onReset: f, getErrors: i } = de(
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), { resolvedValue: s, isLoading: o, error: g } = pe(e), d = $("");
+    W(
+      s,
+      (x) => {
+        x != null ? d.value = String(x) : d.value = "";
+      },
+      { immediate: !0 }
+    );
+    const { onValueUpdate: c, onFocus: p, onReset: m, getErrors: h } = ve(
       l,
       e,
-      o,
-      u
+      d,
+      i
     );
-    return q(
-      () => e.value.value,
-      (m) => o.value = m
-    ), n({
-      onReset: f,
-      onValueUpdate: s,
-      getErrors: i
-    }), (m, p) => (v(), k(c(je), {
-      ref_key: "inputRef",
-      ref: l,
-      modelValue: o.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (d) => o.value = d),
-      class: G(e.value.className),
-      "clear-input": !0,
-      fill: e.value.fill ?? "solid",
-      "label-placement": e.value.labelPlacement ?? "stacked",
-      required: e.value.required,
-      "error-text": e.value.error,
-      autofocus: e.value.autoFocus,
-      placeholder: e.value.placeholder,
-      disabled: e.value.disabled,
-      counter: e.value.counter,
-      min: e.value.min,
-      max: e.value.max,
-      rows: e.value.rows,
-      cols: e.value.cols,
-      "auto-grow": e.value.autoGrow,
-      "max-length": e.value.maxLength,
-      "min-length": e.value.minLength,
-      pattern: e.value.pattern,
-      onIonFocus: c(y),
-      onIonChange: c(s),
-      onIonBlur: c(s),
-      style: { width: "100%" }
-    }, {
-      default: x(() => [
-        P(be, {
-          model: e.value,
-          "slot-name": "label"
-        }, null, 8, ["model"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "class", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"]));
+    return n({
+      onReset: m,
+      onValueUpdate: c,
+      getErrors: () => {
+        const x = h();
+        return g.value ? [...x, g.value] : x;
+      },
+      isLoading: o,
+      valueError: g
+    }), (x, V) => (v(), P("div", {
+      class: q(["textarea-container", { loading: r(o) }])
+    }, [
+      L(r(Ge), {
+        ref_key: "inputRef",
+        ref: l,
+        modelValue: d.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (S) => d.value = S),
+        class: q(e.value.className),
+        "clear-input": !0,
+        fill: e.value.fill ?? "solid",
+        "label-placement": e.value.labelPlacement ?? "stacked",
+        required: e.value.required,
+        "error-text": e.value.error,
+        autofocus: e.value.autoFocus,
+        placeholder: r(o) ? "Loading..." : e.value.placeholder,
+        disabled: e.value.disabled || r(o),
+        counter: e.value.counter,
+        min: e.value.min,
+        max: e.value.max,
+        rows: e.value.rows,
+        cols: e.value.cols,
+        "auto-grow": e.value.autoGrow,
+        "max-length": e.value.maxLength,
+        "min-length": e.value.minLength,
+        pattern: e.value.pattern,
+        onIonFocus: r(p),
+        onIonChange: r(c),
+        onIonBlur: r(c),
+        style: { width: "100%" }
+      }, {
+        default: E(() => [
+          L(Ce, {
+            model: e.value,
+            "slot-name": "label"
+          }, null, 8, ["model"]),
+          r(o) ? (v(), k(r(de), {
+            key: 0,
+            slot: "end",
+            name: "crescent",
+            class: "loading-spinner"
+          })) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "class", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])
+    ], 2));
   }
-}), Lt = { class: "button-container" }, Mt = /* @__PURE__ */ U({
+}), Gt = /* @__PURE__ */ ae(Wt, [["__scopeId", "data-v-76df4b17"]]), Ht = { class: "button-container" }, Kt = /* @__PURE__ */ N({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {},
     data: {},
     computedData: {}
@@ -1573,88 +1678,88 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = J(t, "modelValue"), l = F([]), { dynamicRefs: o, getFormErrors: u, updateFormValues: s } = Be(), y = I(() => l.value.map((h, z) => ({
-      label: `Set ${z + 1}`,
-      value: z,
-      other: Object.entries(h).reduce(
-        (C, [O, S]) => (W(S) && (C[O] = S.value), C),
+    const a = t, e = ee(t, "modelValue"), l = $([]), { dynamicRefs: i, getFormErrors: s, updateFormValues: o } = De(), g = F(() => l.value.map((f, x) => ({
+      label: `Set ${x + 1}`,
+      value: x,
+      other: Object.entries(f).reduce(
+        (V, [S, O]) => (X(O) && (V[S] = O.value), V),
         {}
       )
     })));
-    q(
-      y,
-      (h) => {
-        e.value.value = h;
+    W(
+      g,
+      (f) => {
+        e.value.value = f;
       },
       { deep: !0, immediate: !0 }
-    ), we(f);
-    function f() {
-      e.value.children && l.value.push(Ce(e.value.children));
+    ), Ve(d);
+    function d() {
+      e.value.children && l.value.push(Ee(e.value.children));
     }
-    function i(h) {
-      l.value.splice(h, 1);
+    function c(f) {
+      l.value.splice(f, 1);
     }
-    function m() {
-      const h = (z) => {
-        const [C, O] = z.split("-"), S = parseInt(C, 10);
-        return !isNaN(S) && O && l.value[S] && l.value[S][O] ? l.value[S][O] : null;
+    function p() {
+      const f = (x) => {
+        const [V, S] = x.split("-"), O = parseInt(V, 10);
+        return !isNaN(O) && S && l.value[O] && l.value[O][S] ? l.value[O][S] : null;
       };
-      ot(
-        o.value,
+      rt(
+        i.value,
         a.data,
         a.computedData,
-        h
+        f
       );
     }
-    function p() {
-      return u();
+    function m() {
+      return s();
     }
-    async function d() {
-      await s();
+    async function h() {
+      await o();
     }
     return n({
-      onValueUpdate: d,
-      onReset: m,
-      getErrors: p
-    }), (h, z) => (v(!0), B(L, null, ee(l.value, (C, O) => (v(), B("div", {
-      class: G(["repeat-input-wrapper", e.value.className]),
-      key: O
+      onValueUpdate: h,
+      onReset: p,
+      getErrors: m
+    }), (f, x) => (v(!0), P(K, null, le(l.value, (V, S) => (v(), P("div", {
+      class: q(["repeat-input-wrapper", e.value.className]),
+      key: S
     }, [
-      P(c(ue), { class: "repeat-row" }, {
-        default: x(() => [
-          P(c(ne), {
+      L(r(ie), { class: "repeat-row" }, {
+        default: E(() => [
+          L(r(se), {
             size: "11",
             class: "form-fields-column"
           }, {
-            default: x(() => [
-              P(c(ue), { class: "fields-row" }, {
-                default: x(() => [
-                  (v(!0), B(L, null, ee(Object.keys(C), (S) => {
-                    var M, N, Q, X, te;
-                    return v(), B(L, null, [
-                      c(he)(C[S], h.data, h.computedData) ? (v(), k(c(ne), {
-                        key: `${O}-${S}`,
-                        size: ((M = C[S].grid) == null ? void 0 : M.xs) ?? "12",
-                        "size-sm": (N = C[S].grid) == null ? void 0 : N.sm,
-                        "size-md": (Q = C[S].grid) == null ? void 0 : Q.md,
-                        "size-lg": (X = C[S].grid) == null ? void 0 : X.lg,
-                        "size-xl": (te = C[S].grid) == null ? void 0 : te.xl,
+            default: E(() => [
+              L(r(ie), { class: "fields-row" }, {
+                default: E(() => [
+                  (v(!0), P(K, null, le(Object.keys(V), (O) => {
+                    var H, A, B, D, Z;
+                    return v(), P(K, null, [
+                      r(be)(V[O], f.data, f.computedData) ? (v(), k(r(se), {
+                        key: `${S}-${O}`,
+                        size: ((H = V[O].grid) == null ? void 0 : H.xs) ?? "12",
+                        "size-sm": (A = V[O].grid) == null ? void 0 : A.sm,
+                        "size-md": (B = V[O].grid) == null ? void 0 : B.md,
+                        "size-lg": (D = V[O].grid) == null ? void 0 : D.lg,
+                        "size-xl": (Z = V[O].grid) == null ? void 0 : Z.xl,
                         class: "ion-margin-bottom"
                       }, {
-                        default: x(() => [
-                          (v(), k(me(C[S].type), {
-                            modelValue: C[S],
-                            "onUpdate:modelValue": (H) => C[S] = H,
-                            schema: C,
-                            "ref-key": `${O}-${S}`,
+                        default: E(() => [
+                          (v(), k(ye(V[O].type), {
+                            modelValue: V[O],
+                            "onUpdate:modelValue": (Q) => V[O] = Q,
+                            schema: V,
+                            "ref-key": `${S}-${O}`,
                             ref_for: !0,
                             ref_key: "dynamicRefs",
-                            ref: o,
+                            ref: i,
                             style: { width: "100%" }
                           }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                         ]),
                         _: 2
-                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : A("", !0)
+                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                     ], 64);
                   }), 256))
                 ]),
@@ -1663,40 +1768,40 @@ const be = /* @__PURE__ */ U({
             ]),
             _: 2
           }, 1024),
-          P(c(ne), {
+          L(r(se), {
             size: "1",
             class: "button-column"
           }, {
-            default: x(() => [
-              T("div", Lt, [
-                O === l.value.length - 1 ? (v(), k(c(ye), {
+            default: E(() => [
+              R("div", Ht, [
+                S === l.value.length - 1 ? (v(), k(r(ke), {
                   key: 0,
-                  onClick: f,
+                  onClick: d,
                   color: "primary",
                   size: "small"
                 }, {
-                  default: x(() => [
-                    P(c(ge), {
+                  default: E(() => [
+                    L(r(_e), {
                       slot: "icon-only",
-                      icon: c(Je)
+                      icon: r(Xe)
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
-                })) : A("", !0),
-                l.value.length > 1 ? (v(), k(c(ye), {
+                })) : z("", !0),
+                l.value.length > 1 ? (v(), k(r(ke), {
                   key: 1,
-                  onClick: (S) => i(O),
+                  onClick: (O) => c(S),
                   color: "warning",
                   size: "small"
                 }, {
-                  default: x(() => [
-                    P(c(ge), {
+                  default: E(() => [
+                    L(r(_e), {
                       slot: "icon-only",
-                      icon: c(Qe)
+                      icon: r(Ye)
                     }, null, 8, ["icon"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : A("", !0)
+                }, 1032, ["onClick"])) : z("", !0)
               ])
             ]),
             _: 2
@@ -1706,9 +1811,9 @@ const be = /* @__PURE__ */ U({
       }, 1024)
     ], 2))), 128));
   }
-}), jt = /* @__PURE__ */ re(Mt, [["__scopeId", "data-v-f27172ba"]]), Gt = /* @__PURE__ */ U({
+}), Zt = /* @__PURE__ */ ae(Kt, [["__scopeId", "data-v-f27172ba"]]), Jt = /* @__PURE__ */ N({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1716,41 +1821,60 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = J(t, "modelValue"), l = F(null), o = F(e.value.value), u = I(() => a.schema), s = I(() => it(e.value)), { onValueUpdate: y, onFocus: f, getErrors: i } = de(l, e, o, u);
-    function m() {
-      o.value = !1, e.value.error = "", e.value.value = !1;
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), { resolvedValue: s, isLoading: o, error: g } = pe(e), d = $(!1);
+    W(
+      s,
+      (V) => {
+        V != null ? d.value = !!V : d.value = !1;
+      },
+      { immediate: !0 }
+    );
+    const c = F(() => vt(e.value)), { onValueUpdate: p, onFocus: m, getErrors: h } = ve(l, e, d, i);
+    function f() {
+      d.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return q(
-      () => e.value.value,
-      (p) => o.value = p
-    ), n({
-      onValueUpdate: y,
-      onReset: m,
-      getErrors: i
-    }), (p, d) => (v(), k(c(Ae), {
-      modelValue: o.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (h) => o.value = h),
-      ref_key: "inputRef",
-      ref: l,
-      justify: "start",
-      class: G(e.value.className),
-      required: e.value.required,
-      "error-text": e.value.error,
-      disabled: e.value.disabled,
-      onIonFocus: c(f),
-      onIonChange: c(y),
-      onIonBlur: c(y),
-      style: { width: "100%" }
-    }, {
-      default: x(() => [
-        j(D(s.value), 1)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
+    return n({
+      onValueUpdate: p,
+      onReset: f,
+      getErrors: () => {
+        const V = h();
+        return g.value ? [...V, g.value] : V;
+      },
+      isLoading: o,
+      valueError: g
+    }), (V, S) => (v(), P("div", {
+      class: q(["checkbox-container", { loading: r(o) }])
+    }, [
+      L(r(Pe), {
+        modelValue: d.value,
+        "onUpdate:modelValue": S[0] || (S[0] = (O) => d.value = O),
+        ref_key: "inputRef",
+        ref: l,
+        justify: "start",
+        class: q(e.value.className),
+        required: e.value.required,
+        "error-text": e.value.error,
+        disabled: e.value.disabled || r(o),
+        onIonFocus: r(m),
+        onIonChange: r(p),
+        onIonBlur: r(p),
+        style: { width: "100%" }
+      }, {
+        default: E(() => [
+          G(T(r(o) ? "Loading..." : c.value) + " ", 1),
+          r(o) ? (v(), k(r(de), {
+            key: 0,
+            name: "crescent",
+            class: "loading-spinner"
+          })) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"])
+    ], 2));
   }
-}), Ht = { class: "radio-content" }, Kt = { class: "radio-label" }, Wt = /* @__PURE__ */ U({
+}), Qt = /* @__PURE__ */ ae(Jt, [["__scopeId", "data-v-193b3431"]]), Xt = { class: "radio-content" }, Yt = { class: "radio-label" }, el = /* @__PURE__ */ N({
   __name: "RadioInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1758,89 +1882,125 @@ const be = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = J(t, "modelValue"), l = F(null), o = F(e.value.value), u = I(() => a.schema), s = F([]), { onValueUpdate: y, onFocus: f, getErrors: i, isValid: m } = de(
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), s = $([]), { resolvedValue: o, isLoading: g, error: d } = pe(e), c = $(void 0);
+    W(
+      o,
+      (A) => {
+        if (A != null)
+          if (typeof A == "object" && "value" in A && "label" in A)
+            c.value = A;
+          else {
+            const B = s.value.find((D) => D.value === A);
+            c.value = B;
+          }
+        else
+          c.value = void 0;
+      },
+      { immediate: !0 }
+    );
+    const { onValueUpdate: p, onFocus: m, getErrors: h, isValid: f } = ve(
       l,
       e,
-      o,
-      u
+      c,
+      i
     );
-    function p() {
-      e.value.error = "", o.value = void 0, e.value.value = void 0;
+    function x() {
+      e.value.error = "", c.value = void 0, e.value.value = void 0;
     }
-    function d(C, O) {
-      return (C == null ? void 0 : C.value) === (O == null ? void 0 : O.value);
+    function V(A, B) {
+      return (A == null ? void 0 : A.value) === (B == null ? void 0 : B.value);
     }
-    function h(C) {
-      return o.value ? d(o.value, C) : !1;
+    function S(A) {
+      return c.value ? V(c.value, A) : !1;
     }
-    async function z() {
+    async function O() {
       typeof e.value.options == "function" ? s.value = await e.value.options() : s.value = e.value.options;
     }
-    return q(
-      () => e.value.value,
-      (C) => o.value = C
-    ), n({
-      onValueUpdate: y,
-      onReset: p,
-      getErrors: i,
-      isValid: m
-    }), we(z), (C, O) => (v(), B(L, null, [
-      P(be, { model: e.value }, null, 8, ["model"]),
-      O[1] || (O[1] = T("br", null, null, -1)),
-      e.value.error ? (v(), k(c(Ge), {
+    return n({
+      onValueUpdate: p,
+      onReset: x,
+      getErrors: () => {
+        const A = h();
+        return d.value ? [...A, d.value] : A;
+      },
+      isValid: f,
+      isLoading: g,
+      valueError: d
+    }), Ve(O), (A, B) => (v(), P("div", {
+      class: q(["radio-container", { loading: r(g) }])
+    }, [
+      L(Ce, { model: e.value }, null, 8, ["model"]),
+      r(g) ? (v(), k(r(de), {
         key: 0,
+        name: "crescent",
+        class: "loading-spinner"
+      })) : z("", !0),
+      B[2] || (B[2] = R("br", null, null, -1)),
+      e.value.error ? (v(), k(r(He), {
+        key: 1,
         color: "danger"
       }, {
-        default: x(() => [
-          j(D(e.value.error), 1)
+        default: E(() => [
+          G(T(e.value.error), 1)
+        ]),
+        _: 1
+      })) : z("", !0),
+      r(g) ? (v(), k(r(ge), { key: 3 }, {
+        default: E(() => [
+          L(r(ue), null, {
+            default: E(() => B[1] || (B[1] = [
+              G("Loading options...")
+            ])),
+            _: 1,
+            __: [1]
+          })
         ]),
         _: 1
-      })) : A("", !0),
-      P(c(Ve), null, {
-        default: x(() => [
-          P(c(He), {
-            modelValue: o.value,
-            "onUpdate:modelValue": O[0] || (O[0] = (S) => o.value = S),
-            class: G(e.value.className),
+      })) : (v(), k(r(ge), { key: 2 }, {
+        default: E(() => [
+          L(r(Ke), {
+            modelValue: c.value,
+            "onUpdate:modelValue": B[0] || (B[0] = (D) => c.value = D),
+            class: q(e.value.className),
             required: e.value.required,
             disabled: e.value.disabled,
-            compareWith: d,
+            compareWith: V,
             "allow-empty-selection": !e.value.required,
-            onIonFocus: c(f),
-            onIonChange: c(y),
-            onIonBlur: c(y),
+            onIonFocus: r(m),
+            onIonChange: r(p),
+            onIonBlur: r(p),
             style: { width: "100%" }
           }, {
-            default: x(() => [
-              (v(!0), B(L, null, ee(s.value, (S) => (v(), k(c(Ve), {
-                key: S.value,
+            default: E(() => [
+              (v(!0), P(K, null, le(s.value, (D) => (v(), k(r(ge), {
+                key: D.value,
                 lines: e.value.showOptionsSeparator ? "none" : "full"
               }, {
-                default: x(() => [
-                  P(c(Ke), {
-                    value: S,
-                    disabled: e.value.disabled || S.disabled,
+                default: E(() => [
+                  L(r(Ze), {
+                    value: D,
+                    disabled: e.value.disabled || D.disabled,
                     "label-placement": "end",
                     justify: "start"
                   }, {
-                    default: x(() => {
-                      var M;
+                    default: E(() => {
+                      var Z;
                       return [
-                        T("div", Ht, [
-                          T("div", Kt, D(S.label), 1),
-                          c(Fe)(S, h(S)) ? (v(), k(c(xe), {
+                        R("div", Xt, [
+                          R("div", Yt, T(D.label), 1),
+                          r(Be)(D, S(D)) ? (v(), k(r(Oe), {
                             key: 0,
-                            color: (M = S.description) == null ? void 0 : M.color,
+                            color: (Z = D.description) == null ? void 0 : Z.color,
                             class: "radio-description"
                           }, {
-                            default: x(() => {
-                              var N;
+                            default: E(() => {
+                              var Q;
                               return [
-                                j(D((N = S.description) == null ? void 0 : N.text), 1)
+                                G(T((Q = D.description) == null ? void 0 : Q.text), 1)
                               ];
                             }),
                             _: 2
-                          }, 1032, ["color"])) : A("", !0)
+                          }, 1032, ["color"])) : z("", !0)
                         ])
                       ];
                     }),
@@ -1854,13 +2014,13 @@ const be = /* @__PURE__ */ U({
           }, 8, ["modelValue", "class", "required", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"])
         ]),
         _: 1
-      })
-    ], 64));
+      }))
+    ], 2));
   }
-}), Zt = /* @__PURE__ */ re(Wt, [["__scopeId", "data-v-3dbfeaf7"]]), Jt = { class: "form-section-header" }, Qt = { class: "form-section-title" }, Xt = {
+}), tl = /* @__PURE__ */ ae(el, [["__scopeId", "data-v-4732d2f9"]]), ll = { class: "form-section-header" }, al = { class: "form-section-title" }, nl = {
   key: 0,
   class: "form-section-subtitle"
-}, Yt = /* @__PURE__ */ U({
+}, ol = /* @__PURE__ */ N({
   __name: "SectionTitle",
   props: {
     modelValue: {},
@@ -1871,104 +2031,106 @@ const be = /* @__PURE__ */ U({
   setup(t) {
     const a = t.modelValue;
     return (e, l) => {
-      var o, u, s, y, f;
-      return v(), k(c(ne), {
-        size: ((o = c(a).grid) == null ? void 0 : o.xs) ?? "12",
-        "size-sm": (u = c(a).grid) == null ? void 0 : u.sm,
-        "size-md": (s = c(a).grid) == null ? void 0 : s.md,
-        "size-lg": (y = c(a).grid) == null ? void 0 : y.lg,
-        "size-xl": (f = c(a).grid) == null ? void 0 : f.xl,
-        class: G(["form-section-container", c(a).className])
+      var i, s, o, g, d;
+      return v(), k(r(se), {
+        size: ((i = r(a).grid) == null ? void 0 : i.xs) ?? "12",
+        "size-sm": (s = r(a).grid) == null ? void 0 : s.sm,
+        "size-md": (o = r(a).grid) == null ? void 0 : o.md,
+        "size-lg": (g = r(a).grid) == null ? void 0 : g.lg,
+        "size-xl": (d = r(a).grid) == null ? void 0 : d.xl,
+        class: q(["form-section-container", r(a).className])
       }, {
-        default: x(() => [
-          T("div", Jt, [
-            T("h3", Qt, D(c(a).title), 1),
-            c(a).subtitle ? (v(), B("p", Xt, D(c(a).subtitle), 1)) : A("", !0)
+        default: E(() => [
+          R("div", ll, [
+            R("h3", al, T(r(a).title), 1),
+            r(a).subtitle ? (v(), P("p", nl, T(r(a).subtitle), 1)) : z("", !0)
           ])
         ]),
         _: 1
       }, 8, ["size", "size-sm", "size-md", "size-lg", "size-xl", "class"]);
     };
   }
-}), el = /* @__PURE__ */ re(Yt, [["__scopeId", "data-v-e0bf7af0"]]);
-function ol(t, n, a) {
-  const e = F({}), l = F({});
-  function o(i, m, p) {
-    l.value[i] = p, m.forEach((d) => {
-      var h;
-      (h = e.value)[d] ?? (h[d] = []), e.value[d].includes(i) || e.value[d].push(i);
-    }), f(i);
+}), sl = /* @__PURE__ */ ae(ol, [["__scopeId", "data-v-e0bf7af0"]]);
+function dl(t, n, a) {
+  const e = $({}), l = $({});
+  function i(c, p, m) {
+    l.value[c] = m, p.forEach((h) => {
+      var f;
+      (f = e.value)[h] ?? (f[h] = []), e.value[h].includes(c) || e.value[h].push(c);
+    }), d(c);
   }
-  function u(i) {
-    return Object.entries(e.value).filter(([, p]) => p.includes(i)).map(([p]) => p).reduce(
-      (p, d) => (p[d] = n.value[d] ?? a.value[d], p),
+  function s(c) {
+    return Object.entries(e.value).filter(([, m]) => m.includes(c)).map(([m]) => m).reduce(
+      (m, h) => (m[h] = n.value[h] ?? a.value[h], m),
       {}
     );
   }
-  function s(i, m) {
-    return i ? Array.isArray(i) ? i.some((p) => m.some((d) => y(p, d.value))) : m.some((p) => y(i, p.value)) : !1;
+  function o(c, p) {
+    return c ? Array.isArray(c) ? c.some((m) => p.some((h) => g(m, h.value))) : p.some((m) => g(c, m.value)) : !1;
   }
-  function y(i, m) {
-    return typeof i == "object" && i !== null ? i.value === m : String(i) === String(m);
+  function g(c, p) {
+    return typeof c == "object" && c !== null ? c.value === p : String(c) === String(p);
   }
-  async function f(i, m) {
-    if (!l.value[i]) return;
-    const p = u(i), d = Object.keys(p);
-    if (!(d.length === 0 || !d.every(
-      (z) => p[z] !== void 0 && p[z] !== null
+  async function d(c, p) {
+    if (!l.value[c]) return;
+    const m = s(c), h = Object.keys(m);
+    if (!(h.length === 0 || !h.every(
+      (x) => m[x] !== void 0 && m[x] !== null
     )))
       try {
-        const z = l.value[i], C = await z(m, p);
-        if (!t.value[i]) return;
-        const O = t.value[i];
-        if (!W(O)) return;
-        O.options = C;
-        const S = O.value;
-        if (!S) return;
-        s(S, C) || (O.value = O.multiple ? [] : "");
-      } catch (z) {
-        console.error(`Error loading options for ${i}:`, z);
+        const x = l.value[c], V = await x(p, m);
+        if (!t.value[c]) return;
+        const S = t.value[c];
+        if (!X(S)) return;
+        S.options = V;
+        const O = S.value;
+        if (!O) return;
+        o(O, V) || (S.value = S.multiple ? [] : "");
+      } catch (x) {
+        console.error(`Error loading options for ${c}:`, x);
       }
   }
-  return q(
+  return W(
     [n, a],
     () => {
-      Object.entries(e.value).forEach(([i, m]) => {
-        (n.value[i] !== void 0 || a.value[i] !== void 0) && m.forEach((p) => {
-          f(p);
+      Object.entries(e.value).forEach(([c, p]) => {
+        (n.value[c] !== void 0 || a.value[c] !== void 0) && p.forEach((m) => {
+          d(m);
         });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
-    registerDependency: o,
-    updateOptions: f
+    registerDependency: i,
+    updateOptions: d
   };
 }
-const sl = {
+const vl = {
   install(t, n) {
-    n && t.provide("globalConfig", n), t.component("VForm", zt), t.component("TextInput", Ft), t.component("DateInput", Bt), t.component("NumberInput", Pt), t.component("EmailInput", Dt), t.component("PasswordInput", Tt), t.component("SelectInput", qt), t.component("TextAreaInput", Nt), t.component("RepeatInput", jt), t.component("CheckboxInput", Gt), t.component("RadioInput", Zt), t.component("FormSection", el), t.directive("maskito", Xe);
+    n && t.provide("globalConfig", n), t.component("VForm", At), t.component("TextInput", Lt), t.component("DateInput", Tt), t.component("NumberInput", Ut), t.component("EmailInput", Rt), t.component("PasswordInput", qt), t.component("SelectInput", jt), t.component("TextAreaInput", Gt), t.component("RepeatInput", Zt), t.component("CheckboxInput", Qt), t.component("RadioInput", tl), t.component("FormSection", sl), t.directive("maskito", et);
   }
 };
 export {
-  Gt as CheckboxInput,
-  Bt as DateInput,
-  Dt as EmailInput,
-  zt as FormBuilder,
-  el as FormSection,
-  Pt as NumberInput,
-  Tt as PasswordInput,
-  Zt as RadioInput,
-  jt as RepeatInput,
-  qt as SelectInput,
-  Nt as TextAreaInput,
-  Ft as TextInput,
-  sl as VForm,
-  sl as default,
-  ct as useDataTransformation,
-  ol as useDependentOptions,
-  Be as useFormValidation,
-  de as useInputValidation,
-  dt as useMultiStepForm
+  Qt as CheckboxInput,
+  Tt as DateInput,
+  Rt as EmailInput,
+  At as FormBuilder,
+  sl as FormSection,
+  Ut as NumberInput,
+  qt as PasswordInput,
+  tl as RadioInput,
+  Zt as RepeatInput,
+  jt as SelectInput,
+  Gt as TextAreaInput,
+  Lt as TextInput,
+  vl as VForm,
+  vl as default,
+  st as resolveFormFieldValue,
+  pt as useDataTransformation,
+  dl as useDependentOptions,
+  pe as useFormFieldValue,
+  De as useFormValidation,
+  ve as useInputValidation,
+  ft as useMultiStepForm
 };
 //# sourceMappingURL=index.es.js.map