@uniquedj95/vform 3.6.1 → 3.6.3

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { ref as O, computed as E, watch as q, defineComponent as N, createElementBlock as $, openBlock as v, normalizeClass as W, createElementVNode as B, createCommentVNode as R, Fragment as M, renderList as X, toDisplayString as F, normalizeStyle as _e, createBlock as _, resolveDynamicComponent as he, mergeProps as Ae, unref as i, withCtx as k, createVNode as D, createTextVNode as U, toRef as Fe, mergeModels as J, useModel as Q, resolveDirective as $e, withDirectives as Pe, onMounted as ke } from "vue";
-import { IonGrid as xe, IonRow as oe, IonCol as ae, IonButton as H, IonLabel as ne, IonText as Be, IonInput as Ee, IonInputPasswordToggle as Ue, IonChip as De, IonIcon as ge, IonList as Te, IonItem as Oe, IonCheckbox as Ie, actionSheetController as qe, alertController as Ne, IonTextarea as Le, IonRadioGroup as Me, IonRadio as je } from "@ionic/vue";
+import { ref as I, computed as O, watch as N, defineComponent as q, createElementBlock as F, openBlock as d, normalizeClass as K, createElementVNode as B, createCommentVNode as x, Fragment as L, renderList as X, toDisplayString as A, normalizeStyle as be, createBlock as _, resolveDynamicComponent as he, mergeProps as Re, unref as i, withCtx as V, createVNode as P, createTextVNode as U, toRef as Ae, mergeModels as J, useModel as Q, resolveDirective as $e, withDirectives as Fe, onMounted as we } from "vue";
+import { IonGrid as Oe, IonRow as oe, IonCol as ae, IonButton as H, IonLabel as ne, IonText as Pe, IonInput as xe, IonInputPasswordToggle as Be, IonChip as Ue, IonIcon as ge, IonList as De, IonItem as Ve, IonCheckbox as Ie, actionSheetController as Te, alertController as Ne, IonTextarea as qe, IonNote as Le, IonRadioGroup as Me, IonRadio as je } from "@ionic/vue";
 import { chevronDown as Ge, close as He, add as Ke, remove as We } from "ionicons/icons";
 import { maskito as Ze } from "@maskito/vue";
 function Je(t) {
-  return new Promise((u) => {
+  return new Promise((s) => {
     requestAnimationFrame(async () => {
       const l = await t.getInputElement();
-      u(l);
+      s(l);
     });
   });
 }
@@ -20,121 +20,118 @@ const Qe = {
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function Ye(t, u) {
+function Ye(t, s) {
   const l = Xe[t];
-  return l[u % l.length];
+  return l[s % l.length];
 }
 function et(t) {
-  const u = [];
+  const s = [];
   let l = "", e = 0, a = 0;
   for (; e < t.length; ) {
     const o = t[e];
     if (["d", "a", "*"].includes(o)) {
-      let s = 1;
+      let u = 1;
       if (t[e + 1] === "{") {
         const n = t.indexOf("}", e + 2);
         if (n !== -1) {
           const g = t.slice(e + 2, n);
           if (g.includes(",")) {
-            const [, d] = g.split(",").map((p) => parseInt(p.trim()));
-            s = d || parseInt(g.split(",")[0]);
+            const [, p] = g.split(",").map((v) => parseInt(v.trim()));
+            u = p || parseInt(g.split(",")[0]);
           } else
-            s = parseInt(g);
+            u = parseInt(g);
           e = n;
         }
       } else {
         let n = e + 1;
         for (; t[n] === o; )
-          s++, n++;
+          u++, n++;
         e = n - 1;
       }
-      for (let n = 0; n < s; n++)
-        u.push(Qe[o]), l += Ye(o, a++);
+      for (let n = 0; n < u; n++)
+        s.push(Qe[o]), l += Ye(o, a++);
     } else
-      u.push(o), l += o;
+      s.push(o), l += o;
     e++;
   }
   return {
-    mask: u,
+    mask: s,
     placeholder: l,
     elementPredicate: Je
   };
 }
-function be(t) {
+function Ce(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function Ve(t, u, l) {
-  return typeof t.condition == "function" ? t.condition(u, l) : !0;
+function ke(t, s, l) {
+  return typeof t.condition == "function" ? t.condition(s, l) : !0;
 }
-function Ce(t) {
+function Se(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((l) => Ce(l));
-  const u = {};
+    return t.map((l) => Se(l));
+  const s = {};
   return Object.entries(t).forEach(([l, e]) => {
-    typeof e == "function" ? u[l] = e.bind(u) : u[l] = Ce(e);
-  }), u;
+    typeof e == "function" ? s[l] = e.bind(s) : s[l] = Se(e);
+  }), s;
 }
-function Se(t, u) {
-  return u.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
+function Ee(t, s) {
+  return s.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
 }
-function le(t, u) {
-  const l = Se(t, u);
-  l >= 0 ? u[l].isChecked = !0 : u.push({ ...t, isChecked: !0 });
+function le(t, s) {
+  const l = Ee(t, s);
+  l >= 0 ? s[l].isChecked = !0 : s.push({ ...t, isChecked: !0 });
 }
-function tt(t, u) {
-  const l = Se(t, u);
-  l >= 0 && (u[l].isChecked = !1);
+function tt(t, s) {
+  const l = Ee(t, s);
+  l >= 0 && (s[l].isChecked = !1);
 }
 function lt(t) {
-  t.forEach((u) => {
-    u.isChecked = !1;
+  t.forEach((s) => {
+    s.isChecked = !1;
   });
 }
-function at(t, u) {
-  return u ? t.filter(
-    (l) => JSON.stringify(l).toLowerCase().includes(u.toLowerCase())
+function at(t, s) {
+  return s ? t.filter(
+    (l) => JSON.stringify(l).toLowerCase().includes(s.toLowerCase())
   ) : t;
 }
-function Re(t) {
-  const u = t.label || "", l = t.required ? " *" : "";
-  return u + l;
+function nt(t) {
+  const s = t.label || "", l = t.required ? " *" : "";
+  return s + l;
 }
-function de(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((a, o) => de(a, u[o]));
-  if (Array.isArray(t) !== Array.isArray(u)) return !1;
-  const l = Object.keys(t), e = Object.keys(u);
+function de(t, s) {
+  if (t === s) return !0;
+  if (t == null || s == null || typeof t != typeof s) return !1;
+  if (typeof t != "object") return t === s;
+  if (Array.isArray(t) && Array.isArray(s))
+    return t.length !== s.length ? !1 : t.every((a, o) => de(a, s[o]));
+  if (Array.isArray(t) !== Array.isArray(s)) return !1;
+  const l = Object.keys(t), e = Object.keys(s);
   return l.length !== e.length ? !1 : l.every(
-    (a) => Object.prototype.hasOwnProperty.call(u, a) && de(t[a], u[a])
+    (a) => Object.prototype.hasOwnProperty.call(s, a) && de(t[a], s[a])
   );
 }
-function K(t) {
+function Z(t) {
   return t.type !== "FormSection";
 }
-function nt(t) {
-  return t.type === "FormSection";
-}
 function ze() {
-  const t = O([]);
-  async function u() {
+  const t = I([]);
+  async function s() {
     console.debug("Validating form inputs");
     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")
+    for (const u of t.value)
+      if (typeof (u == null ? void 0 : u.onValueUpdate) == "function" && await u.onValueUpdate(), typeof (u == null ? void 0 : u.getErrors) == "function")
         try {
-          const n = s.getErrors();
+          const n = u.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);
+          console.error("Error calling getErrors on component:", n, u);
         }
       else
-        console.warn("Component does not have getErrors function:", s);
-    return o.every(be);
+        console.warn("Component does not have getErrors function:", u);
+    return o.every(Ce);
   }
   function l() {
     t.value.forEach((o) => {
@@ -143,13 +140,13 @@ function ze() {
   }
   function e() {
     const o = [];
-    for (const s of t.value)
-      if (typeof (s == null ? void 0 : s.getErrors) == "function")
+    for (const u of t.value)
+      if (typeof (u == null ? void 0 : u.getErrors) == "function")
         try {
-          const n = s.getErrors();
+          const n = u.getErrors();
           Array.isArray(n) ? o.push(...n) : o.push(String(n));
         } catch (n) {
-          console.error("Error calling getErrors on component:", n, s);
+          console.error("Error calling getErrors on component:", n, u);
         }
     return o;
   }
@@ -159,55 +156,55 @@ function ze() {
   }
   return {
     dynamicRefs: t,
-    isFormValid: u,
+    isFormValid: s,
     resetForm: l,
     getFormErrors: e,
     updateFormValues: a
   };
 }
 function ot(t) {
-  const u = E(
-    () => Object.entries(t.value).reduce((d, [p, f]) => (K(f) && f.value !== void 0 && (typeof f.onChange == "function" ? d[p] = f.onChange(f.value, t.value) : d[p] = f.value), d), {})
-  ), l = O({}), e = (d, p, f) => {
-    const r = t.value[d];
-    if (K(r) && r.children) {
-      const h = r.children[p];
-      if (h && K(h) && typeof h.computedValue == "function")
+  const s = O(
+    () => Object.entries(t.value).reduce((p, [v, f]) => (Z(f) && f.value !== void 0 && (typeof f.onChange == "function" ? p[v] = f.onChange(f.value, t.value) : p[v] = f.value), p), {})
+  ), l = I({}), e = (p, v, f) => {
+    const r = t.value[p];
+    if (Z(r) && r.children) {
+      const h = r.children[v];
+      if (h && Z(h) && typeof h.computedValue == "function")
         return h.computedValue(f, t.value);
     }
     return f;
-  }, a = (d, p, f, r) => {
-    l.value[d][r] || (l.value[d][r] = {}), Object.entries(p.other ?? {}).forEach(([h, S]) => {
+  }, a = (p, v, f, r) => {
+    l.value[p][r] || (l.value[p][r] = {}), Object.entries(v.other ?? {}).forEach(([h, S]) => {
       var w;
-      !de(S, (w = f.other) == null ? void 0 : w[h]) && (l.value[d][r][h] = e(d, h, S));
+      !de(S, (w = f.other) == null ? void 0 : w[h]) && (l.value[p][r][h] = e(p, h, S));
     });
-  }, o = (d, p, f) => {
-    p.forEach((r, h) => {
+  }, o = (p, v, f) => {
+    v.forEach((r, h) => {
       const S = f[h] ?? { other: {} };
-      a(d, r, S, h);
+      a(p, r, S, h);
     });
-  }, s = (d, { other: p }) => Object.entries(p ?? {}).reduce(
-    (f, [r, h]) => (f[r] = e(d, r, h), f),
+  }, u = (p, { other: v }) => Object.entries(v ?? {}).reduce(
+    (f, [r, h]) => (f[r] = e(p, r, h), f),
     {}
-  ), n = (d, p, f) => {
-    l.value[d] || (l.value[d] = []);
-    const r = p;
-    Array.isArray(f[d]) ? o(d, r, f[d]) : l.value[d] = r.map((h) => s(d, h));
-  }, g = (d, p, f) => {
-    if (!p) {
-      delete l.value[d];
+  ), n = (p, v, f) => {
+    l.value[p] || (l.value[p] = []);
+    const r = v;
+    Array.isArray(f[p]) ? o(p, r, f[p]) : l.value[p] = r.map((h) => u(p, h));
+  }, g = (p, v, f) => {
+    if (!v) {
+      delete l.value[p];
       return;
     }
-    const r = t.value[d];
-    K(r) && (r.children !== void 0 ? n(d, p, f) : typeof r.computedValue == "function" && (l.value[d] = r.computedValue(p, t.value)));
+    const r = t.value[p];
+    Z(r) && (r.children !== void 0 ? n(p, v, f) : typeof r.computedValue == "function" && (l.value[p] = r.computedValue(v, t.value)));
   };
-  return q(
-    u,
-    (d, p = {}) => {
-      Object.keys(d).forEach((f) => {
-        de(d[f], p[f]) || g(f, d[f], p);
-      }), Object.keys(p).forEach((f) => {
-        !(f in d) && f in l.value && delete l.value[f];
+  return N(
+    s,
+    (p, v = {}) => {
+      Object.keys(p).forEach((f) => {
+        de(p[f], v[f]) || g(f, p[f], v);
+      }), Object.keys(v).forEach((f) => {
+        !(f in p) && f in l.value && delete l.value[f];
       });
     },
     {
@@ -215,81 +212,81 @@ function ot(t) {
       deep: !0
     }
   ), {
-    formData: u,
+    formData: s,
     computedData: l
   };
 }
-function ut(t) {
-  const u = O(0), l = O({}), e = O({}), a = O({});
-  function o(V) {
+function st(t) {
+  const s = I(0), l = I({}), e = I({}), a = I({});
+  function o(C) {
     const m = {};
-    return V.component || !V.schema || Object.entries(V.schema).forEach(([y, C]) => {
-      K(C) && (m[y] = C.value);
+    return C.component || !C.schema || Object.entries(C.schema).forEach(([y, k]) => {
+      Z(k) && (m[y] = k.value);
     }), m;
   }
-  t.steps.forEach((V) => {
-    l.value[V.id] = o(V), e.value[V.id] = {}, a.value[V.id] = [];
+  t.steps.forEach((C) => {
+    l.value[C.id] = o(C), e.value[C.id] = {}, a.value[C.id] = [];
   });
-  const s = O(t.steps.map((V) => V.id)), n = E(() => t.steps.filter((m) => m.condition ? m.condition(l.value, e.value) : !0));
-  q(n, (V) => {
-    const m = V.map((C) => C.id);
-    s.value.filter(
-      (C) => !m.includes(C)
-    ).forEach((C) => {
-      z(C);
-    }), s.value = m;
+  const u = I(t.steps.map((C) => C.id)), n = O(() => t.steps.filter((m) => m.condition ? m.condition(l.value, e.value) : !0));
+  N(n, (C) => {
+    const m = C.map((k) => k.id);
+    u.value.filter(
+      (k) => !m.includes(k)
+    ).forEach((k) => {
+      R(k);
+    }), u.value = m;
   });
-  const g = E(() => n.value.length > 0 ? u.value >= n.value.length ? n.value[n.value.length - 1] : n.value[u.value] : t.steps[u.value]), d = E(() => u.value === 0), p = E(() => u.value === n.value.length - 1), f = E(() => !p.value), r = E(() => !d.value), h = E(() => n.value.length), S = E(() => h.value === 0 ? 0 : Math.round((u.value + 1) / h.value * 100));
-  function b(V, m) {
-    l.value[V] = { ...l.value[V], ...m };
+  const g = O(() => n.value.length > 0 ? s.value >= n.value.length ? n.value[n.value.length - 1] : n.value[s.value] : t.steps[s.value]), p = O(() => s.value === 0), v = O(() => s.value === n.value.length - 1), f = O(() => !v.value), r = O(() => !p.value), h = O(() => n.value.length), S = O(() => h.value === 0 ? 0 : Math.round((s.value + 1) / h.value * 100));
+  function b(C, m) {
+    l.value[C] = { ...l.value[C], ...m };
   }
-  function w(V, m) {
-    e.value[V] = { ...e.value[V], ...m };
+  function w(C, m) {
+    e.value[C] = { ...e.value[C], ...m };
   }
-  function z(V) {
-    const m = t.steps.find((y) => y.id === V);
-    m && (l.value[V] = o(m), e.value[V] = {});
+  function R(C) {
+    const m = t.steps.find((y) => y.id === C);
+    m && (l.value[C] = o(m), e.value[C] = {});
   }
-  async function A() {
-    const V = g.value;
-    if (!V) return !0;
+  async function $() {
+    const C = g.value;
+    if (!C) return !0;
     const m = [];
-    if (V.validation) {
-      const y = await V.validation(
-        l.value[V.id],
-        e.value[V.id]
+    if (C.validation) {
+      const y = await C.validation(
+        l.value[C.id],
+        e.value[C.id]
       );
       y && m.push(...y);
     }
-    return a.value[V.id] = m, m.length === 0;
+    return a.value[C.id] = m, m.length === 0;
   }
-  async function Z(V) {
-    return V < 0 || V >= n.value.length || V > u.value && !await A() ? !1 : (u.value = V, !0);
+  async function W(C) {
+    return C < 0 || C >= n.value.length || C > s.value && !await $() ? !1 : (s.value = C, !0);
   }
   async function te() {
-    return f.value ? Z(u.value + 1) : !1;
+    return f.value ? W(s.value + 1) : !1;
   }
   async function Y() {
-    return r.value ? Z(u.value - 1) : !1;
+    return r.value ? W(s.value - 1) : !1;
   }
   function ee() {
-    u.value = 0, a.value = {}, t.steps.forEach((V) => {
-      z(V.id), a.value[V.id] = [];
+    s.value = 0, a.value = {}, t.steps.forEach((C) => {
+      R(C.id), a.value[C.id] = [];
     });
   }
   async function j() {
-    let V = !0;
+    let C = !0;
     for (const m of t.steps)
       if (m.validation) {
         const y = await m.validation(
           l.value[m.id],
           e.value[m.id]
         );
-        a.value[m.id] = y || [], y && y.length > 0 && (V = !1);
+        a.value[m.id] = y || [], y && y.length > 0 && (C = !1);
       }
-    return V;
+    return C;
   }
-  function L() {
+  function M() {
     return {
       formData: { ...l.value },
       computedData: { ...e.value }
@@ -297,15 +294,15 @@ function ut(t) {
   }
   return {
     // State
-    currentStepIndex: u,
+    currentStepIndex: s,
     currentStep: g,
     stepData: l,
     stepComputedData: e,
     stepValidationErrors: a,
     // Computed
     visibleSteps: n,
-    isFirstStep: d,
-    isLastStep: p,
+    isFirstStep: p,
+    isLastStep: v,
     canGoNext: f,
     canGoPrevious: r,
     totalSteps: h,
@@ -313,23 +310,23 @@ function ut(t) {
     // Methods
     updateStepData: b,
     updateStepComputedData: w,
-    clearStepData: z,
-    validateCurrentStep: A,
-    goToStep: Z,
+    clearStepData: R,
+    validateCurrentStep: $,
+    goToStep: W,
     nextStep: te,
     previousStep: Y,
     resetForm: ee,
     validateAllSteps: j,
-    getMultiStepFormData: L
+    getMultiStepFormData: M
   };
 }
-const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { class: "step-indicator__step-content" }, ct = { class: "step-indicator__step-marker" }, dt = { class: "step-indicator__step-info" }, vt = { class: "step-indicator__step-title" }, pt = {
+const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { class: "step-indicator__step-content" }, ct = { class: "step-indicator__step-marker" }, dt = { class: "step-indicator__step-info" }, vt = { class: "step-indicator__step-title" }, pt = {
   key: 0,
   class: "step-indicator__step-subtitle"
 }, ft = {
   key: 0,
   class: "step-indicator__progress"
-}, mt = { class: "step-indicator__progress-bar" }, ht = { class: "step-indicator__progress-text" }, gt = /* @__PURE__ */ N({
+}, mt = { class: "step-indicator__progress-bar" }, ht = { class: "step-indicator__progress-text" }, gt = /* @__PURE__ */ q({
   __name: "StepIndicator",
   props: {
     steps: {},
@@ -339,53 +336,53 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
     allowNavigation: { type: Boolean, default: !1 }
   },
   emits: ["step-click"],
-  setup(t, { emit: u }) {
-    const l = t, e = u, a = E(() => l.steps.length === 0 ? 0 : (l.activeStepIndex + 1) / l.steps.length * 100);
-    function o(s) {
-      l.allowNavigation && e("step-click", s);
+  setup(t, { emit: s }) {
+    const l = t, e = s, a = O(() => l.steps.length === 0 ? 0 : (l.activeStepIndex + 1) / l.steps.length * 100);
+    function o(u) {
+      l.allowNavigation && e("step-click", u);
     }
-    return (s, n) => (v(), $("div", {
-      class: W(["step-indicator", [`step-indicator--${s.position}`, { "step-indicator--clickable": s.allowNavigation }]])
+    return (u, n) => (d(), F("div", {
+      class: K(["step-indicator", [`step-indicator--${u.position}`, { "step-indicator--clickable": u.allowNavigation }]])
     }, [
-      B("div", st, [
-        (v(!0), $(M, null, X(s.steps, (g, d) => (v(), $("div", {
+      B("div", ut, [
+        (d(!0), F(L, null, X(u.steps, (g, p) => (d(), F("div", {
           key: g.id,
-          class: W(["step-indicator__step", {
-            "step-indicator__step--active": d === s.activeStepIndex,
-            "step-indicator__step--completed": d < s.activeStepIndex,
-            "step-indicator__step--clickable": s.allowNavigation
+          class: K(["step-indicator__step", {
+            "step-indicator__step--active": p === u.activeStepIndex,
+            "step-indicator__step--completed": p < u.activeStepIndex,
+            "step-indicator__step--clickable": u.allowNavigation
           }]),
-          onClick: (p) => o(d)
+          onClick: (v) => o(p)
         }, [
           B("div", it, [
             B("div", ct, [
-              B("span", null, F(d + 1), 1)
+              B("span", null, A(p + 1), 1)
             ]),
             B("div", dt, [
-              B("div", vt, F(g.title), 1),
-              g.subtitle ? (v(), $("div", pt, F(g.subtitle), 1)) : R("", !0)
+              B("div", vt, A(g.title), 1),
+              g.subtitle ? (d(), F("div", pt, A(g.subtitle), 1)) : x("", !0)
             ])
           ]),
-          d < s.steps.length - 1 ? (v(), $("div", {
+          p < u.steps.length - 1 ? (d(), F("div", {
             key: 0,
-            class: W(["step-indicator__connector", { "step-indicator__connector--completed": d < s.activeStepIndex }])
-          }, null, 2)) : R("", !0)
+            class: K(["step-indicator__connector", { "step-indicator__connector--completed": p < u.activeStepIndex }])
+          }, null, 2)) : x("", !0)
         ], 10, rt))), 128))
       ]),
-      s.showProgress && (s.position === "top" || s.position === "bottom") ? (v(), $("div", ft, [
+      u.showProgress && (u.position === "top" || u.position === "bottom") ? (d(), F("div", ft, [
         B("div", mt, [
           B("div", {
             class: "step-indicator__progress-fill",
-            style: _e({ width: `${a.value}%` })
+            style: be({ width: `${a.value}%` })
           }, null, 4)
         ]),
-        B("div", ht, " Step " + F(s.activeStepIndex + 1) + " of " + F(s.steps.length), 1)
-      ])) : R("", !0)
+        B("div", ht, " Step " + A(u.activeStepIndex + 1) + " of " + A(u.steps.length), 1)
+      ])) : x("", !0)
     ], 2));
   }
-}), ve = (t, u) => {
+}), ve = (t, s) => {
   const l = t.__vccOpts || t;
-  for (const [e, a] of u)
+  for (const [e, a] of s)
     l[e] = a;
   return l;
 }, me = /* @__PURE__ */ ve(gt, [["__scopeId", "data-v-aca1a6d0"]]), yt = { class: "v-form-container" }, _t = {
@@ -394,7 +391,7 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
 }, bt = { class: "multi-step-form-content" }, Vt = { class: "step-nav-buttons" }, Ct = { class: "step-action-buttons" }, kt = { class: "step-nav-buttons" }, St = {
   key: 3,
   class: "step-progress-bottom"
-}, wt = { class: "step-progress-bar" }, xt = { class: "step-progress-text" }, Et = /* @__PURE__ */ N({
+}, wt = { class: "step-progress-bar" }, Et = { class: "step-progress-text" }, Ot = /* @__PURE__ */ q({
   __name: "vForm",
   props: {
     schema: {},
@@ -410,27 +407,27 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
     customButtons: {}
   },
   emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
-  setup(t, { expose: u, emit: l }) {
-    const e = t, a = l, o = E(() => !!e.multiStepConfig), s = O(e.schema || {}), n = e.multiStepConfig ? ut(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: d, resetForm: p } = ze(), { formData: f, computedData: r } = ot(s), h = O(null), S = E(() => (n == null ? void 0 : n.currentStepIndex.value) ?? 0), b = E(() => n == null ? void 0 : n.currentStep.value), w = E(() => (n == null ? void 0 : n.visibleSteps.value) ?? []), z = E(() => (n == null ? void 0 : n.isLastStep.value) ?? !0), A = E(() => (n == null ? void 0 : n.canGoNext.value) ?? !1), Z = E(() => (n == null ? void 0 : n.canGoPrevious.value) ?? !1), te = E(() => !o.value || !n ? 0 : n.progressPercentage.value);
-    q(
+  setup(t, { expose: s, emit: l }) {
+    const e = t, a = l, o = O(() => !!e.multiStepConfig), u = I(e.schema || {}), n = e.multiStepConfig ? st(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: p, resetForm: v } = ze(), { formData: f, computedData: r } = ot(u), h = I(null), S = O(() => (n == null ? void 0 : n.currentStepIndex.value) ?? 0), b = O(() => n == null ? void 0 : n.currentStep.value), w = O(() => (n == null ? void 0 : n.visibleSteps.value) ?? []), R = O(() => (n == null ? void 0 : n.isLastStep.value) ?? !0), $ = O(() => (n == null ? void 0 : n.canGoNext.value) ?? !1), W = O(() => (n == null ? void 0 : n.canGoPrevious.value) ?? !1), te = O(() => !o.value || !n ? 0 : n.progressPercentage.value);
+    N(
       () => b.value,
       (c) => {
-        c && o.value && (s.value = c.schema || {});
+        c && o.value && (u.value = c.schema || {});
       },
       { immediate: !0 }
-    ), q(
+    ), N(
       [f, r],
-      ([c, I]) => {
-        o.value && n && b.value && (n.updateStepData(b.value.id, c), n.updateStepComputedData(b.value.id, I));
+      ([c, z]) => {
+        o.value && n && b.value && (n.updateStepData(b.value.id, c), n.updateStepComputedData(b.value.id, z));
       },
       { deep: !0 }
-    ), q(
+    ), N(
       () => e.schema,
       (c) => {
         if (!o.value && c) {
-          s.value = c;
-          for (const [I, P] of Object.entries(c))
-            K(P) && "value" in P && P.value !== void 0 && (s.value[I].value = P.value);
+          u.value = c;
+          for (const [z, D] of Object.entries(c))
+            Z(D) && "value" in D && D.value !== void 0 && (u.value[z].value = D.value);
         }
       },
       { deep: !0, immediate: !0 }
@@ -439,27 +436,27 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
       var c;
       if (o.value && n) {
         if ((c = b.value) != null && c.component && h.value && typeof h.value.validate == "function" && !await h.value.validate() || !await n.validateAllSteps()) return;
-        const P = n.getMultiStepFormData();
-        a("multi-step-submit", P);
+        const D = n.getMultiStepFormData();
+        a("multi-step-submit", D);
       } else {
-        if (!await d()) return;
+        if (!await p()) return;
         a("submit", f.value, r.value);
       }
     }
     function ee() {
-      o.value && n ? n.resetForm() : p(), a("clear");
+      o.value && n ? n.resetForm() : v(), a("clear");
     }
     function j() {
       o.value && n && b.value && n.clearStepData(b.value.id);
     }
-    function L() {
-      o.value && n ? n.resetForm() : p(), a("cancel");
+    function M() {
+      o.value && n ? n.resetForm() : v(), a("cancel");
     }
-    async function V() {
+    async function C() {
       var c;
       if (n) {
-        let I = !0;
-        if ((c = b.value) != null && c.component && h.value ? typeof h.value.validate == "function" && (I = await h.value.validate()) : I = await d(), !I)
+        let z = !0;
+        if ((c = b.value) != null && c.component && h.value ? typeof h.value.validate == "function" && (z = await h.value.validate()) : z = await p(), !z)
           return;
         await n.nextStep() && b.value && a("step-change", S.value, b.value.id);
       }
@@ -468,24 +465,24 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
       n && await n.previousStep() && b.value && a("step-change", S.value, b.value.id);
     }
     async function y(c) {
-      var I;
+      var z;
       if (n) {
         if (c > S.value) {
           let G = !0;
-          if ((I = b.value) != null && I.component && h.value ? typeof h.value.validate == "function" && (G = await h.value.validate()) : G = await d(), !G)
+          if ((z = b.value) != null && z.component && h.value ? typeof h.value.validate == "function" && (G = await h.value.validate()) : G = await p(), !G)
             return;
         }
         await n.goToStep(c) && b.value && a("step-change", c, b.value.id);
       }
     }
-    q(
+    N(
       f,
       async () => {
         var c;
-        for (const [I, P] of Object.entries(s.value))
-          if (K(P) && !Ve(P, f.value, r.value)) {
-            const G = o.value && b.value && b.value.schema ? b.value.schema[I] : (c = e.schema) == null ? void 0 : c[I];
-            G && K(G) && "value" in G && (P.value = G.value);
+        for (const [z, D] of Object.entries(u.value))
+          if (!ke(D, f.value, r.value)) {
+            const G = o.value && b.value && b.value.schema ? b.value.schema[z] : (c = e.schema) == null ? void 0 : c[z];
+            G && Z(G) && "value" in G && (D.value = G.value);
           }
       },
       {
@@ -493,30 +490,30 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
         immediate: !0
       }
     );
-    function C(c) {
+    function k(c) {
       o.value && n && b.value && n.updateStepData(b.value.id, c);
     }
-    function T(c, I, P) {
-      return nt(c) ? !0 : Ve(c, I, P);
+    function T(c, z, D) {
+      return ke(c, z, D);
     }
-    return u({
+    return s({
       resetForm: ee,
-      isFormValid: d,
+      isFormValid: p,
       resolveData: () => o.value && n ? n.getMultiStepFormData() : {
         formData: f.value,
         computedData: r.value
       },
       // Multi-step specific methods
-      nextStep: V,
+      nextStep: C,
       previousStep: m,
       goToStep: y,
       getCurrentStep: () => b.value,
       getCurrentStepIndex: () => S.value
-    }), (c, I) => {
-      var P, G;
-      return v(), $("div", yt, [
-        o.value ? (v(), $("div", _t, [
-          c.multiStepConfig && c.multiStepConfig.stepPosition === "top" ? (v(), _(me, {
+    }), (c, z) => {
+      var D, G;
+      return d(), F("div", yt, [
+        o.value ? (d(), F("div", _t, [
+          c.multiStepConfig && c.multiStepConfig.stepPosition === "top" ? (d(), _(me, {
             key: 0,
             steps: w.value,
             "active-step-index": S.value,
@@ -524,11 +521,11 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
             "show-progress": c.multiStepConfig.showProgress,
             "allow-navigation": c.multiStepConfig.allowStepNavigation,
             onStepClick: y
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : R("", !0),
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0),
           B("div", {
-            class: W(["multi-step-content", `multi-step-content--${((P = c.multiStepConfig) == null ? void 0 : P.stepPosition) || "top"}`])
+            class: K(["multi-step-content", `multi-step-content--${((D = c.multiStepConfig) == null ? void 0 : D.stepPosition) || "top"}`])
           }, [
-            c.multiStepConfig && c.multiStepConfig.stepPosition === "left" ? (v(), _(me, {
+            c.multiStepConfig && c.multiStepConfig.stepPosition === "left" ? (d(), _(me, {
               key: 0,
               steps: w.value,
               "active-step-index": S.value,
@@ -537,42 +534,42 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
               "allow-navigation": c.multiStepConfig.allowStepNavigation,
               onStepClick: y,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : R("", !0),
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0),
             B("div", bt, [
-              (G = b.value) != null && G.component ? (v(), _(he(b.value.component), Ae({ key: 0 }, b.value.componentProps || {}, {
-                "onUpdate:data": C,
+              (G = b.value) != null && G.component ? (d(), _(he(b.value.component), Re({ key: 0 }, b.value.componentProps || {}, {
+                "onUpdate:data": k,
                 ref_key: "customComponentRef",
                 ref: h
-              }), null, 16)) : (v(), _(i(xe), { key: 1 }, {
-                default: k(() => [
-                  D(i(oe), null, {
-                    default: k(() => [
-                      (v(!0), $(M, null, X(Object.keys(s.value), (x) => {
-                        var ue, se, re, ie, ce;
-                        return v(), $(M, { key: x }, [
-                          T(s.value[x], i(f), i(r)) ? (v(), _(i(ae), {
+              }), null, 16)) : (d(), _(i(Oe), { key: 1 }, {
+                default: V(() => [
+                  P(i(oe), null, {
+                    default: V(() => [
+                      (d(!0), F(L, null, X(Object.keys(u.value), (E) => {
+                        var se, ue, re, ie, ce;
+                        return d(), F(L, { key: E }, [
+                          T(u.value[E], i(f), i(r)) ? (d(), _(i(ae), {
                             key: 0,
-                            size: ((ue = s.value[x].grid) == null ? void 0 : ue.xs) ?? "12",
-                            "size-sm": (se = s.value[x].grid) == null ? void 0 : se.sm,
-                            "size-md": (re = s.value[x].grid) == null ? void 0 : re.md,
-                            "size-lg": (ie = s.value[x].grid) == null ? void 0 : ie.lg,
-                            "size-xl": (ce = s.value[x].grid) == null ? void 0 : ce.xl,
+                            size: ((se = u.value[E].grid) == null ? void 0 : se.xs) ?? "12",
+                            "size-sm": (ue = u.value[E].grid) == null ? void 0 : ue.sm,
+                            "size-md": (re = u.value[E].grid) == null ? void 0 : re.md,
+                            "size-lg": (ie = u.value[E].grid) == null ? void 0 : ie.lg,
+                            "size-xl": (ce = u.value[E].grid) == null ? void 0 : ce.xl,
                             class: "ion-margin-vertical"
                           }, {
-                            default: k(() => [
-                              (v(), _(he(s.value[x].type), {
-                                modelValue: s.value[x],
-                                "onUpdate:modelValue": (ye) => s.value[x] = ye,
-                                schema: s.value,
-                                "form-id": x,
+                            default: V(() => [
+                              (d(), _(he(u.value[E].type), {
+                                modelValue: u.value[E],
+                                "onUpdate:modelValue": (_e) => u.value[E] = _e,
+                                schema: u.value,
+                                "form-id": E,
                                 ref_for: !0,
                                 ref_key: "dynamicRefs",
                                 ref: g,
-                                "ref-key": x
+                                "ref-key": E
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                             ]),
                             _: 2
-                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
+                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : x("", !0)
                         ], 64);
                       }), 128))
                     ]),
@@ -581,81 +578,81 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
                 ]),
                 _: 1
               })),
-              c.hideButtons ? R("", !0) : (v(), _(i(oe), {
+              c.hideButtons ? x("", !0) : (d(), _(i(oe), {
                 key: 2,
                 class: "multi-step-buttons"
               }, {
-                default: k(() => [
-                  D(i(ae), {
+                default: V(() => [
+                  P(i(ae), {
                     size: "12",
                     class: "button-container"
                   }, {
-                    default: k(() => [
+                    default: V(() => [
                       B("div", Vt, [
-                        Z.value ? (v(), _(i(H), {
+                        W.value ? (d(), _(i(H), {
                           key: 0,
                           onClick: m,
                           fill: "outline"
                         }, {
-                          default: k(() => I[0] || (I[0] = [
+                          default: V(() => z[0] || (z[0] = [
                             U(" Previous ")
                           ])),
                           _: 1,
                           __: [0]
-                        })) : R("", !0)
+                        })) : x("", !0)
                       ]),
                       B("div", Ct, [
-                        c.showCancelButton ? (v(), _(i(H), {
+                        c.showCancelButton ? (d(), _(i(H), {
                           key: 0,
-                          onClick: L,
+                          onClick: M,
                           fill: "outline"
                         }, {
-                          default: k(() => [
-                            U(F(c.cancelButtonText ?? "Cancel"), 1)
+                          default: V(() => [
+                            U(A(c.cancelButtonText ?? "Cancel"), 1)
                           ]),
                           _: 1
-                        })) : R("", !0),
-                        c.showClearButton ? (v(), _(i(H), {
+                        })) : x("", !0),
+                        c.showClearButton ? (d(), _(i(H), {
                           key: 1,
                           onClick: j,
                           fill: "outline"
                         }, {
-                          default: k(() => [
-                            U(F(c.clearButtonText ?? "Reset"), 1)
+                          default: V(() => [
+                            U(A(c.clearButtonText ?? "Reset"), 1)
                           ]),
                           _: 1
-                        })) : R("", !0),
-                        (v(!0), $(M, null, X(c.customButtons, (x) => (v(), _(i(H), {
-                          key: x.label,
-                          onClick: x.action,
-                          color: x.color ?? "primary"
+                        })) : x("", !0),
+                        (d(!0), F(L, null, X(c.customButtons, (E) => (d(), _(i(H), {
+                          key: E.label,
+                          onClick: E.action,
+                          color: E.color ?? "primary"
                         }, {
-                          default: k(() => [
-                            U(F(x.label), 1)
+                          default: V(() => [
+                            U(A(E.label), 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick", "color"]))), 128))
                       ]),
                       B("div", kt, [
-                        A.value ? (v(), _(i(H), {
+                        $.value ? (d(), _(i(H), {
                           key: 0,
-                          onClick: V
+                          onClick: C
                         }, {
-                          default: k(() => I[1] || (I[1] = [
+                          default: V(() => z[1] || (z[1] = [
                             U(" Next ")
                           ])),
                           _: 1,
                           __: [1]
-                        })) : R("", !0),
-                        z.value ? (v(), _(i(H), {
+                        })) : x("", !0),
+                        R.value ? (d(), _(i(H), {
                           key: 1,
                           onClick: Y
                         }, {
-                          default: k(() => [
-                            U(F(c.submitButtonText ?? "Submit"), 1)
+                          default: V(() => [
+                            U(A(c.submitButtonText ?? "Submit"), 1)
                           ]),
                           _: 1
-                        })) : R("", !0)
+                        })) : x("", !0)
                       ])
                     ]),
                     _: 1
@@ -663,17 +660,17 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
                 ]),
                 _: 1
               })),
-              c.multiStepConfig && (c.multiStepConfig.stepPosition === "left" || c.multiStepConfig.stepPosition === "right") && c.multiStepConfig.showProgress ? (v(), $("div", St, [
+              c.multiStepConfig && (c.multiStepConfig.stepPosition === "left" || c.multiStepConfig.stepPosition === "right") && c.multiStepConfig.showProgress ? (d(), F("div", St, [
                 B("div", wt, [
                   B("div", {
                     class: "step-progress-fill",
-                    style: _e({ width: `${te.value}%` })
+                    style: be({ width: `${te.value}%` })
                   }, null, 4)
                 ]),
-                B("div", xt, " Step " + F(S.value + 1) + " of " + F(w.value.length), 1)
-              ])) : R("", !0)
+                B("div", Et, " Step " + A(S.value + 1) + " of " + A(w.value.length), 1)
+              ])) : x("", !0)
             ]),
-            c.multiStepConfig && c.multiStepConfig.stepPosition === "right" ? (v(), _(me, {
+            c.multiStepConfig && c.multiStepConfig.stepPosition === "right" ? (d(), _(me, {
               key: 1,
               steps: w.value,
               "active-step-index": S.value,
@@ -682,9 +679,9 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
               "allow-navigation": c.multiStepConfig.allowStepNavigation,
               onStepClick: y,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : R("", !0)
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0)
           ], 2),
-          c.multiStepConfig && c.multiStepConfig.stepPosition === "bottom" ? (v(), _(me, {
+          c.multiStepConfig && c.multiStepConfig.stepPosition === "bottom" ? (d(), _(me, {
             key: 1,
             steps: w.value,
             "active-step-index": S.value,
@@ -692,81 +689,81 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
             "show-progress": c.multiStepConfig.showProgress,
             "allow-navigation": c.multiStepConfig.allowStepNavigation,
             onStepClick: y
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : R("", !0)
-        ])) : (v(), _(i(xe), { key: 1 }, {
-          default: k(() => [
-            D(i(oe), null, {
-              default: k(() => [
-                (v(!0), $(M, null, X(Object.keys(s.value), (x) => {
-                  var ue, se, re, ie, ce;
-                  return v(), $(M, { key: x }, [
-                    T(s.value[x], i(f), i(r)) ? (v(), _(i(ae), {
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0)
+        ])) : (d(), _(i(Oe), { key: 1 }, {
+          default: V(() => [
+            P(i(oe), null, {
+              default: V(() => [
+                (d(!0), F(L, null, X(Object.keys(u.value), (E) => {
+                  var se, ue, re, ie, ce;
+                  return d(), F(L, { key: E }, [
+                    T(u.value[E], i(f), i(r)) ? (d(), _(i(ae), {
                       key: 0,
-                      size: ((ue = s.value[x].grid) == null ? void 0 : ue.xs) ?? "12",
-                      "size-sm": (se = s.value[x].grid) == null ? void 0 : se.sm,
-                      "size-md": (re = s.value[x].grid) == null ? void 0 : re.md,
-                      "size-lg": (ie = s.value[x].grid) == null ? void 0 : ie.lg,
-                      "size-xl": (ce = s.value[x].grid) == null ? void 0 : ce.xl,
+                      size: ((se = u.value[E].grid) == null ? void 0 : se.xs) ?? "12",
+                      "size-sm": (ue = u.value[E].grid) == null ? void 0 : ue.sm,
+                      "size-md": (re = u.value[E].grid) == null ? void 0 : re.md,
+                      "size-lg": (ie = u.value[E].grid) == null ? void 0 : ie.lg,
+                      "size-xl": (ce = u.value[E].grid) == null ? void 0 : ce.xl,
                       class: "ion-margin-vertical"
                     }, {
-                      default: k(() => [
-                        (v(), _(he(s.value[x].type), {
-                          modelValue: s.value[x],
-                          "onUpdate:modelValue": (ye) => s.value[x] = ye,
-                          schema: s.value,
-                          "form-id": x,
+                      default: V(() => [
+                        (d(), _(he(u.value[E].type), {
+                          modelValue: u.value[E],
+                          "onUpdate:modelValue": (_e) => u.value[E] = _e,
+                          schema: u.value,
+                          "form-id": E,
                           ref_for: !0,
                           ref_key: "dynamicRefs",
                           ref: g,
-                          "ref-key": x,
+                          "ref-key": E,
                           style: { width: "100%" }
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                       ]),
                       _: 2
-                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
+                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : x("", !0)
                   ], 64);
                 }), 128))
               ]),
               _: 1
             }),
-            c.hideButtons ? R("", !0) : (v(), _(i(oe), { key: 0 }, {
-              default: k(() => [
-                D(i(ae), {
+            c.hideButtons ? x("", !0) : (d(), _(i(oe), { key: 0 }, {
+              default: V(() => [
+                P(i(ae), {
                   size: "12",
-                  style: _e([{ display: "flex" }, { justifyContent: c.buttonPlacement }])
+                  style: be([{ display: "flex" }, { justifyContent: c.buttonPlacement }])
                 }, {
-                  default: k(() => [
-                    c.showCancelButton ? (v(), _(i(H), {
+                  default: V(() => [
+                    c.showCancelButton ? (d(), _(i(H), {
                       key: 0,
-                      onClick: L
+                      onClick: M
                     }, {
-                      default: k(() => [
-                        U(F(c.cancelButtonText ?? "Cancel"), 1)
+                      default: V(() => [
+                        U(A(c.cancelButtonText ?? "Cancel"), 1)
                       ]),
                       _: 1
-                    })) : R("", !0),
-                    c.showClearButton ? (v(), _(i(H), {
+                    })) : x("", !0),
+                    c.showClearButton ? (d(), _(i(H), {
                       key: 1,
                       onClick: ee
                     }, {
-                      default: k(() => [
-                        U(F(c.clearButtonText ?? "Reset"), 1)
+                      default: V(() => [
+                        U(A(c.clearButtonText ?? "Reset"), 1)
                       ]),
                       _: 1
-                    })) : R("", !0),
-                    (v(!0), $(M, null, X(c.customButtons, (x) => (v(), _(i(H), {
-                      key: x.label,
-                      onClick: x.action,
-                      color: x.color ?? "primary"
+                    })) : x("", !0),
+                    (d(!0), F(L, null, X(c.customButtons, (E) => (d(), _(i(H), {
+                      key: E.label,
+                      onClick: E.action,
+                      color: E.color ?? "primary"
                     }, {
-                      default: k(() => [
-                        U(F(x.label), 1)
+                      default: V(() => [
+                        U(A(E.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick", "color"]))), 128)),
-                    D(i(H), { onClick: Y }, {
-                      default: k(() => [
-                        U(F(c.submitButtonText ?? "Submit"), 1)
+                    P(i(H), { onClick: Y }, {
+                      default: V(() => [
+                        U(A(c.submitButtonText ?? "Submit"), 1)
                       ]),
                       _: 1
                     })
@@ -782,12 +779,12 @@ const st = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
       ]);
     };
   }
-}), Ot = /* @__PURE__ */ ve(Et, [["__scopeId", "data-v-a0ab63bd"]]);
+}), xt = /* @__PURE__ */ ve(Ot, [["__scopeId", "data-v-897e5a98"]]);
 function It(t) {
   return {
     applyValidationState: async (e) => {
-      var a, o, s, n, g;
-      (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"), (g = t.value) == null || g.$el.classList.add("ion-touched");
+      var a, o, u, n, g;
+      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (o = t.value) == null || o.$el.classList.remove("ion-valid"), e ? (u = t.value) == null || u.$el.classList.add("ion-valid") : (n = t.value) == null || n.$el.classList.add("ion-invalid"), (g = t.value) == null || g.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, a;
@@ -795,85 +792,86 @@ function It(t) {
     }
   };
 }
-function pe(t, u, l, e, a) {
-  const { applyValidationState: o, resetValidationState: s } = It(t);
+function pe(t, s, l, e, a) {
+  const { applyValidationState: o, resetValidationState: u } = It(t);
   async function n() {
-    if (u.value.required && !l.value)
-      return u.value.error = "This field is required", !1;
+    if (s.value.required && !l.value)
+      return s.value.error = "This field is required", !1;
     if (a) {
       const r = await a(l.value);
       if (typeof r == "string")
-        return u.value.error = r, !1;
+        return s.value.error = r, !1;
       if (r === !1)
         return !1;
     }
-    if (u.value.validation) {
-      const r = await u.value.validation(l.value, e == null ? void 0 : e.value);
+    if (s.value.validation) {
+      const r = await s.value.validation(l.value, e == null ? void 0 : e.value);
       if (r && r.length)
-        return u.value.error = r.join(), !1;
+        return s.value.error = r.join(), !1;
     }
     return !0;
   }
   async function g() {
     const r = await n();
-    r && (u.value.error = "", u.value.value = l.value), await o(r);
+    r && (s.value.error = "", s.value.value = l.value), await o(r);
   }
-  function d() {
-    s(), u.value.error = "";
+  function p() {
+    u(), s.value.error = "";
   }
-  function p(r = "") {
-    l.value = r, u.value.error = "", u.value.value = r;
+  function v(r = "") {
+    l.value = r, s.value.error = "", s.value.value = r;
   }
   function f() {
-    return u.value.error ? [u.value.error] : [];
+    return s.value.error ? [s.value.error] : [];
   }
   return {
     isValid: n,
     onValueUpdate: g,
-    onFocus: d,
-    onReset: p,
+    onFocus: p,
+    onReset: v,
     getErrors: f,
     applyValidationState: o,
-    resetValidationState: s
+    resetValidationState: u
   };
 }
-function Rt(t) {
-  const u = E(() => !!t.value.label), l = E(() => !!t.value.required), e = E(() => t.value.label || "");
+function zt(t) {
+  const s = O(() => !!t.value.label), l = O(() => !!t.value.required), e = O(() => t.value.label || "");
   return {
-    showLabel: u,
+    showLabel: s,
     showRequired: l,
     labelText: e
   };
 }
-const we = /* @__PURE__ */ N({
+const ye = /* @__PURE__ */ q({
   __name: "InputLabel",
   props: {
-    model: {}
+    model: {},
+    slotName: {}
   },
   setup(t) {
-    const u = t, { showLabel: l, showRequired: e, labelText: a } = Rt(Fe(u, "model"));
-    return (o, s) => i(l) ? (v(), _(i(ne), {
+    const s = t, { showLabel: l, showRequired: e, labelText: a } = zt(Ae(s, "model"));
+    return (o, u) => i(l) ? (d(), _(i(ne), {
       key: 0,
-      slot: "label",
+      slot: o.slotName,
       class: "input-label"
     }, {
-      default: k(() => [
-        U(F(i(a)) + " ", 1),
-        i(e) ? (v(), _(i(Be), {
+      default: V(() => [
+        U(A(i(a)) + " ", 1),
+        i(e) ? (d(), _(i(Pe), {
           key: 0,
           color: "danger"
         }, {
-          default: k(() => s[0] || (s[0] = [
+          default: V(() => u[0] || (u[0] = [
             U("*")
           ])),
           _: 1,
           __: [0]
-        })) : R("", !0)
+        })) : x("", !0)
       ]),
       _: 1
-    })) : R("", !0);
+    }, 8, ["slot"])) : x("", !0);
   }
-}), fe = /* @__PURE__ */ N({
+}), fe = /* @__PURE__ */ q({
   __name: "BaseInput",
   props: /* @__PURE__ */ J({
     schema: {},
@@ -883,32 +881,32 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = O(null), o = O(e.value.value), s = E(() => l.schema), { isValid: n, onValueUpdate: g, onFocus: d, onReset: p, getErrors: f } = pe(
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), { isValid: n, onValueUpdate: g, onFocus: p, onReset: v, getErrors: f } = pe(
       a,
       e,
       o,
-      s
-    ), r = E(() => {
+      u
+    ), r = O(() => {
       if (e.value.pattern) return et(e.value.pattern);
     });
-    return q(
+    return N(
       () => e.value.value,
       (h) => o.value = h
-    ), u({
+    ), s({
       onValueUpdate: g,
-      onReset: p,
+      onReset: v,
       getErrors: f,
       isValid: n
     }), (h, S) => {
       var w;
       const b = $e("maskito");
-      return Pe((v(), _(i(Ee), {
+      return Fe((d(), _(i(xe), {
         ref_key: "inputRef",
         ref: a,
         modelValue: o.value,
-        "onUpdate:modelValue": S[0] || (S[0] = (z) => o.value = z),
-        class: W(e.value.className),
+        "onUpdate:modelValue": S[0] || (S[0] = (R) => o.value = R),
+        class: K(e.value.className),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
@@ -925,34 +923,37 @@ const we = /* @__PURE__ */ N({
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
         style: { width: "100%" },
-        onIonFocus: i(d),
+        onIonFocus: i(p),
         onIonChange: i(g),
         onIonBlur: i(g)
       }, {
-        default: k(() => [
-          D(we, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (v(), _(i(ne), {
+        default: V(() => [
+          P(ye, {
+            model: e.value,
+            "slot-name": "label"
+          }, null, 8, ["model"]),
+          e.value.prefix ? (d(), _(i(ne), {
             key: 0,
             slot: "start"
           }, {
-            default: k(() => [
-              U(F(e.value.prefix), 1)
+            default: V(() => [
+              U(A(e.value.prefix), 1)
             ]),
             _: 1
-          })) : R("", !0),
-          e.value.suffix ? (v(), _(i(ne), {
+          })) : x("", !0),
+          e.value.suffix ? (d(), _(i(ne), {
             key: 1,
             slot: "end"
           }, {
-            default: k(() => [
-              U(F(e.value.suffix), 1)
+            default: V(() => [
+              U(A(e.value.suffix), 1)
             ]),
             _: 1
-          })) : R("", !0),
-          h.type === "password" ? (v(), _(i(Ue), {
+          })) : x("", !0),
+          h.type === "password" ? (d(), _(i(Be), {
             key: 2,
             slot: "end"
-          })) : R("", !0)
+          })) : x("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "class", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
@@ -960,7 +961,7 @@ const we = /* @__PURE__ */ N({
       ]);
     };
   }
-}), zt = /* @__PURE__ */ N({
+}), Rt = /* @__PURE__ */ q({
   __name: "TextInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -969,9 +970,9 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = O(null);
-    return u({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I(null);
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -984,16 +985,16 @@ const we = /* @__PURE__ */ N({
         var a, o;
         return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (a, o) => (v(), _(fe, {
+    }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "text",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), At = /* @__PURE__ */ N({
+}), At = /* @__PURE__ */ q({
   __name: "DateInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1002,9 +1003,9 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = O(null);
-    return u({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I(null);
+    return s({
       onValueUpdate: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
@@ -1017,16 +1018,16 @@ const we = /* @__PURE__ */ N({
         var a, o;
         return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (a, o) => (v(), _(fe, {
+    }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: l.value.enableTime ? "datetime-local" : "date",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Ft = /* @__PURE__ */ N({
+}), $t = /* @__PURE__ */ q({
   __name: "NumberInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1035,9 +1036,9 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = O(null);
-    return u({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I(null);
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1050,16 +1051,16 @@ const we = /* @__PURE__ */ N({
         var a, o;
         return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (a, o) => (v(), _(fe, {
+    }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "number",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), $t = /* @__PURE__ */ N({
+}), Ft = /* @__PURE__ */ q({
   __name: "EmailInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1068,9 +1069,9 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = O(null);
-    return u({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I(null);
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1083,16 +1084,16 @@ const we = /* @__PURE__ */ N({
         var a, o;
         return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (a, o) => (v(), _(fe, {
+    }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "email",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Pt = /* @__PURE__ */ N({
+}), Pt = /* @__PURE__ */ q({
   __name: "PasswordInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1101,9 +1102,9 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = O(null);
-    return u({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I(null);
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1116,16 +1117,16 @@ const we = /* @__PURE__ */ N({
         var a, o;
         return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
       }
-    }), (a, o) => (v(), _(fe, {
+    }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "password",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Bt = /* @__PURE__ */ N({
+}), Bt = /* @__PURE__ */ q({
   __name: "SelectInput",
   props: /* @__PURE__ */ J({
     schema: Object,
@@ -1136,30 +1137,30 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = O(null), o = O(null), s = O(!1), n = O([]), g = O(""), d = O(1), p = E(() => e.value.interface ?? "popover"), f = E(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), r = E(() => n.value.filter((m) => !!m.isChecked)), h = E(() => !g.value && be(r.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
-    q([g, () => e.value.options], L, {
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(null), u = I(!1), n = I([]), g = I(""), p = I(1), v = O(() => e.value.interface ?? "popover"), f = O(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), r = O(() => n.value.filter((m) => !!m.isChecked)), h = O(() => !g.value && Ce(r.value) && !u.value ? e.value.placeholder ?? "Select an option" : "");
+    N([g, () => e.value.options], M, {
       immediate: !0,
       deep: !0
-    }), q(() => e.value.value, V, { immediate: !0, deep: !0 }), q(
+    }), N(() => e.value.value, C, { immediate: !0, deep: !0 }), N(
       () => !e.value.dependsOn || !l.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((y) => {
-        const C = l.schema[y];
-        return K(C) ? C.value : void 0;
+        const k = l.schema[y];
+        return Z(k) ? k.value : void 0;
       }),
       async (m, y) => {
-        m && y && !de(m, y) && (S(), n.value = [], await L());
+        m && y && !de(m, y) && (S(), n.value = [], await M());
       },
       { deep: !0 }
     );
     function S() {
-      e.value.error = "", g.value = "", d.value = 1, e.value.value = e.value.multiple ? [] : "", lt(n.value);
+      e.value.error = "", g.value = "", p.value = 1, e.value.value = e.value.multiple ? [] : "", lt(n.value);
     }
     function b(m) {
-      const y = n.value.findIndex((C) => C.value === m.value && C.isChecked);
+      const y = n.value.findIndex((k) => k.value === m.value && k.isChecked);
       if (y >= 0) {
         if (Array.isArray(e.value.value)) {
-          const C = Se(m, e.value.value);
-          C >= 0 && e.value.value.splice(C, 1);
+          const k = Ee(m, e.value.value);
+          k >= 0 && e.value.value.splice(k, 1);
         }
         n.value[y].isChecked = !1;
       } else
@@ -1167,25 +1168,25 @@ const we = /* @__PURE__ */ N({
       j(), g.value = "";
     }
     function w() {
-      switch (p.value) {
+      switch (v.value) {
         case "action-sheet":
-          z();
+          R();
           break;
         case "alert":
-          A();
+          $();
           break;
         case "popover":
         default:
-          s.value = !0;
+          u.value = !0;
           break;
       }
     }
-    async function z() {
-      if (await L(), e.value.multiple) {
-        s.value = !0;
+    async function R() {
+      if (await M(), e.value.multiple) {
+        u.value = !0;
         return;
       }
-      await (await qe.create({
+      await (await Te.create({
         header: e.value.label || "Select an option",
         buttons: [
           ...n.value.map((y) => ({
@@ -1200,13 +1201,13 @@ const we = /* @__PURE__ */ N({
         ]
       })).present();
     }
-    async function A() {
-      await L();
-      const m = n.value.map((C) => ({
-        label: C.label,
+    async function $() {
+      await M();
+      const m = n.value.map((k) => ({
+        label: k.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: C,
-        checked: C.isChecked
+        value: k,
+        checked: k.isChecked
       }));
       await (await Ne.create({
         header: e.value.label || "Select an option",
@@ -1218,15 +1219,15 @@ const we = /* @__PURE__ */ N({
           },
           {
             text: "OK",
-            handler: (C) => {
+            handler: (k) => {
               if (e.value.multiple)
-                n.value.forEach((T) => tt(T, n.value)), C.forEach((T) => {
-                  const c = n.value.find((I) => I.value === T.value);
+                n.value.forEach((T) => tt(T, n.value)), k.forEach((T) => {
+                  const c = n.value.find((z) => z.value === T.value);
                   c && le(c, n.value);
                 });
               else {
                 S();
-                const T = n.value.find((c) => c.value === C.value);
+                const T = n.value.find((c) => c.value === k.value);
                 T && le(T, n.value);
               }
               j();
@@ -1235,8 +1236,8 @@ const we = /* @__PURE__ */ N({
         ]
       })).present();
     }
-    async function Z() {
-      if (e.value.required && be(r.value))
+    async function W() {
+      if (e.value.required && Ce(r.value))
         return "This field is required";
       if (e.value.validation) {
         const m = await e.value.validation(r.value, l == null ? void 0 : l.schema);
@@ -1248,54 +1249,54 @@ const we = /* @__PURE__ */ N({
     const { onFocus: te, applyValidationState: Y } = pe(
       a,
       e,
-      E(() => e.value.multiple ? r.value : r.value[0]),
-      E(() => l == null ? void 0 : l.schema),
-      Z
+      O(() => e.value.multiple ? r.value : r.value[0]),
+      O(() => l == null ? void 0 : l.schema),
+      W
     );
     function ee(m) {
       var y;
-      m.target === ((y = a.value) == null ? void 0 : y.$el) && (te(), p.value === "popover" && (s.value = !0));
+      m.target === ((y = a.value) == null ? void 0 : y.$el) && (te(), v.value === "popover" && (u.value = !0));
     }
     async function j(m) {
-      var C;
-      if ((C = m == null ? void 0 : m.relatedTarget) != null && C.closest(".suggestions-list")) return;
-      s.value = !1;
-      const y = await Z();
+      var k;
+      if ((k = m == null ? void 0 : m.relatedTarget) != null && k.closest(".suggestions-list")) return;
+      u.value = !1;
+      const y = await W();
       y === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? r.value : r.value[0]) : e.value.error = typeof y == "string" ? y : "Validation failed", await Y(y === !0);
     }
-    async function L() {
+    async function M() {
       const m = [];
       if (typeof e.value.options == "function") {
         let y = {};
         if (e.value.dependsOn && l.schema) {
-          const C = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
+          const k = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
           let T = !0;
-          if (y = C.reduce(
-            (c, I) => {
-              const P = l.schema[I];
-              return c[I] = K(P) ? P.value : void 0, (c[I] === void 0 || c[I] === null || c[I] === "") && (T = !1), c;
+          if (y = k.reduce(
+            (c, z) => {
+              const D = l.schema[z];
+              return c[z] = Z(D) ? D.value : void 0, (c[z] === void 0 || c[z] === null || c[z] === "") && (T = !1), c;
             },
             {}
           ), T) {
             const c = await e.value.options(g.value, y);
-            m.push(...c.filter((I) => !!I.label));
+            m.push(...c.filter((z) => !!z.label));
           }
         } else {
-          const C = await e.value.options(g.value, {});
-          m.push(...C.filter((T) => !!T.label));
+          const k = await e.value.options(g.value, {});
+          m.push(...k.filter((T) => !!T.label));
         }
       } else Array.isArray(e.value.options) && m.push(...at(e.value.options, g.value));
       r.value.forEach((y) => le(y, m)), n.value = m;
     }
-    async function V() {
+    async function C() {
       const m = e.value.value;
       if (m) {
-        if (n.value.length === 0 && await L(), Array.isArray(m))
+        if (n.value.length === 0 && await M(), Array.isArray(m))
           m.forEach((y) => le(y, n.value));
         else if (typeof m == "object")
           le(m, n.value);
         else {
-          const y = n.value.find((C) => C.value === m);
+          const y = n.value.find((k) => k.value === m);
           le(y || {
             value: m,
             label: m
@@ -1304,23 +1305,23 @@ const we = /* @__PURE__ */ N({
         j();
       }
     }
-    return ke(async () => {
-      await L(), await V();
-    }), u({
+    return we(async () => {
+      await M(), await C();
+    }), s({
       onValueUpdate: j,
       onReset: S,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (m, y) => (v(), $("div", {
-      class: W(["autocomplete-container", e.value.className]),
+    }), (m, y) => (d(), F("div", {
+      class: K(["autocomplete-container", e.value.className]),
       onFocusout: j,
       ref_key: "containerRef",
       ref: o
     }, [
-      D(i(Ee), {
+      P(i(xe), {
         ref_key: "inputRef",
         ref: a,
         modelValue: g.value,
-        "onUpdate:modelValue": y[0] || (y[0] = (C) => g.value = C),
+        "onUpdate:modelValue": y[0] || (y[0] = (k) => g.value = k),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: t.type ?? "text",
@@ -1335,19 +1336,22 @@ const we = /* @__PURE__ */ N({
         onClick: w,
         style: { width: "100%" }
       }, {
-        default: k(() => [
-          D(we, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (v(), _(i(ne), {
+        default: V(() => [
+          P(ye, {
+            model: e.value,
+            "slot-name": "label"
+          }, null, 8, ["model"]),
+          e.value.multiple ? (d(), _(i(ne), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            default: k(() => [
-              (v(!0), $(M, null, X(r.value, (C, T) => (v(), _(i(De), { key: T }, {
-                default: k(() => [
-                  D(i(ne), null, {
-                    default: k(() => [
-                      U(F(C.label), 1)
+            default: V(() => [
+              (d(!0), F(L, null, X(r.value, (k, T) => (d(), _(i(Ue), { key: T }, {
+                default: V(() => [
+                  P(i(ne), null, {
+                    default: V(() => [
+                      U(A(k.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1356,53 +1360,53 @@ const we = /* @__PURE__ */ N({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (v(), _(i(ne), {
+          })) : (d(), _(i(ne), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: k(() => {
-              var C;
+            default: V(() => {
+              var k;
               return [
-                U(F(((C = r.value[0]) == null ? void 0 : C.label) ?? ""), 1)
+                U(A(((k = r.value[0]) == null ? void 0 : k.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          D(i(ge), {
+          P(i(ge), {
             slot: "end",
             icon: i(Ge)
           }, null, 8, ["icon"]),
-          r.value.length > 0 || g.value ? (v(), _(i(ge), {
+          r.value.length > 0 || g.value ? (d(), _(i(ge), {
             key: 2,
             slot: "end",
             icon: i(He),
             onClick: S,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : R("", !0)
+          }, null, 8, ["icon"])) : x("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      s.value && n.value.length > 0 && p.value === "popover" ? (v(), _(i(Te), {
+      u.value && n.value.length > 0 && v.value === "popover" ? (d(), _(i(De), {
         key: 0,
-        class: W(["suggestions-list", f.value])
+        class: K(["suggestions-list", f.value])
       }, {
-        default: k(() => [
-          (v(!0), $(M, null, X(n.value, (C) => (v(), _(i(Oe), {
+        default: V(() => [
+          (d(!0), F(L, null, X(n.value, (k) => (d(), _(i(Ve), {
             button: "",
-            key: C.label,
-            onClick: (T) => b(C),
+            key: k.label,
+            onClick: (T) => b(k),
             lines: e.value.showOptionsSeparator ? "none" : "full"
           }, {
-            default: k(() => [
-              e.value.multiple ? (v(), _(i(Ie), {
+            default: V(() => [
+              e.value.multiple ? (d(), _(i(Ie), {
                 key: 0,
                 slot: "start",
-                checked: C.isChecked
-              }, null, 8, ["checked"])) : R("", !0),
-              D(i(ne), null, {
-                default: k(() => [
-                  U(F(C.label), 1)
+                checked: k.isChecked
+              }, null, 8, ["checked"])) : x("", !0),
+              P(i(ne), null, {
+                default: V(() => [
+                  U(A(k.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1411,10 +1415,10 @@ const we = /* @__PURE__ */ N({
           }, 1032, ["onClick", "lines"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : R("", !0)
+      }, 8, ["class"])) : x("", !0)
     ], 34));
   }
-}), Ut = /* @__PURE__ */ ve(Bt, [["__scopeId", "data-v-38fa03b4"]]), Dt = /* @__PURE__ */ N({
+}), Ut = /* @__PURE__ */ ve(Bt, [["__scopeId", "data-v-9525dee8"]]), Dt = /* @__PURE__ */ q({
   __name: "TextAreaInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1423,26 +1427,26 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = O(null), o = O(e.value.value), s = E(() => l.schema), { onValueUpdate: n, onFocus: g, onReset: d, getErrors: p } = pe(
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), { onValueUpdate: n, onFocus: g, onReset: p, getErrors: v } = pe(
       a,
       e,
       o,
-      s
+      u
     );
-    return q(
+    return N(
       () => e.value.value,
       (f) => o.value = f
-    ), u({
-      onReset: d,
+    ), s({
+      onReset: p,
       onValueUpdate: n,
-      getErrors: p
-    }), (f, r) => (v(), _(i(Le), {
+      getErrors: v
+    }), (f, r) => (d(), _(i(qe), {
       ref_key: "inputRef",
       ref: a,
       modelValue: o.value,
       "onUpdate:modelValue": r[0] || (r[0] = (h) => o.value = h),
-      class: W(e.value.className),
+      class: K(e.value.className),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -1465,13 +1469,16 @@ const we = /* @__PURE__ */ N({
       onIonBlur: i(n),
       style: { width: "100%" }
     }, {
-      default: k(() => [
-        D(we, { model: e.value }, null, 8, ["model"])
+      default: V(() => [
+        P(ye, {
+          model: e.value,
+          "slot-name": "label"
+        }, null, 8, ["model"])
       ]),
       _: 1
     }, 8, ["modelValue", "class", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), Tt = { class: "button-container" }, qt = /* @__PURE__ */ N({
+}), Tt = { class: "button-container" }, Nt = /* @__PURE__ */ q({
   __name: "RepeatInput",
   props: /* @__PURE__ */ J({
     schema: {},
@@ -1482,72 +1489,72 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = O([]), { dynamicRefs: a, resetForm: o, getFormErrors: s, updateFormValues: n } = ze(), g = E(() => e.value.map((S, b) => ({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I([]), { dynamicRefs: a, resetForm: o, getFormErrors: u, updateFormValues: n } = ze(), g = O(() => e.value.map((S, b) => ({
       label: `Set ${b + 1}`,
       value: b,
       other: Object.entries(S).reduce(
-        (w, [z, A]) => (K(A) && (w[z] = A.value), w),
+        (w, [R, $]) => (Z($) && (w[R] = $.value), w),
         {}
       )
     })));
-    q(
+    N(
       g,
       (S) => {
         l.value.value = S;
       },
       { deep: !0, immediate: !0 }
-    ), ke(d);
-    function d() {
-      l.value.children && e.value.push(Ce(l.value.children));
+    ), we(p);
+    function p() {
+      l.value.children && e.value.push(Se(l.value.children));
     }
-    function p(S) {
+    function v(S) {
       e.value.splice(S, 1);
     }
     function f() {
       o();
     }
     function r() {
-      return s();
+      return u();
     }
     async function h() {
       await n();
     }
-    return u({
+    return s({
       onValueUpdate: h,
       onReset: f,
       getErrors: r
-    }), (S, b) => (v(!0), $(M, null, X(e.value, (w, z) => (v(), $("div", {
-      class: W(["repeat-input-wrapper", l.value.className]),
-      key: z
+    }), (S, b) => (d(!0), F(L, null, X(e.value, (w, R) => (d(), F("div", {
+      class: K(["repeat-input-wrapper", l.value.className]),
+      key: R
     }, [
-      D(i(oe), { class: "repeat-row" }, {
-        default: k(() => [
-          D(i(ae), {
+      P(i(oe), { class: "repeat-row" }, {
+        default: V(() => [
+          P(i(ae), {
             size: "11",
             class: "form-fields-column"
           }, {
-            default: k(() => [
-              D(i(oe), { class: "fields-row" }, {
-                default: k(() => [
-                  (v(!0), $(M, null, X(Object.keys(w), (A) => {
-                    var Z, te, Y, ee, j;
-                    return v(), $(M, null, [
-                      i(Ve)(w[A], S.data, S.computedData) ? (v(), _(i(ae), {
-                        key: `${z}-${A}`,
-                        size: ((Z = w[A].grid) == null ? void 0 : Z.xs) ?? "12",
-                        "size-sm": (te = w[A].grid) == null ? void 0 : te.sm,
-                        "size-md": (Y = w[A].grid) == null ? void 0 : Y.md,
-                        "size-lg": (ee = w[A].grid) == null ? void 0 : ee.lg,
-                        "size-xl": (j = w[A].grid) == null ? void 0 : j.xl,
+            default: V(() => [
+              P(i(oe), { class: "fields-row" }, {
+                default: V(() => [
+                  (d(!0), F(L, null, X(Object.keys(w), ($) => {
+                    var W, te, Y, ee, j;
+                    return d(), F(L, null, [
+                      i(ke)(w[$], S.data, S.computedData) ? (d(), _(i(ae), {
+                        key: `${R}-${$}`,
+                        size: ((W = w[$].grid) == null ? void 0 : W.xs) ?? "12",
+                        "size-sm": (te = w[$].grid) == null ? void 0 : te.sm,
+                        "size-md": (Y = w[$].grid) == null ? void 0 : Y.md,
+                        "size-lg": (ee = w[$].grid) == null ? void 0 : ee.lg,
+                        "size-xl": (j = w[$].grid) == null ? void 0 : j.xl,
                         class: "ion-margin-bottom"
                       }, {
-                        default: k(() => [
-                          (v(), _(he(w[A].type), {
-                            modelValue: w[A],
-                            "onUpdate:modelValue": (L) => w[A] = L,
+                        default: V(() => [
+                          (d(), _(he(w[$].type), {
+                            modelValue: w[$],
+                            "onUpdate:modelValue": (M) => w[$] = M,
                             schema: w,
-                            "ref-key": `${z}-${A}`,
+                            "ref-key": `${R}-${$}`,
                             ref_for: !0,
                             ref_key: "dynamicRefs",
                             ref: a,
@@ -1555,7 +1562,7 @@ const we = /* @__PURE__ */ N({
                           }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                         ]),
                         _: 2
-                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
+                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : x("", !0)
                     ], 64);
                   }), 256))
                 ]),
@@ -1564,40 +1571,40 @@ const we = /* @__PURE__ */ N({
             ]),
             _: 2
           }, 1024),
-          D(i(ae), {
+          P(i(ae), {
             size: "1",
             class: "button-column"
           }, {
-            default: k(() => [
+            default: V(() => [
               B("div", Tt, [
-                z === e.value.length - 1 ? (v(), _(i(H), {
+                R === e.value.length - 1 ? (d(), _(i(H), {
                   key: 0,
-                  onClick: d,
+                  onClick: p,
                   color: "primary",
                   size: "small"
                 }, {
-                  default: k(() => [
-                    D(i(ge), {
+                  default: V(() => [
+                    P(i(ge), {
                       slot: "icon-only",
                       icon: i(Ke)
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
-                })) : R("", !0),
-                e.value.length > 1 ? (v(), _(i(H), {
+                })) : x("", !0),
+                e.value.length > 1 ? (d(), _(i(H), {
                   key: 1,
-                  onClick: (A) => p(z),
+                  onClick: ($) => v(R),
                   color: "warning",
                   size: "small"
                 }, {
-                  default: k(() => [
-                    D(i(ge), {
+                  default: V(() => [
+                    P(i(ge), {
                       slot: "icon-only",
                       icon: i(We)
                     }, null, 8, ["icon"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : R("", !0)
+                }, 1032, ["onClick"])) : x("", !0)
               ])
             ]),
             _: 2
@@ -1607,7 +1614,7 @@ const we = /* @__PURE__ */ N({
       }, 1024)
     ], 2))), 128));
   }
-}), Nt = /* @__PURE__ */ ve(qt, [["__scopeId", "data-v-0eb7594d"]]), Lt = /* @__PURE__ */ N({
+}), qt = /* @__PURE__ */ ve(Nt, [["__scopeId", "data-v-0eb7594d"]]), Lt = /* @__PURE__ */ q({
   __name: "CheckboxInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1616,39 +1623,40 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = O(null), o = O(e.value.value), s = E(() => l.schema), n = E(() => Re(e.value)), { onValueUpdate: g, onFocus: d, getErrors: p } = pe(a, e, o, s);
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), n = O(() => nt(e.value)), { onValueUpdate: g, onFocus: p, getErrors: v } = pe(a, e, o, u);
     function f() {
       o.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return q(
+    return N(
       () => e.value.value,
       (r) => o.value = r
-    ), u({
+    ), s({
       onValueUpdate: g,
       onReset: f,
-      getErrors: p
-    }), (r, h) => (v(), _(i(Ie), {
+      getErrors: v
+    }), (r, h) => (d(), _(i(Ie), {
       modelValue: o.value,
       "onUpdate:modelValue": h[0] || (h[0] = (S) => o.value = S),
       ref_key: "inputRef",
       ref: a,
-      class: W(e.value.className),
+      justify: "start",
+      class: K(e.value.className),
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: i(d),
+      onIonFocus: i(p),
       onIonChange: i(g),
       onIonBlur: i(g),
       style: { width: "100%" }
     }, {
-      default: k(() => [
-        U(F(n.value), 1)
+      default: V(() => [
+        U(A(n.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), Mt = /* @__PURE__ */ N({
+}), Mt = /* @__PURE__ */ q({
   __name: "RadioInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1657,8 +1665,13 @@ const we = /* @__PURE__ */ N({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = O(null), o = O(e.value.value), s = E(() => l.schema), n = O([]), g = E(() => Re(e.value)), { onValueUpdate: d, onFocus: p, getErrors: f } = pe(a, e, o, s);
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), n = I([]), { onValueUpdate: g, onFocus: p, getErrors: v, isValid: f } = pe(
+      a,
+      e,
+      o,
+      u
+    );
     function r() {
       e.value.error = "", o.value = void 0, e.value.value = void 0;
     }
@@ -1668,58 +1681,73 @@ const we = /* @__PURE__ */ N({
     async function S() {
       typeof e.value.options == "function" ? n.value = await e.value.options() : n.value = e.value.options;
     }
-    return q(
+    return N(
       () => e.value.value,
       (b) => o.value = b
-    ), u({
-      onValueUpdate: d,
+    ), s({
+      onValueUpdate: g,
       onReset: r,
-      getErrors: f
-    }), ke(S), (b, w) => (v(), _(i(Me), {
-      modelValue: o.value,
-      "onUpdate:modelValue": w[0] || (w[0] = (z) => o.value = z),
-      ref_key: "inputRef",
-      ref: a,
-      class: W(e.value.className),
-      required: e.value.required,
-      "helper-text": g.value,
-      "error-text": e.value.error,
-      disabled: e.value.disabled,
-      compareWith: h,
-      "allow-empty-selection": !e.value.required,
-      onIonFocus: i(p),
-      onIonChange: i(d),
-      onIonBlur: i(d),
-      style: { width: "100%" }
-    }, {
-      default: k(() => [
-        (v(!0), $(M, null, X(n.value, (z) => (v(), _(i(Oe), {
-          key: z.value,
-          lines: e.value.showOptionsSeparator ? "none" : "full"
-        }, {
-          default: k(() => [
-            D(i(je), {
-              value: z,
-              disabled: e.value.disabled,
-              "label-placement": "end",
-              justify: "start"
-            }, {
-              default: k(() => [
-                U(F(z.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["value", "disabled"])
-          ]),
-          _: 2
-        }, 1032, ["lines"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["modelValue", "class", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
+      getErrors: v,
+      isValid: f
+    }), we(S), (b, w) => (d(), F(L, null, [
+      P(ye, { model: e.value }, null, 8, ["model"]),
+      w[1] || (w[1] = B("br", null, null, -1)),
+      e.value.error ? (d(), _(i(Le), {
+        key: 0,
+        color: "danger"
+      }, {
+        default: V(() => [
+          U(A(e.value.error), 1)
+        ]),
+        _: 1
+      })) : x("", !0),
+      P(i(Ve), null, {
+        default: V(() => [
+          P(i(Me), {
+            modelValue: o.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (R) => o.value = R),
+            class: K(e.value.className),
+            required: e.value.required,
+            disabled: e.value.disabled,
+            compareWith: h,
+            "allow-empty-selection": !e.value.required,
+            onIonFocus: i(p),
+            onIonChange: i(g),
+            onIonBlur: i(g),
+            style: { width: "100%" }
+          }, {
+            default: V(() => [
+              (d(!0), F(L, null, X(n.value, (R) => (d(), _(i(Ve), {
+                key: R.value,
+                lines: e.value.showOptionsSeparator ? "none" : "full"
+              }, {
+                default: V(() => [
+                  P(i(je), {
+                    value: R,
+                    disabled: e.value.disabled,
+                    "label-placement": "end",
+                    justify: "start"
+                  }, {
+                    default: V(() => [
+                      U(A(R.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "disabled"])
+                ]),
+                _: 2
+              }, 1032, ["lines"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "class", "required", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"])
+        ]),
+        _: 1
+      })
+    ], 64));
   }
 }), jt = { class: "form-section-header" }, Gt = { class: "form-section-title" }, Ht = {
   key: 0,
   class: "form-section-subtitle"
-}, Kt = /* @__PURE__ */ N({
+}, Kt = /* @__PURE__ */ q({
   __name: "SectionTitle",
   props: {
     modelValue: {},
@@ -1730,104 +1758,104 @@ const we = /* @__PURE__ */ N({
   setup(t) {
     const l = t.modelValue;
     return (e, a) => {
-      var o, s, n, g, d;
-      return v(), _(i(ae), {
+      var o, u, n, g, p;
+      return d(), _(i(ae), {
         size: ((o = i(l).grid) == null ? void 0 : o.xs) ?? "12",
-        "size-sm": (s = i(l).grid) == null ? void 0 : s.sm,
+        "size-sm": (u = i(l).grid) == null ? void 0 : u.sm,
         "size-md": (n = i(l).grid) == null ? void 0 : n.md,
         "size-lg": (g = i(l).grid) == null ? void 0 : g.lg,
-        "size-xl": (d = i(l).grid) == null ? void 0 : d.xl,
-        class: W(["form-section-container", i(l).className])
+        "size-xl": (p = i(l).grid) == null ? void 0 : p.xl,
+        class: K(["form-section-container", i(l).className])
       }, {
-        default: k(() => [
+        default: V(() => [
           B("div", jt, [
-            B("h3", Gt, F(i(l).title), 1),
-            i(l).subtitle ? (v(), $("p", Ht, F(i(l).subtitle), 1)) : R("", !0)
+            B("h3", Gt, A(i(l).title), 1),
+            i(l).subtitle ? (d(), F("p", Ht, A(i(l).subtitle), 1)) : x("", !0)
           ])
         ]),
         _: 1
       }, 8, ["size", "size-sm", "size-md", "size-lg", "size-xl", "class"]);
     };
   }
-}), Wt = /* @__PURE__ */ ve(Kt, [["__scopeId", "data-v-cf5d6e04"]]);
-function Yt(t, u, l) {
-  const e = O({}), a = O({});
-  function o(p, f, r) {
-    a.value[p] = r, f.forEach((h) => {
+}), Wt = /* @__PURE__ */ ve(Kt, [["__scopeId", "data-v-e0bf7af0"]]);
+function Yt(t, s, l) {
+  const e = I({}), a = I({});
+  function o(v, f, r) {
+    a.value[v] = r, f.forEach((h) => {
       var S;
-      (S = e.value)[h] ?? (S[h] = []), e.value[h].includes(p) || e.value[h].push(p);
-    }), d(p);
+      (S = e.value)[h] ?? (S[h] = []), e.value[h].includes(v) || e.value[h].push(v);
+    }), p(v);
   }
-  function s(p) {
-    return Object.entries(e.value).filter(([, r]) => r.includes(p)).map(([r]) => r).reduce(
-      (r, h) => (r[h] = u.value[h] ?? l.value[h], r),
+  function u(v) {
+    return Object.entries(e.value).filter(([, r]) => r.includes(v)).map(([r]) => r).reduce(
+      (r, h) => (r[h] = s.value[h] ?? l.value[h], r),
       {}
     );
   }
-  function n(p, f) {
-    return p ? Array.isArray(p) ? p.some((r) => f.some((h) => g(r, h.value))) : f.some((r) => g(p, r.value)) : !1;
+  function n(v, f) {
+    return v ? Array.isArray(v) ? v.some((r) => f.some((h) => g(r, h.value))) : f.some((r) => g(v, r.value)) : !1;
   }
-  function g(p, f) {
-    return typeof p == "object" && p !== null ? p.value === f : String(p) === String(f);
+  function g(v, f) {
+    return typeof v == "object" && v !== null ? v.value === f : String(v) === String(f);
   }
-  async function d(p, f) {
-    if (!a.value[p]) return;
-    const r = s(p), h = Object.keys(r);
+  async function p(v, f) {
+    if (!a.value[v]) return;
+    const r = u(v), h = Object.keys(r);
     if (!(h.length === 0 || !h.every(
       (b) => r[b] !== void 0 && r[b] !== null
     )))
       try {
-        const b = a.value[p], w = await b(f, r);
-        if (!t.value[p]) return;
-        const z = t.value[p];
-        if (!K(z)) return;
-        z.options = w;
-        const A = z.value;
-        if (!A) return;
-        n(A, w) || (z.value = z.multiple ? [] : "");
+        const b = a.value[v], w = await b(f, r);
+        if (!t.value[v]) return;
+        const R = t.value[v];
+        if (!Z(R)) return;
+        R.options = w;
+        const $ = R.value;
+        if (!$) return;
+        n($, w) || (R.value = R.multiple ? [] : "");
       } catch (b) {
-        console.error(`Error loading options for ${p}:`, b);
+        console.error(`Error loading options for ${v}:`, b);
       }
   }
-  return q(
-    [u, l],
+  return N(
+    [s, l],
     () => {
-      Object.entries(e.value).forEach(([p, f]) => {
-        (u.value[p] !== void 0 || l.value[p] !== void 0) && f.forEach((r) => {
-          d(r);
+      Object.entries(e.value).forEach(([v, f]) => {
+        (s.value[v] !== void 0 || l.value[v] !== void 0) && f.forEach((r) => {
+          p(r);
         });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
     registerDependency: o,
-    updateOptions: d
+    updateOptions: p
   };
 }
 const el = {
   install(t) {
-    t.component("VForm", Ot), t.component("TextInput", zt), t.component("DateInput", At), t.component("NumberInput", Ft), t.component("EmailInput", $t), t.component("PasswordInput", Pt), t.component("SelectInput", Ut), t.component("TextAreaInput", Dt), t.component("RepeatInput", Nt), t.component("CheckboxInput", Lt), t.component("RadioInput", Mt), t.component("FormSection", Wt), t.directive("maskito", Ze);
+    t.component("VForm", xt), t.component("TextInput", Rt), t.component("DateInput", At), t.component("NumberInput", $t), t.component("EmailInput", Ft), t.component("PasswordInput", Pt), t.component("SelectInput", Ut), t.component("TextAreaInput", Dt), t.component("RepeatInput", qt), t.component("CheckboxInput", Lt), t.component("RadioInput", Mt), t.component("FormSection", Wt), t.directive("maskito", Ze);
   }
 };
 export {
   Lt as CheckboxInput,
   At as DateInput,
-  $t as EmailInput,
-  Ot as FormBuilder,
+  Ft as EmailInput,
+  xt as FormBuilder,
   Wt as FormSection,
-  Ft as NumberInput,
+  $t as NumberInput,
   Pt as PasswordInput,
   Mt as RadioInput,
-  Nt as RepeatInput,
+  qt as RepeatInput,
   Ut as SelectInput,
   Dt as TextAreaInput,
-  zt as TextInput,
+  Rt as TextInput,
   el as VForm,
   el as default,
   ot as useDataTransformation,
   Yt as useDependentOptions,
   ze as useFormValidation,
   pe as useInputValidation,
-  ut as useMultiStepForm
+  st as useMultiStepForm
 };
 //# sourceMappingURL=index.es.js.map