@formatica/vue 0.1.2 → 0.2.3

package/dist/formatica.es.js

@@ -1,9 +1,9 @@
-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 ie, getRule as Le, extractFields as U, 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";
+import { inject as Y, provide as ue, ref as M, reactive as ee, computed as x, watch as W, isRef as Ne, defineComponent as j, openBlock as d, createElementBlock as f, normalizeClass as T, Fragment as z, renderList as G, createElementVNode as h, normalizeStyle as O, createCommentVNode as I, toDisplayString as A, withKeys as he, withModifiers as J, createTextVNode as Q, onMounted as de, withDirectives as ce, vModelText as ye, nextTick as te, onBeforeUnmount as Ve, unref as q, createVNode as Z, Transition as ae, withCtx as _, renderSlot as De, TransitionGroup as Me, createBlock as H, resolveDynamicComponent as Se, mergeProps as Ee, vShow as Re, resolveComponent as je } from "vue";
+import { getCountries as xe, getCountryCallingCode as ke, parsePhoneNumber as Oe, AsYouType as ze } from "libphonenumber-js";
 const Be = Symbol("FormaticaComponents"), le = /* @__PURE__ */ new Map();
-function ze(e, i) {
+function Fe(e, i) {
   le.set(e, i);
 }
 function Bl(e) {
@@ -20,23 +20,23 @@ function Fl() {
 }
 function Ue() {
   const e = /* @__PURE__ */ new Map();
-  function i(a, r) {
-    e.has(a) || e.set(a, /* @__PURE__ */ new Set());
-    const u = e.get(a);
-    return u ? (u.add(r), () => {
-      u.delete(r);
+  function i(t, u) {
+    e.has(t) || e.set(t, /* @__PURE__ */ new Set());
+    const n = e.get(t);
+    return n ? (n.add(u), () => {
+      n.delete(u);
     }) : () => {
     };
   }
-  function t(a, r) {
-    const u = e.get(a);
-    if (u)
-      for (const d of u)
-        d(r);
+  function a(t, u) {
+    const n = e.get(t);
+    if (n)
+      for (const c of n)
+        c(u);
   }
-  return { on: i, emit: t };
+  return { on: i, emit: a };
 }
-const ye = Symbol("FormaticaI18n"), He = {
+const pe = Symbol("FormaticaI18n"), He = {
   required: "This field is required",
   email: "Please enter a valid email address",
   url: "Please enter a valid URL",
@@ -56,175 +56,178 @@ const ye = Symbol("FormaticaI18n"), He = {
 function Ge(e) {
   const {
     locale: i,
-    fallbackLocale: t = "en",
-    fieldTranslations: a = {},
-    formTranslations: r = {}
+    fallbackLocale: a = "en",
+    fieldTranslations: t = {},
+    formTranslations: u = {}
   } = 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 n(r, s) {
+    const k = t[r];
+    if (k) {
+      const S = k[i.value];
+      if (S) {
+        const y = S[s];
+        if (typeof y == "string") return y;
       }
-      const V = g[t];
-      if (V) {
-        const b = V[s];
-        if (typeof b == "string") return b;
+      const F = k[a];
+      if (F) {
+        const y = F[s];
+        if (typeof y == "string") return y;
       }
     }
-    return s === "label" ? Fe(o) : "";
+    return s === "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];
+  function c(r, s) {
+    var S, F;
+    const k = t[r];
+    if (k) {
+      const y = k[i.value];
+      if ((S = y == null ? void 0 : y.options) != null && S[s]) return y.options[s];
+      const v = k[a];
+      if ((F = v == null ? void 0 : v.options) != null && F[s]) return v.options[s];
     }
     return s;
   }
-  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, s) {
+    var y, v;
+    const k = (y = u[i.value]) == null ? void 0 : y.messages;
+    if (k != null && k[r])
+      return me(k[r], s ?? {});
+    const S = (v = u[a]) == null ? void 0 : v.messages;
+    if (S != null && S[r])
+      return me(S[r], s ?? {});
+    const F = He[r];
+    return F ? me(F, s ?? {}) : `Validation failed: ${r}`;
   }
-  const n = {
+  const o = {
     locale: i,
-    fallbackLocale: t,
-    t: u,
-    tOption: d,
+    fallbackLocale: a,
+    t: n,
+    tOption: c,
     tValidation: l
   };
-  return ie(ye, n), n;
+  return ue(pe, o), o;
 }
 function Ze() {
-  return J(ye);
+  return Y(pe);
 }
-function fe(e, i) {
-  return e.replace(/\{(\w+)\}/g, (t, a) => i[a] !== void 0 ? String(i[a]) : `{${a}}`);
+function me(e, i) {
+  return e.replace(/\{(\w+)\}/g, (a, t) => i[t] !== void 0 ? String(i[t]) : `{${t}}`);
 }
 function we(e) {
   return e.split("|").map((i) => {
-    const [t, ...a] = i.split(":"), r = {};
-    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;
+    const [a, ...t] = i.split(":"), u = a ?? "", n = {};
+    if (t.length > 0) {
+      const l = t.join(":").split(",");
+      u === "between" && l.length === 2 ? (n.min = l[0], n.max = l[1]) : l.length === 1 ? n[u] = l[0] : n.values = l;
     }
-    return { name: t, params: r };
+    return { name: u, params: n };
   });
 }
 function qe(e) {
   const i = e.rules;
   if (!i) {
-    const a = [];
-    return e.required && a.push({ name: "required" }), a;
+    const t = [];
+    return e.required && t.push({ name: "required" }), t;
   }
   if (typeof i == "string")
     return we(i);
   if (Array.isArray(i))
-    return i.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 });
+    return i.flatMap((t) => typeof t == "string" ? we(t) : []);
+  const a = [];
+  for (const [t, u] of Object.entries(i)) {
+    if (u === !1) continue;
+    const n = {};
+    typeof u == "object" && u !== null && !Array.isArray(u) ? Object.assign(n, u) : u !== !0 && (n[t] = u), a.push({ name: t, params: n });
   }
-  return t;
+  return a;
 }
 function Ye(e, i) {
-  let t = null, a = null;
-  return (...r) => new Promise((u) => {
-    t !== null && (clearTimeout(t), a && a([])), a = u, t = setTimeout(async () => {
-      t = null;
-      const d = await e(...r);
-      u(d), a = null;
+  let a = null, t = null;
+  return (...u) => new Promise((n) => {
+    a !== null && (clearTimeout(a), t && t([])), t = n, a = setTimeout(async () => {
+      a = null;
+      const c = await e(...u);
+      n(c), t = null;
     }, i);
   });
 }
 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: i, values: a, settings: t } = e, u = M({}), n = /* @__PURE__ */ new Map();
+  function c(S, F) {
+    const y = `${S}:${F}`;
+    n.has(y) || n.set(
+      y,
+      Ye(async (...g) => l(
+        g[0],
+        g[1]
+      ), F)
     );
-    const v = u.get(b);
-    if (!v) throw new Error(`Debounced validator not found for ${b}`);
+    const v = n.get(y);
+    if (!v) throw new Error(`Debounced validator not found for ${y}`);
     return v;
   }
-  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,
-          t.value
+  async function l(S, F) {
+    var N;
+    const y = i.value.find((B) => B.name === S);
+    if (!y) return [];
+    const v = qe(y), g = a.value[S], p = [];
+    for (const B of v) {
+      if ((N = B.params) != null && N.when) {
+        const V = B.params.when;
+        if (("field" in V || "and" in V || "or" in V) && !ie(
+          V,
+          a.value
         ))
           continue;
       }
-      if (k.optional && We(m)) continue;
+      if (B.optional && We(g)) continue;
       let C;
-      if (k.validator)
-        C = await k.validator(m, k.params ?? {}, V);
+      if (B.validator)
+        C = await B.validator(g, B.params ?? {}, F);
       else {
-        const w = Te(k.name);
-        if (!w) continue;
-        C = await w(m, k.params ?? {}, V);
+        const V = Le(B.name);
+        if (!V) continue;
+        C = await V(g, B.params ?? {}, F);
       }
       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;
+        const V = B.message ? _e(B.message, B.params ?? {}) : typeof C == "string" ? C : `Validation failed for rule: ${B.name}`;
+        if (p.push(V), B.bail) break;
       }
     }
-    return r.value[$] = y, y;
+    return u.value[S] = p, p;
   }
-  async function n($, V) {
-    const b = a == null ? void 0 : a.debounce;
-    return b && b > 0 ? d($, b)($, V) : l($, V);
+  async function o(S, F) {
+    const y = t == null ? void 0 : t.debounce;
+    return y && y > 0 ? c(S, y)(S, F) : l(S, F);
   }
-  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(S) {
+    const F = {}, y = i.value.map(async (v) => {
+      const g = await l(v.name, S);
+      g.length > 0 && (F[v.name] = g);
     });
-    return await Promise.all(b), r.value = { ...V }, V;
+    return await Promise.all(y), u.value = { ...F }, F;
   }
-  function s($) {
-    delete r.value[$];
+  function s(S) {
+    delete u.value[S];
   }
-  function g() {
-    r.value = {};
+  function k() {
+    u.value = {};
   }
   return {
-    errors: r,
-    validateField: n,
-    validateAll: o,
+    errors: u,
+    validateField: o,
+    validateAll: r,
     clearFieldErrors: s,
-    clearAllErrors: g
+    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}}`);
+  return e.replace(/\{(\w+)\}/g, (a, t) => i[t] !== void 0 ? String(i[t]) : `{${t}}`);
 }
-const ce = Symbol("FormaticaContext");
+const fe = Symbol("FormaticaContext");
 function Qe(e) {
   switch (e.type) {
     case "tags":
@@ -244,200 +247,200 @@ function Qe(e) {
       return "";
   }
 }
-function me(e) {
+function be(e) {
   const i = {};
-  for (const t of e)
-    i[t.name] = t.defaultValue ?? Qe(t);
+  for (const a of e)
+    i[a.name] = a.defaultValue ?? Qe(a);
   return i;
 }
 function Xe(e) {
   const i = {};
-  for (const t of e)
-    t.translations && (i[t.name] = t.translations);
+  for (const a of e)
+    a.translations && (i[a.name] = a.translations);
   return i;
 }
 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();
+  const a = M((i == null ? void 0 : i.locale) ?? "en"), t = (i == null ? void 0 : i.fallbackLocale) ?? "en";
+  let u = e;
+  const n = M(U(e.fields)), c = ee(be(U(e.fields))), l = ee({}), o = ee({}), r = ee({}), s = M(!1), k = M(0), S = x(() => Object.values(l).every(($) => $.length === 0)), F = x(() => Object.values(r).some(Boolean)), y = Ue();
   function v() {
-    return { values: { ...d }, getFieldValue: (x) => d[x] };
+    return { values: { ...c }, getFieldValue: ($) => c[$] };
   }
-  const m = h(() => ({ ...d })), y = Je({
-    fields: u,
-    values: m,
+  const g = x(() => ({ ...c })), p = Je({
+    fields: n,
+    values: g,
     settings: e.settings
   });
   Ge({
-    locale: t,
-    fallbackLocale: a,
-    fieldTranslations: Xe(P(e.fields)),
+    locale: a,
+    fallbackLocale: t,
+    fieldTranslations: Xe(U(e.fields)),
     formTranslations: e.translations
   });
-  let F = me(P(e.fields));
-  Y(
-    () => ({ ...d }),
-    (x, I) => {
-      var M;
-      if (I) {
-        for (const E of Object.keys(x))
-          x[E] !== I[E] && (o[E] = !0, b.emit("field:change", {
-            field: E,
-            value: x[E],
-            previousValue: I[E]
-          }), (M = e.settings) != null && M.validateOnChange && N(E));
-        b.emit("change", { values: x });
+  let N = be(U(e.fields));
+  W(
+    () => ({ ...c }),
+    ($, L) => {
+      var E;
+      if (L) {
+        for (const R of Object.keys($))
+          $[R] !== L[R] && (r[R] = !0, y.emit("field:change", {
+            field: R,
+            value: $[R],
+            previousValue: L[R]
+          }), (E = e.settings) != null && E.validateOnChange && b(R));
+        y.emit("change", { values: $ });
       }
     },
     { deep: !0 }
   );
-  const k = /* @__PURE__ */ new Map();
-  function C(x) {
-    const I = x.name;
+  const B = /* @__PURE__ */ new Map();
+  function C($) {
+    const L = $.name;
     return {
-      name: I,
-      value: h({
-        get: () => d[I],
-        set: (M) => {
-          d[I] = M;
+      name: L,
+      value: x({
+        get: () => c[L],
+        set: (E) => {
+          c[L] = E;
         }
       }),
-      errors: h(() => l[I] ?? []),
-      touched: h({
-        get: () => n[I] ?? !1,
-        set: (M) => {
-          n[I] = M;
+      errors: x(() => l[L] ?? []),
+      touched: x({
+        get: () => o[L] ?? !1,
+        set: (E) => {
+          o[L] = E;
         }
       }),
-      dirty: h({
-        get: () => o[I] ?? !1,
-        set: (M) => {
-          o[I] = M;
+      dirty: x({
+        get: () => r[L] ?? !1,
+        set: (E) => {
+          r[L] = E;
         }
       }),
-      disabled: h(
-        () => typeof x.disabled == "function" ? x.disabled(v()) : x.disabled ?? !1
+      disabled: x(
+        () => typeof $.disabled == "function" ? $.disabled(v()) : $.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(() => $.condition ? ie($.condition, c) : typeof $.visible == "function" ? $.visible(v()) : $.visible ?? !0),
+      schema: $,
+      validate: () => b(L),
       reset: () => {
-        d[I] = F[I] ?? null, delete l[I], n[I] = !1, o[I] = !1;
+        c[L] = N[L] ?? null, delete l[L], o[L] = !1, r[L] = !1;
       },
       clear: () => {
-        d[I] = null, delete l[I];
+        c[L] = null, delete l[L];
       }
     };
   }
-  function w() {
-    k.clear();
-    for (const x of P(r.fields))
-      k.set(x.name, C(x));
+  function V() {
+    B.clear();
+    for (const $ of U(u.fields))
+      B.set($.name, C($));
   }
-  w();
-  async function N(x) {
-    const I = await y.validateField(x, v());
-    return l[x] = I, b.emit("validate:field", {
-      field: x,
-      valid: I.length === 0,
-      errors: I
-    }), I;
+  V();
+  async function b($) {
+    const L = await p.validateField($, v());
+    return l[$] = L, y.emit("validate:field", {
+      field: $,
+      valid: L.length === 0,
+      errors: L
+    }), L;
   }
-  async function B() {
-    const x = await y.validateAll(v());
-    for (const M of Object.keys(l))
-      M in x || delete l[M];
-    for (const [M, E] of Object.entries(x))
-      l[M] = E;
-    const I = Object.values(x).every((M) => M.length === 0);
-    return b.emit("validate", { valid: I, errors: { ...x } }), I;
+  async function m() {
+    const $ = await p.validateAll(v());
+    for (const E of Object.keys(l))
+      E in $ || delete l[E];
+    for (const [E, R] of Object.entries($))
+      l[E] = R;
+    const L = Object.values($).every((E) => E.length === 0);
+    return y.emit("validate", { valid: L, errors: { ...$ } }), L;
   }
-  async function A(x) {
-    s.value = !0, g.value += 1;
+  async function w($) {
+    s.value = !0, k.value += 1;
     try {
-      for (const M of P(r.fields)) n[M.name] = !0;
-      if (!await B()) {
-        b.emit("submit:error", {
-          values: { ...d },
+      for (const E of U(u.fields)) o[E.name] = !0;
+      if (!await m()) {
+        y.emit("submit:error", {
+          values: { ...c },
           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 });
-    } catch (I) {
-      throw b.emit("submit:error", { values: { ...d }, error: I }), I;
+      y.emit("submit", { values: { ...c } }), $ && await $({ ...c }, v()), y.emit("submit:success", { values: { ...c }, result: void 0 });
+    } catch (L) {
+      throw y.emit("submit:error", { values: { ...c }, error: L }), L;
     } finally {
       s.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);
+  function D() {
+    for (const $ of U(u.fields))
+      c[$.name] = N[$.name] ?? null, delete l[$.name], o[$.name] = !1, r[$.name] = !1;
+    p.clearAllErrors(), y.emit("reset", void 0);
   }
-  function Q() {
-    for (const x of P(r.fields))
-      d[x.name] = null, delete l[x.name];
-    y.clearAllErrors();
+  function P() {
+    for (const $ of U(u.fields))
+      c[$.name] = null, delete l[$.name];
+    p.clearAllErrors();
   }
-  function ee(x) {
-    r = x;
-    const I = P(x.fields);
-    u.value = I, F = 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();
+  function re($) {
+    u = $;
+    const L = U($.fields);
+    n.value = L, N = be(L);
+    for (const R of L)
+      R.name in c || (c[R.name] = R.defaultValue ?? null);
+    const E = new Set(L.map((R) => R.name));
+    for (const R of Object.keys(c))
+      E.has(R) || (delete c[R], delete l[R], delete o[R], delete r[R]);
+    V();
   }
-  const ge = {
-    values: d,
+  const se = {
+    values: c,
     errors: l,
-    touched: n,
-    dirty: o,
-    isValid: $,
-    isDirty: V,
+    touched: o,
+    dirty: r,
+    isValid: S,
+    isDirty: F,
     isSubmitting: s,
-    submitCount: g,
-    validate: B,
-    validateField: N,
-    submit: A,
-    reset: R,
-    clear: Q,
-    setError: (x, I) => {
-      l[x] = I;
+    submitCount: k,
+    validate: m,
+    validateField: b,
+    submit: w,
+    reset: D,
+    clear: P,
+    setError: ($, L) => {
+      l[$] = L;
     },
-    clearError: (x) => {
-      delete l[x], y.clearFieldErrors(x);
+    clearError: ($) => {
+      delete l[$], p.clearFieldErrors($);
     },
     clearErrors: () => {
-      for (const x of Object.keys(l)) delete l[x];
-      y.clearAllErrors();
+      for (const $ of Object.keys(l)) delete l[$];
+      p.clearAllErrors();
     },
-    getField: (x) => k.get(x),
-    setFieldValue: (x, I) => {
-      d[x] = I;
+    getField: ($) => B.get($),
+    setFieldValue: ($, L) => {
+      c[$] = L;
     },
-    setFieldDisabled: (x, I) => {
-      const M = P(r.fields).find((E) => E.name === x);
-      M && (M.disabled = I);
+    setFieldDisabled: ($, L) => {
+      const E = U(u.fields).find((R) => R.name === $);
+      E && (E.disabled = L);
     },
-    setFieldVisible: (x, I) => {
-      const M = P(r.fields).find((E) => E.name === x);
-      M && (M.visible = I);
+    setFieldVisible: ($, L) => {
+      const E = U(u.fields).find((R) => R.name === $);
+      E && (E.visible = L);
     },
-    on: b.on,
-    locale: t,
-    setLocale: (x) => {
-      t.value = x;
+    on: y.on,
+    locale: a,
+    setLocale: ($) => {
+      a.value = $;
     },
-    schema: r,
-    updateSchema: ee
+    schema: u,
+    updateSchema: re
   };
-  return ie(ce, ge), ge;
+  return ue(fe, se), se;
 }
-const pe = Symbol("FormaticaTheme"), be = {
+const ge = Symbol("FormaticaTheme"), ve = {
   name: "default",
   colors: {
     primary: "#3b82f6",
@@ -490,55 +493,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 i = Ne(e) ? x(() => e.value ?? ve) : M(e ?? ve), a = x(() => {
+    const n = i.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: n.form ?? "fc-form",
+      field: n.field ?? "fc-field",
+      label: n.label ?? "fc-label",
+      input: n.input ?? "fc-input",
+      error: n.error ?? "fc-error",
+      helpText: n.helpText ?? "fc-help-text",
+      group: n.group ?? "fc-group",
+      row: n.row ?? "fc-row",
+      steps: n.steps ?? "fc-steps",
+      tabs: n.tabs ?? "fc-tabs",
+      button: n.button ?? "fc-button"
     };
-  }), a = h(() => {
-    const u = i.value, d = {};
-    if (u.colors)
-      for (const [l, n] of Object.entries(u.colors))
-        n && (d[`--fc-color-${X(l)}`] = n);
-    if (u.typography)
-      for (const [l, n] of Object.entries(u.typography))
-        n && (d[`--fc-${X(l)}`] = n);
-    if (u.spacing)
-      for (const [l, n] of Object.entries(u.spacing))
-        n && (d[`--fc-${X(l)}`] = n);
-    if (u.borders)
-      for (const [l, n] of Object.entries(u.borders))
-        n && (d[`--fc-border-${X(l)}`] = n);
-    if (u.shadows)
-      for (const [l, n] of Object.entries(u.shadows))
-        n && (d[`--fc-shadow-${X(l)}`] = n);
-    if (u.transitions)
-      for (const [l, n] of Object.entries(u.transitions))
-        n && (d[`--fc-transition-${X(l)}`] = n);
-    return u.cssVars && Object.assign(d, u.cssVars), d;
-  }), r = {
+  }), t = x(() => {
+    const n = i.value, c = {};
+    if (n.colors)
+      for (const [l, o] of Object.entries(n.colors))
+        o && (c[`--fc-color-${X(l)}`] = o);
+    if (n.typography)
+      for (const [l, o] of Object.entries(n.typography))
+        o && (c[`--fc-${X(l)}`] = o);
+    if (n.spacing)
+      for (const [l, o] of Object.entries(n.spacing))
+        o && (c[`--fc-${X(l)}`] = o);
+    if (n.borders)
+      for (const [l, o] of Object.entries(n.borders))
+        o && (c[`--fc-border-${X(l)}`] = o);
+    if (n.shadows)
+      for (const [l, o] of Object.entries(n.shadows))
+        o && (c[`--fc-shadow-${X(l)}`] = o);
+    if (n.transitions)
+      for (const [l, o] of Object.entries(n.transitions))
+        o && (c[`--fc-transition-${X(l)}`] = o);
+    return n.cssVars && Object.assign(c, n.cssVars), c;
+  }), u = {
     config: i.value,
-    classes: t,
-    cssVars: a
+    classes: a,
+    cssVars: t
   };
-  return ie(pe, r), r;
+  return ue(ge, u), u;
 }
 function K() {
-  const e = J(pe);
+  const e = Y(ge);
   return e || at();
 }
 function at() {
-  const e = h(() => ({
+  const e = x(() => ({
     form: "fc-form",
     field: "fc-field",
     label: "fc-label",
@@ -550,12 +553,22 @@ function at() {
     steps: "fc-steps",
     tabs: "fc-tabs",
     button: "fc-button"
-  })), i = h(() => ({}));
-  return { config: be, classes: e, cssVars: i };
+  })), i = x(() => ({}));
+  return { config: ve, classes: e, cssVars: i };
 }
 function X(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
+const Te = Symbol("Formatica");
+function Tl(e = {}) {
+  return {
+    install(i) {
+      if (i.provide(Te, ee(e)), e.components)
+        for (const [a, t] of Object.entries(e.components))
+          Fe(a, t);
+    }
+  };
+}
 const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disabled", "onClick", "onKeydown"], ot = {
   key: 0,
   class: "h-3 w-3",
@@ -576,68 +589,68 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i;
+    const a = e, t = i;
     K();
-    function r(n) {
-      return t.modelValue.includes(n);
+    function u(o) {
+      return a.modelValue.includes(o);
     }
-    function u(n) {
-      return !!(t.disabled || n.disabled || t.maxSelect && !r(n.value) && t.modelValue.length >= t.maxSelect);
+    function n(o) {
+      return !!(a.disabled || o.disabled || a.maxSelect && !u(o.value) && a.modelValue.length >= a.maxSelect);
     }
-    function d(n) {
-      if (u(n)) return;
-      const o = [...t.modelValue], s = o.indexOf(n.value);
+    function c(o) {
+      if (n(o)) return;
+      const r = [...a.modelValue], s = r.indexOf(o.value);
       if (s >= 0) {
-        if (t.minSelect && o.length <= t.minSelect) return;
-        o.splice(s, 1);
+        if (a.minSelect && r.length <= a.minSelect) return;
+        r.splice(s, 1);
       } else
-        o.push(n.value);
-      a("update:modelValue", o);
+        r.push(o.value);
+      t("update:modelValue", r);
     }
-    function l(n, o) {
-      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(o));
+    function l(o, r) {
+      (o.key === " " || o.key === "Enter") && (o.preventDefault(), c(r));
     }
-    return (n, o) => (c(), f("div", {
+    return (o, r) => (d(), f("div", {
       role: "group",
-      class: S(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
+      class: T(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
     }, [
-      (c(!0), f(z, null, G(e.options, (s) => (c(), f("label", {
+      (d(!0), f(z, null, G(e.options, (s) => (d(), f("label", {
         key: String(s.value),
-        class: S([
+        class: T([
           "inline-flex items-center gap-2 select-none",
-          u(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+          n(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ])
       }, [
-        p("input", {
+        h("input", {
           type: "checkbox",
-          checked: r(s.value),
-          disabled: u(s),
+          checked: u(s.value),
+          disabled: n(s),
           class: "sr-only",
-          onChange: (g) => d(s),
-          onBlur: o[0] || (o[0] = (g) => a("blur", g))
+          onChange: (k) => c(s),
+          onBlur: r[0] || (r[0] = (k) => t("blur", k))
         }, null, 40, lt),
-        p("div", {
+        h("div", {
           role: "checkbox",
-          "aria-checked": r(s.value),
-          "aria-disabled": u(s) || void 0,
+          "aria-checked": u(s.value),
+          "aria-disabled": n(s) || void 0,
           tabindex: "0",
-          class: S([
+          class: T([
             "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"
+            u(s.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: O(u(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => c(s),
+          onKeydown: (k) => l(k, s)
         }, [
-          r(s.value) ? (c(), f("svg", ot, [...o[1] || (o[1] = [
-            p("path", {
+          u(s.value) ? (d(), f("svg", ot, [...r[1] || (r[1] = [
+            h("path", {
               d: "M2 6l3 3 5-5",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, -1)
-          ])])) : T("", !0)
+          ])])) : I("", !0)
         ], 46, nt),
-        p("span", rt, L(s.label), 1)
+        h("span", rt, A(s.label), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -661,51 +674,51 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i;
+    const a = e, t = i;
     K();
-    const r = h(() => [
+    const u = x(() => [
       "inline-flex items-center gap-2 select-none",
-      t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+      a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
     ]);
-    function u() {
-      t.disabled || a("update:modelValue", !t.modelValue);
+    function n() {
+      a.disabled || t("update:modelValue", !a.modelValue);
     }
-    function d(l) {
-      (l.key === " " || l.key === "Enter") && (l.preventDefault(), u());
+    function c(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), n());
     }
-    return (l, n) => (c(), f("label", {
-      class: S(r.value)
+    return (l, o) => (d(), f("label", {
+      class: T(u.value)
     }, [
-      p("input", {
+      h("input", {
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         class: "sr-only",
-        onChange: u,
-        onBlur: n[0] || (n[0] = (o) => a("blur", o))
+        onChange: n,
+        onBlur: o[0] || (o[0] = (r) => t("blur", r))
       }, null, 40, it),
-      p("div", {
+      h("div", {
         role: "checkbox",
         "aria-checked": e.modelValue,
         "aria-disabled": e.disabled || void 0,
         tabindex: "0",
-        class: S([
+        class: T([
           "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,
-        onKeydown: d
+        onClick: n,
+        onKeydown: c
       }, [
-        e.modelValue ? (c(), f("svg", dt, [...n[1] || (n[1] = [
-          p("path", {
+        e.modelValue ? (d(), f("svg", dt, [...o[1] || (o[1] = [
+          h("path", {
             d: "M2 6l3 3 5-5",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1)
-        ])])) : T("", !0)
+        ])])) : I("", !0)
       ], 46, ut),
-      e.checkboxLabel ? (c(), f("span", ct, L(e.checkboxLabel), 1)) : T("", !0)
+      e.checkboxLabel ? (d(), f("span", ct, A(e.checkboxLabel), 1)) : I("", !0)
     ], 2));
   }
 }), mt = ["value", "min", "max", "placeholder", "disabled", "aria-disabled"], bt = /* @__PURE__ */ j({
@@ -720,38 +733,38 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = h(
+    const a = e, t = i, u = K(), n = 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
+        a.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        u.classes.value.input
       ].filter(Boolean).join(" ")
     );
-    function d(l) {
-      const n = l.target;
-      a("update:modelValue", n.value);
+    function c(l) {
+      const o = l.target;
+      t("update:modelValue", o.value);
     }
-    return (l, n) => (c(), f("input", {
+    return (l, o) => (d(), f("input", {
       type: "date",
       value: e.modelValue,
       min: e.minDate,
       max: e.maxDate,
       placeholder: e.placeholder,
       disabled: e.disabled,
-      class: S(u.value),
+      class: T(n.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))
+      onInput: c,
+      onBlur: o[0] || (o[0] = (r) => t("blur", r)),
+      onFocus: o[1] || (o[1] = (r) => t("focus", r))
     }, null, 42, mt));
   }
 }), ne = (e, i) => {
-  const t = e.__vccOpts || e;
-  for (const [a, r] of i)
-    t[a] = r;
-  return t;
+  const a = e.__vccOpts || e;
+  for (const [t, u] of i)
+    a[t] = u;
+  return a;
 }, vt = /* @__PURE__ */ ne(bt, [["__scopeId", "data-v-7d4bc9b7"]]), yt = ["aria-disabled", "onKeydown"], pt = {
   key: 0,
   class: "mt-1 text-xs text-gray-400"
@@ -770,75 +783,75 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i;
+    const a = e, t = i;
     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`;
-    }
-    function n(m) {
-      let y = m;
-      if (t.maxSize) {
-        const F = t.maxSize;
-        y = y.filter((k) => k.size <= F);
+    const u = M(null), n = M(!1), c = x(() => a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : []);
+    function l(g) {
+      return g < 1024 ? `${g} B` : g < 1024 * 1024 ? `${(g / 1024).toFixed(1)} KB` : `${(g / (1024 * 1024)).toFixed(1)} MB`;
+    }
+    function o(g) {
+      let p = g;
+      if (a.maxSize) {
+        const N = a.maxSize;
+        p = p.filter((B) => B.size <= N);
       }
-      if (t.multiple && t.maxFiles) {
-        const F = t.maxFiles - d.value.length;
-        y = y.slice(0, Math.max(0, F));
+      if (a.multiple && a.maxFiles) {
+        const N = a.maxFiles - c.value.length;
+        p = p.slice(0, Math.max(0, N));
       }
-      return y;
+      return p;
     }
-    function o(m) {
-      const y = n(m);
-      y.length !== 0 && (t.multiple ? a("update:modelValue", [...d.value, ...y]) : a("update:modelValue", y[0]));
+    function r(g) {
+      const p = o(g);
+      p.length !== 0 && (a.multiple ? t("update:modelValue", [...c.value, ...p]) : t("update:modelValue", p[0] ?? null));
     }
-    function s(m) {
-      const y = m.target;
-      y.files && (o(Array.from(y.files)), y.value = "");
+    function s(g) {
+      const p = g.target;
+      p.files && (r(Array.from(p.files)), p.value = "");
     }
-    function g(m) {
-      if (t.disabled) return;
-      const y = d.value.filter((F, k) => k !== m);
-      t.multiple ? a("update:modelValue", y.length ? y : []) : a("update:modelValue", null);
+    function k(g) {
+      if (a.disabled) return;
+      const p = c.value.filter((N, B) => B !== g);
+      a.multiple ? t("update:modelValue", p.length ? p : []) : t("update:modelValue", null);
     }
-    function $(m) {
-      m.preventDefault(), t.disabled || (u.value = !0);
+    function S(g) {
+      g.preventDefault(), a.disabled || (n.value = !0);
     }
-    function V() {
-      u.value = !1;
+    function F() {
+      n.value = !1;
     }
-    function b(m) {
-      var y;
-      m.preventDefault(), u.value = !1, !(t.disabled || !((y = m.dataTransfer) != null && y.files)) && o(Array.from(m.dataTransfer.files));
+    function y(g) {
+      var p;
+      g.preventDefault(), n.value = !1, !(a.disabled || !((p = g.dataTransfer) != null && p.files)) && r(Array.from(g.dataTransfer.files));
     }
     function v() {
-      var m;
-      t.disabled || (m = r.value) == null || m.click();
+      var g;
+      a.disabled || (g = u.value) == null || g.click();
     }
-    return (m, y) => (c(), f("div", {
-      class: S(e.disabled ? "opacity-50 cursor-not-allowed" : "")
+    return (g, p) => (d(), f("div", {
+      class: T(e.disabled ? "opacity-50 cursor-not-allowed" : "")
     }, [
-      p("div", {
+      h("div", {
         role: "button",
         tabindex: "0",
         "aria-disabled": e.disabled || void 0,
-        class: S([
+        class: T([
           "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",
+          n.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)" } : {}),
+        style: O(n.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)" } : {}),
         onClick: v,
         onKeydown: [
           he(v, ["enter"]),
-          he(q(v, ["prevent"]), ["space"])
+          he(J(v, ["prevent"]), ["space"])
         ],
-        onDragover: $,
-        onDragleave: V,
-        onDrop: b,
-        onBlur: y[0] || (y[0] = (F) => a("blur", F))
+        onDragover: S,
+        onDragleave: F,
+        onDrop: y,
+        onBlur: p[0] || (p[0] = (N) => t("blur", N))
       }, [
-        y[1] || (y[1] = p("svg", {
+        p[1] || (p[1] = h("svg", {
           class: "mb-2 h-8 w-8 text-gray-400",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -846,37 +859,37 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           "stroke-width": "1.5",
           "aria-hidden": "true"
         }, [
-          p("path", {
+          h("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             d: "M12 16v-8m0 0l-3 3m3-3l3 3M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1"
           })
         ], -1)),
-        y[2] || (y[2] = p("p", { class: "text-sm text-gray-600" }, [
-          _(" Drop files here or "),
-          p("span", {
+        p[2] || (p[2] = h("p", { class: "text-sm text-gray-600" }, [
+          Q(" Drop files here or "),
+          h("span", {
             class: "font-medium",
             style: { color: "var(--fc-color-primary, #3b82f6)" }
           }, "browse")
         ], -1)),
-        e.accept ? (c(), f("p", pt, "Accepted: " + L(e.accept), 1)) : T("", !0)
+        e.accept ? (d(), f("p", pt, "Accepted: " + A(e.accept), 1)) : I("", !0)
       ], 46, yt),
-      p("input", {
+      h("input", {
         ref_key: "fileInputRef",
-        ref: r,
+        ref: u,
         type: "file",
         accept: e.accept,
         multiple: e.multiple,
         class: "hidden",
         onChange: s
       }, 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.value.length > 0 ? (d(), f("ul", ht, [
+        (d(!0), f(z, null, G(c.value, (N, B) => (d(), f("li", {
+          key: `${N.name}-${B}`,
           class: "flex items-center justify-between rounded-md border border-gray-200 bg-white px-3 py-2 text-sm"
         }, [
-          p("div", xt, [
-            y[3] || (y[3] = p("svg", {
+          h("div", xt, [
+            p[3] || (p[3] = h("svg", {
               class: "h-4 w-4 shrink-0 text-gray-400",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -884,24 +897,24 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
               "stroke-width": "2",
               "aria-hidden": "true"
             }, [
-              p("path", {
+              h("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 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)
+            h("span", kt, A(N.name), 1),
+            h("span", wt, "(" + A(l(N.size)) + ")", 1)
           ]),
-          e.disabled ? T("", !0) : (c(), f("button", {
+          e.disabled ? I("", !0) : (d(), 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: J((C) => k(B), ["stop"])
           }, " × ", 8, $t))
         ]))), 128))
-      ])) : T("", !0)
+      ])) : I("", !0)
     ], 2));
   }
 }), Vt = {
@@ -928,30 +941,30 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = h(() => !!t.prefix || !!t.suffix), d = h(
+    const a = e, t = i, u = K(), n = x(() => !!a.prefix || !!a.suffix), c = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "placeholder:text-gray-400",
         "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-number-input",
         "transition-colors duration-200",
-        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
-        t.prefix ? "rounded-l-none" : "",
-        t.suffix ? "rounded-r-none" : "",
-        r.classes.value.input
+        a.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        a.prefix ? "rounded-l-none" : "",
+        a.suffix ? "rounded-r-none" : "",
+        u.classes.value.input
       ].filter(Boolean).join(" ")
     );
-    function l(n) {
-      const s = n.target.value;
+    function l(o) {
+      const s = o.target.value;
       if (s === "") {
-        a("update:modelValue", null);
+        t("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(s);
+      Number.isNaN(k) || (a.precision !== void 0 && (k = parseFloat(k.toFixed(a.precision))), t("update:modelValue", k));
     }
-    return (n, o) => u.value ? (c(), f("div", Vt, [
-      e.prefix ? (c(), f("span", St, L(e.prefix), 1)) : T("", !0),
-      p("input", {
+    return (o, r) => n.value ? (d(), f("div", Vt, [
+      e.prefix ? (d(), f("span", St, A(e.prefix), 1)) : I("", !0),
+      h("input", {
         type: "number",
         value: e.modelValue ?? "",
         min: e.min,
@@ -959,15 +972,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         step: e.step,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: S(d.value),
+        class: T(c.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] = (s) => t("blur", s)),
+        onFocus: r[1] || (r[1] = (s) => t("focus", s))
       }, null, 42, Bt),
-      e.suffix ? (c(), f("span", Ft, L(e.suffix), 1)) : T("", !0)
-    ])) : (c(), f("input", {
+      e.suffix ? (d(), f("span", Ft, A(e.suffix), 1)) : I("", !0)
+    ])) : (d(), f("input", {
       key: 1,
       type: "number",
       value: e.modelValue ?? "",
@@ -976,12 +989,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: T(c.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] = (s) => t("blur", s)),
+      onFocus: r[3] || (r[3] = (s) => t("focus", s))
     }, 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 = {
@@ -1002,7 +1015,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i, r = {
+    const a = e, t = i, u = {
       AF: "Afghanistan",
       AL: "Albania",
       DZ: "Algeria",
@@ -1122,148 +1135,148 @@ 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(() => {
+    function n(C) {
+      return C.toUpperCase().split("").map((V) => String.fromCodePoint(127462 + V.charCodeAt(0) - 65)).join("");
+    }
+    const c = x(() => {
+      var V;
+      return ((V = a.countries) != null && V.length ? a.countries.filter(
+        (b) => xe().includes(b)
+      ) : xe()).map((b) => ({
+        code: b,
+        name: u[b] ?? b,
+        dialCode: `+${ke(b)}`,
+        flag: n(b)
+      })).sort((b, m) => b.name.localeCompare(m.name));
+    }), l = M(a.defaultCountry), o = M(""), r = M(!1), s = M(""), k = M(null), S = x(() => {
       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)
-      ) : d.value;
-    }), V = h(
-      () => d.value.find((C) => C.code === l.value) ?? d.value[0]
+      return C ? c.value.filter(
+        (V) => V.name.toLowerCase().includes(C) || V.code.toLowerCase().includes(C) || V.dialCode.includes(C)
+      ) : c.value;
+    }), F = x(
+      () => c.value.find((C) => C.code === l.value) ?? c.value[0]
     );
-    ue(() => {
-      t.modelValue && b(t.modelValue);
-    }), Y(
-      () => t.modelValue,
+    de(() => {
+      a.modelValue && y(a.modelValue);
+    }), W(
+      () => a.modelValue,
       (C) => {
-        C && b(C);
+        C && y(C);
       }
     );
-    function b(C) {
+    function y(C) {
       try {
-        const w = je(C);
-        if (w != null && w.country) {
-          l.value = w.country, n.value = w.nationalNumber;
+        const V = Oe(C);
+        if (V != null && V.country) {
+          l.value = V.country, o.value = V.nationalNumber;
           return;
         }
       } catch {
       }
-      n.value = C.replace(/^\+\d+\s*/, "");
+      o.value = C.replace(/^\+\d+\s*/, "");
     }
     function v() {
-      if (!n.value.trim()) {
-        a("update:modelValue", "");
+      if (!o.value.trim()) {
+        t("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);
+      const C = new ze(l.value);
+      C.input(`+${ke(l.value)}${o.value}`);
+      const V = C.getNumber();
+      t("update:modelValue", (V == null ? void 0 : V.format("E.164")) ?? o.value);
     }
-    function m(C) {
-      const w = C.target;
-      n.value = w.value, v();
+    function g(C) {
+      const V = C.target;
+      o.value = V.value, v();
     }
-    function y(C) {
-      l.value = C, o.value = !1, s.value = "", v();
+    function p(C) {
+      l.value = C, r.value = !1, s.value = "", v();
     }
-    function F() {
-      t.disabled || (o.value = !0, s.value = "", te(() => {
+    function N() {
+      a.disabled || (r.value = !0, s.value = "", te(() => {
         var C;
-        return (C = g.value) == null ? void 0 : C.focus();
+        return (C = k.value) == null ? void 0 : C.focus();
       }));
     }
-    function k() {
-      o.value = !1, s.value = "";
+    function B() {
+      r.value = !1, s.value = "";
     }
-    return (C, w) => {
-      var N, B;
-      return c(), f("div", At, [
-        p("div", {
-          class: S([
+    return (C, V) => {
+      var b, m;
+      return d(), f("div", At, [
+        h("div", {
+          class: T([
             "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"
           ])
         }, [
-          e.showDialCode ? (c(), f("button", {
+          e.showDialCode ? (d(), f("button", {
             key: 0,
             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] = J((w) => r.value ? B() : N(), ["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),
-            (c(), f("svg", {
-              class: S(["h-3 w-3 text-gray-400 transition-transform", o.value ? "rotate-180" : ""]),
+            h("span", Dt, A((b = F.value) == null ? void 0 : b.flag), 1),
+            h("span", Mt, A((m = F.value) == null ? void 0 : m.dialCode), 1),
+            (d(), f("svg", {
+              class: T(["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] = [
-              p("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+            }, [...V[3] || (V[3] = [
+              h("polyline", { points: "6 9 12 15 18 9" }, null, -1)
             ])], 2))
-          ], 40, Nt)) : T("", !0),
-          p("input", {
+          ], 40, Nt)) : I("", !0),
+          h("input", {
             type: "tel",
-            value: n.value,
+            value: o.value,
             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: T(["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: g,
+            onBlur: V[1] || (V[1] = (w) => t("blur", w))
           }, null, 42, Et)
         ], 2),
-        o.value ? (c(), f("div", {
+        r.value ? (d(), f("div", {
           key: 0,
           class: "fixed inset-0 z-40",
-          onMousedown: k
-        }, null, 32)) : T("", !0),
-        o.value ? (c(), f("div", Rt, [
-          p("div", jt, [
-            de(p("input", {
+          onMousedown: B
+        }, null, 32)) : I("", !0),
+        r.value ? (d(), f("div", Rt, [
+          h("div", jt, [
+            ce(h("input", {
               ref_key: "searchInputRef",
-              ref: g,
-              "onUpdate:modelValue": w[2] || (w[2] = (A) => s.value = A),
+              ref: k,
+              "onUpdate:modelValue": V[2] || (V[2] = (w) => s.value = w),
               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]
+              [ye, s.value]
             ])
           ]),
-          p("div", Ot, [
-            (c(!0), f(z, null, G($.value, (A) => (c(), f("button", {
-              key: A.code,
+          h("div", Ot, [
+            (d(!0), f(z, null, G(S.value, (w) => (d(), f("button", {
+              key: w.code,
               type: "button",
-              class: S([
+              class: T([
                 "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"
+                w.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: J((D) => p(w.code), ["prevent"])
             }, [
-              p("span", Kt, L(A.flag), 1),
-              p("span", Pt, L(A.name), 1),
-              p("span", Ut, L(A.dialCode), 1)
+              h("span", Kt, A(w.flag), 1),
+              h("span", Pt, A(w.name), 1),
+              h("span", Ut, A(w.dialCode), 1)
             ], 42, zt))), 128)),
-            $.value.length === 0 ? (c(), f("p", Ht, " No countries found ")) : T("", !0)
+            S.value.length === 0 ? (d(), f("p", Ht, " No countries found ")) : I("", !0)
           ])
-        ])) : T("", !0)
+        ])) : I("", !0)
       ]);
     };
   }
@@ -1281,55 +1294,55 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i;
+    const a = e, t = i;
     K();
-    function r(n) {
-      return t.modelValue === n;
+    function u(o) {
+      return a.modelValue === o;
     }
-    function u(n) {
-      return t.disabled || !!n.disabled;
+    function n(o) {
+      return a.disabled || !!o.disabled;
     }
-    function d(n) {
-      u(n) || a("update:modelValue", n.value);
+    function c(o) {
+      n(o) || t("update:modelValue", o.value);
     }
-    function l(n, o) {
-      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(o));
+    function l(o, r) {
+      (o.key === " " || o.key === "Enter") && (o.preventDefault(), c(r));
     }
-    return (n, o) => (c(), f("div", {
+    return (o, r) => (d(), f("div", {
       role: "radiogroup",
-      class: S(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
+      class: T(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
     }, [
-      (c(!0), f(z, null, G(e.options, (s) => (c(), f("label", {
+      (d(!0), f(z, null, G(e.options, (s) => (d(), f("label", {
         key: String(s.value),
-        class: S([
+        class: T([
           "inline-flex items-center gap-2 select-none",
-          u(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+          n(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ])
       }, [
-        p("input", {
+        h("input", {
           type: "radio",
-          checked: r(s.value),
-          disabled: u(s),
+          checked: u(s.value),
+          disabled: n(s),
           class: "sr-only",
-          onChange: (g) => d(s),
-          onBlur: o[0] || (o[0] = (g) => a("blur", g))
+          onChange: (k) => c(s),
+          onBlur: r[0] || (r[0] = (k) => t("blur", k))
         }, null, 40, Zt),
-        p("div", {
+        h("div", {
           role: "radio",
-          "aria-checked": r(s.value),
-          "aria-disabled": u(s) || void 0,
+          "aria-checked": u(s.value),
+          "aria-disabled": n(s) || void 0,
           tabindex: "0",
-          class: S([
+          class: T([
             "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"
+            u(s.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: O(u(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => c(s),
+          onKeydown: (k) => l(k, s)
         }, [
-          r(s.value) ? (c(), f("div", Yt)) : T("", !0)
+          u(s.value) ? (d(), f("div", Yt)) : I("", !0)
         ], 46, qt),
-        p("span", Jt, L(s.label), 1)
+        h("span", Jt, A(s.label), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -1364,173 +1377,176 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   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(() => {
-      if (!d.value) return t.options;
-      const B = d.value.toLowerCase();
-      return t.options.filter((A) => A.label.toLowerCase().includes(B));
+    const a = e, t = i, u = K(), n = M(!1), c = M(""), l = M(-1), o = M(null), r = M(null), s = x(() => a.modelValue === null || a.modelValue === void 0 ? [] : Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue]), k = x(() => {
+      if (s.value.length === 0 || a.multiple) return "";
+      const m = a.options.find((w) => w.value === s.value[0]);
+      return (m == null ? void 0 : m.label) ?? String(s.value[0]);
+    }), S = x(() => {
+      if (!c.value) return a.options;
+      const m = c.value.toLowerCase();
+      return a.options.filter((w) => w.label.toLowerCase().includes(m));
     });
-    function V(B) {
-      return s.value.includes(B);
+    function F(m) {
+      return s.value.includes(m);
     }
-    function b() {
-      t.disabled || (u.value ? m() : v());
+    function y() {
+      a.disabled || (n.value ? g() : v());
     }
     function v() {
-      u.value = !0, l.value = -1, d.value = "", te(() => {
-        var B;
-        return (B = o.value) == null ? void 0 : B.focus();
+      n.value = !0, l.value = -1, c.value = "", te(() => {
+        var m;
+        return (m = r.value) == null ? void 0 : m.focus();
       });
     }
-    function m() {
-      u.value = !1, d.value = "";
+    function g() {
+      n.value = !1, c.value = "";
     }
-    function y(B) {
-      if (!B.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);
+    function p(m) {
+      if (!m.disabled)
+        if (a.multiple) {
+          const w = [...s.value], D = w.indexOf(m.value);
+          D >= 0 ? w.splice(D, 1) : w.push(m.value), t("update:modelValue", w);
         } else
-          a("update:modelValue", B.value), m();
+          t("update:modelValue", m.value), g();
     }
-    function F(B) {
-      if (t.disabled) return;
-      const A = s.value.filter((R) => R !== B);
-      a("update:modelValue", A.length ? A : t.multiple ? [] : null);
+    function N(m) {
+      if (a.disabled) return;
+      const w = s.value.filter((D) => D !== m);
+      t("update:modelValue", w.length ? w : a.multiple ? [] : null);
     }
-    function k(B) {
-      B.stopPropagation(), a("update:modelValue", t.multiple ? [] : null);
+    function B(m) {
+      m.stopPropagation(), t("update:modelValue", a.multiple ? [] : null);
     }
-    function C(B) {
-      if (!u.value) {
-        (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), v());
+    function C(m) {
+      if (!n.value) {
+        (m.key === "Enter" || m.key === " " || m.key === "ArrowDown") && (m.preventDefault(), v());
         return;
       }
-      switch (B.key) {
+      switch (m.key) {
         case "ArrowDown":
-          B.preventDefault(), l.value = Math.min(
+          m.preventDefault(), l.value = Math.min(
             l.value + 1,
-            $.value.length - 1
+            S.value.length - 1
           );
           break;
         case "ArrowUp":
-          B.preventDefault(), l.value = Math.max(l.value - 1, 0);
+          m.preventDefault(), l.value = Math.max(l.value - 1, 0);
           break;
         case "Enter":
-          B.preventDefault(), l.value >= 0 && $.value[l.value] && y($.value[l.value]);
+          if (m.preventDefault(), l.value >= 0) {
+            const w = S.value[l.value];
+            w && p(w);
+          }
           break;
         case "Escape":
-          B.preventDefault(), m();
+          m.preventDefault(), g();
           break;
       }
     }
-    function w(B) {
-      n.value && !n.value.contains(B.target) && m();
+    function V(m) {
+      o.value && !o.value.contains(m.target) && g();
     }
-    function N(B) {
-      const A = t.options.find((R) => R.value === B);
-      return (A == null ? void 0 : A.label) ?? String(B);
+    function b(m) {
+      const w = a.options.find((D) => D.value === m);
+      return (w == null ? void 0 : w.label) ?? String(m);
     }
-    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 de(() => document.addEventListener("mousedown", V)), Ve(() => document.removeEventListener("mousedown", V)), W(n, (m) => {
+      m || t("blur", new FocusEvent("blur"));
+    }), (m, w) => (d(), f("div", {
       ref_key: "containerRef",
-      ref: n,
-      class: S([
+      ref: o,
+      class: T([
         "relative w-full",
-        H(r).classes.value.input,
+        q(u).classes.value.input,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      p("div", {
+      h("div", {
         role: "combobox",
-        "aria-expanded": u.value,
+        "aria-expanded": n.value,
         "aria-haspopup": "listbox",
         tabindex: "0",
-        class: S([
+        class: T([
           "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" : "",
+          n.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,
+        style: O(n.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: y,
         onKeydown: C
       }, [
-        p("div", Qt, [
-          e.multiple ? (c(!0), f(z, { key: 0 }, G(s.value, (R) => (c(), f("span", {
-            key: String(R),
+        h("div", Qt, [
+          e.multiple ? (d(!0), f(z, { key: 0 }, G(s.value, (D) => (d(), f("span", {
+            key: String(D),
             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),
-            p("button", {
+            Q(A(b(D)) + " ", 1),
+            h("button", {
               type: "button",
               class: "ml-0.5",
               style: { color: "var(--fc-color-primary, #3b82f6)" },
               "aria-label": "Remove",
-              onClick: q((Q) => F(R), ["stop"])
+              onClick: J((P) => N(D), ["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 ? (d(), f("span", ea, A(k.value), 1)) : (d(), f("span", ta, A(e.placeholder), 1))
         ]),
-        e.clearable && s.value.length > 0 && !e.disabled ? (c(), f("button", {
+        e.clearable && s.value.length > 0 && !e.disabled ? (d(), 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
-        }, " × ")) : 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" : ""]),
+          onClick: B
+        }, " × ")) : I("", !0),
+        (d(), f("svg", {
+          class: T(["ml-1 h-4 w-4 shrink-0 text-gray-400 transition-transform duration-200", n.value ? "rotate-180" : ""]),
           viewBox: "0 0 20 20",
           fill: "currentColor",
           "aria-hidden": "true"
-        }, [...A[1] || (A[1] = [
-          p("path", {
+        }, [...w[1] || (w[1] = [
+          h("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",
             "clip-rule": "evenodd"
           }, null, -1)
         ])], 2))
       ], 46, _t),
-      u.value ? (c(), f("div", aa, [
-        e.searchable ? (c(), f("div", la, [
-          de(p("input", {
+      n.value ? (d(), f("div", aa, [
+        e.searchable ? (d(), f("div", la, [
+          ce(h("input", {
             ref_key: "searchInputRef",
-            ref: o,
-            "onUpdate:modelValue": A[0] || (A[0] = (R) => d.value = R),
+            ref: r,
+            "onUpdate:modelValue": w[0] || (w[0] = (D) => c.value = D),
             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
           }, null, 544), [
-            [ve, d.value]
+            [ye, c.value]
           ])
-        ])) : T("", !0),
-        p("ul", na, [
-          (c(!0), f(z, null, G($.value, (R, Q) => (c(), f("li", {
-            key: String(R.value),
+        ])) : I("", !0),
+        h("ul", na, [
+          (d(!0), f(z, null, G(S.value, (D, P) => (d(), f("li", {
+            key: String(D.value),
             role: "option",
-            "aria-selected": V(R.value),
-            class: S([
+            "aria-selected": F(D.value),
+            class: T([
               "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
-              V(R.value) ? "" : "text-gray-900",
-              l.value === Q ? "bg-gray-100" : "",
-              R.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-50"
+              F(D.value) ? "" : "text-gray-900",
+              l.value === P ? "bg-gray-100" : "",
+              D.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)" } : {}),
-            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)
+            style: O(F(D.value) ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
+            onClick: (re) => p(D),
+            onMouseenter: (re) => l.value = P
+          }, A(D.label), 47, oa))), 128)),
+          S.value.length === 0 ? (d(), f("li", ra, " No options found ")) : I("", !0)
         ])
-      ])) : T("", !0)
+      ])) : I("", !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__ */ ne(sa, [["__scopeId", "data-v-816d5094"]]), 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: {},
@@ -1542,28 +1558,28 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i;
+    const a = e, t = i;
     K();
-    const r = D(!1), u = h(() => {
-      const l = t.max - t.min;
-      return l === 0 ? 0 : (t.modelValue - t.min) / l * 100;
+    const u = M(!1), n = x(() => {
+      const l = a.max - a.min;
+      return l === 0 ? 0 : (a.modelValue - a.min) / l * 100;
     });
-    function d(l) {
-      const n = l.target;
-      a("update:modelValue", parseFloat(n.value));
+    function c(l) {
+      const o = l.target;
+      t("update:modelValue", parseFloat(o.value));
     }
-    return (l, n) => (c(), f("div", {
-      class: S([
+    return (l, o) => (d(), f("div", {
+      class: T([
         "relative w-full py-2",
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      e.showTooltip && r.value ? (c(), f("div", {
+      e.showTooltip && u.value ? (d(), 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)` })
-      }, L(e.modelValue), 5)) : T("", !0),
-      p("input", {
+        style: O({ left: `calc(${n.value}% - 16px)` })
+      }, A(e.modelValue), 5)) : I("", !0),
+      h("input", {
         type: "range",
         value: e.modelValue,
         min: e.min,
@@ -1576,19 +1592,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "aria-disabled": e.disabled || void 0,
         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);
+        onInput: c,
+        onMousedown: o[0] || (o[0] = (r) => u.value = !0),
+        onMouseup: o[1] || (o[1] = (r) => u.value = !1),
+        onTouchstart: o[2] || (o[2] = (r) => u.value = !0),
+        onTouchend: o[3] || (o[3] = (r) => u.value = !1),
+        onFocus: o[4] || (o[4] = (r) => u.value = !0),
+        onBlur: o[5] || (o[5] = (r) => {
+          u.value = !1, t("blur", r);
         })
       }, null, 40, ua),
-      p("div", da, [
-        p("span", null, L(e.min), 1),
-        p("span", null, L(e.max), 1)
+      h("div", da, [
+        h("span", null, A(e.min), 1),
+        h("span", null, A(e.max), 1)
       ])
     ], 2));
   }
@@ -1608,54 +1624,54 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: i }) {
-    const t = e, a = i;
+    const a = e, t = i;
     K();
-    const r = h(() => [
+    const u = x(() => [
       "inline-flex items-center gap-2 select-none",
-      t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+      a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
     ]);
-    function u() {
-      t.disabled || a("update:modelValue", !t.modelValue);
+    function n() {
+      a.disabled || t("update:modelValue", !a.modelValue);
     }
-    function d(l) {
-      (l.key === " " || l.key === "Enter") && (l.preventDefault(), u());
+    function c(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), n());
     }
-    return (l, n) => (c(), f("label", {
-      class: S(r.value)
+    return (l, o) => (d(), f("label", {
+      class: T(u.value)
     }, [
-      e.inactiveLabel ? (c(), f("span", fa, L(e.inactiveLabel), 1)) : T("", !0),
-      p("input", {
+      e.inactiveLabel ? (d(), f("span", fa, A(e.inactiveLabel), 1)) : I("", !0),
+      h("input", {
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         class: "sr-only",
-        onChange: u,
-        onBlur: n[0] || (n[0] = (o) => a("blur", o))
+        onChange: n,
+        onBlur: o[0] || (o[0] = (r) => t("blur", r))
       }, null, 40, ma),
-      p("button", {
+      h("button", {
         type: "button",
         role: "switch",
         "aria-checked": e.modelValue,
         "aria-disabled": e.disabled || void 0,
         tabindex: "0",
-        class: S([
+        class: T([
           "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,
-        onKeydown: d
+        onClick: n,
+        onKeydown: c
       }, [
-        p("span", {
-          class: S([
+        h("span", {
+          class: T([
             "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"
           ]),
           "aria-hidden": "true"
         }, null, 2)
       ], 46, ba),
-      e.activeLabel ? (c(), f("span", va, L(e.activeLabel), 1)) : T("", !0)
+      e.activeLabel ? (d(), f("span", va, A(e.activeLabel), 1)) : I("", !0)
     ], 2));
   }
 }), pa = ["onClick"], ga = ["placeholder", "disabled"], ha = {
@@ -1673,118 +1689,120 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   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(() => {
-      if (!d.value || t.suggestions.length === 0) return [];
-      const k = d.value.toLowerCase();
-      return t.suggestions.filter(
-        (C) => C.toLowerCase().includes(k) && !a.value.includes(C)
+    const a = e, t = x(() => Array.isArray(a.modelValue) ? a.modelValue : []), u = i, n = K(), c = M(""), l = M(!1), o = M(!1), r = M(-1), s = M(null), k = M(null), S = x(() => !a.maxTags || t.value.length < a.maxTags), F = x(() => {
+      if (!c.value || a.suggestions.length === 0) return [];
+      const B = c.value.toLowerCase();
+      return a.suggestions.filter(
+        (C) => C.toLowerCase().includes(B) && !t.value.includes(C)
       );
     });
-    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 v(k) {
-      if (t.disabled) return;
-      const C = a.value.filter((w, N) => N !== k);
-      r("update:modelValue", C);
-    }
-    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 y(B) {
+      const C = B.trim();
+      !C || !S.value || t.value.includes(C) || (u("update:modelValue", [...t.value, C]), c.value = "", o.value = !1, r.value = -1);
+    }
+    function v(B) {
+      if (a.disabled) return;
+      const C = t.value.filter((V, b) => b !== B);
+      u("update:modelValue", C);
+    }
+    function g(B) {
+      if (B.key === "Enter" || B.key === ",") {
+        B.preventDefault();
+        const C = r.value >= 0 ? F.value[r.value] : void 0;
+        y(C || c.value);
         return;
       }
-      if (k.key === "Backspace" && d.value === "" && a.value.length > 0) {
-        v(a.value.length - 1);
+      if (B.key === "Backspace" && c.value === "" && t.value.length > 0) {
+        v(t.value.length - 1);
         return;
       }
-      if (k.key === "ArrowDown" && n.value) {
-        k.preventDefault(), o.value = Math.min(
-          o.value + 1,
-          V.value.length - 1
+      if (B.key === "ArrowDown" && o.value) {
+        B.preventDefault(), r.value = Math.min(
+          r.value + 1,
+          F.value.length - 1
         );
         return;
       }
-      if (k.key === "ArrowUp" && n.value) {
-        k.preventDefault(), o.value = Math.max(o.value - 1, 0);
+      if (B.key === "ArrowUp" && o.value) {
+        B.preventDefault(), r.value = Math.max(r.value - 1, 0);
         return;
       }
-      k.key === "Escape" && (n.value = !1, o.value = -1);
+      B.key === "Escape" && (o.value = !1, r.value = -1);
     }
-    function y() {
-      n.value = d.value.length > 0 && V.value.length > 0, o.value = -1;
+    function p() {
+      o.value = c.value.length > 0 && F.value.length > 0, r.value = -1;
     }
-    function F(k) {
-      s.value && !s.value.contains(k.target) && (n.value = !1);
+    function N(B) {
+      s.value && !s.value.contains(B.target) && (o.value = !1);
     }
-    return ue(() => document.addEventListener("mousedown", F)), Ve(() => document.removeEventListener("mousedown", F)), Y(d, () => {
-      te(y);
-    }), (k, C) => (c(), f("div", {
+    return de(() => document.addEventListener("mousedown", N)), Ve(() => document.removeEventListener("mousedown", N)), W(c, () => {
+      te(p);
+    }), (B, C) => (d(), f("div", {
       ref_key: "containerRef",
       ref: s,
-      class: S([
+      class: T([
         "relative w-full",
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      p("div", {
-        class: S([
+      h("div", {
+        class: T([
           "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
+          q(n).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();
+        onClick: C[3] || (C[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,
+        (d(!0), f(z, null, G(t.value, (V, b) => (d(), 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),
-          e.disabled ? T("", !0) : (c(), f("button", {
+          Q(A(V) + " ", 1),
+          e.disabled ? I("", !0) : (d(), 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: J((m) => v(b), ["stop"])
           }, " × ", 8, pa))
         ]))), 128)),
-        de(p("input", {
+        ce(h("input", {
           ref_key: "inputRef",
-          ref: g,
-          "onUpdate:modelValue": C[0] || (C[0] = (w) => d.value = w),
+          ref: k,
+          "onUpdate:modelValue": C[0] || (C[0] = (V) => c.value = V),
           type: "text",
-          placeholder: a.value.length === 0 ? e.placeholder : "",
+          placeholder: t.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: g,
+          onFocus: C[1] || (C[1] = (V) => l.value = !0),
+          onBlur: C[2] || (C[2] = (V) => {
+            l.value = !1, u("blur", V);
           })
         }, null, 40, ga), [
-          [ve, d.value]
+          [ye, c.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,
+      o.value && F.value.length > 0 ? (d(), f("ul", ha, [
+        (d(!0), f(z, null, G(F.value, (V, b) => (d(), f("li", {
+          key: V,
           role: "option",
-          "aria-selected": o.value === N,
-          class: S([
+          "aria-selected": r.value === b,
+          class: T([
             "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))
-      ])) : T("", !0)
+          style: O(r.value === b ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onMousedown: J((m) => y(V), ["prevent"]),
+          onMouseenter: (m) => r.value = b
+        }, A(V), 47, xa))), 128))
+      ])) : I("", !0)
     ], 2));
   }
 }), wa = ["value", "rows", "maxlength", "placeholder", "disabled", "readonly", "aria-disabled", "aria-readonly"], $a = /* @__PURE__ */ j({
@@ -1800,48 +1818,48 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = D(null), d = h(
+    const a = e, t = i, u = K(), n = M(null), c = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "placeholder:text-gray-400 resize-y",
         "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-textarea-input",
         "transition-colors duration-200",
-        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
-        t.autoResize ? "resize-none overflow-hidden" : "",
-        r.classes.value.input
+        a.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        a.autoResize ? "resize-none overflow-hidden" : "",
+        u.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 (!a.autoResize || !n.value) return;
+      const r = n.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 o(r) {
+      const s = r.target;
+      t("update:modelValue", s.value), a.autoResize && te(l);
     }
-    return Y(
-      () => t.modelValue,
+    return W(
+      () => a.modelValue,
       () => {
-        t.autoResize && te(l);
+        a.autoResize && te(l);
       }
-    ), ue(() => {
-      t.autoResize && l();
-    }), (o, s) => (c(), f("textarea", {
+    ), de(() => {
+      a.autoResize && l();
+    }), (r, s) => (d(), f("textarea", {
       ref_key: "textareaRef",
-      ref: u,
+      ref: n,
       value: e.modelValue,
       rows: e.rows,
       maxlength: e.maxLength,
       placeholder: e.placeholder,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: S(d.value),
+      class: T(c.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))
+      onInput: o,
+      onBlur: s[0] || (s[0] = (k) => t("blur", k)),
+      onFocus: s[1] || (s[1] = (k) => t("focus", k))
     }, null, 42, wa));
   }
 }), Ca = /* @__PURE__ */ ne($a, [["__scopeId", "data-v-67f80d90"]]), Va = {
@@ -1868,40 +1886,40 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { emit: i }) {
-    const t = e, a = i, r = K(), u = h(() => !!t.prefix || !!t.suffix), d = h(
+    const a = e, t = i, u = K(), n = x(() => !!a.prefix || !!a.suffix), c = x(
       () => [
         "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
         "placeholder:text-gray-400",
         "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-text-input",
         "transition-colors duration-200",
-        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
-        t.prefix ? "rounded-l-none" : "",
-        t.suffix ? "rounded-r-none" : "",
-        r.classes.value.input
+        a.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        a.prefix ? "rounded-l-none" : "",
+        a.suffix ? "rounded-r-none" : "",
+        u.classes.value.input
       ].filter(Boolean).join(" ")
     );
-    function l(n) {
-      const o = n.target;
-      a("update:modelValue", o.value);
+    function l(o) {
+      const r = o.target;
+      t("update:modelValue", r.value);
     }
-    return (n, o) => u.value ? (c(), f("div", Va, [
-      e.prefix ? (c(), f("span", Sa, L(e.prefix), 1)) : T("", !0),
-      p("input", {
+    return (o, r) => n.value ? (d(), f("div", Va, [
+      e.prefix ? (d(), f("span", Sa, A(e.prefix), 1)) : I("", !0),
+      h("input", {
         type: e.inputType,
         value: e.modelValue,
         placeholder: e.placeholder,
         maxlength: e.maxLength,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: S(d.value),
+        class: T(c.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] = (s) => t("blur", s)),
+        onFocus: r[1] || (r[1] = (s) => t("focus", s))
       }, null, 42, Ba),
-      e.suffix ? (c(), f("span", Fa, L(e.suffix), 1)) : T("", !0)
-    ])) : (c(), f("input", {
+      e.suffix ? (d(), f("span", Fa, A(e.suffix), 1)) : I("", !0)
+    ])) : (d(), f("input", {
       key: 1,
       type: e.inputType,
       value: e.modelValue,
@@ -1909,12 +1927,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: T(c.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] = (s) => t("blur", s)),
+      onFocus: r[3] || (r[3] = (s) => t("focus", s))
     }, null, 42, Ta));
   }
 }), La = /* @__PURE__ */ ne(Ia, [["__scopeId", "data-v-a42b4343"]]), Aa = {
@@ -1937,53 +1955,53 @@ 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(() => {
-      if (t) {
-        const $ = t.t(i.fieldName, "label");
-        if ($) return $;
+    const i = e, a = Y(pe), t = Y(ge), u = M(!1), n = x(() => {
+      if (a) {
+        const S = a.t(i.fieldName, "label");
+        if (S) return S;
       }
       return i.fieldSchema.label ?? i.fieldName;
-    }), d = h(() => {
-      if (t) {
-        const $ = t.t(i.fieldName, "helpText");
-        if ($) return $;
+    }), c = x(() => {
+      if (a) {
+        const S = a.t(i.fieldName, "helpText");
+        if (S) return S;
       }
       return i.fieldSchema.helpText ?? "";
-    }), l = h(() => {
-      if (t) {
-        const $ = t.t(i.fieldName, "tooltip");
-        if ($) return $;
+    }), l = x(() => {
+      if (a) {
+        const S = a.t(i.fieldName, "tooltip");
+        if (S) return S;
       }
       return i.fieldSchema.tooltip ?? "";
-    }), n = h(() => i.touched && i.errors.length > 0), o = h(() => [
-      (a == null ? void 0 : a.classes.value.field) ?? "fc-field",
+    }), o = x(() => i.touched && i.errors.length > 0), r = x(() => [
+      (t == null ? void 0 : t.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;
-      return c(), f("div", {
-        class: S([o.value, "relative mb-4"]),
+    ]), s = x(() => `fc-field-${i.fieldName}`), k = x(() => `fc-error-${i.fieldName}`);
+    return (S, F) => {
+      var y, v;
+      return d(), f("div", {
+        class: T([r.value, "relative mb-4"]),
         style: O(e.fieldSchema.style)
       }, [
-        e.fieldSchema.type !== "hidden" ? (c(), f("div", Aa, [
-          p("label", {
+        e.fieldSchema.type !== "hidden" ? (d(), f("div", Aa, [
+          h("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"])
+            class: T([((y = q(t)) == null ? void 0 : y.classes.value.label) ?? "fc-label", "block text-sm font-medium text-gray-700"])
           }, [
-            _(L(u.value) + " ", 1),
-            e.fieldSchema.required ? (c(), f("span", Da, "*")) : T("", !0)
+            Q(A(n.value) + " ", 1),
+            e.fieldSchema.required ? (d(), f("span", Da, "*")) : I("", !0)
           ], 10, Na),
-          l.value ? (c(), f("span", {
+          l.value ? (d(), 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: F[0] || (F[0] = (g) => u.value = !0),
+            onMouseleave: F[1] || (F[1] = (g) => u.value = !1),
+            onFocusin: F[2] || (F[2] = (g) => u.value = !0),
+            onFocusout: F[3] || (F[3] = (g) => u.value = !1)
           }, [
-            p("button", {
+            h("button", {
               type: "button",
               class: "inline-flex h-4 w-4 items-center justify-center rounded-full bg-gray-200 text-gray-500 text-xs hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500/40",
               "aria-label": `Info: ${l.value}`,
@@ -1997,20 +2015,20 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
               "leave-from-class": "opacity-100 scale-100",
               "leave-to-class": "opacity-0 scale-95"
             }, {
-              default: W(() => [
-                r.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))
-                ])) : T("", !0)
+              default: _(() => [
+                u.value ? (d(), f("div", Ea, [
+                  Q(A(l.value) + " ", 1),
+                  F[4] || (F[4] = h("div", { class: "absolute left-1/2 top-full -translate-x-1/2 border-4 border-transparent border-t-gray-900" }, null, -1))
+                ])) : I("", !0)
               ]),
               _: 1
             })
-          ], 32)) : T("", !0)
-        ])) : T("", !0),
-        p("div", { id: s.value }, [
-          Ae($.$slots, "default")
+          ], 32)) : I("", !0)
+        ])) : I("", !0),
+        h("div", { id: s.value }, [
+          De(S.$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",
@@ -2020,23 +2038,23 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
           "leave-to-class": "opacity-0 -translate-y-1 max-h-0",
           class: ""
         }, {
-          default: W(() => [
-            (c(!0), f(z, null, G(n.value ? e.errors : [], (m, y) => {
-              var F;
-              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"]),
+          default: _(() => [
+            (d(!0), f(z, null, G(o.value ? e.errors : [], (g, p) => {
+              var N;
+              return d(), f("p", {
+                key: g + p,
+                id: p === 0 ? k.value : void 0,
+                class: T([((N = q(t)) == null ? void 0 : N.classes.value.error) ?? "fc-error", "mt-1 text-xs text-red-500"]),
                 role: "alert"
-              }, L(m), 11, ja);
+              }, A(g), 11, ja);
             }), 128))
           ]),
           _: 1
         }),
-        d.value && !n.value ? (c(), f("p", {
+        c.value && !o.value ? (d(), 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"])
-        }, L(d.value), 3)) : T("", !0)
+          class: T([((v = q(t)) == null ? void 0 : v.classes.value.helpText) ?? "fc-help-text", "mt-1 text-xs text-gray-400"])
+        }, A(c.value), 3)) : I("", !0)
       ], 6);
     };
   }
@@ -2049,68 +2067,68 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     name: {}
   },
   setup(e) {
-    const i = e, t = J(ce);
-    if (!t)
+    const i = e, a = Y(fe);
+    if (!a)
       throw new Error(
         "FormField must be used inside a FormBuilder (FormContextKey not provided)"
       );
-    const a = J(
+    const t = a, u = Y(
       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({
+    ), n = x(
+      () => U(t.schema.fields).find((v) => v.name === i.name)
+    ), c = x(() => {
+      var p;
+      const v = n.value;
+      if (!v) return;
+      const g = (p = u == null ? void 0 : u.value) == null ? void 0 : p[v.type];
+      return g || Ke(v.type);
+    }), l = x(() => t.values[i.name]), o = x(() => t.errors[i.name] ?? []), r = x(() => t.touched[i.name] ?? !1), s = x(() => {
+      const v = n.value;
+      return v ? v.condition ? ie(v.condition, t.values) : typeof v.visible == "function" ? v.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: (g) => t.values[g]
+      }) : v.visible ?? !0 : !1;
+    }), k = x(() => {
+      const v = n.value;
+      return v ? typeof v.disabled == "function" ? v.disabled({
         values: { ...t.values },
-        getFieldValue: (v) => t.values[v]
-      }) : b.disabled ?? !1 : !1;
-    }), g = h(() => {
-      const b = r.value;
-      if (!b) return {};
+        getFieldValue: (g) => t.values[g]
+      }) : v.disabled ?? !1 : !1;
+    }), S = x(() => {
+      const v = n.value;
+      if (!v) return {};
       const {
-        name: v,
-        label: m,
-        helpText: y,
-        tooltip: F,
-        condition: k,
-        translations: C,
-        meta: w,
-        rules: N,
-        visible: B,
-        className: A,
-        style: R,
-        defaultValue: Q,
-        ...ee
-      } = b;
+        name: g,
+        label: p,
+        helpText: N,
+        tooltip: B,
+        condition: C,
+        translations: V,
+        meta: b,
+        rules: m,
+        visible: w,
+        className: D,
+        style: P,
+        defaultValue: re,
+        ...se
+      } = v;
       return {
-        ...ee,
-        modelValue: d.value,
-        disabled: s.value,
-        readonly: b.readOnly ?? !1,
-        placeholder: b.placeholder ?? ""
+        ...se,
+        modelValue: l.value,
+        disabled: k.value,
+        readonly: v.readOnly ?? !1,
+        placeholder: v.placeholder ?? ""
       };
     });
-    function $(b) {
-      t.setFieldValue(i.name, b);
+    function F(v) {
+      t.setFieldValue(i.name, v);
     }
-    function V() {
-      var b;
-      t.touched[i.name] = !0, ((b = t.schema.settings) == null ? void 0 : b.validateOnBlur) !== !1 && t.validateField(i.name);
+    function y() {
+      var v;
+      t.touched[i.name] = !0, ((v = t.schema.settings) == null ? void 0 : v.validateOnBlur) !== !1 && t.validateField(i.name);
     }
-    return (b, v) => (c(), U(ae, {
+    return (v, g) => (d(), H(ae, {
       "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",
@@ -2118,24 +2136,24 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       "leave-from-class": "opacity-100 max-h-96",
       "leave-to-class": "opacity-0 max-h-0"
     }, {
-      default: W(() => [
-        o.value && r.value ? (c(), U(Oa, {
+      default: _(() => [
+        s.value && n.value ? (d(), H(Oa, {
           key: 0,
-          "field-schema": r.value,
+          "field-schema": n.value,
           "field-name": e.name,
-          errors: l.value,
-          touched: n.value
+          errors: o.value,
+          touched: r.value
         }, {
-          default: W(() => [
-            u.value ? (c(), U(Se(u.value), De({ key: 0 }, g.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))
+          default: _(() => [
+            c.value ? (d(), H(Se(c.value), Ee({ key: 0 }, S.value, {
+              "aria-invalid": r.value && o.value.length > 0 ? !0 : void 0,
+              "aria-describedby": r.value && o.value.length > 0 ? `fc-error-${e.name}` : void 0,
+              "onUpdate:modelValue": F,
+              onBlur: y
+            }), null, 16, ["aria-invalid", "aria-describedby"])) : (d(), f("div", za, ' No component registered for field type "' + A(n.value.type) + '" ', 1))
           ]),
           _: 1
-        }, 8, ["field-schema", "field-name", "errors", "touched"])) : T("", !0)
+        }, 8, ["field-schema", "field-name", "errors", "touched"])) : I("", !0)
       ]),
       _: 1
     }));
@@ -2150,19 +2168,19 @@ 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 (i, a) => (d(), f("div", {
+      class: T([e.className ?? "", "relative my-4"]),
       role: "separator"
     }, [
-      t[0] || (t[0] = p("div", {
+      a[0] || (a[0] = h("div", {
         class: "absolute inset-0 flex items-center",
         "aria-hidden": "true"
       }, [
-        p("div", { class: "w-full border-t border-gray-200" })
+        h("div", { class: "w-full border-t border-gray-200" })
       ], -1)),
-      e.label ? (c(), f("div", Ka, [
-        p("span", Pa, L(e.label), 1)
-      ])) : T("", !0)
+      e.label ? (d(), f("div", Ka, [
+        h("span", Pa, A(e.label), 1)
+      ])) : I("", !0)
     ], 2));
   }
 }), Ha = ["aria-labelledby"], Ga = {
@@ -2182,52 +2200,52 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = D(i.collapsed);
-    function a() {
-      i.collapsible && (t.value = !t.value);
+    const i = e, a = M(i.collapsed);
+    function t() {
+      i.collapsible && (a.value = !a.value);
     }
-    const r = h(
+    const u = x(
       () => i.title ? `fc-group-${i.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 (n, c) => (d(), f("fieldset", {
+      class: T([[e.className ?? ""], "rounded-lg border border-gray-200 bg-white"]),
+      "aria-labelledby": u.value
     }, [
-      e.title || e.description ? (c(), f("div", Ga, [
-        (c(), U(Se(e.collapsible ? "button" : "div"), {
+      e.title || e.description ? (d(), f("div", Ga, [
+        (d(), H(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" : ""]),
-          "aria-expanded": e.collapsible ? !t.value : void 0,
-          "aria-controls": e.collapsible ? `fc-group-body-${r.value}` : void 0,
-          onClick: a
+          class: T(["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 ? !a.value : void 0,
+          "aria-controls": e.collapsible ? `fc-group-body-${u.value}` : void 0,
+          onClick: t
         }, {
-          default: W(() => [
-            p("div", null, [
-              e.title ? (c(), f("legend", {
+          default: _(() => [
+            h("div", null, [
+              e.title ? (d(), f("legend", {
                 key: 0,
-                id: r.value,
+                id: u.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)
+              }, A(e.title), 9, Za)) : I("", !0),
+              e.description ? (d(), f("p", qa, A(e.description), 1)) : I("", !0)
             ]),
-            e.collapsible ? (c(), f("svg", {
+            e.collapsible ? (d(), 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: T(["h-4 w-4 shrink-0 text-gray-400 motion-safe:transition-transform motion-safe:duration-200", a.value ? "" : "rotate-180"]),
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 20 20",
               fill: "currentColor",
               "aria-hidden": "true"
-            }, [...d[0] || (d[0] = [
-              p("path", {
+            }, [...c[0] || (c[0] = [
+              h("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",
                 "clip-rule": "evenodd"
               }, null, -1)
-            ])], 2)) : T("", !0)
+            ])], 2)) : I("", !0)
           ]),
           _: 1
         }, 8, ["type", "class", "aria-expanded", "aria-controls"]))
-      ])) : T("", !0),
+      ])) : I("", !0),
       Z(ae, {
         "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",
@@ -2236,14 +2254,14 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "leave-from-class": "max-h-[2000px] opacity-100 overflow-hidden",
         "leave-to-class": "max-h-0 opacity-0 overflow-hidden"
       }, {
-        default: W(() => [
-          de(p("div", {
-            id: e.collapsible ? `fc-group-body-${r.value}` : void 0,
+        default: _(() => [
+          ce(h("div", {
+            id: e.collapsible ? `fc-group-body-${u.value}` : void 0,
             class: "p-4"
           }, [
             Z(oe, { nodes: e.children }, null, 8, ["nodes"])
           ], 8, Ya), [
-            [Me, !t.value]
+            [Re, !a.value]
           ])
         ]),
         _: 1
@@ -2257,10 +2275,10 @@ 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"]),
-      innerHTML: t.value
+    const i = e, a = x(() => Ae(i.content));
+    return (t, u) => (d(), f("div", {
+      class: T([e.className ?? "", "fc-html prose prose-sm max-w-none text-gray-700"]),
+      innerHTML: a.value
     }, null, 10, Wa));
   }
 }), Qa = /* @__PURE__ */ j({
@@ -2272,15 +2290,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const i = e, t = h(() => ({
+    const i = e, a = 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" }),
+    })[i.align] ?? "items-stretch"), t = x(() => i.gap ? typeof i.gap == "number" ? `${i.gap}px` : i.gap : "");
+    return (u, n) => (d(), f("div", {
+      class: T(["grid grid-cols-12", [a.value, e.className ?? ""]]),
+      style: O(t.value ? { gap: t.value } : { gap: "1rem" }),
       role: "group"
     }, [
       Z(oe, { nodes: e.children }, null, 8, ["nodes"])
@@ -2313,83 +2331,83 @@ 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 i = e, a = Y(fe), t = M(0), u = M(/* @__PURE__ */ new Set()), n = x(() => i.steps), c = x(() => n.value.length), l = x(() => t.value === 0), o = x(() => t.value === c.value - 1);
+    function r(y) {
       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);
+      function g(p) {
+        for (const N of p)
+          if (Ce(N))
+            v.push(N.name);
+          else if (N.type === "row" || N.type === "group")
+            g(N.children);
+          else if (N.type === "steps")
+            for (const B of N.steps) g(B.children);
+          else if (N.type === "tabs")
+            for (const B of N.tabs) g(B.children);
       }
-      return m(b.children), v;
+      return g(y.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);
+      if (!a || !i.linear) return !0;
+      const y = n.value[t.value];
+      if (!y) return !0;
+      const v = r(y);
+      let g = !0;
+      for (const p of v) {
+        const N = await a.validateField(p);
+        a.touched[p] = !0, N.length > 0 && (g = !1);
       }
-      return m;
+      return g;
     }
-    async function g() {
-      n.value || i.linear && !await s() || (r.value.add(a.value), a.value++);
+    async function k() {
+      o.value || i.linear && !await s() || (u.value.add(t.value), t.value++);
     }
-    function $() {
-      l.value || a.value--;
+    function S() {
+      l.value || t.value--;
     }
-    function V(b) {
-      i.linear && b > a.value || (a.value = b);
+    function F(y) {
+      i.linear && y > t.value || (t.value = y);
     }
-    return (b, v) => (c(), f("div", {
-      class: S([e.className ?? "", "space-y-6"])
+    return (y, v) => (d(), f("div", {
+      class: T([e.className ?? "", "space-y-6"])
     }, [
-      p("nav", Xa, [
-        p("ol", el, [
-          (c(!0), f(z, null, G(u.value, (m, y) => (c(), f("li", {
-            key: y,
+      h("nav", Xa, [
+        h("ol", el, [
+          (d(!0), f(z, null, G(n.value, (g, p) => (d(), f("li", {
+            key: p,
             class: "flex items-center"
           }, [
-            p("button", {
+            h("button", {
               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",
-                e.linear && y > a.value ? "cursor-not-allowed" : "cursor-pointer hover:shadow-md"
+              disabled: e.linear && p > t.value,
+              "aria-current": p === t.value ? "step" : void 0,
+              "aria-label": `Step ${p + 1}: ${g.title}`,
+              class: T(["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", [
+                u.value.has(p) && p !== t.value ? "border-green-500 bg-green-500 text-white" : p !== t.value ? "border-gray-300 bg-white text-gray-500" : "text-white",
+                e.linear && p > t.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: O(p === t.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+              onClick: (N) => F(p)
             }, [
-              r.value.has(y) && y !== a.value ? (c(), f("svg", al, [...v[0] || (v[0] = [
-                p("path", {
+              u.value.has(p) && p !== t.value ? (d(), f("svg", al, [...v[0] || (v[0] = [
+                h("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",
                   "clip-rule": "evenodd"
                 }, null, -1)
-              ])])) : (c(), f("span", ll, L(y + 1), 1))
+              ])])) : (d(), f("span", ll, A(p + 1), 1))
             ], 14, tl),
-            y < u.value.length - 1 ? (c(), f("div", {
+            p < n.value.length - 1 ? (d(), 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"])
-            }, null, 2)) : T("", !0)
+              class: T(["mx-1 h-0.5 w-8 motion-safe:transition-colors motion-safe:duration-300 sm:w-12", u.value.has(p) ? "bg-green-500" : "bg-gray-200"])
+            }, null, 2)) : I("", !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)
-      ])) : T("", !0),
+      n.value[t.value] ? (d(), f("div", nl, [
+        h("h3", ol, A(n.value[t.value].title), 1),
+        n.value[t.value].description ? (d(), f("p", rl, A(n.value[t.value].description), 1)) : I("", !0)
+      ])) : I("", !0),
       Z(ae, {
         mode: "out-in",
         "enter-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
@@ -2399,29 +2417,29 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "leave-from-class": "opacity-100 translate-x-0",
         "leave-to-class": "opacity-0 -translate-x-2"
       }, {
-        default: W(() => [
-          u.value[a.value] ? (c(), f("div", { key: a.value }, [
+        default: _(() => [
+          n.value[t.value] ? (d(), f("div", { key: t.value }, [
             Z(oe, {
-              nodes: u.value[a.value].children
+              nodes: n.value[t.value].children
             }, null, 8, ["nodes"])
-          ])) : T("", !0)
+          ])) : I("", !0)
         ]),
         _: 1
       }),
-      p("div", sl, [
-        p("button", {
+      h("div", sl, [
+        h("button", {
           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: S
         }, " Previous ", 8, il),
-        p("span", ul, L(a.value + 1) + " / " + L(d.value), 1),
-        n.value ? (c(), f("div", dl)) : (c(), f("button", {
+        h("span", ul, A(t.value + 1) + " / " + A(c.value), 1),
+        o.value ? (d(), f("div", dl)) : (d(), f("button", {
           key: 0,
           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,54 +2459,54 @@ 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 n = a.value[l];
-      n != null && n.disabled || (t.value = l);
-    }
-    function u(l, n) {
-      var $;
-      const o = a.value.length;
-      let s = n;
+    const i = e, a = M(0), t = x(() => i.tabs);
+    function u(l) {
+      const o = t.value[l];
+      o != null && o.disabled || (a.value = l);
+    }
+    function n(l, o) {
+      var S;
+      const r = t.value.length;
+      let s = o;
       if (l.key === "ArrowRight" || l.key === "ArrowDown")
-        l.preventDefault(), s = (n + 1) % o;
+        l.preventDefault(), s = (o + 1) % r;
       else if (l.key === "ArrowLeft" || l.key === "ArrowUp")
-        l.preventDefault(), s = (n - 1 + o) % o;
+        l.preventDefault(), s = (o - 1 + r) % r;
       else if (l.key === "Home")
         l.preventDefault(), s = 0;
       else if (l.key === "End")
-        l.preventDefault(), s = o - 1;
+        l.preventDefault(), s = 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();
-    }
-    const d = h(() => `fc-tabpanel-${t.value}`);
-    return (l, n) => (c(), f("div", {
-      class: S(e.className ?? "")
+      for (; (S = t.value[s]) != null && S.disabled && s !== o; )
+        l.key === "ArrowLeft" || l.key === "ArrowUp" ? s = (s - 1 + r) % r : s = (s + 1) % r;
+      u(s);
+      const k = document.getElementById(`fc-tab-${s}`);
+      k == null || k.focus();
+    }
+    const c = x(() => `fc-tabpanel-${a.value}`);
+    return (l, o) => (d(), f("div", {
+      class: T(e.className ?? "")
     }, [
-      p("div", fl, [
-        (c(!0), f(z, null, G(a.value, (o, s) => (c(), f("button", {
+      h("div", fl, [
+        (d(!0), f(z, null, G(t.value, (r, s) => (d(), f("button", {
           key: s,
           id: `fc-tab-${s}`,
           type: "button",
           role: "tab",
-          "aria-selected": s === 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-selected": s === a.value,
+          "aria-controls": c.value,
+          "aria-disabled": r.disabled || void 0,
+          tabindex: s === a.value ? 0 : -1,
+          class: T(["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 !== a.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: O(s === a.value ? { color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => u(s),
+          onKeydown: (k) => n(k, s)
         }, [
-          _(L(o.title) + " ", 1),
-          s === t.value ? (c(), f("span", bl)) : T("", !0)
+          Q(A(r.title) + " ", 1),
+          s === a.value ? (d(), f("span", bl)) : I("", !0)
         ], 46, ml))), 128))
       ]),
       Z(ae, {
@@ -2500,19 +2518,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         "leave-from-class": "opacity-100 translate-y-0",
         "leave-to-class": "opacity-0 -translate-y-1"
       }, {
-        default: W(() => [
-          a.value[t.value] ? (c(), f("div", {
-            key: t.value,
-            id: d.value,
+        default: _(() => [
+          t.value[a.value] ? (d(), f("div", {
+            key: a.value,
+            id: c.value,
             role: "tabpanel",
-            "aria-labelledby": `fc-tab-${t.value}`,
+            "aria-labelledby": `fc-tab-${a.value}`,
             tabindex: "0",
             class: "pt-4"
           }, [
             Z(oe, {
-              nodes: a.value[t.value].children
+              nodes: t.value[a.value].children
             }, null, 8, ["nodes"])
-          ], 8, vl)) : T("", !0)
+          ], 8, vl)) : I("", !0)
         ]),
         _: 1
       })
@@ -2524,41 +2542,41 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     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 }, [
-          H(Ce)(l) ? (c(), f("div", {
+    const i = Y(fe);
+    function a(u) {
+      return i ? ie(u.condition, i.values) : !0;
+    }
+    function t(u) {
+      return u === "full" ? { gridColumn: "1 / -1" } : u === "auto" ? { gridColumn: "auto" } : typeof u == "number" ? { gridColumn: `span ${u} / span ${u}` } : { gridColumn: "span 12 / span 12" };
+    }
+    return (u, n) => {
+      const c = je("LayoutRenderer", !0);
+      return d(!0), f(z, null, G(e.nodes, (l, o) => {
+        var r;
+        return d(), f(z, { key: o }, [
+          q(Ce)(l) ? (d(), f("div", {
             key: 0,
-            class: S(l.className ?? ""),
-            style: O(a(l.span))
+            class: T(l.className ?? ""),
+            style: O(t(l.span))
           }, [
             Z($e, {
               name: l.name
             }, null, 8, ["name"])
-          ], 6)) : l.type === "field" ? (c(), f("div", {
+          ], 6)) : l.type === "field" ? (d(), f("div", {
             key: 1,
-            class: S(l.className ?? ""),
-            style: O(a(l.span))
+            class: T(l.className ?? ""),
+            style: O(t(l.span))
           }, [
             Z($e, {
               name: l.name
             }, null, 8, ["name"])
-          ], 6)) : l.type === "row" ? (c(), U(Qa, {
+          ], 6)) : l.type === "row" ? (d(), H(Qa, {
             key: 2,
             children: l.children,
             gap: l.gap,
             align: l.align,
             "class-name": l.className
-          }, null, 8, ["children", "gap", "align", "class-name"])) : l.type === "group" ? (c(), U(Ja, {
+          }, null, 8, ["children", "gap", "align", "class-name"])) : l.type === "group" ? (d(), H(Ja, {
             key: 3,
             title: l.title,
             description: l.description,
@@ -2566,32 +2584,32 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
             collapsed: l.collapsed,
             children: l.children,
             "class-name": l.className
-          }, null, 8, ["title", "description", "collapsible", "collapsed", "children", "class-name"])) : l.type === "steps" ? (c(), U(cl, {
+          }, null, 8, ["title", "description", "collapsible", "collapsed", "children", "class-name"])) : l.type === "steps" ? (d(), H(cl, {
             key: 4,
             steps: l.steps,
             linear: l.linear,
             "class-name": l.className
-          }, null, 8, ["steps", "linear", "class-name"])) : l.type === "tabs" ? (c(), U(yl, {
+          }, null, 8, ["steps", "linear", "class-name"])) : l.type === "tabs" ? (d(), H(yl, {
             key: 5,
             tabs: l.tabs,
             "class-name": l.className
-          }, null, 8, ["tabs", "class-name"])) : l.type === "divider" ? (c(), U(Ua, {
+          }, null, 8, ["tabs", "class-name"])) : l.type === "divider" ? (d(), H(Ua, {
             key: 6,
             label: l.label,
             "class-name": l.className
-          }, null, 8, ["label", "class-name"])) : l.type === "html" ? (c(), U(_a, {
+          }, null, 8, ["label", "class-name"])) : l.type === "html" ? (d(), H(_a, {
             key: 7,
             content: l.content,
             "class-name": l.className
-          }, null, 8, ["content", "class-name"])) : l.type === "conditional" ? (c(), f(z, { key: 8 }, [
-            t(l) ? (c(), U(d, {
+          }, null, 8, ["content", "class-name"])) : l.type === "conditional" ? (d(), f(z, { key: 8 }, [
+            a(l) ? (d(), H(c, {
               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 ? (d(), H(c, {
               key: 1,
               nodes: l.elseChildren
-            }, null, 8, ["nodes"])) : T("", !0)
-          ], 64)) : T("", !0)
+            }, null, 8, ["nodes"])) : I("", !0)
+          ], 64)) : I("", !0)
         ], 64);
       }), 128);
     };
@@ -2609,20 +2627,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: i, emit: a }) {
+    const t = e, u = a, n = Y(Te, void 0), c = x(() => t.theme ?? (n == null ? void 0 : n.theme)), l = x(() => t.locale ?? (n == null ? void 0 : n.locale) ?? "en"), o = x(
+      () => t.fallbackLocale ?? (n == null ? void 0 : n.fallbackLocale) ?? "en"
+    ), r = x(() => t.components ?? (n == null ? void 0 : n.components) ?? {}), s = [
       ["text", La],
       ["number", Lt],
       ["textarea", Ca],
@@ -2637,125 +2657,142 @@ 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, m] of s)
+      Pe(b) || Fe(b, m);
+    ue(Be, r), tt(c);
+    const k = K();
+    function S(b) {
+      return b.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    const F = x(() => {
+      const b = c.value;
+      if (!b) return {};
+      const m = {};
+      if (b.colors)
+        for (const [w, D] of Object.entries(b.colors))
+          D && (m[`--fc-color-${S(w)}`] = D);
+      if (b.borders)
+        for (const [w, D] of Object.entries(b.borders))
+          D && (m[`--fc-border-${S(w)}`] = D);
+      if (b.spacing)
+        for (const [w, D] of Object.entries(b.spacing))
+          D && (m[`--fc-${S(w)}`] = D);
+      if (b.typography)
+        for (const [w, D] of Object.entries(b.typography))
+          D && (m[`--fc-${S(w)}`] = D);
+      return b.cssVars && Object.assign(m, b.cssVars), m;
+    }), y = et(t.schema, {
+      locale: l.value,
+      fallbackLocale: o.value
     });
-    if (a.modelValue)
-      for (const [v, m] of Object.entries(a.modelValue))
-        l.setFieldValue(v, m);
-    Y(
-      () => a.modelValue,
-      (v) => {
-        if (v)
-          for (const [m, y] of Object.entries(v))
-            l.values[m] !== y && l.setFieldValue(m, y);
+    if (t.modelValue)
+      for (const [b, m] of Object.entries(t.modelValue))
+        y.setFieldValue(b, m);
+    W(
+      () => t.modelValue,
+      (b) => {
+        if (b)
+          for (const [m, w] of Object.entries(b))
+            y.values[m] !== w && y.setFieldValue(m, w);
       },
       { deep: !0 }
-    ), Y(
-      () => ({ ...l.values }),
-      (v) => {
-        r("update:modelValue", v);
+    ), W(
+      () => ({ ...y.values }),
+      (b) => {
+        u("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];
+    ), W(l, (b) => {
+      b && y.setLocale(b);
+    }), Ze();
+    const v = x(() => {
+      var D, P;
+      const b = t.schema.translations;
+      if (!b) return "";
+      const m = b[l.value];
+      if ((D = m == null ? void 0 : m.messages) != null && D.title) return m.messages.title;
+      const w = b[o.value];
+      return ((P = w == null ? void 0 : w.messages) == null ? void 0 : P.title) ?? "";
+    }), g = x(() => {
+      var D, P;
+      const b = t.schema.translations;
+      if (!b) return "";
+      const m = b[l.value];
+      if ((D = m == null ? void 0 : m.messages) != null && D.description) return m.messages.description;
+      const w = b[o.value];
+      return ((P = w == null ? void 0 : w.messages) == null ? void 0 : P.description) ?? "";
+    }), p = x(() => {
+      const b = t.schema.translations;
+      if (!b) return "Submit";
+      const m = b[l.value];
       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];
+      const w = b[o.value];
+      return (w == null ? void 0 : w.submit) ?? "Submit";
+    }), N = x(() => {
+      const b = t.schema.translations;
+      if (!b) return "Reset";
+      const m = b[l.value];
       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;
+      const w = b[o.value];
+      return (w == null ? void 0 : w.reset) ?? "Reset";
+    }), B = x(() => {
+      var b, m;
+      return (m = (b = t.layout) == null ? void 0 : b.nodes) != null && m.length ? t.layout.nodes : t.schema.fields;
     });
-    async function V() {
+    async function C() {
       try {
-        await l.submit(async (v) => {
-          r("submit", v);
+        await y.submit(async (b) => {
+          u("submit", b);
         });
-      } catch (v) {
-        r("error", v);
+      } catch (b) {
+        u("error", b);
       }
     }
-    function b() {
-      l.reset();
+    function V() {
+      y.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 i({ form: y }), (b, m) => (d(), f("form", {
+      class: T([q(k).classes.value.form, "fc-form-builder"]),
+      style: O(F.value),
       novalidate: "",
-      onSubmit: q(V, ["prevent"]),
-      onReset: q(b, ["prevent"])
+      onSubmit: J(C, ["prevent"]),
+      onReset: J(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)
-      ])) : T("", !0),
-      Z(oe, { nodes: $.value }, null, 8, ["nodes"]),
-      p("div", xl, [
-        p("button", {
+      v.value || g.value ? (d(), f("div", pl, [
+        v.value ? (d(), f("h2", gl, A(v.value), 1)) : I("", !0),
+        g.value ? (d(), f("p", hl, A(g.value), 1)) : I("", !0)
+      ])) : I("", !0),
+      Z(oe, { nodes: B.value }, null, 8, ["nodes"]),
+      h("div", xl, [
+        h("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: q(y).isSubmitting.value,
+          class: T([q(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)
+          q(y).isSubmitting.value ? (d(), f("span", wl)) : I("", !0),
+          Q(" " + A(p.value), 1)
         ], 10, kl),
-        p("button", {
+        h("button", {
           type: "reset",
-          disabled: H(l).isSubmitting.value,
+          disabled: q(y).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)
+        }, A(N.value), 9, $l)
       ])
     ], 38));
   }
 });
 export {
-  Tl as FormBuilder,
+  Il as FormBuilder,
   Be as FormComponentsKey,
-  ce as FormContextKey,
-  ye as FormI18nKey,
+  fe as FormContextKey,
+  pe 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,