@uniquedj95/vform 3.4.0 → 3.4.1

package/dist/index.es.js

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