@formatica/vue 0.1.2 → 0.2.1

package/dist/formatica.es.js

@@ -1,40 +1,50 @@
-import { titleCase as Fe, evaluateCondition as se, getRule as Te, extractFields as P, sanitizeHtml as Ie, isFieldNode as Ce } from "@formatica/core";
+import { titleCase as Ie, evaluateCondition as se, getRule as Le, extractFields as P, sanitizeHtml as Ae, isFieldNode as Ce } from "@formatica/core";
 export * from "@formatica/core";
-import { inject as J, provide as ie, ref as D, reactive as re, computed as h, watch as Y, isRef as Le, defineComponent as j, openBlock as c, createElementBlock as f, normalizeClass as S, Fragment as z, renderList as G, createElementVNode as p, normalizeStyle as O, createCommentVNode as T, toDisplayString as L, withKeys as he, withModifiers as q, createTextVNode as _, onMounted as ue, withDirectives as de, vModelText as ve, nextTick as te, onBeforeUnmount as Ve, unref as H, createVNode as Z, Transition as ae, withCtx as W, renderSlot as Ae, TransitionGroup as Ne, createBlock as U, resolveDynamicComponent as Se, mergeProps as De, vShow as Me, resolveComponent as Ee, toRef as Re } from "vue";
-import { getCountries as xe, getCountryCallingCode as ke, parsePhoneNumber as je, AsYouType as Oe } from "libphonenumber-js";
-const Be = Symbol("FormaticaComponents"), le = /* @__PURE__ */ new Map();
-function ze(e, i) {
-  le.set(e, i);
+import { reactive as te, inject as q, provide as ie, ref as D, computed as x, watch as J, isRef as Ne, defineComponent as j, openBlock as c, createElementBlock as f, normalizeClass as F, Fragment as O, renderList as G, createElementVNode as p, normalizeStyle as z, createCommentVNode as T, toDisplayString as L, withKeys as he, withModifiers as Y, createTextVNode as _, onMounted as ue, withDirectives as de, vModelText as ve, nextTick as ae, onBeforeUnmount as Ve, unref as H, createVNode as Z, Transition as le, withCtx as W, renderSlot as De, TransitionGroup as Me, createBlock as U, resolveDynamicComponent as Se, mergeProps as Ee, vShow as Re, resolveComponent as je } from "vue";
+import { getCountries as xe, getCountryCallingCode as ke, parsePhoneNumber as ze, AsYouType as Oe } from "libphonenumber-js";
+const Be = Symbol("FormaticaComponents"), ne = /* @__PURE__ */ new Map();
+function Fe(e, u) {
+  ne.set(e, u);
 }
 function Bl(e) {
-  le.delete(e);
+  ne.delete(e);
 }
 function Ke(e) {
-  return le.get(e);
+  return ne.get(e);
 }
 function Pe(e) {
-  return le.has(e);
+  return ne.has(e);
 }
 function Fl() {
-  return Array.from(le.keys());
+  return Array.from(ne.keys());
+}
+const Te = Symbol("Formatica");
+function Tl(e = {}) {
+  return {
+    install(u) {
+      if (u.provide(Te, te(e)), e.components)
+        for (const [t, a] of Object.entries(e.components))
+          Fe(t, a);
+    }
+  };
 }
 function Ue() {
   const e = /* @__PURE__ */ new Map();
-  function i(a, r) {
+  function u(a, s) {
     e.has(a) || e.set(a, /* @__PURE__ */ new Set());
-    const u = e.get(a);
-    return u ? (u.add(r), () => {
-      u.delete(r);
+    const o = e.get(a);
+    return o ? (o.add(s), () => {
+      o.delete(s);
     }) : () => {
     };
   }
-  function t(a, r) {
-    const u = e.get(a);
-    if (u)
-      for (const d of u)
-        d(r);
+  function t(a, s) {
+    const o = e.get(a);
+    if (o)
+      for (const d of o)
+        d(s);
   }
-  return { on: i, emit: t };
+  return { on: u, emit: t };
 }
 const ye = Symbol("FormaticaI18n"), He = {
   required: "This field is required",
@@ -55,174 +65,174 @@ const ye = Symbol("FormaticaI18n"), He = {
 };
 function Ge(e) {
   const {
-    locale: i,
+    locale: u,
     fallbackLocale: t = "en",
     fieldTranslations: a = {},
-    formTranslations: r = {}
+    formTranslations: s = {}
   } = e;
-  function u(o, s) {
-    const g = a[o];
-    if (g) {
-      const $ = g[i.value];
-      if ($) {
-        const b = $[s];
-        if (typeof b == "string") return b;
+  function o(r, i) {
+    const k = a[r];
+    if (k) {
+      const g = k[u.value];
+      if (g) {
+        const m = g[i];
+        if (typeof m == "string") return m;
       }
-      const V = g[t];
-      if (V) {
-        const b = V[s];
-        if (typeof b == "string") return b;
+      const $ = k[t];
+      if ($) {
+        const m = $[i];
+        if (typeof m == "string") return m;
       }
     }
-    return s === "label" ? Fe(o) : "";
+    return i === "label" ? Ie(r) : "";
   }
-  function d(o, s) {
-    var $, V;
-    const g = a[o];
-    if (g) {
-      const b = g[i.value];
-      if (($ = b == null ? void 0 : b.options) != null && $[s]) return b.options[s];
-      const v = g[t];
-      if ((V = v == null ? void 0 : v.options) != null && V[s]) return v.options[s];
-    }
-    return s;
+  function d(r, i) {
+    var g, $;
+    const k = a[r];
+    if (k) {
+      const m = k[u.value];
+      if ((g = m == null ? void 0 : m.options) != null && g[i]) return m.options[i];
+      const C = k[t];
+      if (($ = C == null ? void 0 : C.options) != null && $[i]) return C.options[i];
+    }
+    return i;
   }
-  function l(o, s) {
-    var b, v;
-    const g = (b = r[i.value]) == null ? void 0 : b.messages;
-    if (g != null && g[o])
-      return fe(g[o], s ?? {});
-    const $ = (v = r[t]) == null ? void 0 : v.messages;
-    if ($ != null && $[o])
-      return fe($[o], s ?? {});
-    const V = He[o];
-    return V ? fe(V, s ?? {}) : `Validation failed: ${o}`;
+  function l(r, i) {
+    var m, C;
+    const k = (m = s[u.value]) == null ? void 0 : m.messages;
+    if (k != null && k[r])
+      return fe(k[r], i ?? {});
+    const g = (C = s[t]) == null ? void 0 : C.messages;
+    if (g != null && g[r])
+      return fe(g[r], i ?? {});
+    const $ = He[r];
+    return $ ? fe($, i ?? {}) : `Validation failed: ${r}`;
   }
   const n = {
-    locale: i,
+    locale: u,
     fallbackLocale: t,
-    t: u,
+    t: o,
     tOption: d,
     tValidation: l
   };
   return ie(ye, n), n;
 }
 function Ze() {
-  return J(ye);
+  return q(ye);
 }
-function fe(e, i) {
-  return e.replace(/\{(\w+)\}/g, (t, a) => i[a] !== void 0 ? String(i[a]) : `{${a}}`);
+function fe(e, u) {
+  return e.replace(/\{(\w+)\}/g, (t, a) => u[a] !== void 0 ? String(u[a]) : `{${a}}`);
 }
 function we(e) {
-  return e.split("|").map((i) => {
-    const [t, ...a] = i.split(":"), r = {};
+  return e.split("|").map((u) => {
+    const [t, ...a] = u.split(":"), s = {};
     if (a.length > 0) {
       const d = a.join(":").split(",");
-      t === "between" && d.length === 2 ? (r.min = d[0], r.max = d[1]) : d.length === 1 ? r[t] = d[0] : r.values = d;
+      t === "between" && d.length === 2 ? (s.min = d[0], s.max = d[1]) : d.length === 1 ? s[t] = d[0] : s.values = d;
     }
-    return { name: t, params: r };
+    return { name: t, params: s };
   });
 }
 function qe(e) {
-  const i = e.rules;
-  if (!i) {
+  const u = e.rules;
+  if (!u) {
     const a = [];
     return e.required && a.push({ name: "required" }), a;
   }
-  if (typeof i == "string")
-    return we(i);
-  if (Array.isArray(i))
-    return i.flatMap((a) => typeof a == "string" ? we(a) : []);
+  if (typeof u == "string")
+    return we(u);
+  if (Array.isArray(u))
+    return u.flatMap((a) => typeof a == "string" ? we(a) : []);
   const t = [];
-  for (const [a, r] of Object.entries(i)) {
-    if (r === !1) continue;
-    const u = {};
-    typeof r == "object" && r !== null && !Array.isArray(r) ? Object.assign(u, r) : r !== !0 && (u[a] = r), t.push({ name: a, params: u });
+  for (const [a, s] of Object.entries(u)) {
+    if (s === !1) continue;
+    const o = {};
+    typeof s == "object" && s !== null && !Array.isArray(s) ? Object.assign(o, s) : s !== !0 && (o[a] = s), t.push({ name: a, params: o });
   }
   return t;
 }
-function Ye(e, i) {
+function Ye(e, u) {
   let t = null, a = null;
-  return (...r) => new Promise((u) => {
-    t !== null && (clearTimeout(t), a && a([])), a = u, t = setTimeout(async () => {
+  return (...s) => new Promise((o) => {
+    t !== null && (clearTimeout(t), a && a([])), a = o, t = setTimeout(async () => {
       t = null;
-      const d = await e(...r);
-      u(d), a = null;
-    }, i);
+      const d = await e(...s);
+      o(d), a = null;
+    }, u);
   });
 }
 function Je(e) {
-  const { fields: i, values: t, settings: a } = e, r = D({}), u = /* @__PURE__ */ new Map();
-  function d($, V) {
-    const b = `${$}:${V}`;
-    u.has(b) || u.set(
-      b,
-      Ye(async (...m) => l(m[0], m[1]), V)
+  const { fields: u, values: t, settings: a } = e, s = D({}), o = /* @__PURE__ */ new Map();
+  function d(g, $) {
+    const m = `${g}:${$}`;
+    o.has(m) || o.set(
+      m,
+      Ye(async (...h) => l(h[0], h[1]), $)
     );
-    const v = u.get(b);
-    if (!v) throw new Error(`Debounced validator not found for ${b}`);
-    return v;
+    const C = o.get(m);
+    if (!C) throw new Error(`Debounced validator not found for ${m}`);
+    return C;
   }
-  async function l($, V) {
-    var F;
-    const b = i.value.find((k) => k.name === $);
-    if (!b) return [];
-    const v = qe(b), m = t.value[$], y = [];
-    for (const k of v) {
-      if ((F = k.params) != null && F.when) {
-        const w = k.params.when;
-        if (("field" in w || "and" in w || "or" in w) && !se(
-          w,
+  async function l(g, $) {
+    var A;
+    const m = u.value.find((V) => V.name === g);
+    if (!m) return [];
+    const C = qe(m), h = t.value[g], y = [];
+    for (const V of C) {
+      if ((A = V.params) != null && A.when) {
+        const v = V.params.when;
+        if (("field" in v || "and" in v || "or" in v) && !se(
+          v,
           t.value
         ))
           continue;
       }
-      if (k.optional && We(m)) continue;
-      let C;
-      if (k.validator)
-        C = await k.validator(m, k.params ?? {}, V);
+      if (V.optional && We(h)) continue;
+      let b;
+      if (V.validator)
+        b = await V.validator(h, V.params ?? {}, $);
       else {
-        const w = Te(k.name);
-        if (!w) continue;
-        C = await w(m, k.params ?? {}, V);
+        const v = Le(V.name);
+        if (!v) continue;
+        b = await v(h, V.params ?? {}, $);
       }
-      if (C !== !0) {
-        const w = k.message ? _e(k.message, k.params ?? {}) : typeof C == "string" ? C : `Validation failed for rule: ${k.name}`;
-        if (y.push(w), k.bail) break;
+      if (b !== !0) {
+        const v = V.message ? _e(V.message, V.params ?? {}) : typeof b == "string" ? b : `Validation failed for rule: ${V.name}`;
+        if (y.push(v), V.bail) break;
       }
     }
-    return r.value[$] = y, y;
+    return s.value[g] = y, y;
   }
-  async function n($, V) {
-    const b = a == null ? void 0 : a.debounce;
-    return b && b > 0 ? d($, b)($, V) : l($, V);
+  async function n(g, $) {
+    const m = a == null ? void 0 : a.debounce;
+    return m && m > 0 ? d(g, m)(g, $) : l(g, $);
   }
-  async function o($) {
-    const V = {}, b = i.value.map(async (v) => {
-      const m = await l(v.name, $);
-      m.length > 0 && (V[v.name] = m);
+  async function r(g) {
+    const $ = {}, m = u.value.map(async (C) => {
+      const h = await l(C.name, g);
+      h.length > 0 && ($[C.name] = h);
     });
-    return await Promise.all(b), r.value = { ...V }, V;
+    return await Promise.all(m), s.value = { ...$ }, $;
   }
-  function s($) {
-    delete r.value[$];
+  function i(g) {
+    delete s.value[g];
   }
-  function g() {
-    r.value = {};
+  function k() {
+    s.value = {};
   }
   return {
-    errors: r,
+    errors: s,
     validateField: n,
-    validateAll: o,
-    clearFieldErrors: s,
-    clearAllErrors: g
+    validateAll: r,
+    clearFieldErrors: i,
+    clearAllErrors: k
   };
 }
 function We(e) {
   return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
 }
-function _e(e, i) {
-  return e.replace(/\{(\w+)\}/g, (t, a) => i[a] !== void 0 ? String(i[a]) : `{${a}}`);
+function _e(e, u) {
+  return e.replace(/\{(\w+)\}/g, (t, a) => u[a] !== void 0 ? String(u[a]) : `{${a}}`);
 }
 const ce = Symbol("FormaticaContext");
 function Qe(e) {
@@ -245,27 +255,27 @@ function Qe(e) {
   }
 }
 function me(e) {
-  const i = {};
+  const u = {};
   for (const t of e)
-    i[t.name] = t.defaultValue ?? Qe(t);
-  return i;
+    u[t.name] = t.defaultValue ?? Qe(t);
+  return u;
 }
 function Xe(e) {
-  const i = {};
+  const u = {};
   for (const t of e)
-    t.translations && (i[t.name] = t.translations);
-  return i;
+    t.translations && (u[t.name] = t.translations);
+  return u;
 }
-function et(e, i) {
-  const t = D((i == null ? void 0 : i.locale) ?? "en"), a = (i == null ? void 0 : i.fallbackLocale) ?? "en";
-  let r = e;
-  const u = D(P(e.fields)), d = re(me(P(e.fields))), l = re({}), n = re({}), o = re({}), s = D(!1), g = D(0), $ = h(() => Object.values(l).every((x) => x.length === 0)), V = h(() => Object.values(o).some(Boolean)), b = Ue();
-  function v() {
-    return { values: { ...d }, getFieldValue: (x) => d[x] };
+function et(e, u) {
+  const t = D((u == null ? void 0 : u.locale) ?? "en"), a = (u == null ? void 0 : u.fallbackLocale) ?? "en";
+  let s = e;
+  const o = D(P(e.fields)), d = te(me(P(e.fields))), l = te({}), n = te({}), r = te({}), i = D(!1), k = D(0), g = x(() => Object.values(l).every((w) => w.length === 0)), $ = x(() => Object.values(r).some(Boolean)), m = Ue();
+  function C() {
+    return { values: { ...d }, getFieldValue: (w) => d[w] };
   }
-  const m = h(() => ({ ...d })), y = Je({
-    fields: u,
-    values: m,
+  const h = x(() => ({ ...d })), y = Je({
+    fields: o,
+    values: h,
     settings: e.settings
   });
   Ge({
@@ -274,165 +284,165 @@ function et(e, i) {
     fieldTranslations: Xe(P(e.fields)),
     formTranslations: e.translations
   });
-  let F = me(P(e.fields));
-  Y(
+  let A = me(P(e.fields));
+  J(
     () => ({ ...d }),
-    (x, I) => {
+    (w, I) => {
       var M;
       if (I) {
-        for (const E of Object.keys(x))
-          x[E] !== I[E] && (o[E] = !0, b.emit("field:change", {
+        for (const E of Object.keys(w))
+          w[E] !== I[E] && (r[E] = !0, m.emit("field:change", {
             field: E,
-            value: x[E],
+            value: w[E],
             previousValue: I[E]
-          }), (M = e.settings) != null && M.validateOnChange && N(E));
-        b.emit("change", { values: x });
+          }), (M = e.settings) != null && M.validateOnChange && B(E));
+        m.emit("change", { values: w });
       }
     },
     { deep: !0 }
   );
-  const k = /* @__PURE__ */ new Map();
-  function C(x) {
-    const I = x.name;
+  const V = /* @__PURE__ */ new Map();
+  function b(w) {
+    const I = w.name;
     return {
       name: I,
-      value: h({
+      value: x({
         get: () => d[I],
         set: (M) => {
           d[I] = M;
         }
       }),
-      errors: h(() => l[I] ?? []),
-      touched: h({
+      errors: x(() => l[I] ?? []),
+      touched: x({
         get: () => n[I] ?? !1,
         set: (M) => {
           n[I] = M;
         }
       }),
-      dirty: h({
-        get: () => o[I] ?? !1,
+      dirty: x({
+        get: () => r[I] ?? !1,
         set: (M) => {
-          o[I] = M;
+          r[I] = M;
         }
       }),
-      disabled: h(
-        () => typeof x.disabled == "function" ? x.disabled(v()) : x.disabled ?? !1
+      disabled: x(
+        () => typeof w.disabled == "function" ? w.disabled(C()) : w.disabled ?? !1
       ),
-      visible: h(() => x.condition ? se(x.condition, d) : typeof x.visible == "function" ? x.visible(v()) : x.visible ?? !0),
-      schema: x,
-      validate: () => N(I),
+      visible: x(() => w.condition ? se(w.condition, d) : typeof w.visible == "function" ? w.visible(C()) : w.visible ?? !0),
+      schema: w,
+      validate: () => B(I),
       reset: () => {
-        d[I] = F[I] ?? null, delete l[I], n[I] = !1, o[I] = !1;
+        d[I] = A[I] ?? null, delete l[I], n[I] = !1, r[I] = !1;
       },
       clear: () => {
         d[I] = null, delete l[I];
       }
     };
   }
-  function w() {
-    k.clear();
-    for (const x of P(r.fields))
-      k.set(x.name, C(x));
+  function v() {
+    V.clear();
+    for (const w of P(s.fields))
+      V.set(w.name, b(w));
   }
-  w();
-  async function N(x) {
-    const I = await y.validateField(x, v());
-    return l[x] = I, b.emit("validate:field", {
-      field: x,
+  v();
+  async function B(w) {
+    const I = await y.validateField(w, C());
+    return l[w] = I, m.emit("validate:field", {
+      field: w,
       valid: I.length === 0,
       errors: I
     }), I;
   }
-  async function B() {
-    const x = await y.validateAll(v());
+  async function S() {
+    const w = await y.validateAll(C());
     for (const M of Object.keys(l))
-      M in x || delete l[M];
-    for (const [M, E] of Object.entries(x))
+      M in w || delete l[M];
+    for (const [M, E] of Object.entries(w))
       l[M] = E;
-    const I = Object.values(x).every((M) => M.length === 0);
-    return b.emit("validate", { valid: I, errors: { ...x } }), I;
+    const I = Object.values(w).every((M) => M.length === 0);
+    return m.emit("validate", { valid: I, errors: { ...w } }), I;
   }
-  async function A(x) {
-    s.value = !0, g.value += 1;
+  async function N(w) {
+    i.value = !0, k.value += 1;
     try {
-      for (const M of P(r.fields)) n[M.name] = !0;
-      if (!await B()) {
-        b.emit("submit:error", {
+      for (const M of P(s.fields)) n[M.name] = !0;
+      if (!await S()) {
+        m.emit("submit:error", {
           values: { ...d },
           error: new Error("Validation failed")
         });
         return;
       }
-      b.emit("submit", { values: { ...d } }), x && await x({ ...d }, v()), b.emit("submit:success", { values: { ...d }, result: void 0 });
+      m.emit("submit", { values: { ...d } }), w && await w({ ...d }, C()), m.emit("submit:success", { values: { ...d }, result: void 0 });
     } catch (I) {
-      throw b.emit("submit:error", { values: { ...d }, error: I }), I;
+      throw m.emit("submit:error", { values: { ...d }, error: I }), I;
     } finally {
-      s.value = !1;
+      i.value = !1;
     }
   }
   function R() {
-    for (const x of P(r.fields))
-      d[x.name] = F[x.name] ?? null, delete l[x.name], n[x.name] = !1, o[x.name] = !1;
-    y.clearAllErrors(), b.emit("reset", void 0);
+    for (const w of P(s.fields))
+      d[w.name] = A[w.name] ?? null, delete l[w.name], n[w.name] = !1, r[w.name] = !1;
+    y.clearAllErrors(), m.emit("reset", void 0);
   }
   function Q() {
-    for (const x of P(r.fields))
-      d[x.name] = null, delete l[x.name];
+    for (const w of P(s.fields))
+      d[w.name] = null, delete l[w.name];
     y.clearAllErrors();
   }
-  function ee(x) {
-    r = x;
-    const I = P(x.fields);
-    u.value = I, F = me(I);
+  function ee(w) {
+    s = w;
+    const I = P(w.fields);
+    o.value = I, A = me(I);
     for (const E of I)
       E.name in d || (d[E.name] = E.defaultValue ?? null);
     const M = new Set(I.map((E) => E.name));
     for (const E of Object.keys(d))
-      M.has(E) || (delete d[E], delete l[E], delete n[E], delete o[E]);
-    w();
+      M.has(E) || (delete d[E], delete l[E], delete n[E], delete r[E]);
+    v();
   }
   const ge = {
     values: d,
     errors: l,
     touched: n,
-    dirty: o,
-    isValid: $,
-    isDirty: V,
-    isSubmitting: s,
-    submitCount: g,
-    validate: B,
-    validateField: N,
-    submit: A,
+    dirty: r,
+    isValid: g,
+    isDirty: $,
+    isSubmitting: i,
+    submitCount: k,
+    validate: S,
+    validateField: B,
+    submit: N,
     reset: R,
     clear: Q,
-    setError: (x, I) => {
-      l[x] = I;
+    setError: (w, I) => {
+      l[w] = I;
     },
-    clearError: (x) => {
-      delete l[x], y.clearFieldErrors(x);
+    clearError: (w) => {
+      delete l[w], y.clearFieldErrors(w);
     },
     clearErrors: () => {
-      for (const x of Object.keys(l)) delete l[x];
+      for (const w of Object.keys(l)) delete l[w];
       y.clearAllErrors();
     },
-    getField: (x) => k.get(x),
-    setFieldValue: (x, I) => {
-      d[x] = I;
+    getField: (w) => V.get(w),
+    setFieldValue: (w, I) => {
+      d[w] = I;
     },
-    setFieldDisabled: (x, I) => {
-      const M = P(r.fields).find((E) => E.name === x);
+    setFieldDisabled: (w, I) => {
+      const M = P(s.fields).find((E) => E.name === w);
       M && (M.disabled = I);
     },
-    setFieldVisible: (x, I) => {
-      const M = P(r.fields).find((E) => E.name === x);
+    setFieldVisible: (w, I) => {
+      const M = P(s.fields).find((E) => E.name === w);
       M && (M.visible = I);
     },
-    on: b.on,
+    on: m.on,
     locale: t,
-    setLocale: (x) => {
-      t.value = x;
+    setLocale: (w) => {
+      t.value = w;
     },
-    schema: r,
+    schema: s,
     updateSchema: ee
   };
   return ie(ce, ge), ge;
@@ -490,55 +500,55 @@ const pe = Symbol("FormaticaTheme"), be = {
   }
 };
 function tt(e) {
-  const i = Le(e) ? h(() => e.value ?? be) : D(e ?? be), t = h(() => {
-    const u = i.value.components ?? {};
+  const u = Ne(e) ? x(() => e.value ?? be) : D(e ?? be), t = x(() => {
+    const o = u.value.components ?? {};
     return {
-      form: u.form ?? "fc-form",
-      field: u.field ?? "fc-field",
-      label: u.label ?? "fc-label",
-      input: u.input ?? "fc-input",
-      error: u.error ?? "fc-error",
-      helpText: u.helpText ?? "fc-help-text",
-      group: u.group ?? "fc-group",
-      row: u.row ?? "fc-row",
-      steps: u.steps ?? "fc-steps",
-      tabs: u.tabs ?? "fc-tabs",
-      button: u.button ?? "fc-button"
+      form: o.form ?? "fc-form",
+      field: o.field ?? "fc-field",
+      label: o.label ?? "fc-label",
+      input: o.input ?? "fc-input",
+      error: o.error ?? "fc-error",
+      helpText: o.helpText ?? "fc-help-text",
+      group: o.group ?? "fc-group",
+      row: o.row ?? "fc-row",
+      steps: o.steps ?? "fc-steps",
+      tabs: o.tabs ?? "fc-tabs",
+      button: o.button ?? "fc-button"
     };
-  }), a = h(() => {
-    const u = i.value, d = {};
-    if (u.colors)
-      for (const [l, n] of Object.entries(u.colors))
+  }), a = x(() => {
+    const o = u.value, d = {};
+    if (o.colors)
+      for (const [l, n] of Object.entries(o.colors))
         n && (d[`--fc-color-${X(l)}`] = n);
-    if (u.typography)
-      for (const [l, n] of Object.entries(u.typography))
+    if (o.typography)
+      for (const [l, n] of Object.entries(o.typography))
         n && (d[`--fc-${X(l)}`] = n);
-    if (u.spacing)
-      for (const [l, n] of Object.entries(u.spacing))
+    if (o.spacing)
+      for (const [l, n] of Object.entries(o.spacing))
         n && (d[`--fc-${X(l)}`] = n);
-    if (u.borders)
-      for (const [l, n] of Object.entries(u.borders))
+    if (o.borders)
+      for (const [l, n] of Object.entries(o.borders))
         n && (d[`--fc-border-${X(l)}`] = n);
-    if (u.shadows)
-      for (const [l, n] of Object.entries(u.shadows))
+    if (o.shadows)
+      for (const [l, n] of Object.entries(o.shadows))
         n && (d[`--fc-shadow-${X(l)}`] = n);
-    if (u.transitions)
-      for (const [l, n] of Object.entries(u.transitions))
+    if (o.transitions)
+      for (const [l, n] of Object.entries(o.transitions))
         n && (d[`--fc-transition-${X(l)}`] = n);
-    return u.cssVars && Object.assign(d, u.cssVars), d;
-  }), r = {
-    config: i.value,
+    return o.cssVars && Object.assign(d, o.cssVars), d;
+  }), s = {
+    config: u.value,
     classes: t,
     cssVars: a
   };
-  return ie(pe, r), r;
+  return ie(pe, s), s;
 }
 function K() {
-  const e = J(pe);
+  const e = q(pe);
   return e || at();
 }
 function at() {
-  const e = h(() => ({
+  const e = x(() => ({
     form: "fc-form",
     field: "fc-field",
     label: "fc-label",
@@ -550,8 +560,8 @@ function at() {
     steps: "fc-steps",
     tabs: "fc-tabs",
     button: "fc-button"
-  })), i = h(() => ({}));
-  return { config: be, classes: e, cssVars: i };
+  })), u = x(() => ({}));
+  return { config: be, classes: e, cssVars: u };
 }
 function X(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
@@ -575,61 +585,61 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     maxSelect: {}
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i;
+  setup(e, { emit: u }) {
+    const t = e, a = u;
     K();
-    function r(n) {
+    function s(n) {
       return t.modelValue.includes(n);
     }
-    function u(n) {
-      return !!(t.disabled || n.disabled || t.maxSelect && !r(n.value) && t.modelValue.length >= t.maxSelect);
+    function o(n) {
+      return !!(t.disabled || n.disabled || t.maxSelect && !s(n.value) && t.modelValue.length >= t.maxSelect);
     }
     function d(n) {
-      if (u(n)) return;
-      const o = [...t.modelValue], s = o.indexOf(n.value);
-      if (s >= 0) {
-        if (t.minSelect && o.length <= t.minSelect) return;
-        o.splice(s, 1);
+      if (o(n)) return;
+      const r = [...t.modelValue], i = r.indexOf(n.value);
+      if (i >= 0) {
+        if (t.minSelect && r.length <= t.minSelect) return;
+        r.splice(i, 1);
       } else
-        o.push(n.value);
-      a("update:modelValue", o);
+        r.push(n.value);
+      a("update:modelValue", r);
     }
-    function l(n, o) {
-      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(o));
+    function l(n, r) {
+      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(r));
     }
-    return (n, o) => (c(), f("div", {
+    return (n, r) => (c(), f("div", {
       role: "group",
-      class: S(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
+      class: F(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
     }, [
-      (c(!0), f(z, null, G(e.options, (s) => (c(), f("label", {
-        key: String(s.value),
-        class: S([
+      (c(!0), f(O, null, G(e.options, (i) => (c(), f("label", {
+        key: String(i.value),
+        class: F([
           "inline-flex items-center gap-2 select-none",
-          u(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+          o(i) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ])
       }, [
         p("input", {
           type: "checkbox",
-          checked: r(s.value),
-          disabled: u(s),
+          checked: s(i.value),
+          disabled: o(i),
           class: "sr-only",
-          onChange: (g) => d(s),
-          onBlur: o[0] || (o[0] = (g) => a("blur", g))
+          onChange: (k) => d(i),
+          onBlur: r[0] || (r[0] = (k) => a("blur", k))
         }, null, 40, lt),
         p("div", {
           role: "checkbox",
-          "aria-checked": r(s.value),
-          "aria-disabled": u(s) || void 0,
+          "aria-checked": s(i.value),
+          "aria-disabled": o(i) || void 0,
           tabindex: "0",
-          class: S([
+          class: F([
             "flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition-colors duration-200",
-            r(s.value) ? "text-white" : "border-gray-300 bg-white"
+            s(i.value) ? "text-white" : "border-gray-300 bg-white"
           ]),
-          style: O(r(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onClick: (g) => d(s),
-          onKeydown: (g) => l(g, s)
+          style: z(s(i.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => d(i),
+          onKeydown: (k) => l(k, i)
         }, [
-          r(s.value) ? (c(), f("svg", ot, [...o[1] || (o[1] = [
+          s(i.value) ? (c(), f("svg", ot, [...r[1] || (r[1] = [
             p("path", {
               d: "M2 6l3 3 5-5",
               "stroke-linecap": "round",
@@ -637,7 +647,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
             }, null, -1)
           ])])) : T("", !0)
         ], 46, nt),
-        p("span", rt, L(s.label), 1)
+        p("span", rt, L(i.label), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -660,41 +670,41 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i;
+  setup(e, { emit: u }) {
+    const t = e, a = u;
     K();
-    const r = h(() => [
+    const s = x(() => [
       "inline-flex items-center gap-2 select-none",
       t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
     ]);
-    function u() {
+    function o() {
       t.disabled || a("update:modelValue", !t.modelValue);
     }
     function d(l) {
-      (l.key === " " || l.key === "Enter") && (l.preventDefault(), u());
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), o());
     }
     return (l, n) => (c(), f("label", {
-      class: S(r.value)
+      class: F(s.value)
     }, [
       p("input", {
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         class: "sr-only",
-        onChange: u,
-        onBlur: n[0] || (n[0] = (o) => a("blur", o))
+        onChange: o,
+        onBlur: n[0] || (n[0] = (r) => a("blur", r))
       }, null, 40, it),
       p("div", {
         role: "checkbox",
         "aria-checked": e.modelValue,
         "aria-disabled": e.disabled || void 0,
         tabindex: "0",
-        class: S([
+        class: F([
           "flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition-colors duration-200",
           e.modelValue ? "text-white" : "border-gray-300 bg-white"
         ]),
-        style: O(e.modelValue ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: u,
+        style: z(e.modelValue ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: o,
         onKeydown: d
       }, [
         e.modelValue ? (c(), f("svg", dt, [...n[1] || (n[1] = [
@@ -719,14 +729,14 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = h(
+  setup(e, { emit: u }) {
+    const t = e, a = u, s = K(), o = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-date-input",
         "transition-colors duration-200",
         t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
-        r.classes.value.input
+        s.classes.value.input
       ].filter(Boolean).join(" ")
     );
     function d(l) {
@@ -740,19 +750,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       max: e.maxDate,
       placeholder: e.placeholder,
       disabled: e.disabled,
-      class: S(u.value),
+      class: F(o.value),
       "aria-disabled": e.disabled || void 0,
       onInput: d,
-      onBlur: n[0] || (n[0] = (o) => a("blur", o)),
-      onFocus: n[1] || (n[1] = (o) => a("focus", o))
+      onBlur: n[0] || (n[0] = (r) => a("blur", r)),
+      onFocus: n[1] || (n[1] = (r) => a("focus", r))
     }, null, 42, mt));
   }
-}), ne = (e, i) => {
+}), oe = (e, u) => {
   const t = e.__vccOpts || e;
-  for (const [a, r] of i)
-    t[a] = r;
+  for (const [a, s] of u)
+    t[a] = s;
   return t;
-}, vt = /* @__PURE__ */ ne(bt, [["__scopeId", "data-v-7d4bc9b7"]]), yt = ["aria-disabled", "onKeydown"], pt = {
+}, vt = /* @__PURE__ */ oe(bt, [["__scopeId", "data-v-7d4bc9b7"]]), yt = ["aria-disabled", "onKeydown"], pt = {
   key: 0,
   class: "mt-1 text-xs text-gray-400"
 }, gt = ["accept", "multiple"], ht = {
@@ -769,74 +779,74 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i;
+  setup(e, { emit: u }) {
+    const t = e, a = u;
     K();
-    const r = D(null), u = D(!1), d = h(() => t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : []);
-    function l(m) {
-      return m < 1024 ? `${m} B` : m < 1024 * 1024 ? `${(m / 1024).toFixed(1)} KB` : `${(m / (1024 * 1024)).toFixed(1)} MB`;
+    const s = D(null), o = D(!1), d = x(() => t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : []);
+    function l(h) {
+      return h < 1024 ? `${h} B` : h < 1024 * 1024 ? `${(h / 1024).toFixed(1)} KB` : `${(h / (1024 * 1024)).toFixed(1)} MB`;
     }
-    function n(m) {
-      let y = m;
+    function n(h) {
+      let y = h;
       if (t.maxSize) {
-        const F = t.maxSize;
-        y = y.filter((k) => k.size <= F);
+        const A = t.maxSize;
+        y = y.filter((V) => V.size <= A);
       }
       if (t.multiple && t.maxFiles) {
-        const F = t.maxFiles - d.value.length;
-        y = y.slice(0, Math.max(0, F));
+        const A = t.maxFiles - d.value.length;
+        y = y.slice(0, Math.max(0, A));
       }
       return y;
     }
-    function o(m) {
-      const y = n(m);
+    function r(h) {
+      const y = n(h);
       y.length !== 0 && (t.multiple ? a("update:modelValue", [...d.value, ...y]) : a("update:modelValue", y[0]));
     }
-    function s(m) {
-      const y = m.target;
-      y.files && (o(Array.from(y.files)), y.value = "");
+    function i(h) {
+      const y = h.target;
+      y.files && (r(Array.from(y.files)), y.value = "");
     }
-    function g(m) {
+    function k(h) {
       if (t.disabled) return;
-      const y = d.value.filter((F, k) => k !== m);
+      const y = d.value.filter((A, V) => V !== h);
       t.multiple ? a("update:modelValue", y.length ? y : []) : a("update:modelValue", null);
     }
-    function $(m) {
-      m.preventDefault(), t.disabled || (u.value = !0);
+    function g(h) {
+      h.preventDefault(), t.disabled || (o.value = !0);
     }
-    function V() {
-      u.value = !1;
+    function $() {
+      o.value = !1;
     }
-    function b(m) {
+    function m(h) {
       var y;
-      m.preventDefault(), u.value = !1, !(t.disabled || !((y = m.dataTransfer) != null && y.files)) && o(Array.from(m.dataTransfer.files));
+      h.preventDefault(), o.value = !1, !(t.disabled || !((y = h.dataTransfer) != null && y.files)) && r(Array.from(h.dataTransfer.files));
     }
-    function v() {
-      var m;
-      t.disabled || (m = r.value) == null || m.click();
+    function C() {
+      var h;
+      t.disabled || (h = s.value) == null || h.click();
     }
-    return (m, y) => (c(), f("div", {
-      class: S(e.disabled ? "opacity-50 cursor-not-allowed" : "")
+    return (h, y) => (c(), f("div", {
+      class: F(e.disabled ? "opacity-50 cursor-not-allowed" : "")
     }, [
       p("div", {
         role: "button",
         tabindex: "0",
         "aria-disabled": e.disabled || void 0,
-        class: S([
+        class: F([
           "flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 text-center transition-colors duration-200",
-          u.value ? "" : "border-gray-300 bg-gray-50",
+          o.value ? "" : "border-gray-300 bg-gray-50",
           e.disabled ? "pointer-events-none" : "cursor-pointer hover:border-gray-400"
         ]),
-        style: O(u.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)" } : {}),
-        onClick: v,
+        style: z(o.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)" } : {}),
+        onClick: C,
         onKeydown: [
-          he(v, ["enter"]),
-          he(q(v, ["prevent"]), ["space"])
+          he(C, ["enter"]),
+          he(Y(C, ["prevent"]), ["space"])
         ],
-        onDragover: $,
-        onDragleave: V,
-        onDrop: b,
-        onBlur: y[0] || (y[0] = (F) => a("blur", F))
+        onDragover: g,
+        onDragleave: $,
+        onDrop: m,
+        onBlur: y[0] || (y[0] = (A) => a("blur", A))
       }, [
         y[1] || (y[1] = p("svg", {
           class: "mb-2 h-8 w-8 text-gray-400",
@@ -863,16 +873,16 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       ], 46, yt),
       p("input", {
         ref_key: "fileInputRef",
-        ref: r,
+        ref: s,
         type: "file",
         accept: e.accept,
         multiple: e.multiple,
         class: "hidden",
-        onChange: s
+        onChange: i
       }, null, 40, gt),
       d.value.length > 0 ? (c(), f("ul", ht, [
-        (c(!0), f(z, null, G(d.value, (F, k) => (c(), f("li", {
-          key: `${F.name}-${k}`,
+        (c(!0), f(O, null, G(d.value, (A, V) => (c(), f("li", {
+          key: `${A.name}-${V}`,
           class: "flex items-center justify-between rounded-md border border-gray-200 bg-white px-3 py-2 text-sm"
         }, [
           p("div", xt, [
@@ -890,15 +900,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
                 d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
               })
             ], -1)),
-            p("span", kt, L(F.name), 1),
-            p("span", wt, "(" + L(l(F.size)) + ")", 1)
+            p("span", kt, L(A.name), 1),
+            p("span", wt, "(" + L(l(A.size)) + ")", 1)
           ]),
           e.disabled ? T("", !0) : (c(), f("button", {
             key: 0,
             type: "button",
             class: "ml-2 shrink-0 text-gray-400 hover:text-red-500 transition-colors duration-200",
             "aria-label": "Remove file",
-            onClick: q((C) => g(k), ["stop"])
+            onClick: Y((b) => k(V), ["stop"])
           }, " × ", 8, $t))
         ]))), 128))
       ])) : T("", !0)
@@ -927,8 +937,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = h(() => !!t.prefix || !!t.suffix), d = h(
+  setup(e, { emit: u }) {
+    const t = e, a = u, s = K(), o = x(() => !!t.prefix || !!t.suffix), d = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "placeholder:text-gray-400",
@@ -937,19 +947,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
         t.prefix ? "rounded-l-none" : "",
         t.suffix ? "rounded-r-none" : "",
-        r.classes.value.input
+        s.classes.value.input
       ].filter(Boolean).join(" ")
     );
     function l(n) {
-      const s = n.target.value;
-      if (s === "") {
+      const i = n.target.value;
+      if (i === "") {
         a("update:modelValue", null);
         return;
       }
-      let g = parseFloat(s);
-      Number.isNaN(g) || (t.precision !== void 0 && (g = parseFloat(g.toFixed(t.precision))), a("update:modelValue", g));
+      let k = parseFloat(i);
+      Number.isNaN(k) || (t.precision !== void 0 && (k = parseFloat(k.toFixed(t.precision))), a("update:modelValue", k));
     }
-    return (n, o) => u.value ? (c(), f("div", Vt, [
+    return (n, r) => o.value ? (c(), f("div", Vt, [
       e.prefix ? (c(), f("span", St, L(e.prefix), 1)) : T("", !0),
       p("input", {
         type: "number",
@@ -959,12 +969,12 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         step: e.step,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: S(d.value),
+        class: F(d.value),
         "aria-disabled": e.disabled || void 0,
         "aria-readonly": e.readonly || void 0,
         onInput: l,
-        onBlur: o[0] || (o[0] = (s) => a("blur", s)),
-        onFocus: o[1] || (o[1] = (s) => a("focus", s))
+        onBlur: r[0] || (r[0] = (i) => a("blur", i)),
+        onFocus: r[1] || (r[1] = (i) => a("focus", i))
       }, null, 42, Bt),
       e.suffix ? (c(), f("span", Ft, L(e.suffix), 1)) : T("", !0)
     ])) : (c(), f("input", {
@@ -976,18 +986,18 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       step: e.step,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: S(d.value),
+      class: F(d.value),
       "aria-disabled": e.disabled || void 0,
       "aria-readonly": e.readonly || void 0,
       onInput: l,
-      onBlur: o[2] || (o[2] = (s) => a("blur", s)),
-      onFocus: o[3] || (o[3] = (s) => a("focus", s))
+      onBlur: r[2] || (r[2] = (i) => a("blur", i)),
+      onFocus: r[3] || (r[3] = (i) => a("focus", i))
     }, null, 42, Tt));
   }
-}), Lt = /* @__PURE__ */ ne(It, [["__scopeId", "data-v-4e51299b"]]), At = { class: "relative" }, Nt = ["disabled"], Dt = { class: "text-lg leading-none" }, Mt = { class: "text-xs text-gray-500 dark:text-gray-400 font-medium" }, Et = ["value", "placeholder", "disabled"], Rt = {
+}), Lt = /* @__PURE__ */ oe(It, [["__scopeId", "data-v-4e51299b"]]), At = { class: "relative" }, Nt = ["disabled"], Dt = { class: "text-lg leading-none" }, Mt = { class: "text-xs text-gray-500 dark:text-gray-400 font-medium" }, Et = ["value", "placeholder", "disabled"], Rt = {
   key: 1,
   class: "absolute left-0 top-full z-50 mt-1 w-72 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-xl overflow-hidden"
-}, jt = { class: "border-b border-gray-200 dark:border-gray-700 p-2" }, Ot = { class: "max-h-48 overflow-y-auto" }, zt = ["onMousedown"], Kt = { class: "text-lg leading-none" }, Pt = { class: "flex-1 truncate text-xs" }, Ut = { class: "text-[11px] text-gray-400 dark:text-gray-500 font-mono" }, Ht = {
+}, jt = { class: "border-b border-gray-200 dark:border-gray-700 p-2" }, zt = { class: "max-h-48 overflow-y-auto" }, Ot = ["onMousedown"], Kt = { class: "text-lg leading-none" }, Pt = { class: "flex-1 truncate text-xs" }, Ut = { class: "text-[11px] text-gray-400 dark:text-gray-500 font-mono" }, Ht = {
   key: 0,
   class: "px-3 py-4 text-center text-xs text-gray-400 dark:text-gray-500"
 }, Gt = /* @__PURE__ */ j({
@@ -1001,8 +1011,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, r = {
+  setup(e, { emit: u }) {
+    const t = e, a = u, s = {
       AF: "Afghanistan",
       AL: "Albania",
       DZ: "Algeria",
@@ -1122,77 +1132,77 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       VN: "Vietnam",
       ZW: "Zimbabwe"
     };
-    function u(C) {
-      return C.toUpperCase().split("").map((w) => String.fromCodePoint(127462 + w.charCodeAt(0) - 65)).join("");
-    }
-    const d = h(() => {
-      var w;
-      return ((w = t.countries) != null && w.length ? t.countries.filter(
-        (N) => xe().includes(N)
-      ) : xe()).map((N) => ({
-        code: N,
-        name: r[N] ?? N,
-        dialCode: `+${ke(N)}`,
-        flag: u(N)
-      })).sort((N, B) => N.name.localeCompare(B.name));
-    }), l = D(t.defaultCountry), n = D(""), o = D(!1), s = D(""), g = D(null), $ = h(() => {
-      const C = s.value.toLowerCase();
-      return C ? d.value.filter(
-        (w) => w.name.toLowerCase().includes(C) || w.code.toLowerCase().includes(C) || w.dialCode.includes(C)
+    function o(b) {
+      return b.toUpperCase().split("").map((v) => String.fromCodePoint(127462 + v.charCodeAt(0) - 65)).join("");
+    }
+    const d = x(() => {
+      var v;
+      return ((v = t.countries) != null && v.length ? t.countries.filter(
+        (B) => xe().includes(B)
+      ) : xe()).map((B) => ({
+        code: B,
+        name: s[B] ?? B,
+        dialCode: `+${ke(B)}`,
+        flag: o(B)
+      })).sort((B, S) => B.name.localeCompare(S.name));
+    }), l = D(t.defaultCountry), n = D(""), r = D(!1), i = D(""), k = D(null), g = x(() => {
+      const b = i.value.toLowerCase();
+      return b ? d.value.filter(
+        (v) => v.name.toLowerCase().includes(b) || v.code.toLowerCase().includes(b) || v.dialCode.includes(b)
       ) : d.value;
-    }), V = h(
-      () => d.value.find((C) => C.code === l.value) ?? d.value[0]
+    }), $ = x(
+      () => d.value.find((b) => b.code === l.value) ?? d.value[0]
     );
     ue(() => {
-      t.modelValue && b(t.modelValue);
-    }), Y(
+      t.modelValue && m(t.modelValue);
+    }), J(
       () => t.modelValue,
-      (C) => {
-        C && b(C);
+      (b) => {
+        b && m(b);
       }
     );
-    function b(C) {
+    function m(b) {
       try {
-        const w = je(C);
-        if (w != null && w.country) {
-          l.value = w.country, n.value = w.nationalNumber;
+        const v = ze(b);
+        if (v != null && v.country) {
+          l.value = v.country, n.value = v.nationalNumber;
           return;
         }
       } catch {
       }
-      n.value = C.replace(/^\+\d+\s*/, "");
+      n.value = b.replace(/^\+\d+\s*/, "");
     }
-    function v() {
+    function C() {
       if (!n.value.trim()) {
         a("update:modelValue", "");
         return;
       }
-      const C = new Oe(l.value);
-      C.input(`+${ke(l.value)}${n.value}`);
-      const w = C.getNumber();
-      a("update:modelValue", (w == null ? void 0 : w.format("E.164")) ?? n.value);
-    }
-    function m(C) {
-      const w = C.target;
-      n.value = w.value, v();
-    }
-    function y(C) {
-      l.value = C, o.value = !1, s.value = "", v();
-    }
-    function F() {
-      t.disabled || (o.value = !0, s.value = "", te(() => {
-        var C;
-        return (C = g.value) == null ? void 0 : C.focus();
+      const b = new Oe(l.value);
+      b.input(`+${ke(l.value)}${n.value}`);
+      const v = b.getNumber();
+      a("update:modelValue", (v == null ? void 0 : v.format("E.164")) ?? n.value);
+    }
+    function h(b) {
+      const v = b.target;
+      n.value = v.value, C();
+    }
+    function y(b) {
+      l.value = b, r.value = !1, i.value = "", C();
+    }
+    function A() {
+      t.disabled || (r.value = !0, i.value = "", ae(() => {
+        var b;
+        return (b = k.value) == null ? void 0 : b.focus();
       }));
     }
-    function k() {
-      o.value = !1, s.value = "";
+    function V() {
+      r.value = !1, i.value = "";
     }
-    return (C, w) => {
-      var N, B;
+    return (b, v) => {
+      var B, S;
       return c(), f("div", At, [
         p("div", {
-          class: S([
+          class: F([
             "flex items-stretch rounded-lg border transition-colors",
             e.disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700" : "border-gray-300 dark:border-gray-600 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20"
           ])
@@ -1202,19 +1212,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
             type: "button",
             disabled: e.disabled,
             class: "flex items-center gap-1.5 px-3 border-r border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 rounded-l-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors shrink-0",
-            onMousedown: w[0] || (w[0] = q((A) => o.value ? k() : F(), ["prevent"]))
+            onMousedown: v[0] || (v[0] = Y((N) => r.value ? V() : A(), ["prevent"]))
           }, [
-            p("span", Dt, L((N = V.value) == null ? void 0 : N.flag), 1),
-            p("span", Mt, L((B = V.value) == null ? void 0 : B.dialCode), 1),
+            p("span", Dt, L((B = $.value) == null ? void 0 : B.flag), 1),
+            p("span", Mt, L((S = $.value) == null ? void 0 : S.dialCode), 1),
             (c(), f("svg", {
-              class: S(["h-3 w-3 text-gray-400 transition-transform", o.value ? "rotate-180" : ""]),
+              class: F(["h-3 w-3 text-gray-400 transition-transform", r.value ? "rotate-180" : ""]),
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [...w[3] || (w[3] = [
+            }, [...v[3] || (v[3] = [
               p("polyline", { points: "6 9 12 15 18 9" }, null, -1)
             ])], 2))
           ], 40, Nt)) : T("", !0),
@@ -1224,44 +1234,44 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
             placeholder: e.placeholder || "Phone number",
             disabled: e.disabled,
             autocomplete: "tel-national",
-            class: S(["flex-1 bg-transparent px-3 py-2 text-sm text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 outline-none min-w-0", e.showDialCode ? "rounded-r-lg" : "rounded-lg"]),
-            onInput: m,
-            onBlur: w[1] || (w[1] = (A) => a("blur", A))
+            class: F(["flex-1 bg-transparent px-3 py-2 text-sm text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 outline-none min-w-0", e.showDialCode ? "rounded-r-lg" : "rounded-lg"]),
+            onInput: h,
+            onBlur: v[1] || (v[1] = (N) => a("blur", N))
           }, null, 42, Et)
         ], 2),
-        o.value ? (c(), f("div", {
+        r.value ? (c(), f("div", {
           key: 0,
           class: "fixed inset-0 z-40",
-          onMousedown: k
+          onMousedown: V
         }, null, 32)) : T("", !0),
-        o.value ? (c(), f("div", Rt, [
+        r.value ? (c(), f("div", Rt, [
           p("div", jt, [
             de(p("input", {
               ref_key: "searchInputRef",
-              ref: g,
-              "onUpdate:modelValue": w[2] || (w[2] = (A) => s.value = A),
+              ref: k,
+              "onUpdate:modelValue": v[2] || (v[2] = (N) => i.value = N),
               type: "text",
               placeholder: "Search country...",
               class: "w-full rounded-md border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 px-3 py-1.5 text-xs text-gray-900 dark:text-white placeholder-gray-400 outline-none focus:border-primary-500"
             }, null, 512), [
-              [ve, s.value]
+              [ve, i.value]
             ])
           ]),
-          p("div", Ot, [
-            (c(!0), f(z, null, G($.value, (A) => (c(), f("button", {
-              key: A.code,
+          p("div", zt, [
+            (c(!0), f(O, null, G(g.value, (N) => (c(), f("button", {
+              key: N.code,
               type: "button",
-              class: S([
+              class: F([
                 "flex w-full items-center gap-3 px-3 py-2 text-left text-sm transition-colors hover:bg-gray-50 dark:hover:bg-gray-800",
-                A.code === l.value ? "bg-primary-50 dark:bg-primary-950/30 text-primary-700 dark:text-primary-300" : "text-gray-700 dark:text-gray-300"
+                N.code === l.value ? "bg-primary-50 dark:bg-primary-950/30 text-primary-700 dark:text-primary-300" : "text-gray-700 dark:text-gray-300"
               ]),
-              onMousedown: q((R) => y(A.code), ["prevent"])
+              onMousedown: Y((R) => y(N.code), ["prevent"])
             }, [
-              p("span", Kt, L(A.flag), 1),
-              p("span", Pt, L(A.name), 1),
-              p("span", Ut, L(A.dialCode), 1)
-            ], 42, zt))), 128)),
-            $.value.length === 0 ? (c(), f("p", Ht, " No countries found ")) : T("", !0)
+              p("span", Kt, L(N.flag), 1),
+              p("span", Pt, L(N.name), 1),
+              p("span", Ut, L(N.dialCode), 1)
+            ], 42, Ot))), 128)),
+            g.value.length === 0 ? (c(), f("p", Ht, " No countries found ")) : T("", !0)
           ])
         ])) : T("", !0)
       ]);
@@ -1280,56 +1290,56 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i;
+  setup(e, { emit: u }) {
+    const t = e, a = u;
     K();
-    function r(n) {
+    function s(n) {
       return t.modelValue === n;
     }
-    function u(n) {
+    function o(n) {
       return t.disabled || !!n.disabled;
     }
     function d(n) {
-      u(n) || a("update:modelValue", n.value);
+      o(n) || a("update:modelValue", n.value);
     }
-    function l(n, o) {
-      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(o));
+    function l(n, r) {
+      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(r));
     }
-    return (n, o) => (c(), f("div", {
+    return (n, r) => (c(), f("div", {
       role: "radiogroup",
-      class: S(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
+      class: F(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
     }, [
-      (c(!0), f(z, null, G(e.options, (s) => (c(), f("label", {
-        key: String(s.value),
-        class: S([
+      (c(!0), f(O, null, G(e.options, (i) => (c(), f("label", {
+        key: String(i.value),
+        class: F([
           "inline-flex items-center gap-2 select-none",
-          u(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+          o(i) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ])
       }, [
         p("input", {
           type: "radio",
-          checked: r(s.value),
-          disabled: u(s),
+          checked: s(i.value),
+          disabled: o(i),
           class: "sr-only",
-          onChange: (g) => d(s),
-          onBlur: o[0] || (o[0] = (g) => a("blur", g))
+          onChange: (k) => d(i),
+          onBlur: r[0] || (r[0] = (k) => a("blur", k))
         }, null, 40, Zt),
         p("div", {
           role: "radio",
-          "aria-checked": r(s.value),
-          "aria-disabled": u(s) || void 0,
+          "aria-checked": s(i.value),
+          "aria-disabled": o(i) || void 0,
           tabindex: "0",
-          class: S([
+          class: F([
             "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-200",
-            r(s.value) ? "" : "border-gray-300"
+            s(i.value) ? "" : "border-gray-300"
           ]),
-          style: O(r(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onClick: (g) => d(s),
-          onKeydown: (g) => l(g, s)
+          style: z(s(i.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => d(i),
+          onKeydown: (k) => l(k, i)
         }, [
-          r(s.value) ? (c(), f("div", Yt)) : T("", !0)
+          s(i.value) ? (c(), f("div", Yt)) : T("", !0)
         ], 46, qt),
-        p("span", Jt, L(s.label), 1)
+        p("span", Jt, L(i.label), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -1363,132 +1373,132 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = D(!1), d = D(""), l = D(-1), n = D(null), o = D(null), s = h(() => t.modelValue === null || t.modelValue === void 0 ? [] : Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]), g = h(() => {
-      if (s.value.length === 0 || t.multiple) return "";
-      const B = t.options.find((A) => A.value === s.value[0]);
-      return (B == null ? void 0 : B.label) ?? String(s.value[0]);
-    }), $ = h(() => {
+  setup(e, { emit: u }) {
+    const t = e, a = u, s = K(), o = D(!1), d = D(""), l = D(-1), n = D(null), r = D(null), i = x(() => t.modelValue === null || t.modelValue === void 0 ? [] : Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]), k = x(() => {
+      if (i.value.length === 0 || t.multiple) return "";
+      const S = t.options.find((N) => N.value === i.value[0]);
+      return (S == null ? void 0 : S.label) ?? String(i.value[0]);
+    }), g = x(() => {
       if (!d.value) return t.options;
-      const B = d.value.toLowerCase();
-      return t.options.filter((A) => A.label.toLowerCase().includes(B));
+      const S = d.value.toLowerCase();
+      return t.options.filter((N) => N.label.toLowerCase().includes(S));
     });
-    function V(B) {
-      return s.value.includes(B);
+    function $(S) {
+      return i.value.includes(S);
     }
-    function b() {
-      t.disabled || (u.value ? m() : v());
+    function m() {
+      t.disabled || (o.value ? h() : C());
     }
-    function v() {
-      u.value = !0, l.value = -1, d.value = "", te(() => {
-        var B;
-        return (B = o.value) == null ? void 0 : B.focus();
+    function C() {
+      o.value = !0, l.value = -1, d.value = "", ae(() => {
+        var S;
+        return (S = r.value) == null ? void 0 : S.focus();
       });
     }
-    function m() {
-      u.value = !1, d.value = "";
+    function h() {
+      o.value = !1, d.value = "";
     }
-    function y(B) {
-      if (!B.disabled)
+    function y(S) {
+      if (!S.disabled)
         if (t.multiple) {
-          const A = [...s.value], R = A.indexOf(B.value);
-          R >= 0 ? A.splice(R, 1) : A.push(B.value), a("update:modelValue", A);
+          const N = [...i.value], R = N.indexOf(S.value);
+          R >= 0 ? N.splice(R, 1) : N.push(S.value), a("update:modelValue", N);
         } else
-          a("update:modelValue", B.value), m();
+          a("update:modelValue", S.value), h();
     }
-    function F(B) {
+    function A(S) {
       if (t.disabled) return;
-      const A = s.value.filter((R) => R !== B);
-      a("update:modelValue", A.length ? A : t.multiple ? [] : null);
+      const N = i.value.filter((R) => R !== S);
+      a("update:modelValue", N.length ? N : t.multiple ? [] : null);
     }
-    function k(B) {
-      B.stopPropagation(), a("update:modelValue", t.multiple ? [] : null);
+    function V(S) {
+      S.stopPropagation(), a("update:modelValue", t.multiple ? [] : null);
     }
-    function C(B) {
-      if (!u.value) {
-        (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), v());
+    function b(S) {
+      if (!o.value) {
+        (S.key === "Enter" || S.key === " " || S.key === "ArrowDown") && (S.preventDefault(), C());
         return;
       }
-      switch (B.key) {
+      switch (S.key) {
         case "ArrowDown":
-          B.preventDefault(), l.value = Math.min(
+          S.preventDefault(), l.value = Math.min(
             l.value + 1,
-            $.value.length - 1
+            g.value.length - 1
           );
           break;
         case "ArrowUp":
-          B.preventDefault(), l.value = Math.max(l.value - 1, 0);
+          S.preventDefault(), l.value = Math.max(l.value - 1, 0);
           break;
         case "Enter":
-          B.preventDefault(), l.value >= 0 && $.value[l.value] && y($.value[l.value]);
+          S.preventDefault(), l.value >= 0 && g.value[l.value] && y(g.value[l.value]);
           break;
         case "Escape":
-          B.preventDefault(), m();
+          S.preventDefault(), h();
           break;
       }
     }
-    function w(B) {
-      n.value && !n.value.contains(B.target) && m();
+    function v(S) {
+      n.value && !n.value.contains(S.target) && h();
     }
-    function N(B) {
-      const A = t.options.find((R) => R.value === B);
-      return (A == null ? void 0 : A.label) ?? String(B);
+    function B(S) {
+      const N = t.options.find((R) => R.value === S);
+      return (N == null ? void 0 : N.label) ?? String(S);
     }
-    return ue(() => document.addEventListener("mousedown", w)), Ve(() => document.removeEventListener("mousedown", w)), Y(u, (B) => {
-      B || a("blur", new FocusEvent("blur"));
-    }), (B, A) => (c(), f("div", {
+    return ue(() => document.addEventListener("mousedown", v)), Ve(() => document.removeEventListener("mousedown", v)), J(o, (S) => {
+      S || a("blur", new FocusEvent("blur"));
+    }), (S, N) => (c(), f("div", {
       ref_key: "containerRef",
       ref: n,
-      class: S([
+      class: F([
         "relative w-full",
-        H(r).classes.value.input,
+        H(s).classes.value.input,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
       p("div", {
         role: "combobox",
-        "aria-expanded": u.value,
+        "aria-expanded": o.value,
         "aria-haspopup": "listbox",
         tabindex: "0",
-        class: S([
+        class: F([
           "flex min-h-[38px] w-full cursor-pointer items-center rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm",
           "transition-colors duration-200",
-          u.value ? "ring-2 ring-blue-500/20" : "",
+          o.value ? "ring-2 ring-blue-500/20" : "",
           e.disabled ? "pointer-events-none bg-gray-100" : ""
         ]),
-        style: O(u.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: b,
-        onKeydown: C
+        style: z(o.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: m,
+        onKeydown: b
       }, [
         p("div", Qt, [
-          e.multiple ? (c(!0), f(z, { key: 0 }, G(s.value, (R) => (c(), f("span", {
+          e.multiple ? (c(!0), f(O, { key: 0 }, G(i.value, (R) => (c(), f("span", {
             key: String(R),
             class: "inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs",
             style: { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 15%, white)", color: "var(--fc-color-primary, #3b82f6)" }
           }, [
-            _(L(N(R)) + " ", 1),
+            _(L(B(R)) + " ", 1),
             p("button", {
               type: "button",
               class: "ml-0.5",
               style: { color: "var(--fc-color-primary, #3b82f6)" },
               "aria-label": "Remove",
-              onClick: q((Q) => F(R), ["stop"])
+              onClick: Y((Q) => A(R), ["stop"])
             }, " × ", 8, Xt)
-          ]))), 128)) : g.value ? (c(), f("span", ea, L(g.value), 1)) : (c(), f("span", ta, L(e.placeholder), 1))
+          ]))), 128)) : k.value ? (c(), f("span", ea, L(k.value), 1)) : (c(), f("span", ta, L(e.placeholder), 1))
         ]),
-        e.clearable && s.value.length > 0 && !e.disabled ? (c(), f("button", {
+        e.clearable && i.value.length > 0 && !e.disabled ? (c(), f("button", {
           key: 0,
           type: "button",
           class: "ml-1 shrink-0 text-gray-400 hover:text-gray-600 transition-colors duration-200",
           "aria-label": "Clear selection",
-          onClick: k
+          onClick: V
         }, " × ")) : T("", !0),
         (c(), f("svg", {
-          class: S(["ml-1 h-4 w-4 shrink-0 text-gray-400 transition-transform duration-200", u.value ? "rotate-180" : ""]),
+          class: F(["ml-1 h-4 w-4 shrink-0 text-gray-400 transition-transform duration-200", o.value ? "rotate-180" : ""]),
           viewBox: "0 0 20 20",
           fill: "currentColor",
           "aria-hidden": "true"
-        }, [...A[1] || (A[1] = [
+        }, [...N[1] || (N[1] = [
           p("path", {
             "fill-rule": "evenodd",
             d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
@@ -1496,41 +1506,41 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           }, null, -1)
         ])], 2))
       ], 46, _t),
-      u.value ? (c(), f("div", aa, [
+      o.value ? (c(), f("div", aa, [
         e.searchable ? (c(), f("div", la, [
           de(p("input", {
             ref_key: "searchInputRef",
-            ref: o,
-            "onUpdate:modelValue": A[0] || (A[0] = (R) => d.value = R),
+            ref: r,
+            "onUpdate:modelValue": N[0] || (N[0] = (R) => d.value = R),
             type: "text",
             class: "w-full rounded border border-gray-300 px-2 py-1 text-sm focus:outline-none fc-select-search",
             placeholder: "Search...",
-            onKeydown: C
+            onKeydown: b
           }, null, 544), [
             [ve, d.value]
           ])
         ])) : T("", !0),
         p("ul", na, [
-          (c(!0), f(z, null, G($.value, (R, Q) => (c(), f("li", {
+          (c(!0), f(O, null, G(g.value, (R, Q) => (c(), f("li", {
             key: String(R.value),
             role: "option",
-            "aria-selected": V(R.value),
-            class: S([
+            "aria-selected": $(R.value),
+            class: F([
               "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
-              V(R.value) ? "" : "text-gray-900",
+              $(R.value) ? "" : "text-gray-900",
               l.value === Q ? "bg-gray-100" : "",
               R.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-50"
             ]),
-            style: O(V(R.value) ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
+            style: z($(R.value) ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
             onClick: (ee) => y(R),
             onMouseenter: (ee) => l.value = Q
           }, L(R.label), 47, oa))), 128)),
-          $.value.length === 0 ? (c(), f("li", ra, " No options found ")) : T("", !0)
+          g.value.length === 0 ? (c(), f("li", ra, " No options found ")) : T("", !0)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), ia = /* @__PURE__ */ ne(sa, [["__scopeId", "data-v-b34f2a7d"]]), ua = ["value", "min", "max", "step", "disabled", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-disabled"], da = { class: "mt-1 flex justify-between text-xs text-gray-400" }, ca = /* @__PURE__ */ j({
+}), ia = /* @__PURE__ */ oe(sa, [["__scopeId", "data-v-b34f2a7d"]]), ua = ["value", "min", "max", "step", "disabled", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-disabled"], da = { class: "mt-1 flex justify-between text-xs text-gray-400" }, ca = /* @__PURE__ */ j({
   __name: "SliderInput",
   props: {
     modelValue: {},
@@ -1541,10 +1551,10 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i;
+  setup(e, { emit: u }) {
+    const t = e, a = u;
     K();
-    const r = D(!1), u = h(() => {
+    const s = D(!1), o = x(() => {
       const l = t.max - t.min;
       return l === 0 ? 0 : (t.modelValue - t.min) / l * 100;
     });
@@ -1553,15 +1563,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       a("update:modelValue", parseFloat(n.value));
     }
     return (l, n) => (c(), f("div", {
-      class: S([
+      class: F([
         "relative w-full py-2",
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      e.showTooltip && r.value ? (c(), f("div", {
+      e.showTooltip && s.value ? (c(), f("div", {
         key: 0,
         class: "absolute -top-8 rounded bg-gray-800 px-2 py-1 text-xs text-white shadow-sm transition-opacity duration-200",
-        style: O({ left: `calc(${u.value}% - 16px)` })
+        style: z({ left: `calc(${o.value}% - 16px)` })
       }, L(e.modelValue), 5)) : T("", !0),
       p("input", {
         type: "range",
@@ -1577,13 +1587,13 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         class: "h-2 w-full cursor-pointer appearance-none rounded-full bg-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:pointer-events-none",
         style: { accentColor: "var(--fc-color-primary, #3b82f6)" },
         onInput: d,
-        onMousedown: n[0] || (n[0] = (o) => r.value = !0),
-        onMouseup: n[1] || (n[1] = (o) => r.value = !1),
-        onTouchstart: n[2] || (n[2] = (o) => r.value = !0),
-        onTouchend: n[3] || (n[3] = (o) => r.value = !1),
-        onFocus: n[4] || (n[4] = (o) => r.value = !0),
-        onBlur: n[5] || (n[5] = (o) => {
-          r.value = !1, a("blur", o);
+        onMousedown: n[0] || (n[0] = (r) => s.value = !0),
+        onMouseup: n[1] || (n[1] = (r) => s.value = !1),
+        onTouchstart: n[2] || (n[2] = (r) => s.value = !0),
+        onTouchend: n[3] || (n[3] = (r) => s.value = !1),
+        onFocus: n[4] || (n[4] = (r) => s.value = !0),
+        onBlur: n[5] || (n[5] = (r) => {
+          s.value = !1, a("blur", r);
         })
       }, null, 40, ua),
       p("div", da, [
@@ -1607,21 +1617,21 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = i;
+  setup(e, { emit: u }) {
+    const t = e, a = u;
     K();
-    const r = h(() => [
+    const s = x(() => [
       "inline-flex items-center gap-2 select-none",
       t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
     ]);
-    function u() {
+    function o() {
       t.disabled || a("update:modelValue", !t.modelValue);
     }
     function d(l) {
-      (l.key === " " || l.key === "Enter") && (l.preventDefault(), u());
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), o());
     }
     return (l, n) => (c(), f("label", {
-      class: S(r.value)
+      class: F(s.value)
     }, [
       e.inactiveLabel ? (c(), f("span", fa, L(e.inactiveLabel), 1)) : T("", !0),
       p("input", {
@@ -1629,8 +1639,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         checked: e.modelValue,
         disabled: e.disabled,
         class: "sr-only",
-        onChange: u,
-        onBlur: n[0] || (n[0] = (o) => a("blur", o))
+        onChange: o,
+        onBlur: n[0] || (n[0] = (r) => a("blur", r))
       }, null, 40, ma),
       p("button", {
         type: "button",
@@ -1638,17 +1648,17 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "aria-checked": e.modelValue,
         "aria-disabled": e.disabled || void 0,
         tabindex: "0",
-        class: S([
+        class: F([
           "relative inline-flex h-6 w-11 shrink-0 rounded-full border-2 border-transparent transition-colors duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)]",
           e.modelValue ? "" : "bg-gray-300",
           e.disabled ? "pointer-events-none" : "focus:outline-none focus:ring-2 focus:ring-blue-500/20"
         ]),
-        style: O(e.modelValue ? { backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: u,
+        style: z(e.modelValue ? { backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: o,
         onKeydown: d
       }, [
         p("span", {
-          class: S([
+          class: F([
             "pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow-sm transition-transform duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)]",
             e.modelValue ? "translate-x-5" : "translate-x-0"
           ]),
@@ -1672,118 +1682,118 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: i }) {
-    const t = e, a = h(() => Array.isArray(t.modelValue) ? t.modelValue : []), r = i, u = K(), d = D(""), l = D(!1), n = D(!1), o = D(-1), s = D(null), g = D(null), $ = h(() => !t.maxTags || a.value.length < t.maxTags), V = h(() => {
+  setup(e, { emit: u }) {
+    const t = e, a = x(() => Array.isArray(t.modelValue) ? t.modelValue : []), s = u, o = K(), d = D(""), l = D(!1), n = D(!1), r = D(-1), i = D(null), k = D(null), g = x(() => !t.maxTags || a.value.length < t.maxTags), $ = x(() => {
       if (!d.value || t.suggestions.length === 0) return [];
-      const k = d.value.toLowerCase();
+      const V = d.value.toLowerCase();
       return t.suggestions.filter(
-        (C) => C.toLowerCase().includes(k) && !a.value.includes(C)
+        (b) => b.toLowerCase().includes(V) && !a.value.includes(b)
       );
     });
-    function b(k) {
-      const C = k.trim();
-      !C || !$.value || a.value.includes(C) || (r("update:modelValue", [...a.value, C]), d.value = "", n.value = !1, o.value = -1);
+    function m(V) {
+      const b = V.trim();
+      !b || !g.value || a.value.includes(b) || (s("update:modelValue", [...a.value, b]), d.value = "", n.value = !1, r.value = -1);
     }
-    function v(k) {
+    function C(V) {
       if (t.disabled) return;
-      const C = a.value.filter((w, N) => N !== k);
-      r("update:modelValue", C);
+      const b = a.value.filter((v, B) => B !== V);
+      s("update:modelValue", b);
     }
-    function m(k) {
-      if (k.key === "Enter" || k.key === ",") {
-        k.preventDefault(), o.value >= 0 && V.value[o.value] ? b(V.value[o.value]) : b(d.value);
+    function h(V) {
+      if (V.key === "Enter" || V.key === ",") {
+        V.preventDefault(), r.value >= 0 && $.value[r.value] ? m($.value[r.value]) : m(d.value);
         return;
       }
-      if (k.key === "Backspace" && d.value === "" && a.value.length > 0) {
-        v(a.value.length - 1);
+      if (V.key === "Backspace" && d.value === "" && a.value.length > 0) {
+        C(a.value.length - 1);
         return;
       }
-      if (k.key === "ArrowDown" && n.value) {
-        k.preventDefault(), o.value = Math.min(
-          o.value + 1,
-          V.value.length - 1
+      if (V.key === "ArrowDown" && n.value) {
+        V.preventDefault(), r.value = Math.min(
+          r.value + 1,
+          $.value.length - 1
         );
         return;
       }
-      if (k.key === "ArrowUp" && n.value) {
-        k.preventDefault(), o.value = Math.max(o.value - 1, 0);
+      if (V.key === "ArrowUp" && n.value) {
+        V.preventDefault(), r.value = Math.max(r.value - 1, 0);
         return;
       }
-      k.key === "Escape" && (n.value = !1, o.value = -1);
+      V.key === "Escape" && (n.value = !1, r.value = -1);
     }
     function y() {
-      n.value = d.value.length > 0 && V.value.length > 0, o.value = -1;
+      n.value = d.value.length > 0 && $.value.length > 0, r.value = -1;
     }
-    function F(k) {
-      s.value && !s.value.contains(k.target) && (n.value = !1);
+    function A(V) {
+      i.value && !i.value.contains(V.target) && (n.value = !1);
     }
-    return ue(() => document.addEventListener("mousedown", F)), Ve(() => document.removeEventListener("mousedown", F)), Y(d, () => {
-      te(y);
-    }), (k, C) => (c(), f("div", {
+    return ue(() => document.addEventListener("mousedown", A)), Ve(() => document.removeEventListener("mousedown", A)), J(d, () => {
+      ae(y);
+    }), (V, b) => (c(), f("div", {
       ref_key: "containerRef",
-      ref: s,
-      class: S([
+      ref: i,
+      class: F([
         "relative w-full",
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
       p("div", {
-        class: S([
+        class: F([
           "flex flex-wrap items-center gap-1.5 rounded-md border bg-white px-2 py-1.5 text-sm transition-colors duration-200",
           l.value ? "ring-2 ring-blue-500/20" : "border-gray-300",
-          H(u).classes.value.input
+          H(o).classes.value.input
         ]),
-        style: O(l.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: C[3] || (C[3] = (w) => {
-          var N;
-          return (N = g.value) == null ? void 0 : N.focus();
+        style: z(l.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: b[3] || (b[3] = (v) => {
+          var B;
+          return (B = k.value) == null ? void 0 : B.focus();
         })
       }, [
-        (c(!0), f(z, null, G(a.value, (w, N) => (c(), f("span", {
-          key: w,
+        (c(!0), f(O, null, G(a.value, (v, B) => (c(), f("span", {
+          key: v,
           class: "inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs",
           style: { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 15%, white)", color: "var(--fc-color-primary, #3b82f6)" }
         }, [
-          _(L(w) + " ", 1),
+          _(L(v) + " ", 1),
           e.disabled ? T("", !0) : (c(), f("button", {
             key: 0,
             type: "button",
             class: "ml-0.5 transition-colors duration-200",
             style: { color: "var(--fc-color-primary, #3b82f6)" },
             "aria-label": "Remove tag",
-            onClick: q((B) => v(N), ["stop"])
+            onClick: Y((S) => C(B), ["stop"])
           }, " × ", 8, pa))
         ]))), 128)),
         de(p("input", {
           ref_key: "inputRef",
-          ref: g,
-          "onUpdate:modelValue": C[0] || (C[0] = (w) => d.value = w),
+          ref: k,
+          "onUpdate:modelValue": b[0] || (b[0] = (v) => d.value = v),
           type: "text",
           placeholder: a.value.length === 0 ? e.placeholder : "",
           disabled: e.disabled,
           class: "min-w-[80px] flex-1 border-0 bg-transparent p-0 text-sm outline-none placeholder:text-gray-400",
-          onKeydown: m,
-          onFocus: C[1] || (C[1] = (w) => l.value = !0),
-          onBlur: C[2] || (C[2] = (w) => {
-            l.value = !1, r("blur", w);
+          onKeydown: h,
+          onFocus: b[1] || (b[1] = (v) => l.value = !0),
+          onBlur: b[2] || (b[2] = (v) => {
+            l.value = !1, s("blur", v);
           })
         }, null, 40, ga), [
           [ve, d.value]
         ])
       ], 6),
-      n.value && V.value.length > 0 ? (c(), f("ul", ha, [
-        (c(!0), f(z, null, G(V.value, (w, N) => (c(), f("li", {
-          key: w,
+      n.value && $.value.length > 0 ? (c(), f("ul", ha, [
+        (c(!0), f(O, null, G($.value, (v, B) => (c(), f("li", {
+          key: v,
           role: "option",
-          "aria-selected": o.value === N,
-          class: S([
+          "aria-selected": r.value === B,
+          class: F([
             "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
-            o.value !== N ? "text-gray-900 hover:bg-gray-50" : ""
+            r.value !== B ? "text-gray-900 hover:bg-gray-50" : ""
           ]),
-          style: O(o.value === N ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onMousedown: q((B) => b(w), ["prevent"]),
-          onMouseenter: (B) => o.value = N
-        }, L(w), 47, xa))), 128))
+          style: z(r.value === B ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onMousedown: Y((S) => m(v), ["prevent"]),
+          onMouseenter: (S) => r.value = B
+        }, L(v), 47, xa))), 128))
       ])) : T("", !0)
     ], 2));
   }
@@ -1799,8 +1809,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = D(null), d = h(
+  setup(e, { emit: u }) {
+    const t = e, a = u, s = K(), o = D(null), d = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "placeholder:text-gray-400 resize-y",
@@ -1808,43 +1818,43 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "transition-colors duration-200",
         t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
         t.autoResize ? "resize-none overflow-hidden" : "",
-        r.classes.value.input
+        s.classes.value.input
       ].filter(Boolean).join(" ")
     );
     function l() {
-      if (!t.autoResize || !u.value) return;
-      const o = u.value;
-      o.style.height = "auto", o.style.height = `${o.scrollHeight}px`;
+      if (!t.autoResize || !o.value) return;
+      const r = o.value;
+      r.style.height = "auto", r.style.height = `${r.scrollHeight}px`;
     }
-    function n(o) {
-      const s = o.target;
-      a("update:modelValue", s.value), t.autoResize && te(l);
+    function n(r) {
+      const i = r.target;
+      a("update:modelValue", i.value), t.autoResize && ae(l);
     }
-    return Y(
+    return J(
       () => t.modelValue,
       () => {
-        t.autoResize && te(l);
+        t.autoResize && ae(l);
       }
     ), ue(() => {
       t.autoResize && l();
-    }), (o, s) => (c(), f("textarea", {
+    }), (r, i) => (c(), f("textarea", {
       ref_key: "textareaRef",
-      ref: u,
+      ref: o,
       value: e.modelValue,
       rows: e.rows,
       maxlength: e.maxLength,
       placeholder: e.placeholder,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: S(d.value),
+      class: F(d.value),
       "aria-disabled": e.disabled || void 0,
       "aria-readonly": e.readonly || void 0,
       onInput: n,
-      onBlur: s[0] || (s[0] = (g) => a("blur", g)),
-      onFocus: s[1] || (s[1] = (g) => a("focus", g))
+      onBlur: i[0] || (i[0] = (k) => a("blur", k)),
+      onFocus: i[1] || (i[1] = (k) => a("focus", k))
     }, null, 42, wa));
   }
-}), Ca = /* @__PURE__ */ ne($a, [["__scopeId", "data-v-67f80d90"]]), Va = {
+}), Ca = /* @__PURE__ */ oe($a, [["__scopeId", "data-v-67f80d90"]]), Va = {
   key: 0,
   class: "flex items-stretch"
 }, Sa = {
@@ -1867,8 +1877,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     mask: {}
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = h(() => !!t.prefix || !!t.suffix), d = h(
+  setup(e, { emit: u }) {
+    const t = e, a = u, s = K(), o = x(() => !!t.prefix || !!t.suffix), d = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "placeholder:text-gray-400",
@@ -1877,14 +1887,14 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
         t.prefix ? "rounded-l-none" : "",
         t.suffix ? "rounded-r-none" : "",
-        r.classes.value.input
+        s.classes.value.input
       ].filter(Boolean).join(" ")
     );
     function l(n) {
-      const o = n.target;
-      a("update:modelValue", o.value);
+      const r = n.target;
+      a("update:modelValue", r.value);
     }
-    return (n, o) => u.value ? (c(), f("div", Va, [
+    return (n, r) => o.value ? (c(), f("div", Va, [
       e.prefix ? (c(), f("span", Sa, L(e.prefix), 1)) : T("", !0),
       p("input", {
         type: e.inputType,
@@ -1893,12 +1903,12 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         maxlength: e.maxLength,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: S(d.value),
+        class: F(d.value),
         "aria-disabled": e.disabled || void 0,
         "aria-readonly": e.readonly || void 0,
         onInput: l,
-        onBlur: o[0] || (o[0] = (s) => a("blur", s)),
-        onFocus: o[1] || (o[1] = (s) => a("focus", s))
+        onBlur: r[0] || (r[0] = (i) => a("blur", i)),
+        onFocus: r[1] || (r[1] = (i) => a("focus", i))
       }, null, 42, Ba),
       e.suffix ? (c(), f("span", Fa, L(e.suffix), 1)) : T("", !0)
     ])) : (c(), f("input", {
@@ -1909,15 +1919,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       maxlength: e.maxLength,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: S(d.value),
+      class: F(d.value),
       "aria-disabled": e.disabled || void 0,
       "aria-readonly": e.readonly || void 0,
       onInput: l,
-      onBlur: o[2] || (o[2] = (s) => a("blur", s)),
-      onFocus: o[3] || (o[3] = (s) => a("focus", s))
+      onBlur: r[2] || (r[2] = (i) => a("blur", i)),
+      onFocus: r[3] || (r[3] = (i) => a("focus", i))
     }, null, 42, Ta));
   }
-}), La = /* @__PURE__ */ ne(Ia, [["__scopeId", "data-v-a42b4343"]]), Aa = {
+}), La = /* @__PURE__ */ oe(Ia, [["__scopeId", "data-v-a42b4343"]]), Aa = {
   key: 0,
   class: "mb-1.5 flex items-center gap-1"
 }, Na = ["for"], Da = {
@@ -1928,7 +1938,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   key: 0,
   role: "tooltip",
   class: "absolute bottom-full left-1/2 z-10 mb-2 -translate-x-1/2 rounded-md bg-gray-900 px-3 py-1.5 text-xs text-white shadow-lg whitespace-nowrap"
-}, Ra = ["id"], ja = ["id"], Oa = /* @__PURE__ */ j({
+}, Ra = ["id"], ja = ["id"], za = /* @__PURE__ */ j({
   __name: "BaseField",
   props: {
     fieldSchema: {},
@@ -1937,51 +1947,51 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     touched: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const i = e, t = J(ye), a = J(pe), r = D(!1), u = h(() => {
+    const u = e, t = q(ye), a = q(pe), s = D(!1), o = x(() => {
       if (t) {
-        const $ = t.t(i.fieldName, "label");
-        if ($) return $;
+        const g = t.t(u.fieldName, "label");
+        if (g) return g;
       }
-      return i.fieldSchema.label ?? i.fieldName;
-    }), d = h(() => {
+      return u.fieldSchema.label ?? u.fieldName;
+    }), d = x(() => {
       if (t) {
-        const $ = t.t(i.fieldName, "helpText");
-        if ($) return $;
+        const g = t.t(u.fieldName, "helpText");
+        if (g) return g;
       }
-      return i.fieldSchema.helpText ?? "";
-    }), l = h(() => {
+      return u.fieldSchema.helpText ?? "";
+    }), l = x(() => {
       if (t) {
-        const $ = t.t(i.fieldName, "tooltip");
-        if ($) return $;
+        const g = t.t(u.fieldName, "tooltip");
+        if (g) return g;
       }
-      return i.fieldSchema.tooltip ?? "";
-    }), n = h(() => i.touched && i.errors.length > 0), o = h(() => [
+      return u.fieldSchema.tooltip ?? "";
+    }), n = x(() => u.touched && u.errors.length > 0), r = x(() => [
       (a == null ? void 0 : a.classes.value.field) ?? "fc-field",
-      i.fieldSchema.className ?? "",
-      i.fieldSchema.disabled ? "opacity-50 cursor-not-allowed" : "",
-      i.fieldSchema.readOnly ? "fc-readonly" : ""
-    ]), s = h(() => `fc-field-${i.fieldName}`), g = h(() => `fc-error-${i.fieldName}`);
-    return ($, V) => {
-      var b, v;
+      u.fieldSchema.className ?? "",
+      u.fieldSchema.disabled ? "opacity-50 cursor-not-allowed" : "",
+      u.fieldSchema.readOnly ? "fc-readonly" : ""
+    ]), i = x(() => `fc-field-${u.fieldName}`), k = x(() => `fc-error-${u.fieldName}`);
+    return (g, $) => {
+      var m, C;
       return c(), f("div", {
-        class: S([o.value, "relative mb-4"]),
-        style: O(e.fieldSchema.style)
+        class: F([r.value, "relative mb-4"]),
+        style: z(e.fieldSchema.style)
       }, [
         e.fieldSchema.type !== "hidden" ? (c(), f("div", Aa, [
           p("label", {
-            for: s.value,
-            class: S([((b = H(a)) == null ? void 0 : b.classes.value.label) ?? "fc-label", "block text-sm font-medium text-gray-700"])
+            for: i.value,
+            class: F([((m = H(a)) == null ? void 0 : m.classes.value.label) ?? "fc-label", "block text-sm font-medium text-gray-700"])
           }, [
-            _(L(u.value) + " ", 1),
+            _(L(o.value) + " ", 1),
             e.fieldSchema.required ? (c(), f("span", Da, "*")) : T("", !0)
           ], 10, Na),
           l.value ? (c(), f("span", {
             key: 0,
             class: "relative inline-flex",
-            onMouseenter: V[0] || (V[0] = (m) => r.value = !0),
-            onMouseleave: V[1] || (V[1] = (m) => r.value = !1),
-            onFocusin: V[2] || (V[2] = (m) => r.value = !0),
-            onFocusout: V[3] || (V[3] = (m) => r.value = !1)
+            onMouseenter: $[0] || ($[0] = (h) => s.value = !0),
+            onMouseleave: $[1] || ($[1] = (h) => s.value = !1),
+            onFocusin: $[2] || ($[2] = (h) => s.value = !0),
+            onFocusout: $[3] || ($[3] = (h) => s.value = !1)
           }, [
             p("button", {
               type: "button",
@@ -1989,7 +1999,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
               "aria-label": `Info: ${l.value}`,
               tabindex: "0"
             }, " i ", 8, Ma),
-            Z(ae, {
+            Z(le, {
               "enter-active-class": "motion-safe:transition motion-safe:duration-200 motion-safe:ease-out",
               "enter-from-class": "opacity-0 scale-95",
               "enter-to-class": "opacity-100 scale-100",
@@ -1998,19 +2008,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
               "leave-to-class": "opacity-0 scale-95"
             }, {
               default: W(() => [
-                r.value ? (c(), f("div", Ea, [
+                s.value ? (c(), f("div", Ea, [
                   _(L(l.value) + " ", 1),
-                  V[4] || (V[4] = p("div", { class: "absolute left-1/2 top-full -translate-x-1/2 border-4 border-transparent border-t-gray-900" }, null, -1))
+                  $[4] || ($[4] = p("div", { class: "absolute left-1/2 top-full -translate-x-1/2 border-4 border-transparent border-t-gray-900" }, null, -1))
                 ])) : T("", !0)
               ]),
               _: 1
             })
           ], 32)) : T("", !0)
         ])) : T("", !0),
-        p("div", { id: s.value }, [
-          Ae($.$slots, "default")
+        p("div", { id: i.value }, [
+          De(g.$slots, "default")
         ], 8, Ra),
-        Z(Ne, {
+        Z(Me, {
           tag: "div",
           "enter-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
           "enter-from-class": "opacity-0 -translate-y-1 max-h-0",
@@ -2021,26 +2031,26 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           class: ""
         }, {
           default: W(() => [
-            (c(!0), f(z, null, G(n.value ? e.errors : [], (m, y) => {
-              var F;
+            (c(!0), f(O, null, G(n.value ? e.errors : [], (h, y) => {
+              var A;
               return c(), f("p", {
-                key: m + y,
-                id: y === 0 ? g.value : void 0,
-                class: S([((F = H(a)) == null ? void 0 : F.classes.value.error) ?? "fc-error", "mt-1 text-xs text-red-500"]),
+                key: h + y,
+                id: y === 0 ? k.value : void 0,
+                class: F([((A = H(a)) == null ? void 0 : A.classes.value.error) ?? "fc-error", "mt-1 text-xs text-red-500"]),
                 role: "alert"
-              }, L(m), 11, ja);
+              }, L(h), 11, ja);
             }), 128))
           ]),
           _: 1
         }),
         d.value && !n.value ? (c(), f("p", {
           key: 1,
-          class: S([((v = H(a)) == null ? void 0 : v.classes.value.helpText) ?? "fc-help-text", "mt-1 text-xs text-gray-400"])
+          class: F([((C = H(a)) == null ? void 0 : C.classes.value.helpText) ?? "fc-help-text", "mt-1 text-xs text-gray-400"])
         }, L(d.value), 3)) : T("", !0)
       ], 6);
     };
   }
-}), za = {
+}), Oa = {
   key: 1,
   class: "rounded-md border border-dashed border-amber-400 bg-amber-50 px-3 py-2 text-xs text-amber-700"
 }, $e = /* @__PURE__ */ j({
@@ -2049,68 +2059,68 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     name: {}
   },
   setup(e) {
-    const i = e, t = J(ce);
+    const u = e, t = q(ce);
     if (!t)
       throw new Error(
         "FormField must be used inside a FormBuilder (FormContextKey not provided)"
       );
-    const a = J(
+    const a = q(
       Be,
       null
-    ), r = h(
-      () => P(t.schema.fields).find((b) => b.name === i.name)
-    ), u = h(() => {
-      var m;
-      const b = r.value;
-      if (!b) return;
-      const v = (m = a == null ? void 0 : a.value) == null ? void 0 : m[b.type];
-      return v || Ke(b.type);
-    }), d = h(() => t.values[i.name]), l = h(() => t.errors[i.name] ?? []), n = h(() => t.touched[i.name] ?? !1), o = h(() => {
-      const b = r.value;
-      return b ? b.condition ? se(b.condition, t.values) : typeof b.visible == "function" ? b.visible({
+    ), s = x(
+      () => P(t.schema.fields).find((m) => m.name === u.name)
+    ), o = x(() => {
+      var h;
+      const m = s.value;
+      if (!m) return;
+      const C = (h = a == null ? void 0 : a.value) == null ? void 0 : h[m.type];
+      return C || Ke(m.type);
+    }), d = x(() => t.values[u.name]), l = x(() => t.errors[u.name] ?? []), n = x(() => t.touched[u.name] ?? !1), r = x(() => {
+      const m = s.value;
+      return m ? m.condition ? se(m.condition, t.values) : typeof m.visible == "function" ? m.visible({
         values: { ...t.values },
-        getFieldValue: (v) => t.values[v]
-      }) : b.visible ?? !0 : !1;
-    }), s = h(() => {
-      const b = r.value;
-      return b ? typeof b.disabled == "function" ? b.disabled({
+        getFieldValue: (C) => t.values[C]
+      }) : m.visible ?? !0 : !1;
+    }), i = x(() => {
+      const m = s.value;
+      return m ? typeof m.disabled == "function" ? m.disabled({
         values: { ...t.values },
-        getFieldValue: (v) => t.values[v]
-      }) : b.disabled ?? !1 : !1;
-    }), g = h(() => {
-      const b = r.value;
-      if (!b) return {};
+        getFieldValue: (C) => t.values[C]
+      }) : m.disabled ?? !1 : !1;
+    }), k = x(() => {
+      const m = s.value;
+      if (!m) return {};
       const {
-        name: v,
-        label: m,
+        name: C,
+        label: h,
         helpText: y,
-        tooltip: F,
-        condition: k,
-        translations: C,
-        meta: w,
-        rules: N,
-        visible: B,
-        className: A,
+        tooltip: A,
+        condition: V,
+        translations: b,
+        meta: v,
+        rules: B,
+        visible: S,
+        className: N,
         style: R,
         defaultValue: Q,
         ...ee
-      } = b;
+      } = m;
       return {
         ...ee,
         modelValue: d.value,
-        disabled: s.value,
-        readonly: b.readOnly ?? !1,
-        placeholder: b.placeholder ?? ""
+        disabled: i.value,
+        readonly: m.readOnly ?? !1,
+        placeholder: m.placeholder ?? ""
       };
     });
-    function $(b) {
-      t.setFieldValue(i.name, b);
+    function g(m) {
+      t.setFieldValue(u.name, m);
     }
-    function V() {
-      var b;
-      t.touched[i.name] = !0, ((b = t.schema.settings) == null ? void 0 : b.validateOnBlur) !== !1 && t.validateField(i.name);
+    function $() {
+      var m;
+      t.touched[u.name] = !0, ((m = t.schema.settings) == null ? void 0 : m.validateOnBlur) !== !1 && t.validateField(u.name);
     }
-    return (b, v) => (c(), U(ae, {
+    return (m, C) => (c(), U(le, {
       "enter-active-class": "motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out",
       "enter-from-class": "opacity-0 max-h-0",
       "enter-to-class": "opacity-100 max-h-96",
@@ -2119,20 +2129,20 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       "leave-to-class": "opacity-0 max-h-0"
     }, {
       default: W(() => [
-        o.value && r.value ? (c(), U(Oa, {
+        r.value && s.value ? (c(), U(za, {
           key: 0,
-          "field-schema": r.value,
+          "field-schema": s.value,
           "field-name": e.name,
           errors: l.value,
           touched: n.value
         }, {
           default: W(() => [
-            u.value ? (c(), U(Se(u.value), De({ key: 0 }, g.value, {
+            o.value ? (c(), U(Se(o.value), Ee({ key: 0 }, k.value, {
               "aria-invalid": n.value && l.value.length > 0 ? !0 : void 0,
               "aria-describedby": n.value && l.value.length > 0 ? `fc-error-${e.name}` : void 0,
-              "onUpdate:modelValue": $,
-              onBlur: V
-            }), null, 16, ["aria-invalid", "aria-describedby"])) : (c(), f("div", za, ' No component registered for field type "' + L(r.value.type) + '" ', 1))
+              "onUpdate:modelValue": g,
+              onBlur: $
+            }), null, 16, ["aria-invalid", "aria-describedby"])) : (c(), f("div", Oa, ' No component registered for field type "' + L(s.value.type) + '" ', 1))
           ]),
           _: 1
         }, 8, ["field-schema", "field-name", "errors", "touched"])) : T("", !0)
@@ -2150,8 +2160,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    return (i, t) => (c(), f("div", {
-      class: S([e.className ?? "", "relative my-4"]),
+    return (u, t) => (c(), f("div", {
+      class: F([e.className ?? "", "relative my-4"]),
       role: "separator"
     }, [
       t[0] || (t[0] = p("div", {
@@ -2182,37 +2192,37 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = D(i.collapsed);
+    const u = e, t = D(u.collapsed);
     function a() {
-      i.collapsible && (t.value = !t.value);
+      u.collapsible && (t.value = !t.value);
     }
-    const r = h(
-      () => i.title ? `fc-group-${i.title.toLowerCase().replace(/\s+/g, "-")}` : void 0
+    const s = x(
+      () => u.title ? `fc-group-${u.title.toLowerCase().replace(/\s+/g, "-")}` : void 0
     );
-    return (u, d) => (c(), f("fieldset", {
-      class: S([[e.className ?? ""], "rounded-lg border border-gray-200 bg-white"]),
-      "aria-labelledby": r.value
+    return (o, d) => (c(), f("fieldset", {
+      class: F([[e.className ?? ""], "rounded-lg border border-gray-200 bg-white"]),
+      "aria-labelledby": s.value
     }, [
       e.title || e.description ? (c(), f("div", Ga, [
         (c(), U(Se(e.collapsible ? "button" : "div"), {
           type: e.collapsible ? "button" : void 0,
-          class: S(["flex w-full items-center justify-between text-left", e.collapsible ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500/40 rounded" : ""]),
+          class: F(["flex w-full items-center justify-between text-left", e.collapsible ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500/40 rounded" : ""]),
           "aria-expanded": e.collapsible ? !t.value : void 0,
-          "aria-controls": e.collapsible ? `fc-group-body-${r.value}` : void 0,
+          "aria-controls": e.collapsible ? `fc-group-body-${s.value}` : void 0,
           onClick: a
         }, {
           default: W(() => [
             p("div", null, [
               e.title ? (c(), f("legend", {
                 key: 0,
-                id: r.value,
+                id: s.value,
                 class: "text-sm font-semibold text-gray-800"
               }, L(e.title), 9, Za)) : T("", !0),
               e.description ? (c(), f("p", qa, L(e.description), 1)) : T("", !0)
             ]),
             e.collapsible ? (c(), f("svg", {
               key: 0,
-              class: S(["h-4 w-4 shrink-0 text-gray-400 motion-safe:transition-transform motion-safe:duration-200", t.value ? "" : "rotate-180"]),
+              class: F(["h-4 w-4 shrink-0 text-gray-400 motion-safe:transition-transform motion-safe:duration-200", t.value ? "" : "rotate-180"]),
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 20 20",
               fill: "currentColor",
@@ -2228,7 +2238,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           _: 1
         }, 8, ["type", "class", "aria-expanded", "aria-controls"]))
       ])) : T("", !0),
-      Z(ae, {
+      Z(le, {
         "enter-active-class": "motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out",
         "enter-from-class": "max-h-0 opacity-0 overflow-hidden",
         "enter-to-class": "max-h-[2000px] opacity-100 overflow-hidden",
@@ -2238,12 +2248,12 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       }, {
         default: W(() => [
           de(p("div", {
-            id: e.collapsible ? `fc-group-body-${r.value}` : void 0,
+            id: e.collapsible ? `fc-group-body-${s.value}` : void 0,
             class: "p-4"
           }, [
-            Z(oe, { nodes: e.children }, null, 8, ["nodes"])
+            Z(re, { nodes: e.children }, null, 8, ["nodes"])
           ], 8, Ya), [
-            [Me, !t.value]
+            [Re, !t.value]
           ])
         ]),
         _: 1
@@ -2257,9 +2267,9 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = h(() => Ie(i.content));
-    return (a, r) => (c(), f("div", {
-      class: S([e.className ?? "", "fc-html prose prose-sm max-w-none text-gray-700"]),
+    const u = e, t = x(() => Ae(u.content));
+    return (a, s) => (c(), f("div", {
+      class: F([e.className ?? "", "fc-html prose prose-sm max-w-none text-gray-700"]),
       innerHTML: t.value
     }, null, 10, Wa));
   }
@@ -2272,18 +2282,18 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = h(() => ({
+    const u = e, t = x(() => ({
       start: "items-start",
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    })[i.align] ?? "items-stretch"), a = h(() => i.gap ? typeof i.gap == "number" ? `${i.gap}px` : i.gap : "");
-    return (r, u) => (c(), f("div", {
-      class: S(["grid grid-cols-12", [t.value, e.className ?? ""]]),
-      style: O(a.value ? { gap: a.value } : { gap: "1rem" }),
+    })[u.align] ?? "items-stretch"), a = x(() => u.gap ? typeof u.gap == "number" ? `${u.gap}px` : u.gap : "");
+    return (s, o) => (c(), f("div", {
+      class: F(["grid grid-cols-12", [t.value, e.className ?? ""]]),
+      style: z(a.value ? { gap: a.value } : { gap: "1rem" }),
       role: "group"
     }, [
-      Z(oe, { nodes: e.children }, null, 8, ["nodes"])
+      Z(re, { nodes: e.children }, null, 8, ["nodes"])
     ], 6));
   }
 }), Xa = {
@@ -2313,49 +2323,49 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = J(ce), a = D(0), r = D(/* @__PURE__ */ new Set()), u = h(() => i.steps), d = h(() => u.value.length), l = h(() => a.value === 0), n = h(() => a.value === d.value - 1);
-    function o(b) {
-      const v = [];
-      function m(y) {
-        for (const F of y)
-          if (Ce(F))
-            v.push(F.name);
-          else if (F.type === "row" || F.type === "group")
-            m(F.children);
-          else if (F.type === "steps")
-            for (const k of F.steps) m(k.children);
-          else if (F.type === "tabs")
-            for (const k of F.tabs) m(k.children);
+    const u = e, t = q(ce), a = D(0), s = D(/* @__PURE__ */ new Set()), o = x(() => u.steps), d = x(() => o.value.length), l = x(() => a.value === 0), n = x(() => a.value === d.value - 1);
+    function r(m) {
+      const C = [];
+      function h(y) {
+        for (const A of y)
+          if (Ce(A))
+            C.push(A.name);
+          else if (A.type === "row" || A.type === "group")
+            h(A.children);
+          else if (A.type === "steps")
+            for (const V of A.steps) h(V.children);
+          else if (A.type === "tabs")
+            for (const V of A.tabs) h(V.children);
       }
-      return m(b.children), v;
-    }
-    async function s() {
-      if (!t || !i.linear) return !0;
-      const b = u.value[a.value];
-      if (!b) return !0;
-      const v = o(b);
-      let m = !0;
-      for (const y of v) {
-        const F = await t.validateField(y);
-        t.touched[y] = !0, F.length > 0 && (m = !1);
+      return h(m.children), C;
+    }
+    async function i() {
+      if (!t || !u.linear) return !0;
+      const m = o.value[a.value];
+      if (!m) return !0;
+      const C = r(m);
+      let h = !0;
+      for (const y of C) {
+        const A = await t.validateField(y);
+        t.touched[y] = !0, A.length > 0 && (h = !1);
       }
-      return m;
+      return h;
     }
-    async function g() {
-      n.value || i.linear && !await s() || (r.value.add(a.value), a.value++);
+    async function k() {
+      n.value || u.linear && !await i() || (s.value.add(a.value), a.value++);
     }
-    function $() {
+    function g() {
       l.value || a.value--;
     }
-    function V(b) {
-      i.linear && b > a.value || (a.value = b);
+    function $(m) {
+      u.linear && m > a.value || (a.value = m);
     }
-    return (b, v) => (c(), f("div", {
-      class: S([e.className ?? "", "space-y-6"])
+    return (m, C) => (c(), f("div", {
+      class: F([e.className ?? "", "space-y-6"])
     }, [
       p("nav", Xa, [
         p("ol", el, [
-          (c(!0), f(z, null, G(u.value, (m, y) => (c(), f("li", {
+          (c(!0), f(O, null, G(o.value, (h, y) => (c(), f("li", {
             key: y,
             class: "flex items-center"
           }, [
@@ -2363,15 +2373,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
               type: "button",
               disabled: e.linear && y > a.value,
               "aria-current": y === a.value ? "step" : void 0,
-              "aria-label": `Step ${y + 1}: ${m.title}`,
-              class: S(["relative flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold motion-safe:transition-all motion-safe:duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/40", [
-                r.value.has(y) && y !== a.value ? "border-green-500 bg-green-500 text-white" : y !== a.value ? "border-gray-300 bg-white text-gray-500" : "text-white",
+              "aria-label": `Step ${y + 1}: ${h.title}`,
+              class: F(["relative flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold motion-safe:transition-all motion-safe:duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/40", [
+                s.value.has(y) && y !== a.value ? "border-green-500 bg-green-500 text-white" : y !== a.value ? "border-gray-300 bg-white text-gray-500" : "text-white",
                 e.linear && y > a.value ? "cursor-not-allowed" : "cursor-pointer hover:shadow-md"
               ]]),
-              style: O(y === a.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-              onClick: (F) => V(y)
+              style: z(y === a.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+              onClick: (A) => $(y)
             }, [
-              r.value.has(y) && y !== a.value ? (c(), f("svg", al, [...v[0] || (v[0] = [
+              s.value.has(y) && y !== a.value ? (c(), f("svg", al, [...C[0] || (C[0] = [
                 p("path", {
                   "fill-rule": "evenodd",
                   d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
@@ -2379,18 +2389,18 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
                 }, null, -1)
               ])])) : (c(), f("span", ll, L(y + 1), 1))
             ], 14, tl),
-            y < u.value.length - 1 ? (c(), f("div", {
+            y < o.value.length - 1 ? (c(), f("div", {
               key: 0,
-              class: S(["mx-1 h-0.5 w-8 motion-safe:transition-colors motion-safe:duration-300 sm:w-12", r.value.has(y) ? "bg-green-500" : "bg-gray-200"])
+              class: F(["mx-1 h-0.5 w-8 motion-safe:transition-colors motion-safe:duration-300 sm:w-12", s.value.has(y) ? "bg-green-500" : "bg-gray-200"])
             }, null, 2)) : T("", !0)
           ]))), 128))
         ])
       ]),
-      u.value[a.value] ? (c(), f("div", nl, [
-        p("h3", ol, L(u.value[a.value].title), 1),
-        u.value[a.value].description ? (c(), f("p", rl, L(u.value[a.value].description), 1)) : T("", !0)
+      o.value[a.value] ? (c(), f("div", nl, [
+        p("h3", ol, L(o.value[a.value].title), 1),
+        o.value[a.value].description ? (c(), f("p", rl, L(o.value[a.value].description), 1)) : T("", !0)
       ])) : T("", !0),
-      Z(ae, {
+      Z(le, {
         mode: "out-in",
         "enter-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
         "enter-from-class": "opacity-0 translate-x-2",
@@ -2400,9 +2410,9 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "leave-to-class": "opacity-0 -translate-x-2"
       }, {
         default: W(() => [
-          u.value[a.value] ? (c(), f("div", { key: a.value }, [
-            Z(oe, {
-              nodes: u.value[a.value].children
+          o.value[a.value] ? (c(), f("div", { key: a.value }, [
+            Z(re, {
+              nodes: o.value[a.value].children
             }, null, 8, ["nodes"])
           ])) : T("", !0)
         ]),
@@ -2413,7 +2423,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           type: "button",
           disabled: l.value,
           class: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 motion-safe:transition-colors motion-safe:duration-150 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50 fc-steps-prev-btn",
-          onClick: $
+          onClick: g
         }, " Previous ", 8, il),
         p("span", ul, L(a.value + 1) + " / " + L(d.value), 1),
         n.value ? (c(), f("div", dl)) : (c(), f("button", {
@@ -2421,7 +2431,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           type: "button",
           class: "rounded-md px-4 py-2 text-sm font-medium text-white motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 fc-steps-next-btn",
           style: { backgroundColor: "var(--fc-color-primary, #3b82f6)" },
-          onClick: g
+          onClick: k
         }, " Next "))
       ])
     ], 2));
@@ -2441,57 +2451,57 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = D(0), a = h(() => i.tabs);
-    function r(l) {
+    const u = e, t = D(0), a = x(() => u.tabs);
+    function s(l) {
       const n = a.value[l];
       n != null && n.disabled || (t.value = l);
     }
-    function u(l, n) {
-      var $;
-      const o = a.value.length;
-      let s = n;
+    function o(l, n) {
+      var g;
+      const r = a.value.length;
+      let i = n;
       if (l.key === "ArrowRight" || l.key === "ArrowDown")
-        l.preventDefault(), s = (n + 1) % o;
+        l.preventDefault(), i = (n + 1) % r;
       else if (l.key === "ArrowLeft" || l.key === "ArrowUp")
-        l.preventDefault(), s = (n - 1 + o) % o;
+        l.preventDefault(), i = (n - 1 + r) % r;
       else if (l.key === "Home")
-        l.preventDefault(), s = 0;
+        l.preventDefault(), i = 0;
       else if (l.key === "End")
-        l.preventDefault(), s = o - 1;
+        l.preventDefault(), i = r - 1;
       else
         return;
-      for (; ($ = a.value[s]) != null && $.disabled && s !== n; )
-        l.key === "ArrowLeft" || l.key === "ArrowUp" ? s = (s - 1 + o) % o : s = (s + 1) % o;
-      r(s);
-      const g = document.getElementById(`fc-tab-${s}`);
-      g == null || g.focus();
+      for (; (g = a.value[i]) != null && g.disabled && i !== n; )
+        l.key === "ArrowLeft" || l.key === "ArrowUp" ? i = (i - 1 + r) % r : i = (i + 1) % r;
+      s(i);
+      const k = document.getElementById(`fc-tab-${i}`);
+      k == null || k.focus();
     }
-    const d = h(() => `fc-tabpanel-${t.value}`);
+    const d = x(() => `fc-tabpanel-${t.value}`);
     return (l, n) => (c(), f("div", {
-      class: S(e.className ?? "")
+      class: F(e.className ?? "")
     }, [
       p("div", fl, [
-        (c(!0), f(z, null, G(a.value, (o, s) => (c(), f("button", {
-          key: s,
-          id: `fc-tab-${s}`,
+        (c(!0), f(O, null, G(a.value, (r, i) => (c(), f("button", {
+          key: i,
+          id: `fc-tab-${i}`,
           type: "button",
           role: "tab",
-          "aria-selected": s === t.value,
+          "aria-selected": i === t.value,
           "aria-controls": d.value,
-          "aria-disabled": o.disabled || void 0,
-          tabindex: s === t.value ? 0 : -1,
-          class: S(["relative px-4 py-2.5 text-sm font-medium motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500/40", [
-            s !== t.value ? o.disabled ? "cursor-not-allowed text-gray-300" : "text-gray-500 hover:text-gray-700" : ""
+          "aria-disabled": r.disabled || void 0,
+          tabindex: i === t.value ? 0 : -1,
+          class: F(["relative px-4 py-2.5 text-sm font-medium motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500/40", [
+            i !== t.value ? r.disabled ? "cursor-not-allowed text-gray-300" : "text-gray-500 hover:text-gray-700" : ""
           ]]),
-          style: O(s === t.value ? { color: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onClick: (g) => r(s),
-          onKeydown: (g) => u(g, s)
+          style: z(i === t.value ? { color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => s(i),
+          onKeydown: (k) => o(k, i)
         }, [
-          _(L(o.title) + " ", 1),
-          s === t.value ? (c(), f("span", bl)) : T("", !0)
+          _(L(r.title) + " ", 1),
+          i === t.value ? (c(), f("span", bl)) : T("", !0)
         ], 46, ml))), 128))
       ]),
-      Z(ae, {
+      Z(le, {
         mode: "out-in",
         "enter-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
         "enter-from-class": "opacity-0 translate-y-1",
@@ -2509,7 +2519,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
             tabindex: "0",
             class: "pt-4"
           }, [
-            Z(oe, {
+            Z(re, {
               nodes: a.value[t.value].children
             }, null, 8, ["nodes"])
           ], 8, vl)) : T("", !0)
@@ -2518,36 +2528,36 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       })
     ], 2));
   }
-}), oe = /* @__PURE__ */ j({
+}), re = /* @__PURE__ */ j({
   __name: "LayoutRenderer",
   props: {
     nodes: {}
   },
   setup(e) {
-    const i = J(ce);
-    function t(r) {
-      return i ? se(r.condition, i.values) : !0;
-    }
-    function a(r) {
-      return r === "full" ? { gridColumn: "1 / -1" } : r === "auto" ? { gridColumn: "auto" } : typeof r == "number" ? { gridColumn: `span ${r} / span ${r}` } : { gridColumn: "span 12 / span 12" };
-    }
-    return (r, u) => {
-      const d = Ee("LayoutRenderer", !0);
-      return c(!0), f(z, null, G(e.nodes, (l, n) => {
-        var o;
-        return c(), f(z, { key: n }, [
+    const u = q(ce);
+    function t(s) {
+      return u ? se(s.condition, u.values) : !0;
+    }
+    function a(s) {
+      return s === "full" ? { gridColumn: "1 / -1" } : s === "auto" ? { gridColumn: "auto" } : typeof s == "number" ? { gridColumn: `span ${s} / span ${s}` } : { gridColumn: "span 12 / span 12" };
+    }
+    return (s, o) => {
+      const d = je("LayoutRenderer", !0);
+      return c(!0), f(O, null, G(e.nodes, (l, n) => {
+        var r;
+        return c(), f(O, { key: n }, [
           H(Ce)(l) ? (c(), f("div", {
             key: 0,
-            class: S(l.className ?? ""),
-            style: O(a(l.span))
+            class: F(l.className ?? ""),
+            style: z(a(l.span))
           }, [
             Z($e, {
               name: l.name
             }, null, 8, ["name"])
           ], 6)) : l.type === "field" ? (c(), f("div", {
             key: 1,
-            class: S(l.className ?? ""),
-            style: O(a(l.span))
+            class: F(l.className ?? ""),
+            style: z(a(l.span))
           }, [
             Z($e, {
               name: l.name
@@ -2583,11 +2593,11 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
             key: 7,
             content: l.content,
             "class-name": l.className
-          }, null, 8, ["content", "class-name"])) : l.type === "conditional" ? (c(), f(z, { key: 8 }, [
+          }, null, 8, ["content", "class-name"])) : l.type === "conditional" ? (c(), f(O, { key: 8 }, [
             t(l) ? (c(), U(d, {
               key: 0,
               nodes: l.children
-            }, null, 8, ["nodes"])) : (o = l.elseChildren) != null && o.length ? (c(), U(d, {
+            }, null, 8, ["nodes"])) : (r = l.elseChildren) != null && r.length ? (c(), U(d, {
               key: 1,
               nodes: l.elseChildren
             }, null, 8, ["nodes"])) : T("", !0)
@@ -2609,20 +2619,22 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   key: 0,
   class: "mr-2 inline-block h-3.5 w-3.5 animate-spin rounded-full border-2 border-white border-t-transparent",
   "aria-hidden": "true"
-}, $l = ["disabled"], Tl = /* @__PURE__ */ j({
+}, $l = ["disabled"], Il = /* @__PURE__ */ j({
   __name: "FormBuilder",
   props: {
     schema: {},
     layout: {},
-    locale: { default: "en" },
-    fallbackLocale: { default: "en" },
+    locale: {},
+    fallbackLocale: {},
     modelValue: {},
     theme: {},
     components: {}
   },
   emits: ["submit", "error", "update:modelValue"],
-  setup(e, { expose: i, emit: t }) {
-    const a = e, r = t, u = [
+  setup(e, { expose: u, emit: t }) {
+    const a = e, s = t, o = q(Te, void 0), d = x(() => a.theme ?? (o == null ? void 0 : o.theme)), l = x(() => a.locale ?? (o == null ? void 0 : o.locale) ?? "en"), n = x(
+      () => a.fallbackLocale ?? (o == null ? void 0 : o.fallbackLocale) ?? "en"
+    ), r = x(() => a.components ?? (o == null ? void 0 : o.components) ?? {}), i = [
       ["text", La],
       ["number", Lt],
       ["textarea", Ca],
@@ -2637,125 +2649,121 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       ["tags", ka],
       ["phone", Gt]
     ];
-    for (const [v, m] of u)
-      Pe(v) || ze(v, m);
-    ie(
-      Be,
-      h(() => a.components ?? {})
-    ), tt(Re(a, "theme"));
-    const d = K(), l = et(a.schema, {
-      locale: a.locale,
-      fallbackLocale: a.fallbackLocale
+    for (const [b, v] of i)
+      Pe(b) || Fe(b, v);
+    ie(Be, r), tt(d);
+    const k = K(), g = et(a.schema, {
+      locale: l.value,
+      fallbackLocale: n.value
     });
     if (a.modelValue)
-      for (const [v, m] of Object.entries(a.modelValue))
-        l.setFieldValue(v, m);
-    Y(
+      for (const [b, v] of Object.entries(a.modelValue))
+        g.setFieldValue(b, v);
+    J(
       () => a.modelValue,
-      (v) => {
-        if (v)
-          for (const [m, y] of Object.entries(v))
-            l.values[m] !== y && l.setFieldValue(m, y);
+      (b) => {
+        if (b)
+          for (const [v, B] of Object.entries(b))
+            g.values[v] !== B && g.setFieldValue(v, B);
       },
       { deep: !0 }
-    ), Y(
-      () => ({ ...l.values }),
-      (v) => {
-        r("update:modelValue", v);
+    ), J(
+      () => ({ ...g.values }),
+      (b) => {
+        s("update:modelValue", b);
       },
       { deep: !0 }
-    ), Y(
-      () => a.locale,
-      (v) => {
-        v && l.setLocale(v);
-      }
-    ), Ze();
-    const n = h(() => {
-      var F, k;
-      const v = a.schema.translations;
-      if (!v) return "";
-      const m = v[a.locale];
-      if ((F = m == null ? void 0 : m.messages) != null && F.title) return m.messages.title;
-      const y = v[a.fallbackLocale];
-      return ((k = y == null ? void 0 : y.messages) == null ? void 0 : k.title) ?? "";
-    }), o = h(() => {
-      var F, k;
-      const v = a.schema.translations;
-      if (!v) return "";
-      const m = v[a.locale];
-      if ((F = m == null ? void 0 : m.messages) != null && F.description) return m.messages.description;
-      const y = v[a.fallbackLocale];
-      return ((k = y == null ? void 0 : y.messages) == null ? void 0 : k.description) ?? "";
-    }), s = h(() => {
-      const v = a.schema.translations;
-      if (!v) return "Submit";
-      const m = v[a.locale];
-      if (m != null && m.submit) return m.submit;
-      const y = v[a.fallbackLocale];
-      return (y == null ? void 0 : y.submit) ?? "Submit";
-    }), g = h(() => {
-      const v = a.schema.translations;
-      if (!v) return "Reset";
-      const m = v[a.locale];
-      if (m != null && m.reset) return m.reset;
-      const y = v[a.fallbackLocale];
-      return (y == null ? void 0 : y.reset) ?? "Reset";
-    }), $ = h(() => {
-      var v, m;
-      return (m = (v = a.layout) == null ? void 0 : v.nodes) != null && m.length ? a.layout.nodes : a.schema.fields;
+    ), J(l, (b) => {
+      b && g.setLocale(b);
+    }), Ze();
+    const $ = x(() => {
+      var S, N;
+      const b = a.schema.translations;
+      if (!b) return "";
+      const v = b[l.value];
+      if ((S = v == null ? void 0 : v.messages) != null && S.title) return v.messages.title;
+      const B = b[n.value];
+      return ((N = B == null ? void 0 : B.messages) == null ? void 0 : N.title) ?? "";
+    }), m = x(() => {
+      var S, N;
+      const b = a.schema.translations;
+      if (!b) return "";
+      const v = b[l.value];
+      if ((S = v == null ? void 0 : v.messages) != null && S.description) return v.messages.description;
+      const B = b[n.value];
+      return ((N = B == null ? void 0 : B.messages) == null ? void 0 : N.description) ?? "";
+    }), C = x(() => {
+      const b = a.schema.translations;
+      if (!b) return "Submit";
+      const v = b[l.value];
+      if (v != null && v.submit) return v.submit;
+      const B = b[n.value];
+      return (B == null ? void 0 : B.submit) ?? "Submit";
+    }), h = x(() => {
+      const b = a.schema.translations;
+      if (!b) return "Reset";
+      const v = b[l.value];
+      if (v != null && v.reset) return v.reset;
+      const B = b[n.value];
+      return (B == null ? void 0 : B.reset) ?? "Reset";
+    }), y = x(() => {
+      var b, v;
+      return (v = (b = a.layout) == null ? void 0 : b.nodes) != null && v.length ? a.layout.nodes : a.schema.fields;
     });
-    async function V() {
+    async function A() {
       try {
-        await l.submit(async (v) => {
-          r("submit", v);
+        await g.submit(async (b) => {
+          s("submit", b);
         });
-      } catch (v) {
-        r("error", v);
+      } catch (b) {
+        s("error", b);
       }
     }
-    function b() {
-      l.reset();
+    function V() {
+      g.reset();
     }
-    return i({ form: l }), (v, m) => (c(), f("form", {
-      class: S([H(d).classes.value.form, "fc-form-builder"]),
-      style: O(H(d).cssVars.value),
+    return u({ form: g }), (b, v) => (c(), f("form", {
+      class: F([H(k).classes.value.form, "fc-form-builder"]),
+      style: z(H(k).cssVars.value),
       novalidate: "",
-      onSubmit: q(V, ["prevent"]),
-      onReset: q(b, ["prevent"])
+      onSubmit: Y(A, ["prevent"]),
+      onReset: Y(V, ["prevent"])
     }, [
-      n.value || o.value ? (c(), f("div", pl, [
-        n.value ? (c(), f("h2", gl, L(n.value), 1)) : T("", !0),
-        o.value ? (c(), f("p", hl, L(o.value), 1)) : T("", !0)
+      $.value || m.value ? (c(), f("div", pl, [
+        $.value ? (c(), f("h2", gl, L($.value), 1)) : T("", !0),
+        m.value ? (c(), f("p", hl, L(m.value), 1)) : T("", !0)
       ])) : T("", !0),
-      Z(oe, { nodes: $.value }, null, 8, ["nodes"]),
+      Z(re, { nodes: y.value }, null, 8, ["nodes"]),
       p("div", xl, [
         p("button", {
           type: "submit",
-          disabled: H(l).isSubmitting.value,
-          class: S([H(d).classes.value.button, "fc-submit-btn rounded-md px-4 py-2 text-sm font-medium text-white motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50"]),
+          disabled: H(g).isSubmitting.value,
+          class: F([H(k).classes.value.button, "fc-submit-btn rounded-md px-4 py-2 text-sm font-medium text-white motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50"]),
           style: { "background-color": "var(--fc-color-primary, #3b82f6)" }
         }, [
-          H(l).isSubmitting.value ? (c(), f("span", wl)) : T("", !0),
-          _(" " + L(s.value), 1)
+          H(g).isSubmitting.value ? (c(), f("span", wl)) : T("", !0),
+          _(" " + L(C.value), 1)
         ], 10, kl),
         p("button", {
           type: "reset",
-          disabled: H(l).isSubmitting.value,
+          disabled: H(g).isSubmitting.value,
           class: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 motion-safe:transition-colors motion-safe:duration-150 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50"
-        }, L(g.value), 9, $l)
+        }, L(h.value), 9, $l)
       ])
     ], 38));
   }
 });
 export {
-  Tl as FormBuilder,
+  Il as FormBuilder,
   Be as FormComponentsKey,
   ce as FormContextKey,
   ye as FormI18nKey,
+  Te as FormaticaKey,
+  Tl as createFormatica,
   Ke as getFieldComponent,
   Fl as getRegisteredFieldTypes,
   Pe as hasFieldType,
-  ze as registerFieldType,
+  Fe as registerFieldType,
   Bl as unregisterFieldType,
   et as useForm,
   Ge as useFormI18n,