@uniquedj95/vform 3.4.1 → 3.5.0

package/dist/index.es.js

@@ -1,202 +1,213 @@
-import { ref as E, computed as S, watch as D, defineComponent as T, createElementBlock as $, openBlock as f, normalizeClass as ne, createElementVNode as B, createCommentVNode as O, Fragment as M, renderList as K, toDisplayString as A, normalizeStyle as ve, createBlock as b, createVNode as I, unref as d, withCtx as k, resolveDynamicComponent as fe, createTextVNode as z, toRef as we, mergeModels as G, useModel as H, resolveDirective as Oe, withDirectives as Ee, onMounted as ge } from "vue";
-import { IonGrid as Ve, IonRow as le, IonCol as ae, IonButton as N, IonLabel as Y, IonText as xe, IonInput as _e, IonInputPasswordToggle as Re, IonChip as Ae, IonIcon as ce, IonList as $e, IonItem as Fe, IonCheckbox as be, actionSheetController as ze, alertController as Be, IonTextarea as Pe, IonRadioGroup as Ie, IonRadio as Ue } from "@ionic/vue";
-import { chevronDown as De, close as Te, add as qe, remove as Le } from "ionicons/icons";
-import { maskito as Me } from "@maskito/vue";
-function je(t) {
-  return new Promise((u) => {
+import { ref as E, computed as k, watch as T, defineComponent as D, createElementBlock as $, openBlock as v, normalizeClass as le, createElementVNode as I, createCommentVNode as O, Fragment as M, renderList as W, toDisplayString as A, normalizeStyle as fe, createBlock as b, createVNode as P, unref as c, withCtx as S, resolveDynamicComponent as me, createTextVNode as B, toRef as Ee, mergeModels as H, useModel as K, resolveDirective as xe, withDirectives as Re, onMounted as _e } from "vue";
+import { IonGrid as be, IonRow as ue, IonCol as te, IonButton as j, IonLabel as ee, IonText as Fe, IonInput as Se, IonInputPasswordToggle as ze, IonChip as Ae, IonIcon as pe, IonList as $e, IonItem as Ie, IonCheckbox as ke, actionSheetController as Be, alertController as Pe, IonTextarea as Ue, IonRadioGroup as De, IonRadio as Te } from "@ionic/vue";
+import { chevronDown as qe, close as Le, add as Me, remove as Ne } from "ionicons/icons";
+import { maskito as je } from "@maskito/vue";
+function Ge(t) {
+  return new Promise((r) => {
     requestAnimationFrame(async () => {
-      const n = await t.getInputElement();
-      u(n);
+      const l = await t.getInputElement();
+      r(l);
     });
   });
 }
-const Ne = {
+const He = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Ge = {
+}, Ke = {
   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 He(t, u) {
-  const n = Ge[t];
-  return n[u % n.length];
+function We(t, r) {
+  const l = Ke[t];
+  return l[r % l.length];
 }
-function Ke(t) {
-  const u = [];
-  let n = "", e = 0, l = 0;
+function Ze(t) {
+  const r = [];
+  let l = "", e = 0, a = 0;
   for (; e < t.length; ) {
-    const s = t[e];
-    if (["d", "a", "*"].includes(s)) {
-      let r = 1;
+    const o = t[e];
+    if (["d", "a", "*"].includes(o)) {
+      let s = 1;
       if (t[e + 1] === "{") {
-        const o = t.indexOf("}", e + 2);
-        if (o !== -1) {
-          const y = t.slice(e + 2, o);
+        const n = t.indexOf("}", e + 2);
+        if (n !== -1) {
+          const y = t.slice(e + 2, n);
           if (y.includes(",")) {
-            const [, p] = y.split(",").map((c) => parseInt(c.trim()));
-            r = p || parseInt(y.split(",")[0]);
+            const [, d] = y.split(",").map((p) => parseInt(p.trim()));
+            s = d || parseInt(y.split(",")[0]);
           } else
-            r = parseInt(y);
-          e = o;
+            s = parseInt(y);
+          e = n;
         }
       } else {
-        let o = e + 1;
-        for (; t[o] === s; )
-          r++, o++;
-        e = o - 1;
+        let n = e + 1;
+        for (; t[n] === o; )
+          s++, n++;
+        e = n - 1;
       }
-      for (let o = 0; o < r; o++)
-        u.push(Ne[s]), n += He(s, l++);
+      for (let n = 0; n < s; n++)
+        r.push(He[o]), l += We(o, a++);
     } else
-      u.push(s), n += s;
+      r.push(o), l += o;
     e++;
   }
   return {
-    mask: u,
-    placeholder: n,
-    elementPredicate: je
+    mask: r,
+    placeholder: l,
+    elementPredicate: Ge
   };
 }
-function me(t) {
+function he(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function ie(t, u, n) {
-  return typeof t.condition == "function" ? t.condition(u, n) : !0;
+function ge(t, r, l) {
+  return typeof t.condition == "function" ? t.condition(r, l) : !0;
 }
-function he(t) {
+function ye(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((n) => he(n));
-  const u = {};
-  return Object.entries(t).forEach(([n, e]) => {
-    typeof e == "function" ? u[n] = e.bind(u) : u[n] = he(e);
-  }), u;
+    return t.map((l) => ye(l));
+  const r = {};
+  return Object.entries(t).forEach(([l, e]) => {
+    typeof e == "function" ? r[l] = e.bind(r) : r[l] = ye(e);
+  }), r;
 }
-function ye(t, u) {
-  return u.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
+function Ce(t, r) {
+  return r.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
 }
-function X(t, u) {
-  const n = ye(t, u);
-  n >= 0 ? u[n].isChecked = !0 : u.push({ ...t, isChecked: !0 });
+function Y(t, r) {
+  const l = Ce(t, r);
+  l >= 0 ? r[l].isChecked = !0 : r.push({ ...t, isChecked: !0 });
 }
-function We(t, u) {
-  const n = ye(t, u);
-  n >= 0 && (u[n].isChecked = !1);
+function Je(t, r) {
+  const l = Ce(t, r);
+  l >= 0 && (r[l].isChecked = !1);
 }
-function Ze(t) {
-  t.forEach((u) => {
-    u.isChecked = !1;
+function Qe(t) {
+  t.forEach((r) => {
+    r.isChecked = !1;
   });
 }
-function Je(t, u) {
-  return u ? t.filter(
-    (n) => JSON.stringify(n).toLowerCase().includes(u.toLowerCase())
+function Xe(t, r) {
+  return r ? t.filter(
+    (l) => JSON.stringify(l).toLowerCase().includes(r.toLowerCase())
   ) : t;
 }
-function ke(t) {
-  const u = t.label || "", n = t.required ? " *" : "";
-  return u + n;
+function we(t) {
+  const r = t.label || "", l = t.required ? " *" : "";
+  return r + l;
 }
-function oe(t, u) {
-  if (t === u) return !0;
-  if (t == null || u == null || typeof t != typeof u) return !1;
-  if (typeof t != "object") return t === u;
-  if (Array.isArray(t) && Array.isArray(u))
-    return t.length !== u.length ? !1 : t.every((l, s) => oe(l, u[s]));
-  if (Array.isArray(t) !== Array.isArray(u)) return !1;
-  const n = Object.keys(t), e = Object.keys(u);
-  return n.length !== e.length ? !1 : n.every(
-    (l) => Object.prototype.hasOwnProperty.call(u, l) && oe(t[l], u[l])
+function se(t, r) {
+  if (t === r) return !0;
+  if (t == null || r == null || typeof t != typeof r) return !1;
+  if (typeof t != "object") return t === r;
+  if (Array.isArray(t) && Array.isArray(r))
+    return t.length !== r.length ? !1 : t.every((a, o) => se(a, r[o]));
+  if (Array.isArray(t) !== Array.isArray(r)) return !1;
+  const l = Object.keys(t), e = Object.keys(r);
+  return l.length !== e.length ? !1 : l.every(
+    (a) => Object.prototype.hasOwnProperty.call(r, a) && se(t[a], r[a])
   );
 }
-function Se() {
+function G(t) {
+  return t.type !== "FormSection";
+}
+function Ye(t) {
+  return t.type === "FormSection";
+}
+function Oe() {
   const t = E([]);
-  async function u() {
+  async function r() {
     console.debug("Validating form inputs");
-    const s = [];
-    for (const r of t.value)
-      if (typeof (r == null ? void 0 : r.onValueUpdate) == "function" && await r.onValueUpdate(), typeof (r == null ? void 0 : r.getErrors) == "function")
+    const o = [];
+    for (const s of t.value)
+      if (typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate(), typeof (s == null ? void 0 : s.getErrors) == "function")
         try {
-          const o = r.getErrors();
-          Array.isArray(o) ? s.push(...o) : console.warn("getErrors() returned non-array value:", o);
-        } catch (o) {
-          console.error("Error calling getErrors on component:", o, r);
+          const n = s.getErrors();
+          Array.isArray(n) ? o.push(...n) : console.warn("getErrors() returned non-array value:", n);
+        } catch (n) {
+          console.error("Error calling getErrors on component:", n, s);
         }
       else
-        console.warn("Component does not have getErrors function:", r);
-    return s.every(me);
+        console.warn("Component does not have getErrors function:", s);
+    return o.every(he);
   }
-  function n() {
-    t.value.forEach((s) => {
-      typeof (s == null ? void 0 : s.onReset) == "function" && s.onReset();
+  function l() {
+    t.value.forEach((o) => {
+      typeof (o == null ? void 0 : o.onReset) == "function" && o.onReset();
     });
   }
   function e() {
-    const s = [];
-    for (const r of t.value)
-      if (typeof (r == null ? void 0 : r.getErrors) == "function")
+    const o = [];
+    for (const s of t.value)
+      if (typeof (s == null ? void 0 : s.getErrors) == "function")
         try {
-          const o = r.getErrors();
-          Array.isArray(o) ? s.push(...o) : s.push(String(o));
-        } catch (o) {
-          console.error("Error calling getErrors on component:", o, r);
+          const n = s.getErrors();
+          Array.isArray(n) ? o.push(...n) : o.push(String(n));
+        } catch (n) {
+          console.error("Error calling getErrors on component:", n, s);
         }
-    return s;
+    return o;
   }
-  async function l() {
-    for (const s of t.value)
-      typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate();
+  async function a() {
+    for (const o of t.value)
+      typeof (o == null ? void 0 : o.onValueUpdate) == "function" && await o.onValueUpdate();
   }
   return {
     dynamicRefs: t,
-    isFormValid: u,
-    resetForm: n,
+    isFormValid: r,
+    resetForm: l,
     getFormErrors: e,
-    updateFormValues: l
+    updateFormValues: a
   };
 }
-function Qe(t) {
-  const u = S(
-    () => Object.entries(t.value).reduce((p, [c, v]) => (v.value !== void 0 && (typeof v.onChange == "function" ? p[c] = v.onChange(v.value, t.value) : p[c] = v.value), p), {})
-  ), n = E({}), e = (p, c, v) => {
-    var i;
-    return typeof ((i = t.value[p].children[c]) == null ? void 0 : i.computedValue) == "function" ? t.value[p].children[c].computedValue(v, t.value) : v;
-  }, l = (p, c, v, i) => {
-    n.value[p][i] || (n.value[p][i] = {}), Object.entries(c.other ?? {}).forEach(([h, C]) => {
+function et(t) {
+  const r = k(
+    () => Object.entries(t.value).reduce((d, [p, f]) => (G(f) && f.value !== void 0 && (typeof f.onChange == "function" ? d[p] = f.onChange(f.value, t.value) : d[p] = f.value), d), {})
+  ), l = E({}), e = (d, p, f) => {
+    const i = t.value[d];
+    if (G(i) && i.children) {
+      const h = i.children[p];
+      if (h && G(h) && typeof h.computedValue == "function")
+        return h.computedValue(f, t.value);
+    }
+    return f;
+  }, a = (d, p, f, i) => {
+    l.value[d][i] || (l.value[d][i] = {}), Object.entries(p.other ?? {}).forEach(([h, C]) => {
       var w;
-      !oe(C, (w = v.other) == null ? void 0 : w[h]) && (n.value[p][i][h] = e(p, h, C));
+      !se(C, (w = f.other) == null ? void 0 : w[h]) && (l.value[d][i][h] = e(d, h, C));
     });
-  }, s = (p, c, v) => {
-    c.forEach((i, h) => {
-      const C = v[h] ?? { other: {} };
-      l(p, i, C, h);
+  }, o = (d, p, f) => {
+    p.forEach((i, h) => {
+      const C = f[h] ?? { other: {} };
+      a(d, i, C, h);
     });
-  }, r = (p, { other: c }) => Object.entries(c ?? {}).reduce(
-    (v, [i, h]) => (v[i] = e(p, i, h), v),
+  }, s = (d, { other: p }) => Object.entries(p ?? {}).reduce(
+    (f, [i, h]) => (f[i] = e(d, i, h), f),
     {}
-  ), o = (p, c, v) => {
-    n.value[p] || (n.value[p] = []);
-    const i = c;
-    Array.isArray(v[p]) ? s(p, i, v[p]) : n.value[p] = i.map((h) => r(p, h));
-  }, y = (p, c, v) => {
-    if (!c) {
-      delete n.value[p];
+  ), n = (d, p, f) => {
+    l.value[d] || (l.value[d] = []);
+    const i = p;
+    Array.isArray(f[d]) ? o(d, i, f[d]) : l.value[d] = i.map((h) => s(d, h));
+  }, y = (d, p, f) => {
+    if (!p) {
+      delete l.value[d];
       return;
     }
-    const i = t.value[p];
-    i.children !== void 0 ? o(p, c, v) : typeof i.computedValue == "function" && (n.value[p] = i.computedValue(c, t.value));
+    const i = t.value[d];
+    G(i) && (i.children !== void 0 ? n(d, p, f) : typeof i.computedValue == "function" && (l.value[d] = i.computedValue(p, t.value)));
   };
-  return D(
-    u,
-    (p, c = {}) => {
-      Object.keys(p).forEach((v) => {
-        oe(p[v], c[v]) || y(v, p[v], c);
-      }), Object.keys(c).forEach((v) => {
-        !(v in p) && v in n.value && delete n.value[v];
+  return T(
+    r,
+    (d, p = {}) => {
+      Object.keys(d).forEach((f) => {
+        se(d[f], p[f]) || y(f, d[f], p);
+      }), Object.keys(p).forEach((f) => {
+        !(f in d) && f in l.value && delete l.value[f];
       });
     },
     {
@@ -204,84 +215,86 @@ function Qe(t) {
       deep: !0
     }
   ), {
-    formData: u,
-    computedData: n
+    formData: r,
+    computedData: l
   };
 }
-function Xe(t) {
-  const u = E(0), n = E({}), e = E({}), l = E({});
-  function s(V) {
-    const a = {};
-    return Object.entries(V.schema).forEach(([m, _]) => {
-      a[m] = _.value;
-    }), a;
+function tt(t) {
+  const r = E(0), l = E({}), e = E({}), a = E({});
+  function o(V) {
+    const m = {};
+    return Object.entries(V.schema).forEach(
+      ([u, g]) => {
+        G(g) && (m[u] = g.value);
+      }
+    ), m;
   }
   t.steps.forEach((V) => {
-    n.value[V.id] = s(V), e.value[V.id] = {}, l.value[V.id] = [];
+    l.value[V.id] = o(V), e.value[V.id] = {}, a.value[V.id] = [];
   });
-  const r = S(() => t.steps[u.value]), o = S(() => u.value === 0), y = S(() => u.value === t.steps.length - 1), p = S(() => !y.value), c = S(() => !o.value), v = S(() => t.steps.length), i = S(() => v.value === 0 ? 0 : Math.round((u.value + 1) / v.value * 100)), h = S(() => {
+  const s = k(() => t.steps[r.value]), n = k(() => r.value === 0), y = k(() => r.value === t.steps.length - 1), d = k(() => !y.value), p = k(() => !n.value), f = k(() => t.steps.length), i = k(() => f.value === 0 ? 0 : Math.round((r.value + 1) / f.value * 100)), h = k(() => {
     const V = {};
-    return Object.values(n.value).forEach((a) => {
-      Object.assign(V, a);
+    return Object.values(l.value).forEach((m) => {
+      Object.assign(V, m);
     }), V;
-  }), C = S(() => {
+  }), C = k(() => {
     const V = {};
-    return Object.values(e.value).forEach((a) => {
-      Object.assign(V, a);
+    return Object.values(e.value).forEach((m) => {
+      Object.assign(V, m);
     }), V;
   });
-  function x(V, a) {
-    n.value[V] = { ...n.value[V], ...a };
+  function F(V, m) {
+    l.value[V] = { ...l.value[V], ...m };
   }
-  function w(V, a) {
-    e.value[V] = { ...e.value[V], ...a };
+  function w(V, m) {
+    e.value[V] = { ...e.value[V], ...m };
   }
   function R(V) {
-    const a = t.steps.find((m) => m.id === V);
-    a && (n.value[V] = s(a), e.value[V] = {});
+    const m = t.steps.find((u) => u.id === V);
+    m && (l.value[V] = o(m), e.value[V] = {});
   }
-  async function F() {
-    const V = r.value;
+  async function z() {
+    const V = s.value;
     if (!V) return !0;
-    const a = [];
+    const m = [];
     if (V.validation) {
-      const m = await V.validation(
-        n.value[V.id],
+      const u = await V.validation(
+        l.value[V.id],
         e.value[V.id]
       );
-      m && a.push(...m);
+      u && m.push(...u);
     }
-    return l.value[V.id] = a, a.length === 0;
+    return a.value[V.id] = m, m.length === 0;
   }
-  async function j(V) {
-    return V < 0 || V >= t.steps.length || V > u.value && !await F() ? !1 : (u.value = V, !0);
+  async function N(V) {
+    return V < 0 || V >= t.steps.length || V > r.value && !await z() ? !1 : (r.value = V, !0);
   }
-  async function W() {
-    return p.value ? j(u.value + 1) : !1;
+  async function Z() {
+    return d.value ? N(r.value + 1) : !1;
   }
-  async function J() {
-    return c.value ? j(u.value - 1) : !1;
+  async function Q() {
+    return p.value ? N(r.value - 1) : !1;
   }
-  function Z() {
-    u.value = 0, l.value = {}, t.steps.forEach((V) => {
-      R(V.id), l.value[V.id] = [];
+  function J() {
+    r.value = 0, a.value = {}, t.steps.forEach((V) => {
+      R(V.id), a.value[V.id] = [];
     });
   }
   async function q() {
     let V = !0;
-    for (const a of t.steps)
-      if (a.validation) {
-        const m = await a.validation(
-          n.value[a.id],
-          e.value[a.id]
+    for (const m of t.steps)
+      if (m.validation) {
+        const u = await m.validation(
+          l.value[m.id],
+          e.value[m.id]
         );
-        l.value[a.id] = m || [], m && m.length > 0 && (V = !1);
+        a.value[m.id] = u || [], u && u.length > 0 && (V = !1);
       }
     return V;
   }
   function L() {
     return {
-      steps: { ...n.value },
+      steps: { ...l.value },
       computedSteps: { ...e.value },
       allFormData: h.value,
       allComputedData: C.value
@@ -289,40 +302,40 @@ function Xe(t) {
   }
   return {
     // State
-    currentStepIndex: u,
-    currentStep: r,
-    stepData: n,
+    currentStepIndex: r,
+    currentStep: s,
+    stepData: l,
     stepComputedData: e,
-    stepValidationErrors: l,
+    stepValidationErrors: a,
     // Computed
-    isFirstStep: o,
+    isFirstStep: n,
     isLastStep: y,
-    canGoNext: p,
-    canGoPrevious: c,
-    totalSteps: v,
+    canGoNext: d,
+    canGoPrevious: p,
+    totalSteps: f,
     progressPercentage: i,
     allFormData: h,
     allComputedData: C,
     // Methods
-    updateStepData: x,
+    updateStepData: F,
     updateStepComputedData: w,
     clearStepData: R,
-    validateCurrentStep: F,
-    goToStep: j,
-    nextStep: W,
-    previousStep: J,
-    resetForm: Z,
+    validateCurrentStep: z,
+    goToStep: N,
+    nextStep: Z,
+    previousStep: Q,
+    resetForm: J,
     validateAllSteps: q,
     getMultiStepFormData: L
   };
 }
-const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { class: "step-indicator__step-content" }, lt = { class: "step-indicator__step-marker" }, at = { class: "step-indicator__step-info" }, nt = { class: "step-indicator__step-title" }, ot = {
+const lt = { class: "step-indicator__container" }, at = ["onClick"], nt = { class: "step-indicator__step-content" }, ot = { class: "step-indicator__step-marker" }, ut = { class: "step-indicator__step-info" }, st = { class: "step-indicator__step-title" }, rt = {
   key: 0,
   class: "step-indicator__step-subtitle"
-}, ut = {
+}, it = {
   key: 0,
   class: "step-indicator__progress"
-}, st = { class: "step-indicator__progress-bar" }, rt = { class: "step-indicator__progress-text" }, it = /* @__PURE__ */ T({
+}, ct = { class: "step-indicator__progress-bar" }, dt = { class: "step-indicator__progress-text" }, pt = /* @__PURE__ */ D({
   __name: "StepIndicator",
   props: {
     steps: {},
@@ -332,62 +345,62 @@ const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { clas
     allowNavigation: { type: Boolean, default: !1 }
   },
   emits: ["step-click"],
-  setup(t, { emit: u }) {
-    const n = t, e = u, l = S(() => n.steps.length === 0 ? 0 : (n.activeStepIndex + 1) / n.steps.length * 100);
-    function s(r) {
-      n.allowNavigation && e("step-click", r);
+  setup(t, { emit: r }) {
+    const l = t, e = r, a = k(() => l.steps.length === 0 ? 0 : (l.activeStepIndex + 1) / l.steps.length * 100);
+    function o(s) {
+      l.allowNavigation && e("step-click", s);
     }
-    return (r, o) => (f(), $("div", {
-      class: ne(["step-indicator", [`step-indicator--${r.position}`, { "step-indicator--clickable": r.allowNavigation }]])
+    return (s, n) => (v(), $("div", {
+      class: le(["step-indicator", [`step-indicator--${s.position}`, { "step-indicator--clickable": s.allowNavigation }]])
     }, [
-      B("div", Ye, [
-        (f(!0), $(M, null, K(r.steps, (y, p) => (f(), $("div", {
+      I("div", lt, [
+        (v(!0), $(M, null, W(s.steps, (y, d) => (v(), $("div", {
           key: y.id,
-          class: ne(["step-indicator__step", {
-            "step-indicator__step--active": p === r.activeStepIndex,
-            "step-indicator__step--completed": p < r.activeStepIndex,
-            "step-indicator__step--clickable": r.allowNavigation
+          class: le(["step-indicator__step", {
+            "step-indicator__step--active": d === s.activeStepIndex,
+            "step-indicator__step--completed": d < s.activeStepIndex,
+            "step-indicator__step--clickable": s.allowNavigation
           }]),
-          onClick: (c) => s(p)
+          onClick: (p) => o(d)
         }, [
-          B("div", tt, [
-            B("div", lt, [
-              B("span", null, A(p + 1), 1)
+          I("div", nt, [
+            I("div", ot, [
+              I("span", null, A(d + 1), 1)
             ]),
-            B("div", at, [
-              B("div", nt, A(y.title), 1),
-              y.subtitle ? (f(), $("div", ot, A(y.subtitle), 1)) : O("", !0)
+            I("div", ut, [
+              I("div", st, A(y.title), 1),
+              y.subtitle ? (v(), $("div", rt, A(y.subtitle), 1)) : O("", !0)
             ])
           ]),
-          p < r.steps.length - 1 ? (f(), $("div", {
+          d < s.steps.length - 1 ? (v(), $("div", {
             key: 0,
-            class: ne(["step-indicator__connector", { "step-indicator__connector--completed": p < r.activeStepIndex }])
+            class: le(["step-indicator__connector", { "step-indicator__connector--completed": d < s.activeStepIndex }])
           }, null, 2)) : O("", !0)
-        ], 10, et))), 128))
+        ], 10, at))), 128))
       ]),
-      r.showProgress && (r.position === "top" || r.position === "bottom") ? (f(), $("div", ut, [
-        B("div", st, [
-          B("div", {
+      s.showProgress && (s.position === "top" || s.position === "bottom") ? (v(), $("div", it, [
+        I("div", ct, [
+          I("div", {
             class: "step-indicator__progress-fill",
-            style: ve({ width: `${l.value}%` })
+            style: fe({ width: `${a.value}%` })
           }, null, 4)
         ]),
-        B("div", rt, " Step " + A(r.activeStepIndex + 1) + " of " + A(r.steps.length), 1)
+        I("div", dt, " Step " + A(s.activeStepIndex + 1) + " of " + A(s.steps.length), 1)
       ])) : O("", !0)
     ], 2));
   }
-}), de = (t, u) => {
-  const n = t.__vccOpts || t;
-  for (const [e, l] of u)
-    n[e] = l;
-  return n;
-}, re = /* @__PURE__ */ de(it, [["__scopeId", "data-v-aca1a6d0"]]), ct = { class: "v-form-container" }, dt = {
+}), re = (t, r) => {
+  const l = t.__vccOpts || t;
+  for (const [e, a] of r)
+    l[e] = a;
+  return l;
+}, de = /* @__PURE__ */ re(pt, [["__scopeId", "data-v-aca1a6d0"]]), vt = { class: "v-form-container" }, ft = {
   key: 0,
   class: "multi-step-form"
-}, pt = { class: "multi-step-form-content" }, vt = { class: "step-nav-buttons" }, ft = { class: "step-action-buttons" }, mt = { class: "step-nav-buttons" }, ht = {
+}, mt = { class: "multi-step-form-content" }, ht = { class: "step-nav-buttons" }, gt = { class: "step-action-buttons" }, yt = { class: "step-nav-buttons" }, _t = {
   key: 1,
   class: "step-progress-bottom"
-}, gt = { class: "step-progress-bar" }, yt = { class: "step-progress-text" }, Ct = /* @__PURE__ */ T({
+}, Ct = { class: "step-progress-bar" }, Vt = { class: "step-progress-text" }, bt = /* @__PURE__ */ D({
   __name: "vForm",
   props: {
     schema: {},
@@ -403,86 +416,90 @@ const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { clas
     customButtons: {}
   },
   emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
-  setup(t, { expose: u, emit: n }) {
-    const e = t, l = n, s = S(() => !!e.multiStepConfig), r = E(e.schema || {}), o = e.multiStepConfig ? Xe(e.multiStepConfig) : null, { dynamicRefs: y, isFormValid: p, resetForm: c } = Se(), { formData: v, computedData: i } = Qe(r), h = S(() => (o == null ? void 0 : o.currentStepIndex.value) ?? 0), C = S(() => o == null ? void 0 : o.currentStep.value), x = S(() => (o == null ? void 0 : o.isLastStep.value) ?? !0), w = S(() => (o == null ? void 0 : o.canGoNext.value) ?? !1), R = S(() => (o == null ? void 0 : o.canGoPrevious.value) ?? !1), F = S(() => !s.value || !o ? 0 : o.progressPercentage.value);
-    D(
+  setup(t, { expose: r, emit: l }) {
+    const e = t, a = l, o = k(() => !!e.multiStepConfig), s = E(e.schema || {}), n = e.multiStepConfig ? tt(e.multiStepConfig) : null, { dynamicRefs: y, isFormValid: d, resetForm: p } = Oe(), { formData: f, computedData: i } = et(s), h = k(() => (n == null ? void 0 : n.currentStepIndex.value) ?? 0), C = k(() => n == null ? void 0 : n.currentStep.value), F = k(() => (n == null ? void 0 : n.isLastStep.value) ?? !0), w = k(() => (n == null ? void 0 : n.canGoNext.value) ?? !1), R = k(() => (n == null ? void 0 : n.canGoPrevious.value) ?? !1), z = k(() => !o.value || !n ? 0 : n.progressPercentage.value);
+    T(
       () => C.value,
-      (a) => {
-        a && s.value && (r.value = a.schema);
+      (u) => {
+        u && o.value && (s.value = u.schema);
       },
       { immediate: !0 }
-    ), D(
-      [v, i],
-      ([a, m]) => {
-        s.value && o && C.value && (o.updateStepData(C.value.id, a), o.updateStepComputedData(C.value.id, m));
+    ), T(
+      [f, i],
+      ([u, g]) => {
+        o.value && n && C.value && (n.updateStepData(C.value.id, u), n.updateStepComputedData(C.value.id, g));
       },
       { deep: !0 }
-    ), D(
+    ), T(
       () => e.schema,
-      (a) => {
-        if (!s.value && a) {
-          r.value = a;
-          for (const [m, _] of Object.entries(a))
-            _.value !== void 0 && (r.value[m].value = _.value);
+      (u) => {
+        if (!o.value && u) {
+          s.value = u;
+          for (const [g, x] of Object.entries(u))
+            G(x) && "value" in x && x.value !== void 0 && (s.value[g].value = x.value);
         }
       },
       { deep: !0, immediate: !0 }
     );
-    async function j() {
-      if (s.value && o) {
-        if (!await o.validateAllSteps()) return;
-        const m = o.getMultiStepFormData();
-        l("multi-step-submit", m);
+    async function N() {
+      if (o.value && n) {
+        if (!await n.validateAllSteps()) return;
+        const g = n.getMultiStepFormData();
+        a("multi-step-submit", g);
       } else {
-        if (!await p()) return;
-        l("submit", v.value, i.value);
+        if (!await d()) return;
+        a("submit", f.value, i.value);
       }
     }
-    function W() {
-      s.value && o ? o.resetForm() : c(), l("clear");
+    function Z() {
+      o.value && n ? n.resetForm() : p(), a("clear");
     }
-    function J() {
-      s.value && o && C.value && o.clearStepData(C.value.id);
+    function Q() {
+      o.value && n && C.value && n.clearStepData(C.value.id);
     }
-    function Z() {
-      s.value && o ? o.resetForm() : c(), l("cancel");
+    function J() {
+      o.value && n ? n.resetForm() : p(), a("cancel");
     }
     async function q() {
-      if (o) {
-        if (!await p())
+      if (n) {
+        if (!await d())
           return;
-        await o.nextStep() && C.value && l("step-change", h.value, C.value.id);
+        await n.nextStep() && C.value && a("step-change", h.value, C.value.id);
       }
     }
     async function L() {
-      o && await o.previousStep() && C.value && l("step-change", h.value, C.value.id);
+      n && await n.previousStep() && C.value && a("step-change", h.value, C.value.id);
     }
-    async function V(a) {
-      if (o) {
-        if (a > h.value && !await p())
+    async function V(u) {
+      if (n) {
+        if (u > h.value && !await d())
           return;
-        await o.goToStep(a) && C.value && l("step-change", a, C.value.id);
+        await n.goToStep(u) && C.value && a("step-change", u, C.value.id);
       }
     }
-    return D(
-      v,
+    T(
+      f,
       async () => {
-        var a;
-        for (const [m, _] of Object.entries(r.value))
-          if (!ie(_, v.value, i.value)) {
-            const g = s.value && C.value ? C.value.schema[m] : (a = e.schema) == null ? void 0 : a[m];
-            g && (_.value = g.value);
+        var u;
+        for (const [g, x] of Object.entries(s.value))
+          if (G(x) && !ge(x, f.value, i.value)) {
+            const _ = o.value && C.value ? C.value.schema[g] : (u = e.schema) == null ? void 0 : u[g];
+            _ && G(_) && "value" in _ && (x.value = _.value);
           }
       },
       {
         deep: !0,
         immediate: !0
       }
-    ), u({
-      resetForm: W,
-      isFormValid: p,
-      resolveData: () => s.value && o ? o.getMultiStepFormData() : {
-        formData: v.value,
+    );
+    function m(u, g, x) {
+      return Ye(u) ? !0 : ge(u, g, x);
+    }
+    return r({
+      resetForm: Z,
+      isFormValid: d,
+      resolveData: () => o.value && n ? n.getMultiStepFormData() : {
+        formData: f.value,
         computedData: i.value
       },
       // Multi-step specific methods
@@ -491,143 +508,143 @@ const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { clas
       goToStep: V,
       getCurrentStep: () => C.value,
       getCurrentStepIndex: () => h.value
-    }), (a, m) => {
-      var _;
-      return f(), $("div", ct, [
-        s.value ? (f(), $("div", dt, [
-          a.multiStepConfig && a.multiStepConfig.stepPosition === "top" ? (f(), b(re, {
+    }), (u, g) => {
+      var x;
+      return v(), $("div", vt, [
+        o.value ? (v(), $("div", ft, [
+          u.multiStepConfig && u.multiStepConfig.stepPosition === "top" ? (v(), b(de, {
             key: 0,
-            steps: a.multiStepConfig.steps,
+            steps: u.multiStepConfig.steps,
             "active-step-index": h.value,
-            position: a.multiStepConfig.stepPosition || "top",
-            "show-progress": a.multiStepConfig.showProgress,
-            "allow-navigation": a.multiStepConfig.allowStepNavigation,
+            position: u.multiStepConfig.stepPosition || "top",
+            "show-progress": u.multiStepConfig.showProgress,
+            "allow-navigation": u.multiStepConfig.allowStepNavigation,
             onStepClick: V
           }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0),
-          B("div", {
-            class: ne(["multi-step-content", `multi-step-content--${((_ = a.multiStepConfig) == null ? void 0 : _.stepPosition) || "top"}`])
+          I("div", {
+            class: le(["multi-step-content", `multi-step-content--${((x = u.multiStepConfig) == null ? void 0 : x.stepPosition) || "top"}`])
           }, [
-            a.multiStepConfig && a.multiStepConfig.stepPosition === "left" ? (f(), b(re, {
+            u.multiStepConfig && u.multiStepConfig.stepPosition === "left" ? (v(), b(de, {
               key: 0,
-              steps: a.multiStepConfig.steps,
+              steps: u.multiStepConfig.steps,
               "active-step-index": h.value,
-              position: a.multiStepConfig.stepPosition ?? "top",
-              "show-progress": a.multiStepConfig.showProgress,
-              "allow-navigation": a.multiStepConfig.allowStepNavigation,
+              position: u.multiStepConfig.stepPosition ?? "top",
+              "show-progress": u.multiStepConfig.showProgress,
+              "allow-navigation": u.multiStepConfig.allowStepNavigation,
               onStepClick: V,
               class: "multi-step-sidebar"
             }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0),
-            B("div", pt, [
-              I(d(Ve), null, {
-                default: k(() => [
-                  I(d(le), null, {
-                    default: k(() => [
-                      (f(!0), $(M, null, K(Object.keys(r.value), (g) => {
-                        var P, U, Q, ee, te;
-                        return f(), $(M, null, [
-                          d(ie)(r.value[g], d(v), d(i)) ? (f(), b(d(ae), {
-                            key: g,
-                            size: ((P = r.value[g].grid) == null ? void 0 : P.xs) ?? "12",
-                            "size-sm": (U = r.value[g].grid) == null ? void 0 : U.sm,
-                            "size-md": (Q = r.value[g].grid) == null ? void 0 : Q.md,
-                            "size-lg": (ee = r.value[g].grid) == null ? void 0 : ee.lg,
-                            "size-xl": (te = r.value[g].grid) == null ? void 0 : te.xl,
+            I("div", mt, [
+              P(c(be), null, {
+                default: S(() => [
+                  P(c(ue), null, {
+                    default: S(() => [
+                      (v(!0), $(M, null, W(Object.keys(s.value), (_) => {
+                        var U, X, ae, ne, oe;
+                        return v(), $(M, { key: _ }, [
+                          m(s.value[_], c(f), c(i)) ? (v(), b(c(te), {
+                            key: 0,
+                            size: ((U = s.value[_].grid) == null ? void 0 : U.xs) ?? "12",
+                            "size-sm": (X = s.value[_].grid) == null ? void 0 : X.sm,
+                            "size-md": (ae = s.value[_].grid) == null ? void 0 : ae.md,
+                            "size-lg": (ne = s.value[_].grid) == null ? void 0 : ne.lg,
+                            "size-xl": (oe = s.value[_].grid) == null ? void 0 : oe.xl,
                             class: "ion-margin-vertical"
                           }, {
-                            default: k(() => [
-                              (f(), b(fe(r.value[g].type), {
-                                modelValue: r.value[g],
-                                "onUpdate:modelValue": (pe) => r.value[g] = pe,
-                                schema: r.value,
-                                "form-id": g,
+                            default: S(() => [
+                              (v(), b(me(s.value[_].type), {
+                                modelValue: s.value[_],
+                                "onUpdate:modelValue": (ve) => s.value[_] = ve,
+                                schema: s.value,
+                                "form-id": _,
                                 ref_for: !0,
                                 ref_key: "dynamicRefs",
                                 ref: y,
-                                "ref-key": g
+                                "ref-key": _
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                             ]),
                             _: 2
                           }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : O("", !0)
                         ], 64);
-                      }), 256))
+                      }), 128))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              a.hideButtons ? O("", !0) : (f(), b(d(le), {
+              u.hideButtons ? O("", !0) : (v(), b(c(ue), {
                 key: 0,
                 class: "multi-step-buttons"
               }, {
-                default: k(() => [
-                  I(d(ae), {
+                default: S(() => [
+                  P(c(te), {
                     size: "12",
                     class: "button-container"
                   }, {
-                    default: k(() => [
-                      B("div", vt, [
-                        R.value ? (f(), b(d(N), {
+                    default: S(() => [
+                      I("div", ht, [
+                        R.value ? (v(), b(c(j), {
                           key: 0,
                           onClick: L,
                           fill: "outline"
                         }, {
-                          default: k(() => m[0] || (m[0] = [
-                            z(" Previous ")
+                          default: S(() => g[0] || (g[0] = [
+                            B(" Previous ")
                           ])),
                           _: 1,
                           __: [0]
                         })) : O("", !0)
                       ]),
-                      B("div", ft, [
-                        a.showCancelButton ? (f(), b(d(N), {
+                      I("div", gt, [
+                        u.showCancelButton ? (v(), b(c(j), {
                           key: 0,
-                          onClick: Z,
+                          onClick: J,
                           fill: "outline"
                         }, {
-                          default: k(() => [
-                            z(A(a.cancelButtonText ?? "Cancel"), 1)
+                          default: S(() => [
+                            B(A(u.cancelButtonText ?? "Cancel"), 1)
                           ]),
                           _: 1
                         })) : O("", !0),
-                        a.showClearButton ? (f(), b(d(N), {
+                        u.showClearButton ? (v(), b(c(j), {
                           key: 1,
-                          onClick: J,
+                          onClick: Q,
                           fill: "outline"
                         }, {
-                          default: k(() => [
-                            z(A(a.clearButtonText ?? "Reset"), 1)
+                          default: S(() => [
+                            B(A(u.clearButtonText ?? "Reset"), 1)
                           ]),
                           _: 1
                         })) : O("", !0),
-                        (f(!0), $(M, null, K(a.customButtons, (g) => (f(), b(d(N), {
-                          key: g.label,
-                          onClick: g.action,
-                          color: g.color ?? "primary"
+                        (v(!0), $(M, null, W(u.customButtons, (_) => (v(), b(c(j), {
+                          key: _.label,
+                          onClick: _.action,
+                          color: _.color ?? "primary"
                         }, {
-                          default: k(() => [
-                            z(A(g.label), 1)
+                          default: S(() => [
+                            B(A(_.label), 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick", "color"]))), 128))
                       ]),
-                      B("div", mt, [
-                        w.value ? (f(), b(d(N), {
+                      I("div", yt, [
+                        w.value ? (v(), b(c(j), {
                           key: 0,
                           onClick: q
                         }, {
-                          default: k(() => m[1] || (m[1] = [
-                            z(" Next ")
+                          default: S(() => g[1] || (g[1] = [
+                            B(" Next ")
                           ])),
                           _: 1,
                           __: [1]
                         })) : O("", !0),
-                        x.value ? (f(), b(d(N), {
+                        F.value ? (v(), b(c(j), {
                           key: 1,
-                          onClick: j
+                          onClick: N
                         }, {
-                          default: k(() => [
-                            z(A(a.submitButtonText ?? "Submit"), 1)
+                          default: S(() => [
+                            B(A(u.submitButtonText ?? "Submit"), 1)
                           ]),
                           _: 1
                         })) : O("", !0)
@@ -638,109 +655,109 @@ const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { clas
                 ]),
                 _: 1
               })),
-              a.multiStepConfig && (a.multiStepConfig.stepPosition === "left" || a.multiStepConfig.stepPosition === "right") && a.multiStepConfig.showProgress ? (f(), $("div", ht, [
-                B("div", gt, [
-                  B("div", {
+              u.multiStepConfig && (u.multiStepConfig.stepPosition === "left" || u.multiStepConfig.stepPosition === "right") && u.multiStepConfig.showProgress ? (v(), $("div", _t, [
+                I("div", Ct, [
+                  I("div", {
                     class: "step-progress-fill",
-                    style: ve({ width: `${F.value}%` })
+                    style: fe({ width: `${z.value}%` })
                   }, null, 4)
                 ]),
-                B("div", yt, " Step " + A(h.value + 1) + " of " + A(a.multiStepConfig.steps.length), 1)
+                I("div", Vt, " Step " + A(h.value + 1) + " of " + A(u.multiStepConfig.steps.length), 1)
               ])) : O("", !0)
             ]),
-            a.multiStepConfig && a.multiStepConfig.stepPosition === "right" ? (f(), b(re, {
+            u.multiStepConfig && u.multiStepConfig.stepPosition === "right" ? (v(), b(de, {
               key: 1,
-              steps: a.multiStepConfig.steps,
+              steps: u.multiStepConfig.steps,
               "active-step-index": h.value,
-              position: a.multiStepConfig.stepPosition,
-              "show-progress": a.multiStepConfig.showProgress,
-              "allow-navigation": a.multiStepConfig.allowStepNavigation,
+              position: u.multiStepConfig.stepPosition,
+              "show-progress": u.multiStepConfig.showProgress,
+              "allow-navigation": u.multiStepConfig.allowStepNavigation,
               onStepClick: V,
               class: "multi-step-sidebar"
             }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0)
           ], 2),
-          a.multiStepConfig && a.multiStepConfig.stepPosition === "bottom" ? (f(), b(re, {
+          u.multiStepConfig && u.multiStepConfig.stepPosition === "bottom" ? (v(), b(de, {
             key: 1,
-            steps: a.multiStepConfig.steps,
+            steps: u.multiStepConfig.steps,
             "active-step-index": h.value,
-            position: a.multiStepConfig.stepPosition,
-            "show-progress": a.multiStepConfig.showProgress,
-            "allow-navigation": a.multiStepConfig.allowStepNavigation,
+            position: u.multiStepConfig.stepPosition,
+            "show-progress": u.multiStepConfig.showProgress,
+            "allow-navigation": u.multiStepConfig.allowStepNavigation,
             onStepClick: V
           }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0)
-        ])) : (f(), b(d(Ve), { key: 1 }, {
-          default: k(() => [
-            I(d(le), null, {
-              default: k(() => [
-                (f(!0), $(M, null, K(Object.keys(r.value), (g) => {
-                  var P, U, Q, ee, te;
-                  return f(), $(M, null, [
-                    d(ie)(r.value[g], d(v), d(i)) ? (f(), b(d(ae), {
-                      key: g,
-                      size: ((P = r.value[g].grid) == null ? void 0 : P.xs) ?? "12",
-                      "size-sm": (U = r.value[g].grid) == null ? void 0 : U.sm,
-                      "size-md": (Q = r.value[g].grid) == null ? void 0 : Q.md,
-                      "size-lg": (ee = r.value[g].grid) == null ? void 0 : ee.lg,
-                      "size-xl": (te = r.value[g].grid) == null ? void 0 : te.xl,
+        ])) : (v(), b(c(be), { key: 1 }, {
+          default: S(() => [
+            P(c(ue), null, {
+              default: S(() => [
+                (v(!0), $(M, null, W(Object.keys(s.value), (_) => {
+                  var U, X, ae, ne, oe;
+                  return v(), $(M, { key: _ }, [
+                    m(s.value[_], c(f), c(i)) ? (v(), b(c(te), {
+                      key: 0,
+                      size: ((U = s.value[_].grid) == null ? void 0 : U.xs) ?? "12",
+                      "size-sm": (X = s.value[_].grid) == null ? void 0 : X.sm,
+                      "size-md": (ae = s.value[_].grid) == null ? void 0 : ae.md,
+                      "size-lg": (ne = s.value[_].grid) == null ? void 0 : ne.lg,
+                      "size-xl": (oe = s.value[_].grid) == null ? void 0 : oe.xl,
                       class: "ion-margin-vertical"
                     }, {
-                      default: k(() => [
-                        (f(), b(fe(r.value[g].type), {
-                          modelValue: r.value[g],
-                          "onUpdate:modelValue": (pe) => r.value[g] = pe,
-                          schema: r.value,
-                          "form-id": g,
+                      default: S(() => [
+                        (v(), b(me(s.value[_].type), {
+                          modelValue: s.value[_],
+                          "onUpdate:modelValue": (ve) => s.value[_] = ve,
+                          schema: s.value,
+                          "form-id": _,
                           ref_for: !0,
                           ref_key: "dynamicRefs",
                           ref: y,
-                          "ref-key": g
+                          "ref-key": _
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                       ]),
                       _: 2
                     }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : O("", !0)
                   ], 64);
-                }), 256))
+                }), 128))
               ]),
               _: 1
             }),
-            a.hideButtons ? O("", !0) : (f(), b(d(le), { key: 0 }, {
-              default: k(() => [
-                I(d(ae), {
+            u.hideButtons ? O("", !0) : (v(), b(c(ue), { key: 0 }, {
+              default: S(() => [
+                P(c(te), {
                   size: "12",
-                  style: ve([{ display: "flex" }, { justifyContent: a.buttonPlacement }])
+                  style: fe([{ display: "flex" }, { justifyContent: u.buttonPlacement }])
                 }, {
-                  default: k(() => [
-                    a.showCancelButton ? (f(), b(d(N), {
+                  default: S(() => [
+                    u.showCancelButton ? (v(), b(c(j), {
                       key: 0,
-                      onClick: Z
+                      onClick: J
                     }, {
-                      default: k(() => [
-                        z(A(a.cancelButtonText ?? "Cancel"), 1)
+                      default: S(() => [
+                        B(A(u.cancelButtonText ?? "Cancel"), 1)
                       ]),
                       _: 1
                     })) : O("", !0),
-                    a.showClearButton ? (f(), b(d(N), {
+                    u.showClearButton ? (v(), b(c(j), {
                       key: 1,
-                      onClick: W
+                      onClick: Z
                     }, {
-                      default: k(() => [
-                        z(A(a.clearButtonText ?? "Reset"), 1)
+                      default: S(() => [
+                        B(A(u.clearButtonText ?? "Reset"), 1)
                       ]),
                       _: 1
                     })) : O("", !0),
-                    (f(!0), $(M, null, K(a.customButtons, (g) => (f(), b(d(N), {
-                      key: g.label,
-                      onClick: g.action,
-                      color: g.color ?? "primary"
+                    (v(!0), $(M, null, W(u.customButtons, (_) => (v(), b(c(j), {
+                      key: _.label,
+                      onClick: _.action,
+                      color: _.color ?? "primary"
                     }, {
-                      default: k(() => [
-                        z(A(g.label), 1)
+                      default: S(() => [
+                        B(A(_.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick", "color"]))), 128)),
-                    I(d(N), { onClick: j }, {
-                      default: k(() => [
-                        z(A(a.submitButtonText ?? "Submit"), 1)
+                    P(c(j), { onClick: N }, {
+                      default: S(() => [
+                        B(A(u.submitButtonText ?? "Submit"), 1)
                       ]),
                       _: 1
                     })
@@ -756,89 +773,89 @@ const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { clas
       ]);
     };
   }
-}), Vt = /* @__PURE__ */ de(Ct, [["__scopeId", "data-v-3850cccc"]]);
-function _t(t) {
+}), St = /* @__PURE__ */ re(bt, [["__scopeId", "data-v-74178f58"]]);
+function kt(t) {
   return {
     applyValidationState: async (e) => {
-      var l, s, r, o, y;
-      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (s = t.value) == null || s.$el.classList.remove("ion-valid"), e ? (r = t.value) == null || r.$el.classList.add("ion-valid") : (o = t.value) == null || o.$el.classList.add("ion-invalid"), (y = t.value) == null || y.$el.classList.add("ion-touched");
+      var a, o, s, n, y;
+      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (o = t.value) == null || o.$el.classList.remove("ion-valid"), e ? (s = t.value) == null || s.$el.classList.add("ion-valid") : (n = t.value) == null || n.$el.classList.add("ion-invalid"), (y = t.value) == null || y.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
-      var e, l;
-      (e = t.value) == null || e.$el.classList.remove("ion-touched"), (l = t.value) == null || l.$el.classList.remove("ion-invalid");
+      var e, a;
+      (e = t.value) == null || e.$el.classList.remove("ion-touched"), (a = t.value) == null || a.$el.classList.remove("ion-invalid");
     }
   };
 }
-function ue(t, u, n, e, l) {
-  const { applyValidationState: s, resetValidationState: r } = _t(t);
-  async function o() {
-    if (u.value.required && !n.value)
-      return u.value.error = "This field is required", !1;
-    if (l) {
-      const i = await l(n.value);
+function ie(t, r, l, e, a) {
+  const { applyValidationState: o, resetValidationState: s } = kt(t);
+  async function n() {
+    if (r.value.required && !l.value)
+      return r.value.error = "This field is required", !1;
+    if (a) {
+      const i = await a(l.value);
       if (typeof i == "string")
-        return u.value.error = i, !1;
+        return r.value.error = i, !1;
       if (i === !1)
         return !1;
     }
-    if (u.value.validation) {
-      const i = await u.value.validation(n.value, e == null ? void 0 : e.value);
+    if (r.value.validation) {
+      const i = await r.value.validation(l.value, e == null ? void 0 : e.value);
       if (i && i.length)
-        return u.value.error = i.join(), !1;
+        return r.value.error = i.join(), !1;
     }
     return !0;
   }
   async function y() {
-    const i = await o();
-    i && (u.value.error = "", u.value.value = n.value), await s(i);
+    const i = await n();
+    i && (r.value.error = "", r.value.value = l.value), await o(i);
   }
-  function p() {
-    r(), u.value.error = "";
+  function d() {
+    s(), r.value.error = "";
   }
-  function c(i = "") {
-    n.value = i, u.value.error = "", u.value.value = i;
+  function p(i = "") {
+    l.value = i, r.value.error = "", r.value.value = i;
   }
-  function v() {
-    return u.value.error ? [u.value.error] : [];
+  function f() {
+    return r.value.error ? [r.value.error] : [];
   }
   return {
-    isValid: o,
+    isValid: n,
     onValueUpdate: y,
-    onFocus: p,
-    onReset: c,
-    getErrors: v,
-    applyValidationState: s,
-    resetValidationState: r
+    onFocus: d,
+    onReset: p,
+    getErrors: f,
+    applyValidationState: o,
+    resetValidationState: s
   };
 }
-function bt(t) {
-  const u = S(() => !!t.value.label), n = S(() => !!t.value.required), e = S(() => t.value.label || "");
+function wt(t) {
+  const r = k(() => !!t.value.label), l = k(() => !!t.value.required), e = k(() => t.value.label || "");
   return {
-    showLabel: u,
-    showRequired: n,
+    showLabel: r,
+    showRequired: l,
     labelText: e
   };
 }
-const Ce = /* @__PURE__ */ T({
+const Ve = /* @__PURE__ */ D({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const u = t, { showLabel: n, showRequired: e, labelText: l } = bt(we(u, "model"));
-    return (s, r) => d(n) ? (f(), b(d(Y), {
+    const r = t, { showLabel: l, showRequired: e, labelText: a } = wt(Ee(r, "model"));
+    return (o, s) => c(l) ? (v(), b(c(ee), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
-      default: k(() => [
-        z(A(d(l)) + " ", 1),
-        d(e) ? (f(), b(d(xe), {
+      default: S(() => [
+        B(A(c(a)) + " ", 1),
+        c(e) ? (v(), b(c(Fe), {
           key: 0,
           color: "danger"
         }, {
-          default: k(() => r[0] || (r[0] = [
-            z("*")
+          default: S(() => s[0] || (s[0] = [
+            B("*")
           ])),
           _: 1,
           __: [0]
@@ -847,9 +864,9 @@ const Ce = /* @__PURE__ */ T({
       _: 1
     })) : O("", !0);
   }
-}), se = /* @__PURE__ */ T({
+}), ce = /* @__PURE__ */ D({
   __name: "BaseInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {},
     type: {}
   }, {
@@ -857,31 +874,31 @@ const Ce = /* @__PURE__ */ T({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), { isValid: o, onValueUpdate: y, onFocus: p, onReset: c, getErrors: v } = ue(
-      l,
+  setup(t, { expose: r }) {
+    const l = t, e = K(t, "modelValue"), a = E(null), o = E(e.value.value), s = k(() => l.schema), { isValid: n, onValueUpdate: y, onFocus: d, onReset: p, getErrors: f } = ie(
+      a,
       e,
-      s,
-      r
-    ), i = S(() => {
-      if (e.value.pattern) return Ke(e.value.pattern);
+      o,
+      s
+    ), i = k(() => {
+      if (e.value.pattern) return Ze(e.value.pattern);
     });
-    return D(
+    return T(
       () => e.value.value,
-      (h) => s.value = h
-    ), u({
+      (h) => o.value = h
+    ), r({
       onValueUpdate: y,
-      onReset: c,
-      getErrors: v,
-      isValid: o
+      onReset: p,
+      getErrors: f,
+      isValid: n
     }), (h, C) => {
       var w;
-      const x = Oe("maskito");
-      return Ee((f(), b(d(_e), {
+      const F = xe("maskito");
+      return Re((v(), b(c(Se), {
         ref_key: "inputRef",
-        ref: l,
-        modelValue: s.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (R) => s.value = R),
+        ref: a,
+        modelValue: o.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (R) => o.value = R),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
@@ -897,209 +914,209 @@ const Ce = /* @__PURE__ */ T({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: d(p),
-        onIonChange: d(y),
-        onIonBlur: d(y)
+        onIonFocus: c(d),
+        onIonChange: c(y),
+        onIonBlur: c(y)
       }, {
-        default: k(() => [
-          I(Ce, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (f(), b(d(Y), {
+        default: S(() => [
+          P(Ve, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (v(), b(c(ee), {
             key: 0,
             slot: "start"
           }, {
-            default: k(() => [
-              z(A(e.value.prefix), 1)
+            default: S(() => [
+              B(A(e.value.prefix), 1)
             ]),
             _: 1
           })) : O("", !0),
-          e.value.suffix ? (f(), b(d(Y), {
+          e.value.suffix ? (v(), b(c(ee), {
             key: 1,
             slot: "end"
           }, {
-            default: k(() => [
-              z(A(e.value.suffix), 1)
+            default: S(() => [
+              B(A(e.value.suffix), 1)
             ]),
             _: 1
           })) : O("", !0),
-          h.type === "password" ? (f(), b(d(Re), {
+          h.type === "password" ? (v(), b(c(ze), {
             key: 2,
             slot: "end"
           })) : O("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-        [x, i.value]
+        [F, i.value]
       ]);
     };
   }
-}), kt = /* @__PURE__ */ T({
+}), Ot = /* @__PURE__ */ D({
   __name: "TextInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = H(t, "modelValue"), e = E(null);
-    return u({
+  setup(t, { expose: r }) {
+    const l = K(t, "modelValue"), e = E(null);
+    return r({
       onReset: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var a, o;
+        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (l, s) => (f(), b(se, {
-      modelValue: n.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
+    }), (a, o) => (v(), b(ce, {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
       type: "text",
-      schema: l.schema,
+      schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), St = /* @__PURE__ */ T({
+}), Et = /* @__PURE__ */ D({
   __name: "DateInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = H(t, "modelValue"), e = E(null);
-    return u({
+  setup(t, { expose: r }) {
+    const l = K(t, "modelValue"), e = E(null);
+    return r({
       onValueUpdate: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       onReset: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var a, o;
+        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (l, s) => (f(), b(se, {
-      modelValue: n.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
-      type: n.value.enableTime ? "datetime-local" : "date",
-      schema: l.schema,
+    }), (a, o) => (v(), b(ce, {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      type: l.value.enableTime ? "datetime-local" : "date",
+      schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), wt = /* @__PURE__ */ T({
+}), xt = /* @__PURE__ */ D({
   __name: "NumberInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = H(t, "modelValue"), e = E(null);
-    return u({
+  setup(t, { expose: r }) {
+    const l = K(t, "modelValue"), e = E(null);
+    return r({
       onReset: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var a, o;
+        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (l, s) => (f(), b(se, {
-      modelValue: n.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
+    }), (a, o) => (v(), b(ce, {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
       type: "number",
-      schema: l.schema,
+      schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ot = /* @__PURE__ */ T({
+}), Rt = /* @__PURE__ */ D({
   __name: "EmailInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = H(t, "modelValue"), e = E(null);
-    return u({
+  setup(t, { expose: r }) {
+    const l = K(t, "modelValue"), e = E(null);
+    return r({
       onReset: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var a, o;
+        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (l, s) => (f(), b(se, {
-      modelValue: n.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
+    }), (a, o) => (v(), b(ce, {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
       type: "email",
-      schema: l.schema,
+      schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Et = /* @__PURE__ */ T({
+}), Ft = /* @__PURE__ */ D({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = H(t, "modelValue"), e = E(null);
-    return u({
+  setup(t, { expose: r }) {
+    const l = K(t, "modelValue"), e = E(null);
+    return r({
       onReset: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var l;
-        return (l = e.value) == null ? void 0 : l.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var a, o;
+        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (l, s) => (f(), b(se, {
-      modelValue: n.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
+    }), (a, o) => (v(), b(ce, {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
       type: "password",
-      schema: l.schema,
+      schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), xt = /* @__PURE__ */ T({
+}), zt = /* @__PURE__ */ D({
   __name: "SelectInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: Object,
     type: String,
     formId: String
@@ -1108,62 +1125,62 @@ const Ce = /* @__PURE__ */ T({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = t, e = H(t, "modelValue"), l = E(null), s = E(null), r = E(!1), o = E([]), y = E(""), p = E(1), c = S(() => e.value.interface ?? "popover"), v = S(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), i = S(() => o.value.filter((a) => !!a.isChecked)), h = S(() => !y.value && me(i.value) && !r.value ? e.value.placeholder ?? "Select an option" : "");
-    D([y, () => e.value.options], L, {
+  setup(t, { expose: r }) {
+    const l = t, e = K(t, "modelValue"), a = E(null), o = E(null), s = E(!1), n = E([]), y = E(""), d = E(1), p = k(() => e.value.interface ?? "popover"), f = k(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), i = k(() => n.value.filter((m) => !!m.isChecked)), h = k(() => !y.value && he(i.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
+    T([y, () => e.value.options], L, {
       immediate: !0,
       deep: !0
-    }), D(() => e.value.value, V, { immediate: !0, deep: !0 }), D(
-      () => !e.value.dependsOn || !n.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((m) => {
-        var _;
-        return (_ = n.schema[m]) == null ? void 0 : _.value;
+    }), T(() => e.value.value, V, { immediate: !0, deep: !0 }), T(
+      () => !e.value.dependsOn || !l.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((u) => {
+        const g = l.schema[u];
+        return G(g) ? g.value : void 0;
       }),
-      async (a, m) => {
-        a && m && !oe(a, m) && (C(), o.value = [], await L());
+      async (m, u) => {
+        m && u && !se(m, u) && (C(), n.value = [], await L());
       },
       { deep: !0 }
     );
     function C() {
-      e.value.error = "", y.value = "", p.value = 1, e.value.value = e.value.multiple ? [] : "", Ze(o.value);
+      e.value.error = "", y.value = "", d.value = 1, e.value.value = e.value.multiple ? [] : "", Qe(n.value);
     }
-    function x(a) {
-      const m = o.value.findIndex((_) => _.value === a.value && _.isChecked);
-      if (m >= 0) {
+    function F(m) {
+      const u = n.value.findIndex((g) => g.value === m.value && g.isChecked);
+      if (u >= 0) {
         if (Array.isArray(e.value.value)) {
-          const _ = ye(a, e.value.value);
-          _ >= 0 && e.value.value.splice(_, 1);
+          const g = Ce(m, e.value.value);
+          g >= 0 && e.value.value.splice(g, 1);
         }
-        o.value[m].isChecked = !1;
+        n.value[u].isChecked = !1;
       } else
-        e.value.multiple || C(), X(a, o.value);
+        e.value.multiple || C(), Y(m, n.value);
       q(), y.value = "";
     }
     function w() {
-      switch (c.value) {
+      switch (p.value) {
         case "action-sheet":
           R();
           break;
         case "alert":
-          F();
+          z();
           break;
         case "popover":
         default:
-          r.value = !0;
+          s.value = !0;
           break;
       }
     }
     async function R() {
       if (await L(), e.value.multiple) {
-        r.value = !0;
+        s.value = !0;
         return;
       }
-      await (await ze.create({
+      await (await Be.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...o.value.map((m) => ({
-            text: m.label,
-            cssClass: m.isChecked ? "selected-option" : "",
-            handler: () => (x(m), !1)
+          ...n.value.map((u) => ({
+            text: u.label,
+            cssClass: u.isChecked ? "selected-option" : "",
+            handler: () => (F(u), !1)
           })),
           {
             text: "Cancel",
@@ -1172,17 +1189,17 @@ const Ce = /* @__PURE__ */ T({
         ]
       })).present();
     }
-    async function F() {
+    async function z() {
       await L();
-      const a = o.value.map((_) => ({
-        label: _.label,
+      const m = n.value.map((g) => ({
+        label: g.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: _,
-        checked: _.isChecked
+        value: g,
+        checked: g.isChecked
       }));
-      await (await Be.create({
+      await (await Pe.create({
         header: e.value.label || "Select an option",
-        inputs: a,
+        inputs: m,
         buttons: [
           {
             text: "Cancel",
@@ -1190,16 +1207,16 @@ const Ce = /* @__PURE__ */ T({
           },
           {
             text: "OK",
-            handler: (_) => {
+            handler: (g) => {
               if (e.value.multiple)
-                o.value.forEach((g) => We(g, o.value)), _.forEach((g) => {
-                  const P = o.value.find((U) => U.value === g.value);
-                  P && X(P, o.value);
+                n.value.forEach((x) => Je(x, n.value)), g.forEach((x) => {
+                  const _ = n.value.find((U) => U.value === x.value);
+                  _ && Y(_, n.value);
                 });
               else {
                 C();
-                const g = o.value.find((P) => P.value === _.value);
-                g && X(g, o.value);
+                const x = n.value.find((_) => _.value === g.value);
+                x && Y(x, n.value);
               }
               q();
             }
@@ -1207,92 +1224,92 @@ const Ce = /* @__PURE__ */ T({
         ]
       })).present();
     }
-    async function j() {
-      if (e.value.required && me(i.value))
+    async function N() {
+      if (e.value.required && he(i.value))
         return "This field is required";
       if (e.value.validation) {
-        const a = await e.value.validation(i.value, n == null ? void 0 : n.schema);
-        if (a && a.length)
-          return a.join();
+        const m = await e.value.validation(i.value, l == null ? void 0 : l.schema);
+        if (m && m.length)
+          return m.join();
       }
       return !0;
     }
-    const { onFocus: W, applyValidationState: J } = ue(
-      l,
+    const { onFocus: Z, applyValidationState: Q } = ie(
+      a,
       e,
-      S(() => e.value.multiple ? i.value : i.value[0]),
-      S(() => n == null ? void 0 : n.schema),
-      j
+      k(() => e.value.multiple ? i.value : i.value[0]),
+      k(() => l == null ? void 0 : l.schema),
+      N
     );
-    function Z(a) {
-      var m;
-      a.target === ((m = l.value) == null ? void 0 : m.$el) && (W(), c.value === "popover" && (r.value = !0));
+    function J(m) {
+      var u;
+      m.target === ((u = a.value) == null ? void 0 : u.$el) && (Z(), p.value === "popover" && (s.value = !0));
     }
-    async function q(a) {
-      var _;
-      if ((_ = a == null ? void 0 : a.relatedTarget) != null && _.closest(".suggestions-list")) return;
-      r.value = !1;
-      const m = await j();
-      m === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? i.value : i.value[0]) : e.value.error = typeof m == "string" ? m : "Validation failed", await J(m === !0);
+    async function q(m) {
+      var g;
+      if ((g = m == null ? void 0 : m.relatedTarget) != null && g.closest(".suggestions-list")) return;
+      s.value = !1;
+      const u = await N();
+      u === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? i.value : i.value[0]) : e.value.error = typeof u == "string" ? u : "Validation failed", await Q(u === !0);
     }
     async function L() {
-      const a = [];
+      const m = [];
       if (typeof e.value.options == "function") {
-        let m = {};
-        if (e.value.dependsOn && n.schema) {
-          const _ = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
-          let g = !0;
-          if (m = _.reduce(
-            (P, U) => {
-              var Q;
-              return P[U] = (Q = n.schema[U]) == null ? void 0 : Q.value, (P[U] === void 0 || P[U] === null || P[U] === "") && (g = !1), P;
+        let u = {};
+        if (e.value.dependsOn && l.schema) {
+          const g = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
+          let x = !0;
+          if (u = g.reduce(
+            (_, U) => {
+              const X = l.schema[U];
+              return _[U] = G(X) ? X.value : void 0, (_[U] === void 0 || _[U] === null || _[U] === "") && (x = !1), _;
             },
             {}
-          ), g) {
-            const P = await e.value.options(y.value, m);
-            a.push(...P.filter((U) => !!U.label));
+          ), x) {
+            const _ = await e.value.options(y.value, u);
+            m.push(..._.filter((U) => !!U.label));
           }
         } else {
-          const _ = await e.value.options(y.value, {});
-          a.push(..._.filter((g) => !!g.label));
+          const g = await e.value.options(y.value, {});
+          m.push(...g.filter((x) => !!x.label));
         }
-      } else Array.isArray(e.value.options) && a.push(...Je(e.value.options, y.value));
-      i.value.forEach((m) => X(m, a)), o.value = a;
+      } else Array.isArray(e.value.options) && m.push(...Xe(e.value.options, y.value));
+      i.value.forEach((u) => Y(u, m)), n.value = m;
     }
     async function V() {
-      const a = e.value.value;
-      if (a) {
-        if (o.value.length === 0 && await L(), Array.isArray(a))
-          a.forEach((m) => X(m, o.value));
-        else if (typeof a == "object")
-          X(a, o.value);
+      const m = e.value.value;
+      if (m) {
+        if (n.value.length === 0 && await L(), Array.isArray(m))
+          m.forEach((u) => Y(u, n.value));
+        else if (typeof m == "object")
+          Y(m, n.value);
         else {
-          const m = o.value.find((_) => _.value === a);
-          X(m || {
-            value: a,
-            label: a
-          }, o.value);
+          const u = n.value.find((g) => g.value === m);
+          Y(u || {
+            value: m,
+            label: m
+          }, n.value);
         }
         q();
       }
     }
-    return ge(async () => {
+    return _e(async () => {
       await L(), await V();
-    }), u({
+    }), r({
       onValueUpdate: q,
       onReset: C,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (a, m) => (f(), $("div", {
+    }), (m, u) => (v(), $("div", {
       class: "autocomplete-container",
       onFocusout: q,
       ref_key: "containerRef",
-      ref: s
+      ref: o
     }, [
-      I(d(_e), {
+      P(c(Se), {
         ref_key: "inputRef",
-        ref: l,
+        ref: a,
         modelValue: y.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (_) => y.value = _),
+        "onUpdate:modelValue": u[0] || (u[0] = (g) => y.value = g),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: t.type ?? "text",
@@ -1302,23 +1319,23 @@ const Ce = /* @__PURE__ */ T({
         placeholder: h.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: Z,
+        onIonFocus: J,
         debounce: 300,
         onClick: w
       }, {
-        default: k(() => [
-          I(Ce, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (f(), b(d(Y), {
+        default: S(() => [
+          P(Ve, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (v(), b(c(ee), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            default: k(() => [
-              (f(!0), $(M, null, K(i.value, (_, g) => (f(), b(d(Ae), { key: g }, {
-                default: k(() => [
-                  I(d(Y), null, {
-                    default: k(() => [
-                      z(A(_.label), 1)
+            default: S(() => [
+              (v(!0), $(M, null, W(i.value, (g, x) => (v(), b(c(Ae), { key: x }, {
+                default: S(() => [
+                  P(c(ee), null, {
+                    default: S(() => [
+                      B(A(g.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1327,52 +1344,52 @@ const Ce = /* @__PURE__ */ T({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (f(), b(d(Y), {
+          })) : (v(), b(c(ee), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: k(() => {
-              var _;
+            default: S(() => {
+              var g;
               return [
-                z(A(((_ = i.value[0]) == null ? void 0 : _.label) ?? ""), 1)
+                B(A(((g = i.value[0]) == null ? void 0 : g.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          I(d(ce), {
+          P(c(pe), {
             slot: "end",
-            icon: d(De)
+            icon: c(qe)
           }, null, 8, ["icon"]),
-          i.value.length > 0 || y.value ? (f(), b(d(ce), {
+          i.value.length > 0 || y.value ? (v(), b(c(pe), {
             key: 2,
             slot: "end",
-            icon: d(Te),
+            icon: c(Le),
             onClick: C,
             style: { "z-index": "999999" }
           }, null, 8, ["icon"])) : O("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      r.value && o.value.length > 0 && c.value === "popover" ? (f(), b(d($e), {
+      s.value && n.value.length > 0 && p.value === "popover" ? (v(), b(c($e), {
         key: 0,
-        class: ne(["suggestions-list", v.value])
+        class: le(["suggestions-list", f.value])
       }, {
-        default: k(() => [
-          (f(!0), $(M, null, K(o.value, (_) => (f(), b(d(Fe), {
+        default: S(() => [
+          (v(!0), $(M, null, W(n.value, (g) => (v(), b(c(Ie), {
             button: "",
-            key: _.label,
-            onClick: (g) => x(_)
+            key: g.label,
+            onClick: (x) => F(g)
           }, {
-            default: k(() => [
-              e.value.multiple ? (f(), b(d(be), {
+            default: S(() => [
+              e.value.multiple ? (v(), b(c(ke), {
                 key: 0,
                 slot: "start",
-                checked: _.isChecked
+                checked: g.isChecked
               }, null, 8, ["checked"])) : O("", !0),
-              I(d(Y), null, {
-                default: k(() => [
-                  z(A(_.label), 1)
+              P(c(ee), null, {
+                default: S(() => [
+                  B(A(g.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1384,34 +1401,34 @@ const Ce = /* @__PURE__ */ T({
       }, 8, ["class"])) : O("", !0)
     ], 544));
   }
-}), Rt = /* @__PURE__ */ de(xt, [["__scopeId", "data-v-8d55391c"]]), At = /* @__PURE__ */ T({
+}), At = /* @__PURE__ */ re(zt, [["__scopeId", "data-v-f96dd419"]]), $t = /* @__PURE__ */ D({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), { onValueUpdate: o, onFocus: y, onReset: p, getErrors: c } = ue(
-      l,
+  setup(t, { expose: r }) {
+    const l = t, e = K(t, "modelValue"), a = E(null), o = E(e.value.value), s = k(() => l.schema), { onValueUpdate: n, onFocus: y, onReset: d, getErrors: p } = ie(
+      a,
       e,
-      s,
-      r
+      o,
+      s
     );
-    return D(
+    return T(
       () => e.value.value,
-      (v) => s.value = v
-    ), u({
-      onReset: p,
-      onValueUpdate: o,
-      getErrors: c
-    }), (v, i) => (f(), b(d(Pe), {
+      (f) => o.value = f
+    ), r({
+      onReset: d,
+      onValueUpdate: n,
+      getErrors: p
+    }), (f, i) => (v(), b(c(Ue), {
       ref_key: "inputRef",
-      ref: l,
-      modelValue: s.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (h) => s.value = h),
+      ref: a,
+      modelValue: o.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (h) => o.value = h),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -1429,22 +1446,22 @@ const Ce = /* @__PURE__ */ T({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: d(y),
-      onIonChange: d(o),
-      onIonBlur: d(o)
+      onIonFocus: c(y),
+      onIonChange: c(n),
+      onIonBlur: c(n)
     }, {
-      default: k(() => [
-        I(Ce, { model: e.value }, null, 8, ["model"])
+      default: S(() => [
+        P(Ve, { model: e.value }, null, 8, ["model"])
       ]),
       _: 1
     }, 8, ["modelValue", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), $t = {
+}), It = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, Ft = { style: { display: "flex", "justify-content": "flex-end" } }, zt = /* @__PURE__ */ T({
+}, Bt = { style: { display: "flex", "justify-content": "flex-end" } }, Pt = /* @__PURE__ */ D({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {},
     data: {},
     computedData: {}
@@ -1453,69 +1470,69 @@ const Ce = /* @__PURE__ */ T({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = H(t, "modelValue"), e = E([]), { dynamicRefs: l, resetForm: s, getFormErrors: r, updateFormValues: o } = Se(), y = S(() => e.value.map((C, x) => ({
-      label: `Set ${x + 1}`,
-      value: x,
+  setup(t, { expose: r }) {
+    const l = K(t, "modelValue"), e = E([]), { dynamicRefs: a, resetForm: o, getFormErrors: s, updateFormValues: n } = Oe(), y = k(() => e.value.map((C, F) => ({
+      label: `Set ${F + 1}`,
+      value: F,
       other: Object.entries(C).reduce(
-        (w, [R, F]) => (w[R] = F.value, w),
+        (w, [R, z]) => (G(z) && (w[R] = z.value), w),
         {}
       )
     })));
-    D(
+    T(
       y,
       (C) => {
-        n.value.value = C;
+        l.value.value = C;
       },
       { deep: !0, immediate: !0 }
-    ), ge(p);
-    function p() {
-      n.value.children && e.value.push(he(n.value.children));
+    ), _e(d);
+    function d() {
+      l.value.children && e.value.push(ye(l.value.children));
     }
-    function c(C) {
+    function p(C) {
       e.value.splice(C, 1);
     }
-    function v() {
-      s();
+    function f() {
+      o();
     }
     function i() {
-      return r();
+      return s();
     }
     async function h() {
-      await o();
+      await n();
     }
-    return u({
+    return r({
       onValueUpdate: h,
-      onReset: v,
+      onReset: f,
       getErrors: i
-    }), (C, x) => (f(!0), $(M, null, K(e.value, (w, R) => (f(), $("div", {
+    }), (C, F) => (v(!0), $(M, null, W(e.value, (w, R) => (v(), $("div", {
       class: "repeat-input-wrapper",
       key: R
     }, [
-      B("div", $t, [
-        I(d(le), null, {
-          default: k(() => [
-            (f(!0), $(M, null, K(Object.keys(w), (F) => {
-              var j, W, J, Z, q;
-              return f(), $(M, null, [
-                d(ie)(w[F], C.data, C.computedData) ? (f(), b(d(ae), {
-                  key: `${R}-${F}`,
-                  size: ((j = w[F].grid) == null ? void 0 : j.xs) ?? "12",
-                  "size-sm": (W = w[F].grid) == null ? void 0 : W.sm,
-                  "size-md": (J = w[F].grid) == null ? void 0 : J.md,
-                  "size-lg": (Z = w[F].grid) == null ? void 0 : Z.lg,
-                  "size-xl": (q = w[F].grid) == null ? void 0 : q.xl,
+      I("div", It, [
+        P(c(ue), null, {
+          default: S(() => [
+            (v(!0), $(M, null, W(Object.keys(w), (z) => {
+              var N, Z, Q, J, q;
+              return v(), $(M, null, [
+                c(ge)(w[z], C.data, C.computedData) ? (v(), b(c(te), {
+                  key: `${R}-${z}`,
+                  size: ((N = w[z].grid) == null ? void 0 : N.xs) ?? "12",
+                  "size-sm": (Z = w[z].grid) == null ? void 0 : Z.sm,
+                  "size-md": (Q = w[z].grid) == null ? void 0 : Q.md,
+                  "size-lg": (J = w[z].grid) == null ? void 0 : J.lg,
+                  "size-xl": (q = w[z].grid) == null ? void 0 : q.xl,
                   class: "ion-margin-bottom"
                 }, {
-                  default: k(() => [
-                    (f(), b(fe(w[F].type), {
-                      modelValue: w[F],
-                      "onUpdate:modelValue": (L) => w[F] = L,
+                  default: S(() => [
+                    (v(), b(me(w[z].type), {
+                      modelValue: w[z],
+                      "onUpdate:modelValue": (L) => w[z] = L,
                       schema: w,
-                      "ref-key": `${R}-${F}`,
+                      "ref-key": `${R}-${z}`,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
-                      ref: l
+                      ref: a
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
@@ -1526,29 +1543,29 @@ const Ce = /* @__PURE__ */ T({
           _: 2
         }, 1024)
       ]),
-      B("div", Ft, [
-        R === e.value.length - 1 ? (f(), b(d(N), {
+      I("div", Bt, [
+        R === e.value.length - 1 ? (v(), b(c(j), {
           key: 0,
-          onClick: p,
+          onClick: d,
           color: "primary"
         }, {
-          default: k(() => [
-            I(d(ce), {
+          default: S(() => [
+            P(c(pe), {
               slot: "icon-only",
-              icon: d(qe)
+              icon: c(Me)
             }, null, 8, ["icon"])
           ]),
           _: 1
         })) : O("", !0),
-        e.value.length > 1 ? (f(), b(d(N), {
+        e.value.length > 1 ? (v(), b(c(j), {
           key: 1,
-          onClick: (F) => c(R),
+          onClick: (z) => p(R),
           color: "warning"
         }, {
-          default: k(() => [
-            I(d(ce), {
+          default: S(() => [
+            P(c(pe), {
               slot: "icon-only",
-              icon: d(Le)
+              icon: c(Ne)
             }, null, 8, ["icon"])
           ]),
           _: 2
@@ -1556,97 +1573,97 @@ const Ce = /* @__PURE__ */ T({
       ])
     ]))), 128));
   }
-}), Bt = /* @__PURE__ */ de(zt, [["__scopeId", "data-v-060bdf58"]]), Pt = /* @__PURE__ */ T({
+}), Ut = /* @__PURE__ */ re(Pt, [["__scopeId", "data-v-5bad57e4"]]), Dt = /* @__PURE__ */ D({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), o = S(() => ke(e.value)), { onValueUpdate: y, onFocus: p, getErrors: c } = ue(l, e, s, r);
-    function v() {
-      s.value = !1, e.value.error = "", e.value.value = !1;
+  setup(t, { expose: r }) {
+    const l = t, e = K(t, "modelValue"), a = E(null), o = E(e.value.value), s = k(() => l.schema), n = k(() => we(e.value)), { onValueUpdate: y, onFocus: d, getErrors: p } = ie(a, e, o, s);
+    function f() {
+      o.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return D(
+    return T(
       () => e.value.value,
-      (i) => s.value = i
-    ), u({
+      (i) => o.value = i
+    ), r({
       onValueUpdate: y,
-      onReset: v,
-      getErrors: c
-    }), (i, h) => (f(), b(d(be), {
-      modelValue: s.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (C) => s.value = C),
+      onReset: f,
+      getErrors: p
+    }), (i, h) => (v(), b(c(ke), {
+      modelValue: o.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (C) => o.value = C),
       ref_key: "inputRef",
-      ref: l,
+      ref: a,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: d(p),
-      onIonChange: d(y),
-      onIonBlur: d(y)
+      onIonFocus: c(d),
+      onIonChange: c(y),
+      onIonBlur: c(y)
     }, {
-      default: k(() => [
-        z(A(o.value), 1)
+      default: S(() => [
+        B(A(n.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), It = /* @__PURE__ */ T({
+}), Tt = /* @__PURE__ */ D({
   __name: "RadioInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), o = E([]), y = S(() => ke(e.value)), { onValueUpdate: p, onFocus: c, getErrors: v } = ue(l, e, s, r);
+  setup(t, { expose: r }) {
+    const l = t, e = K(t, "modelValue"), a = E(null), o = E(e.value.value), s = k(() => l.schema), n = E([]), y = k(() => we(e.value)), { onValueUpdate: d, onFocus: p, getErrors: f } = ie(a, e, o, s);
     function i() {
-      e.value.error = "", s.value = void 0, e.value.value = void 0;
+      e.value.error = "", o.value = void 0, e.value.value = void 0;
     }
-    function h(x, w) {
-      return x.value === w.value;
+    function h(F, w) {
+      return F.value === w.value;
     }
     async function C() {
-      typeof e.value.options == "function" ? o.value = await e.value.options() : o.value = e.value.options;
+      typeof e.value.options == "function" ? n.value = await e.value.options() : n.value = e.value.options;
     }
-    return D(
+    return T(
       () => e.value.value,
-      (x) => s.value = x
-    ), u({
-      onValueUpdate: p,
+      (F) => o.value = F
+    ), r({
+      onValueUpdate: d,
       onReset: i,
-      getErrors: v
-    }), ge(C), (x, w) => (f(), b(d(Ie), {
-      modelValue: s.value,
-      "onUpdate:modelValue": w[0] || (w[0] = (R) => s.value = R),
+      getErrors: f
+    }), _e(C), (F, w) => (v(), b(c(De), {
+      modelValue: o.value,
+      "onUpdate:modelValue": w[0] || (w[0] = (R) => o.value = R),
       ref_key: "inputRef",
-      ref: l,
+      ref: a,
       required: e.value.required,
       "helper-text": y.value,
       "error-text": e.value.error,
       disabled: e.value.disabled,
       compareWith: h,
       "allow-empty-selection": !e.value.required,
-      onIonFocus: d(c),
-      onIonChange: d(p),
-      onIonBlur: d(p)
+      onIonFocus: c(p),
+      onIonChange: c(d),
+      onIonBlur: c(d)
     }, {
-      default: k(() => [
-        (f(!0), $(M, null, K(o.value, (R) => (f(), b(d(Ue), {
+      default: S(() => [
+        (v(!0), $(M, null, W(n.value, (R) => (v(), b(c(Te), {
           key: R.value,
           value: R,
           disabled: e.value.disabled,
           "label-placement": "end",
           justify: "start"
         }, {
-          default: k(() => [
-            z(A(R.label), 1)
+          default: S(() => [
+            B(A(R.label), 1)
           ]),
           _: 2
         }, 1032, ["value", "disabled"]))), 128))
@@ -1654,71 +1671,106 @@ const Ce = /* @__PURE__ */ T({
       _: 1
     }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-});
-function Lt(t, u, n) {
-  const e = E({}), l = E({});
-  function s(c, v, i) {
-    l.value[c] = i, v.forEach((h) => {
+}), qt = { class: "form-section-header" }, Lt = { class: "form-section-title" }, Mt = {
+  key: 0,
+  class: "form-section-subtitle"
+}, Nt = /* @__PURE__ */ D({
+  __name: "SectionTitle",
+  props: {
+    modelValue: {},
+    schema: {},
+    formId: {},
+    refKey: {}
+  },
+  setup(t) {
+    const l = t.modelValue;
+    return (e, a) => {
+      var o, s, n, y, d;
+      return v(), b(c(te), {
+        size: ((o = c(l).grid) == null ? void 0 : o.xs) ?? "12",
+        "size-sm": (s = c(l).grid) == null ? void 0 : s.sm,
+        "size-md": (n = c(l).grid) == null ? void 0 : n.md,
+        "size-lg": (y = c(l).grid) == null ? void 0 : y.lg,
+        "size-xl": (d = c(l).grid) == null ? void 0 : d.xl,
+        class: le(["form-section-container", c(l).className])
+      }, {
+        default: S(() => [
+          I("div", qt, [
+            I("h3", Lt, A(c(l).title), 1),
+            c(l).subtitle ? (v(), $("p", Mt, A(c(l).subtitle), 1)) : O("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["size", "size-sm", "size-md", "size-lg", "size-xl", "class"]);
+    };
+  }
+}), jt = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-cf5d6e04"]]);
+function Zt(t, r, l) {
+  const e = E({}), a = E({});
+  function o(p, f, i) {
+    a.value[p] = i, f.forEach((h) => {
       var C;
-      (C = e.value)[h] ?? (C[h] = []), e.value[h].includes(c) || e.value[h].push(c);
-    }), p(c);
+      (C = e.value)[h] ?? (C[h] = []), e.value[h].includes(p) || e.value[h].push(p);
+    }), d(p);
   }
-  function r(c) {
-    return Object.entries(e.value).filter(([, i]) => i.includes(c)).map(([i]) => i).reduce(
-      (i, h) => (i[h] = u.value[h] ?? n.value[h], i),
+  function s(p) {
+    return Object.entries(e.value).filter(([, i]) => i.includes(p)).map(([i]) => i).reduce(
+      (i, h) => (i[h] = r.value[h] ?? l.value[h], i),
       {}
     );
   }
-  function o(c, v) {
-    return c ? Array.isArray(c) ? c.some((i) => v.some((h) => y(i, h.value))) : v.some((i) => y(c, i.value)) : !1;
+  function n(p, f) {
+    return p ? Array.isArray(p) ? p.some((i) => f.some((h) => y(i, h.value))) : f.some((i) => y(p, i.value)) : !1;
   }
-  function y(c, v) {
-    return typeof c == "object" && c !== null ? c.value === v : String(c) === String(v);
+  function y(p, f) {
+    return typeof p == "object" && p !== null ? p.value === f : String(p) === String(f);
   }
-  async function p(c, v) {
-    if (!l.value[c]) return;
-    const i = r(c), h = Object.keys(i);
+  async function d(p, f) {
+    if (!a.value[p]) return;
+    const i = s(p), h = Object.keys(i);
     if (!(h.length === 0 || !h.every(
-      (x) => i[x] !== void 0 && i[x] !== null
+      (F) => i[F] !== void 0 && i[F] !== null
     )))
       try {
-        const x = l.value[c], w = await x(v, i);
-        if (!t.value[c]) return;
-        t.value[c].options = w;
-        const R = t.value[c].value;
-        if (!R) return;
-        o(R, w) || (t.value[c].value = t.value[c].multiple ? [] : "");
-      } catch (x) {
-        console.error(`Error loading options for ${c}:`, x);
+        const F = a.value[p], w = await F(f, i);
+        if (!t.value[p]) return;
+        const R = t.value[p];
+        if (!G(R)) return;
+        R.options = w;
+        const z = R.value;
+        if (!z) return;
+        n(z, w) || (R.value = R.multiple ? [] : "");
+      } catch (F) {
+        console.error(`Error loading options for ${p}:`, F);
       }
   }
-  return D(
-    [u, n],
+  return T(
+    [r, l],
     () => {
-      Object.entries(e.value).forEach(([c, v]) => {
-        (u.value[c] !== void 0 || n.value[c] !== void 0) && v.forEach((i) => {
-          p(i);
+      Object.entries(e.value).forEach(([p, f]) => {
+        (r.value[p] !== void 0 || l.value[p] !== void 0) && f.forEach((i) => {
+          d(i);
         });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
-    registerDependency: s,
-    updateOptions: p
+    registerDependency: o,
+    updateOptions: d
   };
 }
-const Mt = {
+const Jt = {
   install(t) {
-    t.component("VForm", Vt), t.component("TextInput", kt), t.component("DateInput", St), t.component("NumberInput", wt), t.component("EmailInput", Ot), t.component("PasswordInput", Et), t.component("SelectInput", Rt), t.component("TextAreaInput", At), t.component("RepeatInput", Bt), t.component("CheckboxInput", Pt), t.component("RadioInput", It), t.directive("maskito", Me);
+    t.component("VForm", St), t.component("TextInput", Ot), t.component("DateInput", Et), t.component("NumberInput", xt), t.component("EmailInput", Rt), t.component("PasswordInput", Ft), t.component("SelectInput", At), t.component("TextAreaInput", $t), t.component("RepeatInput", Ut), t.component("CheckboxInput", Dt), t.component("RadioInput", Tt), t.component("FormSection", jt), t.directive("maskito", je);
   }
 };
 export {
-  Mt as VForm,
-  Mt as default,
-  Qe as useDataTransformation,
-  Lt as useDependentOptions,
-  Se as useFormValidation,
-  ue as useInputValidation,
-  Xe as useMultiStepForm
+  Jt as VForm,
+  Jt as default,
+  et as useDataTransformation,
+  Zt as useDependentOptions,
+  Oe as useFormValidation,
+  ie as useInputValidation,
+  tt as useMultiStepForm
 };
 //# sourceMappingURL=index.es.js.map