@uniquedj95/vform 3.6.3 → 3.7.0

package/dist/index.es.js

@@ -1,210 +1,211 @@
-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((s) => {
+import { ref as R, computed as O, watch as q, defineComponent as D, createElementBlock as B, openBlock as v, normalizeClass as j, createElementVNode as U, createCommentVNode as z, Fragment as N, renderList as Q, toDisplayString as T, normalizeStyle as me, inject as we, createBlock as b, unref as i, withCtx as w, createTextVNode as M, resolveDynamicComponent as he, mergeProps as Fe, createVNode as P, toRef as Pe, mergeModels as W, useModel as Z, resolveDirective as Te, withDirectives as Ue, onMounted as xe } from "vue";
+import { IonButton as ge, IonGrid as ze, IonRow as ue, IonCol as ne, IonLabel as se, IonText as Ee, IonInput as Ae, IonInputPasswordToggle as De, IonChip as qe, IonIcon as be, IonList as Ne, IonItem as ke, IonCheckbox as Re, actionSheetController as Le, alertController as Me, IonTextarea as je, IonNote as Ge, IonRadioGroup as He, IonRadio as Ke } from "@ionic/vue";
+import { chevronDown as We, close as Ze, add as Je, remove as Qe } from "ionicons/icons";
+import { maskito as Xe } from "@maskito/vue";
+function Ye(t) {
+  return new Promise((o) => {
     requestAnimationFrame(async () => {
       const l = await t.getInputElement();
-      s(l);
+      o(l);
     });
   });
 }
-const Qe = {
+const et = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Xe = {
+}, tt = {
   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 Ye(t, s) {
-  const l = Xe[t];
-  return l[s % l.length];
+function lt(t, o) {
+  const l = tt[t];
+  return l[o % l.length];
 }
-function et(t) {
-  const s = [];
+function at(t) {
+  const o = [];
   let l = "", e = 0, a = 0;
   for (; e < t.length; ) {
-    const o = t[e];
-    if (["d", "a", "*"].includes(o)) {
+    const s = t[e];
+    if (["d", "a", "*"].includes(s)) {
       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 [, p] = g.split(",").map((v) => parseInt(v.trim()));
-            u = p || parseInt(g.split(",")[0]);
+          const h = t.slice(e + 2, n);
+          if (h.includes(",")) {
+            const [, p] = h.split(",").map((c) => parseInt(c.trim()));
+            u = p || parseInt(h.split(",")[0]);
           } else
-            u = parseInt(g);
+            u = parseInt(h);
           e = n;
         }
       } else {
         let n = e + 1;
-        for (; t[n] === o; )
+        for (; t[n] === s; )
           u++, n++;
         e = n - 1;
       }
       for (let n = 0; n < u; n++)
-        s.push(Qe[o]), l += Ye(o, a++);
+        o.push(et[s]), l += lt(s, a++);
     } else
-      s.push(o), l += o;
+      o.push(s), l += s;
     e++;
   }
   return {
-    mask: s,
+    mask: o,
     placeholder: l,
-    elementPredicate: Je
+    elementPredicate: Ye
   };
 }
 function Ce(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function ke(t, s, l) {
-  return typeof t.condition == "function" ? t.condition(s, l) : !0;
+function ye(t, o, l) {
+  return typeof t.condition == "function" ? t.condition(o, l) : !0;
 }
 function Se(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
     return t.map((l) => Se(l));
-  const s = {};
+  const o = {};
   return Object.entries(t).forEach(([l, e]) => {
-    typeof e == "function" ? s[l] = e.bind(s) : s[l] = Se(e);
-  }), s;
+    typeof e == "function" ? o[l] = e.bind(o) : o[l] = Se(e);
+  }), o;
 }
-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 Oe(t, o) {
+  return o.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
 }
-function le(t, s) {
-  const l = Ee(t, s);
-  l >= 0 ? s[l].isChecked = !0 : s.push({ ...t, isChecked: !0 });
+function le(t, o) {
+  const l = Oe(t, o);
+  l >= 0 ? o[l].isChecked = !0 : o.push({ ...t, isChecked: !0 });
 }
-function tt(t, s) {
-  const l = Ee(t, s);
-  l >= 0 && (s[l].isChecked = !1);
+function nt(t, o) {
+  const l = Oe(t, o);
+  l >= 0 && (o[l].isChecked = !1);
 }
-function lt(t) {
-  t.forEach((s) => {
-    s.isChecked = !1;
+function ot(t) {
+  t.forEach((o) => {
+    o.isChecked = !1;
   });
 }
-function at(t, s) {
-  return s ? t.filter(
-    (l) => JSON.stringify(l).toLowerCase().includes(s.toLowerCase())
+function $e(t) {
+  return !!t.description;
+}
+function st(t, o) {
+  return o ? t.filter(
+    (l) => JSON.stringify(l).toLowerCase().includes(o.toLowerCase())
   ) : t;
 }
-function nt(t) {
-  const s = t.label || "", l = t.required ? " *" : "";
-  return s + l;
+function ut(t) {
+  const o = t.label || "", l = t.required ? " *" : "";
+  return o + l;
 }
-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(s, a) && de(t[a], s[a])
-  );
+function de(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((a, s) => de(a, o[s]));
+  if (Array.isArray(t) !== Array.isArray(o)) return !1;
+  const l = Object.keys(t), e = Object.keys(o);
+  return l.length !== e.length ? !1 : l.every((a) => Object.hasOwn(o, a) && de(t[a], o[a]));
 }
-function Z(t) {
+function K(t) {
   return t.type !== "FormSection";
 }
-function ze() {
-  const t = I([]);
-  async function s() {
+function Be() {
+  const t = R([]);
+  async function o() {
     console.debug("Validating form inputs");
-    const o = [];
+    const s = [];
     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 = u.getErrors();
-          Array.isArray(n) ? o.push(...n) : console.warn("getErrors() returned non-array value:", n);
+          Array.isArray(n) ? s.push(...n) : console.warn("getErrors() returned non-array value:", n);
         } catch (n) {
           console.error("Error calling getErrors on component:", n, u);
         }
       else
         console.warn("Component does not have getErrors function:", u);
-    return o.every(Ce);
+    return s.every(Ce);
   }
   function l() {
-    t.value.forEach((o) => {
-      typeof (o == null ? void 0 : o.onReset) == "function" && o.onReset();
+    t.value.forEach((s) => {
+      typeof (s == null ? void 0 : s.onReset) == "function" && s.onReset();
     });
   }
   function e() {
-    const o = [];
+    const s = [];
     for (const u of t.value)
       if (typeof (u == null ? void 0 : u.getErrors) == "function")
         try {
           const n = u.getErrors();
-          Array.isArray(n) ? o.push(...n) : o.push(String(n));
+          Array.isArray(n) ? s.push(...n) : s.push(String(n));
         } catch (n) {
           console.error("Error calling getErrors on component:", n, u);
         }
-    return o;
+    return s;
   }
   async function a() {
-    for (const o of t.value)
-      typeof (o == null ? void 0 : o.onValueUpdate) == "function" && await o.onValueUpdate();
+    for (const s of t.value)
+      typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate();
   }
   return {
     dynamicRefs: t,
-    isFormValid: s,
+    isFormValid: o,
     resetForm: l,
     getFormErrors: e,
     updateFormValues: a
   };
 }
-function ot(t) {
-  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);
+function rt(t) {
+  const o = O(
+    () => Object.entries(t.value).reduce((p, [c, m]) => (K(m) && m.value !== void 0 && (p[c] = m.value), p), {})
+  ), l = R({}), e = (p, c, m) => {
+    const f = t.value[p];
+    if (K(f) && f.children) {
+      const d = f.children[c];
+      if (d && K(d) && typeof d.computedValue == "function")
+        return d.computedValue(m, t.value);
     }
-    return f;
-  }, 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[p][r][h] = e(p, h, S));
+    return m;
+  }, a = (p, c, m, f) => {
+    l.value[p][f] || (l.value[p][f] = {}), Object.entries(c.other ?? {}).forEach(([d, V]) => {
+      var C;
+      !de(V, (C = m.other) == null ? void 0 : C[d]) && (l.value[p][f][d] = e(p, d, V));
     });
-  }, o = (p, v, f) => {
-    v.forEach((r, h) => {
-      const S = f[h] ?? { other: {} };
-      a(p, r, S, h);
+  }, s = (p, c, m) => {
+    c.forEach((f, d) => {
+      const V = m[d] ?? { other: {} };
+      a(p, f, V, d);
     });
-  }, u = (p, { other: v }) => Object.entries(v ?? {}).reduce(
-    (f, [r, h]) => (f[r] = e(p, r, h), f),
+  }, u = (p, { other: c }) => Object.entries(c ?? {}).reduce(
+    (m, [f, d]) => (m[f] = e(p, f, d), m),
     {}
-  ), n = (p, v, f) => {
+  ), n = (p, c, m) => {
     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) {
+    const f = c;
+    Array.isArray(m[p]) ? s(p, f, m[p]) : l.value[p] = f.map((d) => u(p, d));
+  }, h = (p, c, m) => {
+    if (!c) {
       delete l.value[p];
       return;
     }
-    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)));
+    const f = t.value[p];
+    K(f) && (typeof f.onChange == "function" && f.onChange(c, t.value), f.children !== void 0 ? n(p, c, m) : typeof f.computedValue == "function" && (l.value[p] = f.computedValue(c, t.value)));
   };
-  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];
+  return q(
+    o,
+    (p, c = {}) => {
+      Object.keys(p).forEach((m) => {
+        de(p[m], c[m]) || h(m, p[m], c);
+      }), Object.keys(c).forEach((m) => {
+        !(m in p) && m in l.value && delete l.value[m];
       });
     },
     {
@@ -212,81 +213,81 @@ function ot(t) {
       deep: !0
     }
   ), {
-    formData: s,
+    formData: o,
     computedData: l
   };
 }
-function st(t) {
-  const s = I(0), l = I({}), e = I({}), a = I({});
-  function o(C) {
-    const m = {};
-    return C.component || !C.schema || Object.entries(C.schema).forEach(([y, k]) => {
-      Z(k) && (m[y] = k.value);
-    }), m;
+function it(t) {
+  const o = R(0), l = R({}), e = R({}), a = R({});
+  function s(_) {
+    const I = {};
+    return _.component || !_.schema || Object.entries(_.schema).forEach(([g, k]) => {
+      K(k) && (I[g] = k.value);
+    }), I;
   }
-  t.steps.forEach((C) => {
-    l.value[C.id] = o(C), e.value[C.id] = {}, a.value[C.id] = [];
+  t.steps.forEach((_) => {
+    l.value[_.id] = s(_), e.value[_.id] = {}, a.value[_.id] = [];
   });
-  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);
+  const u = R(t.steps.map((_) => _.id)), n = O(() => t.steps.filter((I) => I.condition ? I.condition(l.value, e.value) : !0));
+  q(n, (_) => {
+    const I = _.map((k) => k.id);
     u.value.filter(
-      (k) => !m.includes(k)
+      (k) => !I.includes(k)
     ).forEach((k) => {
-      R(k);
-    }), u.value = m;
+      x(k);
+    }), u.value = I;
   });
-  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 };
+  const h = O(() => n.value.length > 0 ? o.value >= n.value.length ? n.value[n.value.length - 1] : n.value[o.value] : t.steps[o.value]), p = O(() => o.value === 0), c = O(() => o.value === n.value.length - 1), m = O(() => !c.value), f = O(() => !p.value), d = O(() => n.value.length), V = O(() => d.value === 0 ? 0 : Math.round((o.value + 1) / d.value * 100));
+  function y(_, I) {
+    l.value[_] = { ...l.value[_], ...I };
   }
-  function w(C, m) {
-    e.value[C] = { ...e.value[C], ...m };
+  function C(_, I) {
+    e.value[_] = { ...e.value[_], ...I };
   }
-  function R(C) {
-    const m = t.steps.find((y) => y.id === C);
-    m && (l.value[C] = o(m), e.value[C] = {});
+  function x(_) {
+    const I = t.steps.find((g) => g.id === _);
+    I && (l.value[_] = s(I), e.value[_] = {});
   }
   async function $() {
-    const C = g.value;
-    if (!C) return !0;
-    const m = [];
-    if (C.validation) {
-      const y = await C.validation(
-        l.value[C.id],
-        e.value[C.id]
+    const _ = h.value;
+    if (!_) return !0;
+    const I = [];
+    if (_.validation) {
+      const g = await _.validation(
+        l.value[_.id],
+        e.value[_.id]
       );
-      y && m.push(...y);
+      g && I.push(...g);
     }
-    return a.value[C.id] = m, m.length === 0;
+    return a.value[_.id] = I, I.length === 0;
   }
-  async function W(C) {
-    return C < 0 || C >= n.value.length || C > s.value && !await $() ? !1 : (s.value = C, !0);
+  async function L(_) {
+    return _ < 0 || _ >= n.value.length || _ > o.value && !await $() ? !1 : (o.value = _, !0);
   }
-  async function te() {
-    return f.value ? W(s.value + 1) : !1;
+  async function X() {
+    return m.value ? L(o.value + 1) : !1;
   }
   async function Y() {
-    return r.value ? W(s.value - 1) : !1;
+    return f.value ? L(o.value - 1) : !1;
   }
   function ee() {
-    s.value = 0, a.value = {}, t.steps.forEach((C) => {
-      R(C.id), a.value[C.id] = [];
+    o.value = 0, a.value = {}, t.steps.forEach((_) => {
+      x(_.id), a.value[_.id] = [];
     });
   }
-  async function j() {
-    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]
+  async function te() {
+    let _ = !0;
+    for (const I of t.steps)
+      if (I.validation) {
+        const g = await I.validation(
+          l.value[I.id],
+          e.value[I.id]
         );
-        a.value[m.id] = y || [], y && y.length > 0 && (C = !1);
+        a.value[I.id] = g || [], g && g.length > 0 && (_ = !1);
       }
-    return C;
+    return _;
   }
-  function M() {
+  function G() {
     return {
       formData: { ...l.value },
       computedData: { ...e.value }
@@ -294,39 +295,39 @@ function st(t) {
   }
   return {
     // State
-    currentStepIndex: s,
-    currentStep: g,
+    currentStepIndex: o,
+    currentStep: h,
     stepData: l,
     stepComputedData: e,
     stepValidationErrors: a,
     // Computed
     visibleSteps: n,
     isFirstStep: p,
-    isLastStep: v,
-    canGoNext: f,
-    canGoPrevious: r,
-    totalSteps: h,
-    progressPercentage: S,
+    isLastStep: c,
+    canGoNext: m,
+    canGoPrevious: f,
+    totalSteps: d,
+    progressPercentage: V,
     // Methods
-    updateStepData: b,
-    updateStepComputedData: w,
-    clearStepData: R,
+    updateStepData: y,
+    updateStepComputedData: C,
+    clearStepData: x,
     validateCurrentStep: $,
-    goToStep: W,
-    nextStep: te,
+    goToStep: L,
+    nextStep: X,
     previousStep: Y,
     resetForm: ee,
-    validateAllSteps: j,
-    getMultiStepFormData: M
+    validateAllSteps: te,
+    getMultiStepFormData: G
   };
 }
-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 = {
+const ct = { class: "step-indicator__container" }, dt = ["onClick"], vt = { class: "step-indicator__step-content" }, pt = { class: "step-indicator__step-marker" }, ft = { class: "step-indicator__step-info" }, mt = { class: "step-indicator__step-title" }, ht = {
   key: 0,
   class: "step-indicator__step-subtitle"
-}, ft = {
+}, yt = {
   key: 0,
   class: "step-indicator__progress"
-}, mt = { class: "step-indicator__progress-bar" }, ht = { class: "step-indicator__progress-text" }, gt = /* @__PURE__ */ q({
+}, gt = { class: "step-indicator__progress-bar" }, bt = { class: "step-indicator__progress-text" }, _t = /* @__PURE__ */ D({
   __name: "StepIndicator",
   props: {
     steps: {},
@@ -336,62 +337,116 @@ const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
     allowNavigation: { type: Boolean, default: !1 }
   },
   emits: ["step-click"],
-  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) {
+  setup(t, { emit: o }) {
+    const l = t, e = o, a = O(() => l.steps.length === 0 ? 0 : (l.activeStepIndex + 1) / l.steps.length * 100);
+    function s(u) {
       l.allowNavigation && e("step-click", u);
     }
-    return (u, n) => (d(), F("div", {
-      class: K(["step-indicator", [`step-indicator--${u.position}`, { "step-indicator--clickable": u.allowNavigation }]])
+    return (u, n) => (v(), B("div", {
+      class: j(["step-indicator", [`step-indicator--${u.position}`, { "step-indicator--clickable": u.allowNavigation }]])
     }, [
-      B("div", ut, [
-        (d(!0), F(L, null, X(u.steps, (g, p) => (d(), F("div", {
-          key: g.id,
-          class: K(["step-indicator__step", {
+      U("div", ct, [
+        (v(!0), B(N, null, Q(u.steps, (h, p) => (v(), B("div", {
+          key: h.id,
+          class: j(["step-indicator__step", {
             "step-indicator__step--active": p === u.activeStepIndex,
             "step-indicator__step--completed": p < u.activeStepIndex,
             "step-indicator__step--clickable": u.allowNavigation
           }]),
-          onClick: (v) => o(p)
+          onClick: (c) => s(p)
         }, [
-          B("div", it, [
-            B("div", ct, [
-              B("span", null, A(p + 1), 1)
+          U("div", vt, [
+            U("div", pt, [
+              U("span", null, T(p + 1), 1)
             ]),
-            B("div", dt, [
-              B("div", vt, A(g.title), 1),
-              g.subtitle ? (d(), F("div", pt, A(g.subtitle), 1)) : x("", !0)
+            U("div", ft, [
+              U("div", mt, T(h.title), 1),
+              h.subtitle ? (v(), B("div", ht, T(h.subtitle), 1)) : z("", !0)
             ])
           ]),
-          p < u.steps.length - 1 ? (d(), F("div", {
+          p < u.steps.length - 1 ? (v(), B("div", {
             key: 0,
-            class: K(["step-indicator__connector", { "step-indicator__connector--completed": p < u.activeStepIndex }])
-          }, null, 2)) : x("", !0)
-        ], 10, rt))), 128))
+            class: j(["step-indicator__connector", { "step-indicator__connector--completed": p < u.activeStepIndex }])
+          }, null, 2)) : z("", !0)
+        ], 10, dt))), 128))
       ]),
-      u.showProgress && (u.position === "top" || u.position === "bottom") ? (d(), F("div", ft, [
-        B("div", mt, [
-          B("div", {
+      u.showProgress && (u.position === "top" || u.position === "bottom") ? (v(), B("div", yt, [
+        U("div", gt, [
+          U("div", {
             class: "step-indicator__progress-fill",
-            style: be({ width: `${a.value}%` })
+            style: me({ width: `${a.value}%` })
           }, null, 4)
         ]),
-        B("div", ht, " Step " + A(u.activeStepIndex + 1) + " of " + A(u.steps.length), 1)
-      ])) : x("", !0)
+        U("div", bt, " Step " + T(u.activeStepIndex + 1) + " of " + T(u.steps.length), 1)
+      ])) : z("", !0)
     ], 2));
   }
-}), ve = (t, s) => {
+}), re = (t, o) => {
   const l = t.__vccOpts || t;
-  for (const [e, a] of s)
+  for (const [e, a] of o)
     l[e] = a;
   return l;
-}, me = /* @__PURE__ */ ve(gt, [["__scopeId", "data-v-aca1a6d0"]]), yt = { class: "v-form-container" }, _t = {
+}, fe = /* @__PURE__ */ re(_t, [["__scopeId", "data-v-aca1a6d0"]]), ae = /* @__PURE__ */ D({
+  __name: "ActionButton",
+  props: {
+    type: {
+      type: String,
+      default: "submit"
+    },
+    label: {
+      type: String,
+      required: !1
+    }
+  },
+  setup(t) {
+    const o = we("globalConfig"), l = t, e = O(() => {
+      var a, s;
+      return l.label ?? ((s = (a = o == null ? void 0 : o.buttons) == null ? void 0 : a[l.type]) == null ? void 0 : s.label) ?? l.type;
+    });
+    return (a, s) => {
+      var u, n, h, p, c, m, f, d, V, y, C, x;
+      return v(), b(i(ge), {
+        color: ((h = (n = (u = i(o)) == null ? void 0 : u.buttons) == null ? void 0 : n[t.type]) == null ? void 0 : h.color) ?? "primary",
+        fill: ((m = (c = (p = i(o)) == null ? void 0 : p.buttons) == null ? void 0 : c[t.type]) == null ? void 0 : m.fill) ?? "solid",
+        expand: (V = (d = (f = i(o)) == null ? void 0 : f.buttons) == null ? void 0 : d[t.type]) == null ? void 0 : V.expand,
+        size: ((x = (C = (y = i(o)) == null ? void 0 : y.buttons) == null ? void 0 : C[t.type]) == null ? void 0 : x.size) ?? "default"
+      }, {
+        default: w(() => [
+          M(T(e.value), 1)
+        ]),
+        _: 1
+      }, 8, ["color", "fill", "expand", "size"]);
+    };
+  }
+}), Ie = /* @__PURE__ */ D({
+  __name: "CustomButton",
+  props: {
+    button: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (o, l) => (v(), b(i(ge), {
+      onClick: t.button.action,
+      color: t.button.color ?? "primary",
+      fill: t.button.fill ?? "solid",
+      size: t.button.size ?? "default",
+      expand: t.button.expand
+    }, {
+      default: w(() => [
+        M(T(t.button.label), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick", "color", "fill", "size", "expand"]));
+  }
+}), Vt = { class: "v-form-container" }, kt = {
   key: 0,
   class: "multi-step-form"
-}, bt = { class: "multi-step-form-content" }, Vt = { class: "step-nav-buttons" }, Ct = { class: "step-action-buttons" }, kt = { class: "step-nav-buttons" }, St = {
+}, Ct = { class: "multi-step-form-content" }, St = {
   key: 3,
   class: "step-progress-bottom"
-}, wt = { class: "step-progress-bar" }, Et = { class: "step-progress-text" }, Ot = /* @__PURE__ */ q({
+}, wt = { class: "step-progress-bar" }, xt = { class: "step-progress-text" }, Et = /* @__PURE__ */ D({
   __name: "vForm",
   props: {
     schema: {},
@@ -400,89 +455,91 @@ const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
     showClearButton: { type: Boolean, default: !0 },
     showCancelButton: { type: Boolean, default: !0 },
     buttonPlacement: { default: "start" },
-    submitButtonText: { default: "Submit" },
-    clearButtonText: { default: "Reset" },
-    cancelButtonText: { default: "Cancel" },
+    submitButtonText: {},
+    clearButtonText: {},
+    cancelButtonText: {},
+    nextButtonText: {},
+    previousButtonText: {},
     hideButtons: { type: Boolean, default: !1 },
     customButtons: {}
   },
   emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
-  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 && (u.value = c.schema || {});
+  setup(t, { expose: o, emit: l }) {
+    const e = t, a = l, s = O(() => !!e.multiStepConfig), u = R(e.schema || {}), n = e.multiStepConfig ? it(e.multiStepConfig) : null, { dynamicRefs: h, isFormValid: p, resetForm: c } = Be(), { formData: m, computedData: f } = rt(u), d = R(null), V = O(() => (n == null ? void 0 : n.currentStepIndex.value) ?? 0), y = O(() => n == null ? void 0 : n.currentStep.value), C = O(() => (n == null ? void 0 : n.visibleSteps.value) ?? []), x = O(() => (n == null ? void 0 : n.isLastStep.value) ?? !0), $ = O(() => (n == null ? void 0 : n.canGoNext.value) ?? !1), L = O(() => (n == null ? void 0 : n.canGoPrevious.value) ?? !1), X = O(() => !s.value || !n ? 0 : n.progressPercentage.value);
+    q(
+      () => y.value,
+      (r) => {
+        r && s.value && (u.value = r.schema || {});
       },
       { immediate: !0 }
-    ), N(
-      [f, r],
-      ([c, z]) => {
-        o.value && n && b.value && (n.updateStepData(b.value.id, c), n.updateStepComputedData(b.value.id, z));
+    ), q(
+      [m, f],
+      ([r, E]) => {
+        s.value && n && y.value && (n.updateStepData(y.value.id, r), n.updateStepComputedData(y.value.id, E));
       },
       { deep: !0 }
-    ), N(
+    ), q(
       () => e.schema,
-      (c) => {
-        if (!o.value && c) {
-          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);
+      (r) => {
+        if (!s.value && r) {
+          u.value = r;
+          for (const [E, A] of Object.entries(r))
+            K(A) && "value" in A && A.value !== void 0 && (u.value[E].value = A.value);
         }
       },
       { deep: !0, immediate: !0 }
     );
     async function Y() {
-      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 D = n.getMultiStepFormData();
-        a("multi-step-submit", D);
+      var r;
+      if (s.value && n) {
+        if ((r = y.value) != null && r.component && d.value && typeof d.value.validate == "function" && !await d.value.validate() || !await n.validateAllSteps()) return;
+        const A = n.getMultiStepFormData();
+        a("multi-step-submit", A);
       } else {
         if (!await p()) return;
-        a("submit", f.value, r.value);
+        a("submit", m.value, f.value);
       }
     }
     function ee() {
-      o.value && n ? n.resetForm() : v(), a("clear");
+      s.value && n ? n.resetForm() : c(), a("clear");
     }
-    function j() {
-      o.value && n && b.value && n.clearStepData(b.value.id);
+    function te() {
+      s.value && n && y.value && n.clearStepData(y.value.id);
     }
-    function M() {
-      o.value && n ? n.resetForm() : v(), a("cancel");
+    function G() {
+      s.value && n ? n.resetForm() : c(), a("cancel");
     }
-    async function C() {
-      var c;
-      if (n) {
-        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)
+    async function _() {
+      var r;
+      if (s.value && n) {
+        let E = !0;
+        if ((r = y.value) != null && r.component && d.value ? typeof d.value.validate == "function" && (E = await d.value.validate()) : E = await p(), !E)
           return;
-        await n.nextStep() && b.value && a("step-change", S.value, b.value.id);
+        await n.nextStep() && y.value && a("step-change", V.value, y.value.id);
       }
     }
-    async function m() {
-      n && await n.previousStep() && b.value && a("step-change", S.value, b.value.id);
+    async function I() {
+      n && await n.previousStep() && y.value && a("step-change", V.value, y.value.id);
     }
-    async function y(c) {
-      var z;
+    async function g(r) {
+      var E;
       if (n) {
-        if (c > S.value) {
-          let G = !0;
-          if ((z = b.value) != null && z.component && h.value ? typeof h.value.validate == "function" && (G = await h.value.validate()) : G = await p(), !G)
+        if (r > V.value) {
+          let F = !0;
+          if ((E = y.value) != null && E.component && d.value ? typeof d.value.validate == "function" && (F = await d.value.validate()) : F = await p(), !F)
             return;
         }
-        await n.goToStep(c) && b.value && a("step-change", c, b.value.id);
+        await n.goToStep(r) && y.value && a("step-change", r, y.value.id);
       }
     }
-    N(
-      f,
+    q(
+      m,
       async () => {
-        var c;
-        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);
+        var r;
+        for (const [E, A] of Object.entries(u.value))
+          if (!ye(A, m.value, f.value)) {
+            const F = s.value && y.value && y.value.schema ? y.value.schema[E] : (r = e.schema) == null ? void 0 : r[E];
+            F && K(F) && "value" in F ? A.value = F.value : A.value = void 0;
           }
       },
       {
@@ -490,86 +547,83 @@ const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
         immediate: !0
       }
     );
-    function k(c) {
-      o.value && n && b.value && n.updateStepData(b.value.id, c);
-    }
-    function T(c, z, D) {
-      return ke(c, z, D);
+    function k(r) {
+      s.value && n && y.value && n.updateStepData(y.value.id, r);
     }
-    return s({
+    return o({
       resetForm: ee,
       isFormValid: p,
-      resolveData: () => o.value && n ? n.getMultiStepFormData() : {
-        formData: f.value,
-        computedData: r.value
+      resolveData: () => s.value && n ? n.getMultiStepFormData() : {
+        formData: m.value,
+        computedData: f.value
       },
       // Multi-step specific methods
-      nextStep: C,
-      previousStep: m,
-      goToStep: y,
-      getCurrentStep: () => b.value,
-      getCurrentStepIndex: () => S.value
-    }), (c, z) => {
-      var D, G;
-      return d(), F("div", yt, [
-        o.value ? (d(), F("div", _t, [
-          c.multiStepConfig && c.multiStepConfig.stepPosition === "top" ? (d(), _(me, {
+      nextStep: _,
+      previousStep: I,
+      goToStep: g,
+      getCurrentStep: () => y.value,
+      getCurrentStepIndex: () => V.value
+    }), (r, E) => {
+      var A, F;
+      return v(), B("div", Vt, [
+        s.value ? (v(), B("div", kt, [
+          r.multiStepConfig && r.multiStepConfig.stepPosition === "top" ? (v(), b(fe, {
             key: 0,
-            steps: w.value,
-            "active-step-index": S.value,
-            position: c.multiStepConfig.stepPosition || "top",
-            "show-progress": c.multiStepConfig.showProgress,
-            "allow-navigation": c.multiStepConfig.allowStepNavigation,
-            onStepClick: y
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0),
-          B("div", {
-            class: K(["multi-step-content", `multi-step-content--${((D = c.multiStepConfig) == null ? void 0 : D.stepPosition) || "top"}`])
+            steps: C.value,
+            "active-step-index": V.value,
+            position: r.multiStepConfig.stepPosition || "top",
+            "show-progress": r.multiStepConfig.showProgress,
+            "allow-navigation": r.multiStepConfig.allowStepNavigation,
+            onStepClick: g
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0),
+          U("div", {
+            class: j(["multi-step-content", `multi-step-content--${((A = r.multiStepConfig) == null ? void 0 : A.stepPosition) || "top"}`])
           }, [
-            c.multiStepConfig && c.multiStepConfig.stepPosition === "left" ? (d(), _(me, {
+            r.multiStepConfig && r.multiStepConfig.stepPosition === "left" ? (v(), b(fe, {
               key: 0,
-              steps: w.value,
-              "active-step-index": S.value,
-              position: c.multiStepConfig.stepPosition ?? "top",
-              "show-progress": c.multiStepConfig.showProgress,
-              "allow-navigation": c.multiStepConfig.allowStepNavigation,
-              onStepClick: y,
+              steps: C.value,
+              "active-step-index": V.value,
+              position: r.multiStepConfig.stepPosition ?? "top",
+              "show-progress": r.multiStepConfig.showProgress,
+              "allow-navigation": r.multiStepConfig.allowStepNavigation,
+              onStepClick: g,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0),
-            B("div", bt, [
-              (G = b.value) != null && G.component ? (d(), _(he(b.value.component), Re({ key: 0 }, b.value.componentProps || {}, {
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0),
+            U("div", Ct, [
+              (F = y.value) != null && F.component ? (v(), b(he(y.value.component), Fe({ key: 0 }, y.value.componentProps || {}, {
                 "onUpdate:data": k,
                 ref_key: "customComponentRef",
-                ref: h
-              }), 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), {
+                ref: d
+              }), null, 16)) : (v(), b(i(ze), { key: 1 }, {
+                default: w(() => [
+                  P(i(ue), null, {
+                    default: w(() => [
+                      (v(!0), B(N, null, Q(Object.keys(u.value), (S) => {
+                        var H, J, oe, ie, ce;
+                        return v(), B(N, { key: S }, [
+                          i(ye)(u.value[S], i(m), i(f)) ? (v(), b(i(ne), {
                             key: 0,
-                            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,
+                            size: ((H = u.value[S].grid) == null ? void 0 : H.xs) ?? "12",
+                            "size-sm": (J = u.value[S].grid) == null ? void 0 : J.sm,
+                            "size-md": (oe = u.value[S].grid) == null ? void 0 : oe.md,
+                            "size-lg": (ie = u.value[S].grid) == null ? void 0 : ie.lg,
+                            "size-xl": (ce = u.value[S].grid) == null ? void 0 : ce.xl,
                             class: "ion-margin-vertical"
                           }, {
-                            default: V(() => [
-                              (d(), _(he(u.value[E].type), {
-                                modelValue: u.value[E],
-                                "onUpdate:modelValue": (_e) => u.value[E] = _e,
+                            default: w(() => [
+                              (v(), b(he(u.value[S].type), {
+                                modelValue: u.value[S],
+                                "onUpdate:modelValue": (Ve) => u.value[S] = Ve,
                                 schema: u.value,
-                                "form-id": E,
+                                "form-id": S,
                                 ref_for: !0,
                                 ref_key: "dynamicRefs",
-                                ref: g,
-                                "ref-key": E
+                                ref: h,
+                                "ref-key": S
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                             ]),
                             _: 2
-                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : x("", !0)
+                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                         ], 64);
                       }), 128))
                     ]),
@@ -578,195 +632,147 @@ const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
                 ]),
                 _: 1
               })),
-              c.hideButtons ? x("", !0) : (d(), _(i(oe), {
-                key: 2,
-                class: "multi-step-buttons"
-              }, {
-                default: V(() => [
-                  P(i(ae), {
+              r.hideButtons ? z("", !0) : (v(), b(i(ue), { key: 2 }, {
+                default: w(() => [
+                  P(i(ne), {
                     size: "12",
-                    class: "button-container"
+                    style: me([{ display: "flex" }, { justifyContent: r.buttonPlacement }])
                   }, {
-                    default: V(() => [
-                      B("div", Vt, [
-                        W.value ? (d(), _(i(H), {
-                          key: 0,
-                          onClick: m,
-                          fill: "outline"
-                        }, {
-                          default: V(() => z[0] || (z[0] = [
-                            U(" Previous ")
-                          ])),
-                          _: 1,
-                          __: [0]
-                        })) : x("", !0)
-                      ]),
-                      B("div", Ct, [
-                        c.showCancelButton ? (d(), _(i(H), {
-                          key: 0,
-                          onClick: M,
-                          fill: "outline"
-                        }, {
-                          default: V(() => [
-                            U(A(c.cancelButtonText ?? "Cancel"), 1)
-                          ]),
-                          _: 1
-                        })) : x("", !0),
-                        c.showClearButton ? (d(), _(i(H), {
-                          key: 1,
-                          onClick: j,
-                          fill: "outline"
-                        }, {
-                          default: V(() => [
-                            U(A(c.clearButtonText ?? "Reset"), 1)
-                          ]),
-                          _: 1
-                        })) : 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: V(() => [
-                            U(A(E.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick", "color"]))), 128))
-                      ]),
-                      B("div", kt, [
-                        $.value ? (d(), _(i(H), {
-                          key: 0,
-                          onClick: C
-                        }, {
-                          default: V(() => z[1] || (z[1] = [
-                            U(" Next ")
-                          ])),
-                          _: 1,
-                          __: [1]
-                        })) : x("", !0),
-                        R.value ? (d(), _(i(H), {
-                          key: 1,
-                          onClick: Y
-                        }, {
-                          default: V(() => [
-                            U(A(c.submitButtonText ?? "Submit"), 1)
-                          ]),
-                          _: 1
-                        })) : x("", !0)
-                      ])
+                    default: w(() => [
+                      L.value ? (v(), b(ae, {
+                        key: 0,
+                        type: "previous",
+                        label: r.previousButtonText,
+                        onClick: I
+                      }, null, 8, ["label"])) : z("", !0),
+                      r.showCancelButton ? (v(), b(ae, {
+                        key: 1,
+                        type: "cancel",
+                        label: r.cancelButtonText,
+                        onClick: G
+                      }, null, 8, ["label"])) : z("", !0),
+                      r.showClearButton ? (v(), b(ae, {
+                        key: 2,
+                        type: "clear",
+                        label: r.clearButtonText,
+                        onClick: te
+                      }, null, 8, ["label"])) : z("", !0),
+                      (v(!0), B(N, null, Q(r.customButtons, (S) => (v(), b(Ie, {
+                        button: S,
+                        key: S.label
+                      }, null, 8, ["button"]))), 128)),
+                      $.value ? (v(), b(ae, {
+                        key: 3,
+                        type: "next",
+                        label: r.nextButtonText,
+                        onClick: _
+                      }, null, 8, ["label"])) : z("", !0),
+                      x.value ? (v(), b(ae, {
+                        key: 4,
+                        type: "submit",
+                        label: r.submitButtonText,
+                        onClick: Y
+                      }, null, 8, ["label"])) : z("", !0)
                     ]),
                     _: 1
-                  })
+                  }, 8, ["style"])
                 ]),
                 _: 1
               })),
-              c.multiStepConfig && (c.multiStepConfig.stepPosition === "left" || c.multiStepConfig.stepPosition === "right") && c.multiStepConfig.showProgress ? (d(), F("div", St, [
-                B("div", wt, [
-                  B("div", {
+              r.multiStepConfig && (r.multiStepConfig.stepPosition === "left" || r.multiStepConfig.stepPosition === "right") && r.multiStepConfig.showProgress ? (v(), B("div", St, [
+                U("div", wt, [
+                  U("div", {
                     class: "step-progress-fill",
-                    style: be({ width: `${te.value}%` })
+                    style: me({ width: `${X.value}%` })
                   }, null, 4)
                 ]),
-                B("div", Et, " Step " + A(S.value + 1) + " of " + A(w.value.length), 1)
-              ])) : x("", !0)
+                U("div", xt, " Step " + T(V.value + 1) + " of " + T(C.value.length), 1)
+              ])) : z("", !0)
             ]),
-            c.multiStepConfig && c.multiStepConfig.stepPosition === "right" ? (d(), _(me, {
+            r.multiStepConfig && r.multiStepConfig.stepPosition === "right" ? (v(), b(fe, {
               key: 1,
-              steps: w.value,
-              "active-step-index": S.value,
-              position: c.multiStepConfig.stepPosition,
-              "show-progress": c.multiStepConfig.showProgress,
-              "allow-navigation": c.multiStepConfig.allowStepNavigation,
-              onStepClick: y,
+              steps: C.value,
+              "active-step-index": V.value,
+              position: r.multiStepConfig.stepPosition,
+              "show-progress": r.multiStepConfig.showProgress,
+              "allow-navigation": r.multiStepConfig.allowStepNavigation,
+              onStepClick: g,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0)
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0)
           ], 2),
-          c.multiStepConfig && c.multiStepConfig.stepPosition === "bottom" ? (d(), _(me, {
+          r.multiStepConfig && r.multiStepConfig.stepPosition === "bottom" ? (v(), b(fe, {
             key: 1,
-            steps: w.value,
-            "active-step-index": S.value,
-            position: c.multiStepConfig.stepPosition,
-            "show-progress": c.multiStepConfig.showProgress,
-            "allow-navigation": c.multiStepConfig.allowStepNavigation,
-            onStepClick: y
-          }, 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), {
+            steps: C.value,
+            "active-step-index": V.value,
+            position: r.multiStepConfig.stepPosition,
+            "show-progress": r.multiStepConfig.showProgress,
+            "allow-navigation": r.multiStepConfig.allowStepNavigation,
+            onStepClick: g
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0)
+        ])) : (v(), b(i(ze), { key: 1 }, {
+          default: w(() => [
+            P(i(ue), null, {
+              default: w(() => [
+                (v(!0), B(N, null, Q(Object.keys(u.value), (S) => {
+                  var H, J, oe, ie, ce;
+                  return v(), B(N, { key: S }, [
+                    i(ye)(u.value[S], i(m), i(f)) ? (v(), b(i(ne), {
                       key: 0,
-                      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,
+                      size: ((H = u.value[S].grid) == null ? void 0 : H.xs) ?? "12",
+                      "size-sm": (J = u.value[S].grid) == null ? void 0 : J.sm,
+                      "size-md": (oe = u.value[S].grid) == null ? void 0 : oe.md,
+                      "size-lg": (ie = u.value[S].grid) == null ? void 0 : ie.lg,
+                      "size-xl": (ce = u.value[S].grid) == null ? void 0 : ce.xl,
                       class: "ion-margin-vertical"
                     }, {
-                      default: V(() => [
-                        (d(), _(he(u.value[E].type), {
-                          modelValue: u.value[E],
-                          "onUpdate:modelValue": (_e) => u.value[E] = _e,
+                      default: w(() => [
+                        (v(), b(he(u.value[S].type), {
+                          modelValue: u.value[S],
+                          "onUpdate:modelValue": (Ve) => u.value[S] = Ve,
                           schema: u.value,
-                          "form-id": E,
+                          "form-id": S,
                           ref_for: !0,
                           ref_key: "dynamicRefs",
-                          ref: g,
-                          "ref-key": E,
+                          ref: h,
+                          "ref-key": S,
                           style: { width: "100%" }
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                       ]),
                       _: 2
-                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : x("", !0)
+                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                   ], 64);
                 }), 128))
               ]),
               _: 1
             }),
-            c.hideButtons ? x("", !0) : (d(), _(i(oe), { key: 0 }, {
-              default: V(() => [
-                P(i(ae), {
+            r.hideButtons ? z("", !0) : (v(), b(i(ue), { key: 0 }, {
+              default: w(() => [
+                P(i(ne), {
                   size: "12",
-                  style: be([{ display: "flex" }, { justifyContent: c.buttonPlacement }])
+                  style: me([{ display: "flex" }, { justifyContent: r.buttonPlacement }])
                 }, {
-                  default: V(() => [
-                    c.showCancelButton ? (d(), _(i(H), {
+                  default: w(() => [
+                    r.showCancelButton ? (v(), b(ae, {
                       key: 0,
-                      onClick: M
-                    }, {
-                      default: V(() => [
-                        U(A(c.cancelButtonText ?? "Cancel"), 1)
-                      ]),
-                      _: 1
-                    })) : x("", !0),
-                    c.showClearButton ? (d(), _(i(H), {
+                      type: "cancel",
+                      label: r.cancelButtonText,
+                      onClick: G
+                    }, null, 8, ["label"])) : z("", !0),
+                    r.showClearButton ? (v(), b(ae, {
                       key: 1,
+                      type: "clear",
+                      label: r.clearButtonText,
                       onClick: ee
-                    }, {
-                      default: V(() => [
-                        U(A(c.clearButtonText ?? "Reset"), 1)
-                      ]),
-                      _: 1
-                    })) : 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: V(() => [
-                        U(A(E.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick", "color"]))), 128)),
-                    P(i(H), { onClick: Y }, {
-                      default: V(() => [
-                        U(A(c.submitButtonText ?? "Submit"), 1)
-                      ]),
-                      _: 1
-                    })
+                    }, null, 8, ["label"])) : z("", !0),
+                    (v(!0), B(N, null, Q(r.customButtons, (S) => (v(), b(Ie, {
+                      button: S,
+                      key: S.label
+                    }, null, 8, ["button"]))), 128)),
+                    P(ae, {
+                      type: "submit",
+                      label: r.submitButtonText,
+                      onClick: Y
+                    }, null, 8, ["label"])
                   ]),
                   _: 1
                 }, 8, ["style"])
@@ -779,12 +785,12 @@ const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { clas
       ]);
     };
   }
-}), xt = /* @__PURE__ */ ve(Ot, [["__scopeId", "data-v-897e5a98"]]);
-function It(t) {
+}), Ot = /* @__PURE__ */ re(Et, [["__scopeId", "data-v-51c0c409"]]);
+function zt(t) {
   return {
     applyValidationState: async (e) => {
-      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");
+      var a, s, u, n, h;
+      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (s = t.value) == null || s.$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"), (h = t.value) == null || h.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, a;
@@ -792,88 +798,89 @@ function It(t) {
     }
   };
 }
-function pe(t, s, l, e, a) {
-  const { applyValidationState: o, resetValidationState: u } = It(t);
-  async function n() {
-    if (s.value.required && !l.value)
-      return s.value.error = "This field is required", !1;
+function ve(t, o, l, e, a) {
+  const { applyValidationState: s, resetValidationState: u } = zt(t), n = we("globalConfig");
+  async function h() {
+    var d;
+    if (o.value.required && !l.value)
+      return o.value.error = ((d = n == null ? void 0 : n.errorMessages) == null ? void 0 : d.required) ?? "This field is required", !1;
     if (a) {
-      const r = await a(l.value);
-      if (typeof r == "string")
-        return s.value.error = r, !1;
-      if (r === !1)
+      const V = await a(l.value);
+      if (typeof V == "string")
+        return o.value.error = V, !1;
+      if (V === !1)
         return !1;
     }
-    if (s.value.validation) {
-      const r = await s.value.validation(l.value, e == null ? void 0 : e.value);
-      if (r && r.length)
-        return s.value.error = r.join(), !1;
+    if (o.value.validation) {
+      const V = await o.value.validation(l.value, e == null ? void 0 : e.value);
+      if (V != null && V.length)
+        return o.value.error = V.join(), !1;
     }
     return !0;
   }
-  async function g() {
-    const r = await n();
-    r && (s.value.error = "", s.value.value = l.value), await o(r);
+  async function p() {
+    const d = await h();
+    d && (o.value.error = "", o.value.value = l.value), await s(d);
   }
-  function p() {
-    u(), s.value.error = "";
+  function c() {
+    u(), o.value.error = "";
   }
-  function v(r = "") {
-    l.value = r, s.value.error = "", s.value.value = r;
+  function m(d = "") {
+    l.value = d, o.value.error = "", o.value.value = d;
   }
   function f() {
-    return s.value.error ? [s.value.error] : [];
+    return o.value.error ? [o.value.error] : [];
   }
   return {
-    isValid: n,
-    onValueUpdate: g,
-    onFocus: p,
-    onReset: v,
+    isValid: h,
+    onValueUpdate: p,
+    onFocus: c,
+    onReset: m,
     getErrors: f,
-    applyValidationState: o,
+    applyValidationState: s,
     resetValidationState: u
   };
 }
-function zt(t) {
-  const s = O(() => !!t.value.label), l = O(() => !!t.value.required), e = O(() => t.value.label || "");
+function It(t) {
+  const o = O(() => !!t.value.label), l = O(() => !!t.value.required), e = O(() => t.value.label || "");
   return {
-    showLabel: s,
+    showLabel: o,
     showRequired: l,
     labelText: e
   };
 }
-const ye = /* @__PURE__ */ q({
+const _e = /* @__PURE__ */ D({
   __name: "InputLabel",
   props: {
     model: {},
     slotName: {}
   },
   setup(t) {
-    const s = t, { showLabel: l, showRequired: e, labelText: a } = zt(Ae(s, "model"));
-    return (o, u) => i(l) ? (d(), _(i(ne), {
+    const o = t, { showLabel: l, showRequired: e, labelText: a } = It(Pe(o, "model"));
+    return (s, u) => i(l) ? (v(), b(i(se), {
       key: 0,
-      slot: o.slotName,
+      slot: s.slotName,
       class: "input-label"
     }, {
-      default: V(() => [
-        U(A(i(a)) + " ", 1),
-        i(e) ? (d(), _(i(Pe), {
+      default: w(() => [
+        M(T(i(a)) + " ", 1),
+        i(e) ? (v(), b(i(Ee), {
           key: 0,
           color: "danger"
         }, {
-          default: V(() => u[0] || (u[0] = [
-            U("*")
+          default: w(() => u[0] || (u[0] = [
+            M("*")
           ])),
           _: 1,
           __: [0]
-        })) : x("", !0)
+        })) : z("", !0)
       ]),
       _: 1
-    }, 8, ["slot"])) : x("", !0);
+    }, 8, ["slot"])) : z("", !0);
   }
-}), fe = /* @__PURE__ */ q({
+}), pe = /* @__PURE__ */ D({
   __name: "BaseInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {},
     type: {}
   }, {
@@ -881,40 +888,40 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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(
+  setup(t, { expose: o }) {
+    const l = t, e = Z(t, "modelValue"), a = R(null), s = R(e.value.value), u = O(() => l.schema), { isValid: n, onValueUpdate: h, onFocus: p, onReset: c, getErrors: m } = ve(
       a,
       e,
-      o,
+      s,
       u
-    ), r = O(() => {
-      if (e.value.pattern) return et(e.value.pattern);
+    ), f = O(() => {
+      if (e.value.pattern) return at(e.value.pattern);
     });
-    return N(
+    return q(
       () => e.value.value,
-      (h) => o.value = h
-    ), s({
-      onValueUpdate: g,
-      onReset: v,
-      getErrors: f,
+      (d) => s.value = d
+    ), o({
+      onValueUpdate: h,
+      onReset: c,
+      getErrors: m,
       isValid: n
-    }), (h, S) => {
-      var w;
-      const b = $e("maskito");
-      return Fe((d(), _(i(xe), {
+    }), (d, V) => {
+      var C;
+      const y = Te("maskito");
+      return Ue((v(), b(i(Ae), {
         ref_key: "inputRef",
         ref: a,
-        modelValue: o.value,
-        "onUpdate:modelValue": S[0] || (S[0] = (R) => o.value = R),
-        class: K(e.value.className),
+        modelValue: s.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (x) => s.value = x),
+        class: j(e.value.className),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: h.type ?? "text",
+        type: d.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: ((w = r.value) == null ? void 0 : w.placeholder) ?? e.value.placeholder,
+        placeholder: ((C = f.value) == null ? void 0 : C.placeholder) ?? e.value.placeholder,
         disabled: e.value.disabled,
         counter: e.value.counter,
         min: e.value.min,
@@ -924,55 +931,55 @@ const ye = /* @__PURE__ */ q({
         pattern: e.value.pattern,
         style: { width: "100%" },
         onIonFocus: i(p),
-        onIonChange: i(g),
-        onIonBlur: i(g)
+        onIonChange: i(h),
+        onIonBlur: i(h)
       }, {
-        default: V(() => [
-          P(ye, {
+        default: w(() => [
+          P(_e, {
             model: e.value,
             "slot-name": "label"
           }, null, 8, ["model"]),
-          e.value.prefix ? (d(), _(i(ne), {
+          e.value.prefix ? (v(), b(i(se), {
             key: 0,
             slot: "start"
           }, {
-            default: V(() => [
-              U(A(e.value.prefix), 1)
+            default: w(() => [
+              M(T(e.value.prefix), 1)
             ]),
             _: 1
-          })) : x("", !0),
-          e.value.suffix ? (d(), _(i(ne), {
+          })) : z("", !0),
+          e.value.suffix ? (v(), b(i(se), {
             key: 1,
             slot: "end"
           }, {
-            default: V(() => [
-              U(A(e.value.suffix), 1)
+            default: w(() => [
+              M(T(e.value.suffix), 1)
             ]),
             _: 1
-          })) : x("", !0),
-          h.type === "password" ? (d(), _(i(Be), {
+          })) : z("", !0),
+          d.type === "password" ? (v(), b(i(De), {
             key: 2,
             slot: "end"
-          })) : x("", !0)
+          })) : z("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "class", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-        [b, r.value]
+        [y, f.value]
       ]);
     };
   }
-}), Rt = /* @__PURE__ */ q({
+}), At = /* @__PURE__ */ D({
   __name: "TextInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: s }) {
-    const l = Q(t, "modelValue"), e = I(null);
-    return s({
+  setup(t, { expose: o }) {
+    const l = Z(t, "modelValue"), e = R(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -982,30 +989,30 @@ const ye = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a, o;
-        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
+        var a, s;
+        return ((s = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : s.call(a)) ?? [];
       }
-    }), (a, o) => (d(), _(fe, {
+    }), (a, s) => (v(), b(pe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+      "onUpdate:modelValue": s[0] || (s[0] = (u) => l.value = u),
       type: "text",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), At = /* @__PURE__ */ q({
+}), Rt = /* @__PURE__ */ D({
   __name: "DateInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: s }) {
-    const l = Q(t, "modelValue"), e = I(null);
-    return s({
+  setup(t, { expose: o }) {
+    const l = Z(t, "modelValue"), e = R(null);
+    return o({
       onValueUpdate: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
@@ -1015,30 +1022,30 @@ const ye = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onReset();
       },
       getErrors: () => {
-        var a, o;
-        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
+        var a, s;
+        return ((s = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : s.call(a)) ?? [];
       }
-    }), (a, o) => (d(), _(fe, {
+    }), (a, s) => (v(), b(pe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+      "onUpdate:modelValue": s[0] || (s[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"]));
   }
-}), $t = /* @__PURE__ */ q({
+}), $t = /* @__PURE__ */ D({
   __name: "NumberInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: s }) {
-    const l = Q(t, "modelValue"), e = I(null);
-    return s({
+  setup(t, { expose: o }) {
+    const l = Z(t, "modelValue"), e = R(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1048,30 +1055,30 @@ const ye = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a, o;
-        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
+        var a, s;
+        return ((s = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : s.call(a)) ?? [];
       }
-    }), (a, o) => (d(), _(fe, {
+    }), (a, s) => (v(), b(pe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+      "onUpdate:modelValue": s[0] || (s[0] = (u) => l.value = u),
       type: "number",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ft = /* @__PURE__ */ q({
+}), Bt = /* @__PURE__ */ D({
   __name: "EmailInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: s }) {
-    const l = Q(t, "modelValue"), e = I(null);
-    return s({
+  setup(t, { expose: o }) {
+    const l = Z(t, "modelValue"), e = R(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1081,30 +1088,30 @@ const ye = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a, o;
-        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
+        var a, s;
+        return ((s = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : s.call(a)) ?? [];
       }
-    }), (a, o) => (d(), _(fe, {
+    }), (a, s) => (v(), b(pe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+      "onUpdate:modelValue": s[0] || (s[0] = (u) => l.value = u),
       type: "email",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Pt = /* @__PURE__ */ q({
+}), Ft = /* @__PURE__ */ D({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: s }) {
-    const l = Q(t, "modelValue"), e = I(null);
-    return s({
+  setup(t, { expose: o }) {
+    const l = Z(t, "modelValue"), e = R(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1114,21 +1121,21 @@ const ye = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a, o;
-        return ((o = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : o.call(a)) ?? [];
+        var a, s;
+        return ((s = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : s.call(a)) ?? [];
       }
-    }), (a, o) => (d(), _(fe, {
+    }), (a, s) => (v(), b(pe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+      "onUpdate:modelValue": s[0] || (s[0] = (u) => l.value = u),
       type: "password",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Bt = /* @__PURE__ */ q({
+}), Pt = { class: "option-content" }, Tt = /* @__PURE__ */ D({
   __name: "SelectInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: Object,
     type: String,
     formId: String
@@ -1137,43 +1144,44 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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, {
+  setup(t, { expose: o }) {
+    const l = t, e = Z(t, "modelValue"), a = R(null), s = R(null), u = R(!1), n = R([]), h = R(""), p = R(1), c = we("globalConfig"), m = O(() => e.value.interface ?? "popover"), f = O(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), d = O(() => n.value.filter((g) => !!g.isChecked)), V = O(() => !h.value && Ce(d.value) && !u.value ? e.value.placeholder ?? "Select an option" : "");
+    q([h, () => e.value.options], _, {
       immediate: !0,
       deep: !0
-    }), 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 k = l.schema[y];
-        return Z(k) ? k.value : void 0;
+    }), q(() => e.value.value, I, { immediate: !0, deep: !0 }), q(
+      () => !e.value.dependsOn || !l.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((k) => {
+        const r = l.schema[k];
+        return K(r) ? r.value : void 0;
       }),
-      async (m, y) => {
-        m && y && !de(m, y) && (S(), n.value = [], await M());
+      async (g, k) => {
+        g && k && !de(g, k) && (y(), n.value = [], await _());
       },
       { deep: !0 }
     );
-    function S() {
-      e.value.error = "", g.value = "", p.value = 1, e.value.value = e.value.multiple ? [] : "", lt(n.value);
+    function y() {
+      e.value.error = "", h.value = "", p.value = 1, e.value.value = e.value.multiple ? [] : "", ot(n.value);
     }
-    function b(m) {
-      const y = n.value.findIndex((k) => k.value === m.value && k.isChecked);
-      if (y >= 0) {
+    function C(g) {
+      if (g.disabled) return;
+      const k = n.value.findIndex((r) => r.value === g.value && r.isChecked);
+      if (k >= 0) {
         if (Array.isArray(e.value.value)) {
-          const k = Ee(m, e.value.value);
-          k >= 0 && e.value.value.splice(k, 1);
+          const r = Oe(g, e.value.value);
+          r >= 0 && e.value.value.splice(r, 1);
         }
-        n.value[y].isChecked = !1;
+        n.value[k].isChecked = !1;
       } else
-        e.value.multiple || S(), le(m, n.value);
-      j(), g.value = "";
+        e.value.multiple || y(), le(g, n.value);
+      G(), h.value = "";
     }
-    function w() {
-      switch (v.value) {
+    function x() {
+      switch (m.value) {
         case "action-sheet":
-          R();
+          $();
           break;
         case "alert":
-          $();
+          L();
           break;
         case "popover":
         default:
@@ -1181,177 +1189,185 @@ const ye = /* @__PURE__ */ q({
           break;
       }
     }
-    async function R() {
-      if (await M(), e.value.multiple) {
+    async function $() {
+      var k, r;
+      if (await _(), e.value.multiple) {
         u.value = !0;
         return;
       }
-      await (await Te.create({
+      await (await Le.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...n.value.map((y) => ({
-            text: y.label,
-            cssClass: y.isChecked ? "selected-option" : "",
-            handler: () => (b(y), !1)
-          })),
+          ...n.value.map((E) => {
+            let A = "";
+            return E.isChecked ? A = "selected-option" : E.disabled && (A = "disabled-option"), {
+              text: E.label,
+              cssClass: A,
+              handler: () => (C(E), !1),
+              disabled: E.disabled
+            };
+          }),
           {
-            text: "Cancel",
+            text: ((r = (k = c == null ? void 0 : c.buttons) == null ? void 0 : k.cancel) == null ? void 0 : r.label) ?? "Cancel",
             role: "cancel"
           }
         ]
       })).present();
     }
-    async function $() {
-      await M();
-      const m = n.value.map((k) => ({
-        label: k.label,
+    async function L() {
+      var r, E, A, F;
+      await _();
+      const g = n.value.map((S) => ({
+        label: S.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: k,
-        checked: k.isChecked
+        value: S,
+        checked: S.isChecked,
+        disabled: S.disabled
       }));
-      await (await Ne.create({
+      await (await Me.create({
         header: e.value.label || "Select an option",
-        inputs: m,
+        inputs: g,
         buttons: [
           {
-            text: "Cancel",
+            text: ((E = (r = c == null ? void 0 : c.buttons) == null ? void 0 : r.cancel) == null ? void 0 : E.label) ?? "Cancel",
             role: "cancel"
           },
           {
-            text: "OK",
-            handler: (k) => {
+            text: ((F = (A = c == null ? void 0 : c.buttons) == null ? void 0 : A.ok) == null ? void 0 : F.label) ?? "OK",
+            handler: (S) => {
               if (e.value.multiple)
-                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);
+                n.value.forEach((H) => nt(H, n.value)), S.forEach((H) => {
+                  const J = n.value.find((oe) => oe.value === H.value);
+                  J && le(J, n.value);
                 });
               else {
-                S();
-                const T = n.value.find((c) => c.value === k.value);
-                T && le(T, n.value);
+                y();
+                const H = n.value.find((J) => J.value === S.value);
+                H && le(H, n.value);
               }
-              j();
+              G();
             }
           }
         ]
       })).present();
     }
-    async function W() {
-      if (e.value.required && Ce(r.value))
-        return "This field is required";
+    async function X() {
+      var g;
+      if (e.value.required && Ce(d.value))
+        return ((g = c == null ? void 0 : c.errorMessages) == null ? void 0 : g.required) ?? "This field is required";
       if (e.value.validation) {
-        const m = await e.value.validation(r.value, l == null ? void 0 : l.schema);
-        if (m && m.length)
-          return m.join();
+        const k = await e.value.validation(d.value, l == null ? void 0 : l.schema);
+        if (k && k.length)
+          return k.join();
       }
       return !0;
     }
-    const { onFocus: te, applyValidationState: Y } = pe(
+    const { onFocus: Y, applyValidationState: ee } = ve(
       a,
       e,
-      O(() => e.value.multiple ? r.value : r.value[0]),
+      O(() => e.value.multiple ? d.value : d.value[0]),
       O(() => l == null ? void 0 : l.schema),
-      W
+      X
     );
-    function ee(m) {
-      var y;
-      m.target === ((y = a.value) == null ? void 0 : y.$el) && (te(), v.value === "popover" && (u.value = !0));
-    }
-    async function j(m) {
+    function te(g) {
       var k;
-      if ((k = m == null ? void 0 : m.relatedTarget) != null && k.closest(".suggestions-list")) return;
+      g.target === ((k = a.value) == null ? void 0 : k.$el) && (Y(), m.value === "popover" && (u.value = !0));
+    }
+    async function G(g) {
+      var r;
+      if ((r = g == null ? void 0 : g.relatedTarget) != null && r.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);
+      const k = await X();
+      k === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? d.value : d.value[0]) : e.value.error = typeof k == "string" ? k : "Validation failed", await ee(k === !0);
     }
-    async function M() {
-      const m = [];
+    async function _() {
+      const g = [];
       if (typeof e.value.options == "function") {
-        let y = {};
+        let k = {};
         if (e.value.dependsOn && l.schema) {
-          const k = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
-          let T = !0;
-          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;
+          const r = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
+          let E = !0;
+          if (k = r.reduce(
+            (A, F) => {
+              const S = l.schema[F];
+              return A[F] = K(S) ? S.value : void 0, (A[F] === void 0 || A[F] === null || A[F] === "") && (E = !1), A;
             },
             {}
-          ), T) {
-            const c = await e.value.options(g.value, y);
-            m.push(...c.filter((z) => !!z.label));
+          ), E) {
+            const A = await e.value.options(h.value, k);
+            g.push(...A.filter((F) => !!F.label));
           }
         } else {
-          const k = await e.value.options(g.value, {});
-          m.push(...k.filter((T) => !!T.label));
+          const r = await e.value.options(h.value, {});
+          g.push(...r.filter((E) => !!E.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;
+      } else Array.isArray(e.value.options) && g.push(...st(e.value.options, h.value));
+      d.value.forEach((k) => le(k, g)), n.value = g;
     }
-    async function C() {
-      const m = e.value.value;
-      if (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);
+    async function I() {
+      const g = e.value.value;
+      if (g) {
+        if (n.value.length === 0 && await _(), Array.isArray(g))
+          g.forEach((k) => le(k, n.value));
+        else if (typeof g == "object")
+          le(g, n.value);
         else {
-          const y = n.value.find((k) => k.value === m);
-          le(y || {
-            value: m,
-            label: m
+          const k = n.value.find((r) => r.value === g);
+          le(k || {
+            value: g,
+            label: g
           }, n.value);
         }
-        j();
+        G();
       }
     }
-    return we(async () => {
-      await M(), await C();
-    }), s({
-      onValueUpdate: j,
-      onReset: S,
+    return xe(async () => {
+      await _(), await I();
+    }), o({
+      onValueUpdate: G,
+      onReset: y,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (m, y) => (d(), F("div", {
-      class: K(["autocomplete-container", e.value.className]),
-      onFocusout: j,
+    }), (g, k) => (v(), B("div", {
+      class: j(["autocomplete-container", e.value.className]),
+      onFocusout: G,
       ref_key: "containerRef",
-      ref: o
+      ref: s
     }, [
-      P(i(xe), {
+      P(i(Ae), {
         ref_key: "inputRef",
         ref: a,
-        modelValue: g.value,
-        "onUpdate:modelValue": y[0] || (y[0] = (k) => g.value = k),
+        modelValue: h.value,
+        "onUpdate:modelValue": k[0] || (k[0] = (r) => h.value = r),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: t.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: h.value,
+        placeholder: V.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
         debounce: 300,
-        onIonFocus: ee,
-        onClick: w,
+        onIonFocus: te,
+        onClick: x,
         style: { width: "100%" }
       }, {
-        default: V(() => [
-          P(ye, {
+        default: w(() => [
+          P(_e, {
             model: e.value,
             "slot-name": "label"
           }, null, 8, ["model"]),
-          e.value.multiple ? (d(), _(i(ne), {
+          e.value.multiple ? (v(), b(i(se), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            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)
+            default: w(() => [
+              (v(!0), B(N, null, Q(d.value, (r, E) => (v(), b(i(qe), { key: E }, {
+                default: w(() => [
+                  P(i(se), null, {
+                    default: w(() => [
+                      M(T(r.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1360,93 +1376,114 @@ const ye = /* @__PURE__ */ q({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (d(), _(i(ne), {
+          })) : (v(), b(i(se), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: V(() => {
-              var k;
+            default: w(() => {
+              var r;
               return [
-                U(A(((k = r.value[0]) == null ? void 0 : k.label) ?? ""), 1)
+                M(T(((r = d.value[0]) == null ? void 0 : r.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          P(i(ge), {
+          P(i(be), {
             slot: "end",
-            icon: i(Ge)
+            icon: i(We)
           }, null, 8, ["icon"]),
-          r.value.length > 0 || g.value ? (d(), _(i(ge), {
+          d.value.length > 0 || h.value ? (v(), b(i(be), {
             key: 2,
             slot: "end",
-            icon: i(He),
-            onClick: S,
+            icon: i(Ze),
+            onClick: y,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : x("", !0)
+          }, null, 8, ["icon"])) : z("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      u.value && n.value.length > 0 && v.value === "popover" ? (d(), _(i(De), {
+      u.value && n.value.length > 0 && m.value === "popover" ? (v(), b(i(Ne), {
         key: 0,
-        class: K(["suggestions-list", f.value])
+        class: j(["suggestions-list", f.value])
       }, {
-        default: V(() => [
-          (d(!0), F(L, null, X(n.value, (k) => (d(), _(i(Ve), {
+        default: w(() => [
+          (v(!0), B(N, null, Q(n.value, (r) => (v(), b(i(ke), {
             button: "",
-            key: k.label,
-            onClick: (T) => b(k),
-            lines: e.value.showOptionsSeparator ? "none" : "full"
+            key: r.label,
+            onClick: (E) => C(r),
+            lines: e.value.showOptionsSeparator ? "none" : "full",
+            disabled: r.disabled,
+            class: j({ "ion-item-disabled": r.disabled })
           }, {
-            default: V(() => [
-              e.value.multiple ? (d(), _(i(Ie), {
-                key: 0,
-                slot: "start",
-                checked: k.isChecked
-              }, null, 8, ["checked"])) : x("", !0),
-              P(i(ne), null, {
-                default: V(() => [
-                  U(A(k.label), 1)
-                ]),
-                _: 2
-              }, 1024)
-            ]),
+            default: w(() => {
+              var E;
+              return [
+                e.value.multiple ? (v(), b(i(Re), {
+                  key: 0,
+                  slot: "start",
+                  checked: r.isChecked,
+                  disabled: r.disabled
+                }, null, 8, ["checked", "disabled"])) : z("", !0),
+                U("div", Pt, [
+                  P(i(se), null, {
+                    default: w(() => [
+                      M(T(r.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  i($e)(r) ? (v(), b(i(Ee), {
+                    key: 0,
+                    color: (E = r.description) == null ? void 0 : E.color,
+                    class: "option-description"
+                  }, {
+                    default: w(() => {
+                      var A;
+                      return [
+                        M(T((A = r.description) == null ? void 0 : A.text), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["color"])) : z("", !0)
+                ])
+              ];
+            }),
             _: 2
-          }, 1032, ["onClick", "lines"]))), 128))
+          }, 1032, ["onClick", "lines", "disabled", "class"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : x("", !0)
+      }, 8, ["class"])) : z("", !0)
     ], 34));
   }
-}), Ut = /* @__PURE__ */ ve(Bt, [["__scopeId", "data-v-9525dee8"]]), Dt = /* @__PURE__ */ q({
+}), Ut = /* @__PURE__ */ re(Tt, [["__scopeId", "data-v-312c51dd"]]), Dt = /* @__PURE__ */ D({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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(
+  setup(t, { expose: o }) {
+    const l = t, e = Z(t, "modelValue"), a = R(null), s = R(e.value.value), u = O(() => l.schema), { onValueUpdate: n, onFocus: h, onReset: p, getErrors: c } = ve(
       a,
       e,
-      o,
+      s,
       u
     );
-    return N(
+    return q(
       () => e.value.value,
-      (f) => o.value = f
-    ), s({
+      (m) => s.value = m
+    ), o({
       onReset: p,
       onValueUpdate: n,
-      getErrors: v
-    }), (f, r) => (d(), _(i(qe), {
+      getErrors: c
+    }), (m, f) => (v(), b(i(je), {
       ref_key: "inputRef",
       ref: a,
-      modelValue: o.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (h) => o.value = h),
-      class: K(e.value.className),
+      modelValue: s.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (d) => s.value = d),
+      class: j(e.value.className),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -1464,13 +1501,13 @@ const ye = /* @__PURE__ */ q({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: i(g),
+      onIonFocus: i(h),
       onIonChange: i(n),
       onIonBlur: i(n),
       style: { width: "100%" }
     }, {
-      default: V(() => [
-        P(ye, {
+      default: w(() => [
+        P(_e, {
           model: e.value,
           "slot-name": "label"
         }, null, 8, ["model"])
@@ -1478,9 +1515,9 @@ const ye = /* @__PURE__ */ q({
       _: 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" }, Nt = /* @__PURE__ */ q({
+}), qt = { class: "button-container" }, Nt = /* @__PURE__ */ D({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {},
     data: {},
     computedData: {}
@@ -1489,72 +1526,72 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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, [R, $]) => (Z($) && (w[R] = $.value), w),
+  setup(t, { expose: o }) {
+    const l = Z(t, "modelValue"), e = R([]), { dynamicRefs: a, resetForm: s, getFormErrors: u, updateFormValues: n } = Be(), h = O(() => e.value.map((V, y) => ({
+      label: `Set ${y + 1}`,
+      value: y,
+      other: Object.entries(V).reduce(
+        (C, [x, $]) => (K($) && (C[x] = $.value), C),
         {}
       )
     })));
-    N(
-      g,
-      (S) => {
-        l.value.value = S;
+    q(
+      h,
+      (V) => {
+        l.value.value = V;
       },
       { deep: !0, immediate: !0 }
-    ), we(p);
+    ), xe(p);
     function p() {
       l.value.children && e.value.push(Se(l.value.children));
     }
-    function v(S) {
-      e.value.splice(S, 1);
+    function c(V) {
+      e.value.splice(V, 1);
     }
-    function f() {
-      o();
+    function m() {
+      s();
     }
-    function r() {
+    function f() {
       return u();
     }
-    async function h() {
+    async function d() {
       await n();
     }
-    return s({
-      onValueUpdate: h,
-      onReset: f,
-      getErrors: r
-    }), (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
+    return o({
+      onValueUpdate: d,
+      onReset: m,
+      getErrors: f
+    }), (V, y) => (v(!0), B(N, null, Q(e.value, (C, x) => (v(), B("div", {
+      class: j(["repeat-input-wrapper", l.value.className]),
+      key: x
     }, [
-      P(i(oe), { class: "repeat-row" }, {
-        default: V(() => [
-          P(i(ae), {
+      P(i(ue), { class: "repeat-row" }, {
+        default: w(() => [
+          P(i(ne), {
             size: "11",
             class: "form-fields-column"
           }, {
-            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,
+            default: w(() => [
+              P(i(ue), { class: "fields-row" }, {
+                default: w(() => [
+                  (v(!0), B(N, null, Q(Object.keys(C), ($) => {
+                    var L, X, Y, ee, te;
+                    return v(), B(N, null, [
+                      i(ye)(C[$], V.data, V.computedData) ? (v(), b(i(ne), {
+                        key: `${x}-${$}`,
+                        size: ((L = C[$].grid) == null ? void 0 : L.xs) ?? "12",
+                        "size-sm": (X = C[$].grid) == null ? void 0 : X.sm,
+                        "size-md": (Y = C[$].grid) == null ? void 0 : Y.md,
+                        "size-lg": (ee = C[$].grid) == null ? void 0 : ee.lg,
+                        "size-xl": (te = C[$].grid) == null ? void 0 : te.xl,
                         class: "ion-margin-bottom"
                       }, {
-                        default: V(() => [
-                          (d(), _(he(w[$].type), {
-                            modelValue: w[$],
-                            "onUpdate:modelValue": (M) => w[$] = M,
-                            schema: w,
-                            "ref-key": `${R}-${$}`,
+                        default: w(() => [
+                          (v(), b(he(C[$].type), {
+                            modelValue: C[$],
+                            "onUpdate:modelValue": (G) => C[$] = G,
+                            schema: C,
+                            "ref-key": `${x}-${$}`,
                             ref_for: !0,
                             ref_key: "dynamicRefs",
                             ref: a,
@@ -1562,7 +1599,7 @@ const ye = /* @__PURE__ */ q({
                           }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                         ]),
                         _: 2
-                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : x("", !0)
+                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                     ], 64);
                   }), 256))
                 ]),
@@ -1571,40 +1608,40 @@ const ye = /* @__PURE__ */ q({
             ]),
             _: 2
           }, 1024),
-          P(i(ae), {
+          P(i(ne), {
             size: "1",
             class: "button-column"
           }, {
-            default: V(() => [
-              B("div", Tt, [
-                R === e.value.length - 1 ? (d(), _(i(H), {
+            default: w(() => [
+              U("div", qt, [
+                x === e.value.length - 1 ? (v(), b(i(ge), {
                   key: 0,
                   onClick: p,
                   color: "primary",
                   size: "small"
                 }, {
-                  default: V(() => [
-                    P(i(ge), {
+                  default: w(() => [
+                    P(i(be), {
                       slot: "icon-only",
-                      icon: i(Ke)
+                      icon: i(Je)
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
-                })) : x("", !0),
-                e.value.length > 1 ? (d(), _(i(H), {
+                })) : z("", !0),
+                e.value.length > 1 ? (v(), b(i(ge), {
                   key: 1,
-                  onClick: ($) => v(R),
+                  onClick: ($) => c(x),
                   color: "warning",
                   size: "small"
                 }, {
-                  default: V(() => [
-                    P(i(ge), {
+                  default: w(() => [
+                    P(i(be), {
                       slot: "icon-only",
-                      icon: i(We)
+                      icon: i(Qe)
                     }, null, 8, ["icon"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : x("", !0)
+                }, 1032, ["onClick"])) : z("", !0)
               ])
             ]),
             _: 2
@@ -1614,123 +1651,141 @@ const ye = /* @__PURE__ */ q({
       }, 1024)
     ], 2))), 128));
   }
-}), qt = /* @__PURE__ */ ve(Nt, [["__scopeId", "data-v-0eb7594d"]]), Lt = /* @__PURE__ */ q({
+}), Lt = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-0eb7594d"]]), Mt = /* @__PURE__ */ D({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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;
+  setup(t, { expose: o }) {
+    const l = t, e = Z(t, "modelValue"), a = R(null), s = R(e.value.value), u = O(() => l.schema), n = O(() => ut(e.value)), { onValueUpdate: h, onFocus: p, getErrors: c } = ve(a, e, s, u);
+    function m() {
+      s.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return N(
+    return q(
       () => e.value.value,
-      (r) => o.value = r
-    ), s({
-      onValueUpdate: g,
-      onReset: f,
-      getErrors: v
-    }), (r, h) => (d(), _(i(Ie), {
-      modelValue: o.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (S) => o.value = S),
+      (f) => s.value = f
+    ), o({
+      onValueUpdate: h,
+      onReset: m,
+      getErrors: c
+    }), (f, d) => (v(), b(i(Re), {
+      modelValue: s.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (V) => s.value = V),
       ref_key: "inputRef",
       ref: a,
       justify: "start",
-      class: K(e.value.className),
+      class: j(e.value.className),
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
       onIonFocus: i(p),
-      onIonChange: i(g),
-      onIonBlur: i(g),
+      onIonChange: i(h),
+      onIonBlur: i(h),
       style: { width: "100%" }
     }, {
-      default: V(() => [
-        U(A(n.value), 1)
+      default: w(() => [
+        M(T(n.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), Mt = /* @__PURE__ */ q({
+}), jt = { class: "radio-content" }, Gt = { class: "radio-label" }, Ht = /* @__PURE__ */ D({
   __name: "RadioInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ W({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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(
+  setup(t, { expose: o }) {
+    const l = t, e = Z(t, "modelValue"), a = R(null), s = R(e.value.value), u = O(() => l.schema), n = R([]), { onValueUpdate: h, onFocus: p, getErrors: c, isValid: m } = ve(
       a,
       e,
-      o,
+      s,
       u
     );
-    function r() {
-      e.value.error = "", o.value = void 0, e.value.value = void 0;
+    function f() {
+      e.value.error = "", s.value = void 0, e.value.value = void 0;
     }
-    function h(b, w) {
-      return b.value === w.value;
+    function d(y, C) {
+      return (y == null ? void 0 : y.value) === (C == null ? void 0 : C.value);
     }
-    async function S() {
+    async function V() {
       typeof e.value.options == "function" ? n.value = await e.value.options() : n.value = e.value.options;
     }
-    return N(
+    return q(
       () => e.value.value,
-      (b) => o.value = b
-    ), s({
-      onValueUpdate: g,
-      onReset: r,
-      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), {
+      (y) => s.value = y
+    ), o({
+      onValueUpdate: h,
+      onReset: f,
+      getErrors: c,
+      isValid: m
+    }), xe(V), (y, C) => (v(), B(N, null, [
+      P(_e, { model: e.value }, null, 8, ["model"]),
+      C[1] || (C[1] = U("br", null, null, -1)),
+      e.value.error ? (v(), b(i(Ge), {
         key: 0,
         color: "danger"
       }, {
-        default: V(() => [
-          U(A(e.value.error), 1)
+        default: w(() => [
+          M(T(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),
+      })) : z("", !0),
+      P(i(ke), null, {
+        default: w(() => [
+          P(i(He), {
+            modelValue: s.value,
+            "onUpdate:modelValue": C[0] || (C[0] = (x) => s.value = x),
+            class: j(e.value.className),
             required: e.value.required,
             disabled: e.value.disabled,
-            compareWith: h,
+            compareWith: d,
             "allow-empty-selection": !e.value.required,
             onIonFocus: i(p),
-            onIonChange: i(g),
-            onIonBlur: i(g),
+            onIonChange: i(h),
+            onIonBlur: i(h),
             style: { width: "100%" }
           }, {
-            default: V(() => [
-              (d(!0), F(L, null, X(n.value, (R) => (d(), _(i(Ve), {
-                key: R.value,
+            default: w(() => [
+              (v(!0), B(N, null, Q(n.value, (x) => (v(), b(i(ke), {
+                key: x.value,
                 lines: e.value.showOptionsSeparator ? "none" : "full"
               }, {
-                default: V(() => [
-                  P(i(je), {
-                    value: R,
-                    disabled: e.value.disabled,
+                default: w(() => [
+                  P(i(Ke), {
+                    value: x,
+                    disabled: e.value.disabled || x.disabled,
                     "label-placement": "end",
                     justify: "start"
                   }, {
-                    default: V(() => [
-                      U(A(R.label), 1)
-                    ]),
+                    default: w(() => {
+                      var $;
+                      return [
+                        U("div", jt, [
+                          U("div", Gt, T(x.label), 1),
+                          i($e)(x) ? (v(), b(i(Ee), {
+                            key: 0,
+                            color: ($ = x.description) == null ? void 0 : $.color,
+                            class: "radio-description"
+                          }, {
+                            default: w(() => {
+                              var L;
+                              return [
+                                M(T((L = x.description) == null ? void 0 : L.text), 1)
+                              ];
+                            }),
+                            _: 2
+                          }, 1032, ["color"])) : z("", !0)
+                        ])
+                      ];
+                    }),
                     _: 2
                   }, 1032, ["value", "disabled"])
                 ]),
@@ -1744,10 +1799,10 @@ const ye = /* @__PURE__ */ q({
       })
     ], 64));
   }
-}), jt = { class: "form-section-header" }, Gt = { class: "form-section-title" }, Ht = {
+}), Kt = /* @__PURE__ */ re(Ht, [["__scopeId", "data-v-a25d68e7"]]), Wt = { class: "form-section-header" }, Zt = { class: "form-section-title" }, Jt = {
   key: 0,
   class: "form-section-subtitle"
-}, Kt = /* @__PURE__ */ q({
+}, Qt = /* @__PURE__ */ D({
   __name: "SectionTitle",
   props: {
     modelValue: {},
@@ -1758,104 +1813,104 @@ const ye = /* @__PURE__ */ q({
   setup(t) {
     const l = t.modelValue;
     return (e, a) => {
-      var o, u, n, g, p;
-      return d(), _(i(ae), {
-        size: ((o = i(l).grid) == null ? void 0 : o.xs) ?? "12",
+      var s, u, n, h, p;
+      return v(), b(i(ne), {
+        size: ((s = i(l).grid) == null ? void 0 : s.xs) ?? "12",
         "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-lg": (h = i(l).grid) == null ? void 0 : h.lg,
         "size-xl": (p = i(l).grid) == null ? void 0 : p.xl,
-        class: K(["form-section-container", i(l).className])
+        class: j(["form-section-container", i(l).className])
       }, {
-        default: V(() => [
-          B("div", jt, [
-            B("h3", Gt, A(i(l).title), 1),
-            i(l).subtitle ? (d(), F("p", Ht, A(i(l).subtitle), 1)) : x("", !0)
+        default: w(() => [
+          U("div", Wt, [
+            U("h3", Zt, T(i(l).title), 1),
+            i(l).subtitle ? (v(), B("p", Jt, T(i(l).subtitle), 1)) : z("", !0)
           ])
         ]),
         _: 1
       }, 8, ["size", "size-sm", "size-md", "size-lg", "size-xl", "class"]);
     };
   }
-}), 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(v) || e.value[h].push(v);
-    }), p(v);
+}), Xt = /* @__PURE__ */ re(Qt, [["__scopeId", "data-v-e0bf7af0"]]);
+function al(t, o, l) {
+  const e = R({}), a = R({});
+  function s(c, m, f) {
+    a.value[c] = f, m.forEach((d) => {
+      var V;
+      (V = e.value)[d] ?? (V[d] = []), e.value[d].includes(c) || e.value[d].push(c);
+    }), p(c);
   }
-  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 u(c) {
+    return Object.entries(e.value).filter(([, f]) => f.includes(c)).map(([f]) => f).reduce(
+      (f, d) => (f[d] = o.value[d] ?? l.value[d], f),
       {}
     );
   }
-  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 n(c, m) {
+    return c ? Array.isArray(c) ? c.some((f) => m.some((d) => h(f, d.value))) : m.some((f) => h(c, f.value)) : !1;
   }
-  function g(v, f) {
-    return typeof v == "object" && v !== null ? v.value === f : String(v) === String(f);
+  function h(c, m) {
+    return typeof c == "object" && c !== null ? c.value === m : String(c) === String(m);
   }
-  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
+  async function p(c, m) {
+    if (!a.value[c]) return;
+    const f = u(c), d = Object.keys(f);
+    if (!(d.length === 0 || !d.every(
+      (y) => f[y] !== void 0 && f[y] !== null
     )))
       try {
-        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;
+        const y = a.value[c], C = await y(m, f);
+        if (!t.value[c]) return;
+        const x = t.value[c];
+        if (!K(x)) return;
+        x.options = C;
+        const $ = x.value;
         if (!$) return;
-        n($, w) || (R.value = R.multiple ? [] : "");
-      } catch (b) {
-        console.error(`Error loading options for ${v}:`, b);
+        n($, C) || (x.value = x.multiple ? [] : "");
+      } catch (y) {
+        console.error(`Error loading options for ${c}:`, y);
       }
   }
-  return N(
-    [s, l],
+  return q(
+    [o, l],
     () => {
-      Object.entries(e.value).forEach(([v, f]) => {
-        (s.value[v] !== void 0 || l.value[v] !== void 0) && f.forEach((r) => {
-          p(r);
+      Object.entries(e.value).forEach(([c, m]) => {
+        (o.value[c] !== void 0 || l.value[c] !== void 0) && m.forEach((f) => {
+          p(f);
         });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
-    registerDependency: o,
+    registerDependency: s,
     updateOptions: p
   };
 }
-const el = {
-  install(t) {
-    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);
+const nl = {
+  install(t, o) {
+    o && t.provide("globalConfig", o), t.component("VForm", Ot), t.component("TextInput", At), t.component("DateInput", Rt), t.component("NumberInput", $t), t.component("EmailInput", Bt), t.component("PasswordInput", Ft), t.component("SelectInput", Ut), t.component("TextAreaInput", Dt), t.component("RepeatInput", Lt), t.component("CheckboxInput", Mt), t.component("RadioInput", Kt), t.component("FormSection", Xt), t.directive("maskito", Xe);
   }
 };
 export {
-  Lt as CheckboxInput,
-  At as DateInput,
-  Ft as EmailInput,
-  xt as FormBuilder,
-  Wt as FormSection,
+  Mt as CheckboxInput,
+  Rt as DateInput,
+  Bt as EmailInput,
+  Ot as FormBuilder,
+  Xt as FormSection,
   $t as NumberInput,
-  Pt as PasswordInput,
-  Mt as RadioInput,
-  qt as RepeatInput,
+  Ft as PasswordInput,
+  Kt as RadioInput,
+  Lt as RepeatInput,
   Ut as SelectInput,
   Dt as TextAreaInput,
-  Rt as TextInput,
-  el as VForm,
-  el as default,
-  ot as useDataTransformation,
-  Yt as useDependentOptions,
-  ze as useFormValidation,
-  pe as useInputValidation,
-  st as useMultiStepForm
+  At as TextInput,
+  nl as VForm,
+  nl as default,
+  rt as useDataTransformation,
+  al as useDependentOptions,
+  Be as useFormValidation,
+  ve as useInputValidation,
+  it as useMultiStepForm
 };
 //# sourceMappingURL=index.es.js.map