@formatica/vue 0.2.1 → 0.2.3

package/dist/formatica.es.js

@@ -1,52 +1,42 @@
-import { titleCase as Ie, evaluateCondition as se, getRule as Le, extractFields as P, sanitizeHtml as Ae, 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 { reactive as te, inject as q, provide as ie, ref as D, computed as x, watch as J, isRef as Ne, defineComponent as j, openBlock as c, createElementBlock as f, normalizeClass as F, Fragment as O, renderList as G, createElementVNode as p, normalizeStyle as z, createCommentVNode as T, toDisplayString as L, withKeys as he, withModifiers as Y, createTextVNode as _, onMounted as ue, withDirectives as de, vModelText as ve, nextTick as ae, onBeforeUnmount as Ve, unref as H, createVNode as Z, Transition as le, withCtx as W, renderSlot as De, TransitionGroup as Me, createBlock as U, resolveDynamicComponent as Se, mergeProps as Ee, vShow as Re, resolveComponent as je } from "vue";
-import { getCountries as xe, getCountryCallingCode as ke, parsePhoneNumber as ze, AsYouType as Oe } from "libphonenumber-js";
-const Be = Symbol("FormaticaComponents"), ne = /* @__PURE__ */ new Map();
-function Fe(e, u) {
-  ne.set(e, u);
+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 Fe(e, i) {
+  le.set(e, i);
 }
 function Bl(e) {
-  ne.delete(e);
+  le.delete(e);
 }
 function Ke(e) {
-  return ne.get(e);
+  return le.get(e);
 }
 function Pe(e) {
-  return ne.has(e);
+  return le.has(e);
 }
 function Fl() {
-  return Array.from(ne.keys());
-}
-const Te = Symbol("Formatica");
-function Tl(e = {}) {
-  return {
-    install(u) {
-      if (u.provide(Te, te(e)), e.components)
-        for (const [t, a] of Object.entries(e.components))
-          Fe(t, a);
-    }
-  };
+  return Array.from(le.keys());
 }
 function Ue() {
   const e = /* @__PURE__ */ new Map();
-  function u(a, s) {
-    e.has(a) || e.set(a, /* @__PURE__ */ new Set());
-    const o = e.get(a);
-    return o ? (o.add(s), () => {
-      o.delete(s);
+  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, s) {
-    const o = e.get(a);
-    if (o)
-      for (const d of o)
-        d(s);
+  function a(t, u) {
+    const n = e.get(t);
+    if (n)
+      for (const c of n)
+        c(u);
   }
-  return { on: u, 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",
@@ -65,176 +55,179 @@ const ye = Symbol("FormaticaI18n"), He = {
 };
 function Ge(e) {
   const {
-    locale: u,
-    fallbackLocale: t = "en",
-    fieldTranslations: a = {},
-    formTranslations: s = {}
+    locale: i,
+    fallbackLocale: a = "en",
+    fieldTranslations: t = {},
+    formTranslations: u = {}
   } = e;
-  function o(r, i) {
-    const k = a[r];
+  function n(r, s) {
+    const k = t[r];
     if (k) {
-      const g = k[u.value];
-      if (g) {
-        const m = g[i];
-        if (typeof m == "string") return m;
+      const S = k[i.value];
+      if (S) {
+        const y = S[s];
+        if (typeof y == "string") return y;
       }
-      const $ = k[t];
-      if ($) {
-        const m = $[i];
-        if (typeof m == "string") return m;
+      const F = k[a];
+      if (F) {
+        const y = F[s];
+        if (typeof y == "string") return y;
       }
     }
-    return i === "label" ? Ie(r) : "";
+    return s === "label" ? Ie(r) : "";
   }
-  function d(r, i) {
-    var g, $;
-    const k = a[r];
+  function c(r, s) {
+    var S, F;
+    const k = t[r];
     if (k) {
-      const m = k[u.value];
-      if ((g = m == null ? void 0 : m.options) != null && g[i]) return m.options[i];
-      const C = k[t];
-      if (($ = C == null ? void 0 : C.options) != null && $[i]) return C.options[i];
+      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 i;
+    return s;
   }
-  function l(r, i) {
-    var m, C;
-    const k = (m = s[u.value]) == null ? void 0 : m.messages;
+  function l(r, s) {
+    var y, v;
+    const k = (y = u[i.value]) == null ? void 0 : y.messages;
     if (k != null && k[r])
-      return fe(k[r], i ?? {});
-    const g = (C = s[t]) == null ? void 0 : C.messages;
-    if (g != null && g[r])
-      return fe(g[r], i ?? {});
-    const $ = He[r];
-    return $ ? fe($, i ?? {}) : `Validation failed: ${r}`;
+      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 = {
-    locale: u,
-    fallbackLocale: t,
-    t: o,
-    tOption: d,
+  const o = {
+    locale: i,
+    fallbackLocale: a,
+    t: n,
+    tOption: c,
     tValidation: l
   };
-  return ie(ye, n), n;
+  return ue(pe, o), o;
 }
 function Ze() {
-  return q(ye);
+  return Y(pe);
 }
-function fe(e, u) {
-  return e.replace(/\{(\w+)\}/g, (t, a) => u[a] !== void 0 ? String(u[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((u) => {
-    const [t, ...a] = u.split(":"), s = {};
-    if (a.length > 0) {
-      const d = a.join(":").split(",");
-      t === "between" && d.length === 2 ? (s.min = d[0], s.max = d[1]) : d.length === 1 ? s[t] = d[0] : s.values = d;
+  return e.split("|").map((i) => {
+    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: s };
+    return { name: u, params: n };
   });
 }
 function qe(e) {
-  const u = e.rules;
-  if (!u) {
-    const a = [];
-    return e.required && a.push({ name: "required" }), a;
+  const i = e.rules;
+  if (!i) {
+    const t = [];
+    return e.required && t.push({ name: "required" }), t;
   }
-  if (typeof u == "string")
-    return we(u);
-  if (Array.isArray(u))
-    return u.flatMap((a) => typeof a == "string" ? we(a) : []);
-  const t = [];
-  for (const [a, s] of Object.entries(u)) {
-    if (s === !1) continue;
-    const o = {};
-    typeof s == "object" && s !== null && !Array.isArray(s) ? Object.assign(o, s) : s !== !0 && (o[a] = s), t.push({ name: a, params: o });
+  if (typeof i == "string")
+    return we(i);
+  if (Array.isArray(i))
+    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, u) {
-  let t = null, a = null;
-  return (...s) => new Promise((o) => {
-    t !== null && (clearTimeout(t), a && a([])), a = o, t = setTimeout(async () => {
-      t = null;
-      const d = await e(...s);
-      o(d), a = null;
-    }, u);
+function Ye(e, i) {
+  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: u, values: t, settings: a } = e, s = D({}), o = /* @__PURE__ */ new Map();
-  function d(g, $) {
-    const m = `${g}:${$}`;
-    o.has(m) || o.set(
-      m,
-      Ye(async (...h) => l(h[0], h[1]), $)
+  const { 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 C = o.get(m);
-    if (!C) throw new Error(`Debounced validator not found for ${m}`);
-    return C;
+    const v = n.get(y);
+    if (!v) throw new Error(`Debounced validator not found for ${y}`);
+    return v;
   }
-  async function l(g, $) {
-    var A;
-    const m = u.value.find((V) => V.name === g);
-    if (!m) return [];
-    const C = qe(m), h = t.value[g], y = [];
-    for (const V of C) {
-      if ((A = V.params) != null && A.when) {
-        const v = V.params.when;
-        if (("field" in v || "and" in v || "or" in v) && !se(
-          v,
-          t.value
+  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 (V.optional && We(h)) continue;
-      let b;
-      if (V.validator)
-        b = await V.validator(h, V.params ?? {}, $);
+      if (B.optional && We(g)) continue;
+      let C;
+      if (B.validator)
+        C = await B.validator(g, B.params ?? {}, F);
       else {
-        const v = Le(V.name);
-        if (!v) continue;
-        b = await v(h, V.params ?? {}, $);
+        const V = Le(B.name);
+        if (!V) continue;
+        C = await V(g, B.params ?? {}, F);
       }
-      if (b !== !0) {
-        const v = V.message ? _e(V.message, V.params ?? {}) : typeof b == "string" ? b : `Validation failed for rule: ${V.name}`;
-        if (y.push(v), V.bail) break;
+      if (C !== !0) {
+        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 s.value[g] = y, y;
+    return u.value[S] = p, p;
   }
-  async function n(g, $) {
-    const m = a == null ? void 0 : a.debounce;
-    return m && m > 0 ? d(g, m)(g, $) : l(g, $);
+  async function o(S, F) {
+    const y = t == null ? void 0 : t.debounce;
+    return y && y > 0 ? c(S, y)(S, F) : l(S, F);
   }
-  async function r(g) {
-    const $ = {}, m = u.value.map(async (C) => {
-      const h = await l(C.name, g);
-      h.length > 0 && ($[C.name] = h);
+  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(m), s.value = { ...$ }, $;
+    return await Promise.all(y), u.value = { ...F }, F;
   }
-  function i(g) {
-    delete s.value[g];
+  function s(S) {
+    delete u.value[S];
   }
   function k() {
-    s.value = {};
+    u.value = {};
   }
   return {
-    errors: s,
-    validateField: n,
+    errors: u,
+    validateField: o,
     validateAll: r,
-    clearFieldErrors: i,
+    clearFieldErrors: s,
     clearAllErrors: k
   };
 }
 function We(e) {
   return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
 }
-function _e(e, u) {
-  return e.replace(/\{(\w+)\}/g, (t, a) => u[a] !== void 0 ? String(u[a]) : `{${a}}`);
+function _e(e, i) {
+  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":
@@ -254,200 +247,200 @@ function Qe(e) {
       return "";
   }
 }
-function me(e) {
-  const u = {};
-  for (const t of e)
-    u[t.name] = t.defaultValue ?? Qe(t);
-  return u;
+function be(e) {
+  const i = {};
+  for (const a of e)
+    i[a.name] = a.defaultValue ?? Qe(a);
+  return i;
 }
 function Xe(e) {
-  const u = {};
-  for (const t of e)
-    t.translations && (u[t.name] = t.translations);
-  return u;
+  const i = {};
+  for (const a of e)
+    a.translations && (i[a.name] = a.translations);
+  return i;
 }
-function et(e, u) {
-  const t = D((u == null ? void 0 : u.locale) ?? "en"), a = (u == null ? void 0 : u.fallbackLocale) ?? "en";
-  let s = e;
-  const o = D(P(e.fields)), d = te(me(P(e.fields))), l = te({}), n = te({}), r = te({}), i = D(!1), k = D(0), g = x(() => Object.values(l).every((w) => w.length === 0)), $ = x(() => Object.values(r).some(Boolean)), m = Ue();
-  function C() {
-    return { values: { ...d }, getFieldValue: (w) => d[w] };
+function et(e, i) {
+  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: { ...c }, getFieldValue: ($) => c[$] };
   }
-  const h = x(() => ({ ...d })), y = Je({
-    fields: o,
-    values: h,
+  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 A = me(P(e.fields));
-  J(
-    () => ({ ...d }),
-    (w, I) => {
-      var M;
-      if (I) {
-        for (const E of Object.keys(w))
-          w[E] !== I[E] && (r[E] = !0, m.emit("field:change", {
-            field: E,
-            value: w[E],
-            previousValue: I[E]
-          }), (M = e.settings) != null && M.validateOnChange && B(E));
-        m.emit("change", { values: w });
+  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 V = /* @__PURE__ */ new Map();
-  function b(w) {
-    const I = w.name;
+  const B = /* @__PURE__ */ new Map();
+  function C($) {
+    const L = $.name;
     return {
-      name: I,
+      name: L,
       value: x({
-        get: () => d[I],
-        set: (M) => {
-          d[I] = M;
+        get: () => c[L],
+        set: (E) => {
+          c[L] = E;
         }
       }),
-      errors: x(() => l[I] ?? []),
+      errors: x(() => l[L] ?? []),
       touched: x({
-        get: () => n[I] ?? !1,
-        set: (M) => {
-          n[I] = M;
+        get: () => o[L] ?? !1,
+        set: (E) => {
+          o[L] = E;
         }
       }),
       dirty: x({
-        get: () => r[I] ?? !1,
-        set: (M) => {
-          r[I] = M;
+        get: () => r[L] ?? !1,
+        set: (E) => {
+          r[L] = E;
         }
       }),
       disabled: x(
-        () => typeof w.disabled == "function" ? w.disabled(C()) : w.disabled ?? !1
+        () => typeof $.disabled == "function" ? $.disabled(v()) : $.disabled ?? !1
       ),
-      visible: x(() => w.condition ? se(w.condition, d) : typeof w.visible == "function" ? w.visible(C()) : w.visible ?? !0),
-      schema: w,
-      validate: () => B(I),
+      visible: x(() => $.condition ? ie($.condition, c) : typeof $.visible == "function" ? $.visible(v()) : $.visible ?? !0),
+      schema: $,
+      validate: () => b(L),
       reset: () => {
-        d[I] = A[I] ?? null, delete l[I], n[I] = !1, r[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 v() {
-    V.clear();
-    for (const w of P(s.fields))
-      V.set(w.name, b(w));
+  function V() {
+    B.clear();
+    for (const $ of U(u.fields))
+      B.set($.name, C($));
   }
-  v();
-  async function B(w) {
-    const I = await y.validateField(w, C());
-    return l[w] = I, m.emit("validate:field", {
-      field: w,
-      valid: I.length === 0,
-      errors: I
-    }), I;
+  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 S() {
-    const w = await y.validateAll(C());
-    for (const M of Object.keys(l))
-      M in w || delete l[M];
-    for (const [M, E] of Object.entries(w))
-      l[M] = E;
-    const I = Object.values(w).every((M) => M.length === 0);
-    return m.emit("validate", { valid: I, errors: { ...w } }), 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 N(w) {
-    i.value = !0, k.value += 1;
+  async function w($) {
+    s.value = !0, k.value += 1;
     try {
-      for (const M of P(s.fields)) n[M.name] = !0;
-      if (!await S()) {
-        m.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;
       }
-      m.emit("submit", { values: { ...d } }), w && await w({ ...d }, C()), m.emit("submit:success", { values: { ...d }, result: void 0 });
-    } catch (I) {
-      throw m.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 {
-      i.value = !1;
+      s.value = !1;
     }
   }
-  function R() {
-    for (const w of P(s.fields))
-      d[w.name] = A[w.name] ?? null, delete l[w.name], n[w.name] = !1, r[w.name] = !1;
-    y.clearAllErrors(), m.emit("reset", void 0);
+  function 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 w of P(s.fields))
-      d[w.name] = null, delete l[w.name];
-    y.clearAllErrors();
+  function P() {
+    for (const $ of U(u.fields))
+      c[$.name] = null, delete l[$.name];
+    p.clearAllErrors();
   }
-  function ee(w) {
-    s = w;
-    const I = P(w.fields);
-    o.value = I, A = me(I);
-    for (const E of I)
-      E.name in d || (d[E.name] = E.defaultValue ?? null);
-    const M = new Set(I.map((E) => E.name));
-    for (const E of Object.keys(d))
-      M.has(E) || (delete d[E], delete l[E], delete n[E], delete r[E]);
-    v();
+  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,
+    touched: o,
     dirty: r,
-    isValid: g,
-    isDirty: $,
-    isSubmitting: i,
+    isValid: S,
+    isDirty: F,
+    isSubmitting: s,
     submitCount: k,
-    validate: S,
-    validateField: B,
-    submit: N,
-    reset: R,
-    clear: Q,
-    setError: (w, I) => {
-      l[w] = I;
+    validate: m,
+    validateField: b,
+    submit: w,
+    reset: D,
+    clear: P,
+    setError: ($, L) => {
+      l[$] = L;
     },
-    clearError: (w) => {
-      delete l[w], y.clearFieldErrors(w);
+    clearError: ($) => {
+      delete l[$], p.clearFieldErrors($);
     },
     clearErrors: () => {
-      for (const w of Object.keys(l)) delete l[w];
-      y.clearAllErrors();
+      for (const $ of Object.keys(l)) delete l[$];
+      p.clearAllErrors();
     },
-    getField: (w) => V.get(w),
-    setFieldValue: (w, I) => {
-      d[w] = I;
+    getField: ($) => B.get($),
+    setFieldValue: ($, L) => {
+      c[$] = L;
     },
-    setFieldDisabled: (w, I) => {
-      const M = P(s.fields).find((E) => E.name === w);
-      M && (M.disabled = I);
+    setFieldDisabled: ($, L) => {
+      const E = U(u.fields).find((R) => R.name === $);
+      E && (E.disabled = L);
     },
-    setFieldVisible: (w, I) => {
-      const M = P(s.fields).find((E) => E.name === w);
-      M && (M.visible = I);
+    setFieldVisible: ($, L) => {
+      const E = U(u.fields).find((R) => R.name === $);
+      E && (E.visible = L);
     },
-    on: m.on,
-    locale: t,
-    setLocale: (w) => {
-      t.value = w;
+    on: y.on,
+    locale: a,
+    setLocale: ($) => {
+      a.value = $;
     },
-    schema: s,
-    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",
@@ -500,51 +493,51 @@ const pe = Symbol("FormaticaTheme"), be = {
   }
 };
 function tt(e) {
-  const u = Ne(e) ? x(() => e.value ?? be) : D(e ?? be), t = x(() => {
-    const o = u.value.components ?? {};
+  const i = Ne(e) ? x(() => e.value ?? ve) : M(e ?? ve), a = x(() => {
+    const n = i.value.components ?? {};
     return {
-      form: o.form ?? "fc-form",
-      field: o.field ?? "fc-field",
-      label: o.label ?? "fc-label",
-      input: o.input ?? "fc-input",
-      error: o.error ?? "fc-error",
-      helpText: o.helpText ?? "fc-help-text",
-      group: o.group ?? "fc-group",
-      row: o.row ?? "fc-row",
-      steps: o.steps ?? "fc-steps",
-      tabs: o.tabs ?? "fc-tabs",
-      button: o.button ?? "fc-button"
+      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 = x(() => {
-    const o = u.value, d = {};
-    if (o.colors)
-      for (const [l, n] of Object.entries(o.colors))
-        n && (d[`--fc-color-${X(l)}`] = n);
-    if (o.typography)
-      for (const [l, n] of Object.entries(o.typography))
-        n && (d[`--fc-${X(l)}`] = n);
-    if (o.spacing)
-      for (const [l, n] of Object.entries(o.spacing))
-        n && (d[`--fc-${X(l)}`] = n);
-    if (o.borders)
-      for (const [l, n] of Object.entries(o.borders))
-        n && (d[`--fc-border-${X(l)}`] = n);
-    if (o.shadows)
-      for (const [l, n] of Object.entries(o.shadows))
-        n && (d[`--fc-shadow-${X(l)}`] = n);
-    if (o.transitions)
-      for (const [l, n] of Object.entries(o.transitions))
-        n && (d[`--fc-transition-${X(l)}`] = n);
-    return o.cssVars && Object.assign(d, o.cssVars), d;
-  }), s = {
-    config: u.value,
-    classes: t,
-    cssVars: a
+  }), 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: a,
+    cssVars: t
   };
-  return ie(pe, s), s;
+  return ue(ge, u), u;
 }
 function K() {
-  const e = q(pe);
+  const e = Y(ge);
   return e || at();
 }
 function at() {
@@ -560,12 +553,22 @@ function at() {
     steps: "fc-steps",
     tabs: "fc-tabs",
     button: "fc-button"
-  })), u = x(() => ({}));
-  return { config: be, classes: e, cssVars: u };
+  })), 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",
@@ -585,69 +588,69 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     maxSelect: {}
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u;
+  setup(e, { emit: i }) {
+    const a = e, t = i;
     K();
-    function s(n) {
-      return t.modelValue.includes(n);
-    }
-    function o(n) {
-      return !!(t.disabled || n.disabled || t.maxSelect && !s(n.value) && t.modelValue.length >= t.maxSelect);
-    }
-    function d(n) {
-      if (o(n)) return;
-      const r = [...t.modelValue], i = r.indexOf(n.value);
-      if (i >= 0) {
-        if (t.minSelect && r.length <= t.minSelect) return;
-        r.splice(i, 1);
+    function u(o) {
+      return a.modelValue.includes(o);
+    }
+    function n(o) {
+      return !!(a.disabled || o.disabled || a.maxSelect && !u(o.value) && a.modelValue.length >= a.maxSelect);
+    }
+    function c(o) {
+      if (n(o)) return;
+      const r = [...a.modelValue], s = r.indexOf(o.value);
+      if (s >= 0) {
+        if (a.minSelect && r.length <= a.minSelect) return;
+        r.splice(s, 1);
       } else
-        r.push(n.value);
-      a("update:modelValue", r);
+        r.push(o.value);
+      t("update:modelValue", r);
     }
-    function l(n, r) {
-      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(r));
+    function l(o, r) {
+      (o.key === " " || o.key === "Enter") && (o.preventDefault(), c(r));
     }
-    return (n, r) => (c(), f("div", {
+    return (o, r) => (d(), f("div", {
       role: "group",
-      class: F(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(O, null, G(e.options, (i) => (c(), f("label", {
-        key: String(i.value),
-        class: F([
+      (d(!0), f(z, null, G(e.options, (s) => (d(), f("label", {
+        key: String(s.value),
+        class: T([
           "inline-flex items-center gap-2 select-none",
-          o(i) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+          n(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ])
       }, [
-        p("input", {
+        h("input", {
           type: "checkbox",
-          checked: s(i.value),
-          disabled: o(i),
+          checked: u(s.value),
+          disabled: n(s),
           class: "sr-only",
-          onChange: (k) => d(i),
-          onBlur: r[0] || (r[0] = (k) => a("blur", k))
+          onChange: (k) => c(s),
+          onBlur: r[0] || (r[0] = (k) => t("blur", k))
         }, null, 40, lt),
-        p("div", {
+        h("div", {
           role: "checkbox",
-          "aria-checked": s(i.value),
-          "aria-disabled": o(i) || void 0,
+          "aria-checked": u(s.value),
+          "aria-disabled": n(s) || void 0,
           tabindex: "0",
-          class: F([
+          class: T([
             "flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition-colors duration-200",
-            s(i.value) ? "text-white" : "border-gray-300 bg-white"
+            u(s.value) ? "text-white" : "border-gray-300 bg-white"
           ]),
-          style: z(s(i.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onClick: (k) => d(i),
-          onKeydown: (k) => l(k, i)
+          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)
         }, [
-          s(i.value) ? (c(), f("svg", ot, [...r[1] || (r[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(i.label), 1)
+        h("span", rt, A(s.label), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -670,52 +673,52 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u;
+  setup(e, { emit: i }) {
+    const a = e, t = i;
     K();
-    const s = x(() => [
+    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 o() {
-      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(), o());
+    function c(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), n());
     }
-    return (l, n) => (c(), f("label", {
-      class: F(s.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: o,
-        onBlur: n[0] || (n[0] = (r) => a("blur", r))
+        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: F([
+        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: z(e.modelValue ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: o,
-        onKeydown: d
+        style: O(e.modelValue ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        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({
@@ -729,40 +732,40 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: u }) {
-    const t = e, a = u, s = K(), o = x(
+  setup(e, { emit: i }) {
+    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" : "",
-        s.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: F(o.value),
+      class: T(n.value),
       "aria-disabled": e.disabled || void 0,
-      onInput: d,
-      onBlur: n[0] || (n[0] = (r) => a("blur", r)),
-      onFocus: n[1] || (n[1] = (r) => a("focus", r))
+      onInput: c,
+      onBlur: o[0] || (o[0] = (r) => t("blur", r)),
+      onFocus: o[1] || (o[1] = (r) => t("focus", r))
     }, null, 42, mt));
   }
-}), oe = (e, u) => {
-  const t = e.__vccOpts || e;
-  for (const [a, s] of u)
-    t[a] = s;
-  return t;
-}, vt = /* @__PURE__ */ oe(bt, [["__scopeId", "data-v-7d4bc9b7"]]), yt = ["aria-disabled", "onKeydown"], pt = {
+}), ne = (e, i) => {
+  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"
 }, gt = ["accept", "multiple"], ht = {
@@ -779,76 +782,76 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u;
+  setup(e, { emit: i }) {
+    const a = e, t = i;
     K();
-    const s = D(null), o = D(!1), d = x(() => t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : []);
-    function l(h) {
-      return h < 1024 ? `${h} B` : h < 1024 * 1024 ? `${(h / 1024).toFixed(1)} KB` : `${(h / (1024 * 1024)).toFixed(1)} MB`;
-    }
-    function n(h) {
-      let y = h;
-      if (t.maxSize) {
-        const A = t.maxSize;
-        y = y.filter((V) => V.size <= A);
+    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 A = t.maxFiles - d.value.length;
-        y = y.slice(0, Math.max(0, A));
+      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 r(h) {
-      const y = n(h);
-      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 i(h) {
-      const y = h.target;
-      y.files && (r(Array.from(y.files)), y.value = "");
+    function s(g) {
+      const p = g.target;
+      p.files && (r(Array.from(p.files)), p.value = "");
     }
-    function k(h) {
-      if (t.disabled) return;
-      const y = d.value.filter((A, V) => V !== h);
-      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 g(h) {
-      h.preventDefault(), t.disabled || (o.value = !0);
+    function S(g) {
+      g.preventDefault(), a.disabled || (n.value = !0);
     }
-    function $() {
-      o.value = !1;
+    function F() {
+      n.value = !1;
     }
-    function m(h) {
-      var y;
-      h.preventDefault(), o.value = !1, !(t.disabled || !((y = h.dataTransfer) != null && y.files)) && r(Array.from(h.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 C() {
-      var h;
-      t.disabled || (h = s.value) == null || h.click();
+    function v() {
+      var g;
+      a.disabled || (g = u.value) == null || g.click();
     }
-    return (h, y) => (c(), f("div", {
-      class: F(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: F([
+        class: T([
           "flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 text-center transition-colors duration-200",
-          o.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: z(o.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)" } : {}),
-        onClick: C,
+        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(C, ["enter"]),
-          he(Y(C, ["prevent"]), ["space"])
+          he(v, ["enter"]),
+          he(J(v, ["prevent"]), ["space"])
         ],
-        onDragover: g,
-        onDragleave: $,
-        onDrop: m,
-        onBlur: y[0] || (y[0] = (A) => a("blur", A))
+        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",
@@ -856,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: s,
+        ref: u,
         type: "file",
         accept: e.accept,
         multiple: e.multiple,
         class: "hidden",
-        onChange: i
+        onChange: s
       }, null, 40, gt),
-      d.value.length > 0 ? (c(), f("ul", ht, [
-        (c(!0), f(O, null, G(d.value, (A, V) => (c(), f("li", {
-          key: `${A.name}-${V}`,
+      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",
@@ -894,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(A.name), 1),
-            p("span", wt, "(" + L(l(A.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: Y((b) => k(V), ["stop"])
+            onClick: J((C) => k(B), ["stop"])
           }, " × ", 8, $t))
         ]))), 128))
-      ])) : T("", !0)
+      ])) : I("", !0)
     ], 2));
   }
 }), Vt = {
@@ -937,31 +940,31 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: u }) {
-    const t = e, a = u, s = K(), o = x(() => !!t.prefix || !!t.suffix), d = x(
+  setup(e, { emit: i }) {
+    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" : "",
-        s.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 i = n.target.value;
-      if (i === "") {
-        a("update:modelValue", null);
+    function l(o) {
+      const s = o.target.value;
+      if (s === "") {
+        t("update:modelValue", null);
         return;
       }
-      let k = parseFloat(i);
-      Number.isNaN(k) || (t.precision !== void 0 && (k = parseFloat(k.toFixed(t.precision))), a("update:modelValue", k));
+      let k = parseFloat(s);
+      Number.isNaN(k) || (a.precision !== void 0 && (k = parseFloat(k.toFixed(a.precision))), t("update:modelValue", k));
     }
-    return (n, r) => o.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,
@@ -969,15 +972,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
         step: e.step,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: F(d.value),
+        class: T(c.value),
         "aria-disabled": e.disabled || void 0,
         "aria-readonly": e.readonly || void 0,
         onInput: l,
-        onBlur: r[0] || (r[0] = (i) => a("blur", i)),
-        onFocus: r[1] || (r[1] = (i) => a("focus", i))
+        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 ?? "",
@@ -986,18 +989,18 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       step: e.step,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: F(d.value),
+      class: T(c.value),
       "aria-disabled": e.disabled || void 0,
       "aria-readonly": e.readonly || void 0,
       onInput: l,
-      onBlur: r[2] || (r[2] = (i) => a("blur", i)),
-      onFocus: r[3] || (r[3] = (i) => a("focus", i))
+      onBlur: r[2] || (r[2] = (s) => t("blur", s)),
+      onFocus: r[3] || (r[3] = (s) => t("focus", s))
     }, null, 42, Tt));
   }
-}), Lt = /* @__PURE__ */ oe(It, [["__scopeId", "data-v-4e51299b"]]), At = { class: "relative" }, Nt = ["disabled"], Dt = { class: "text-lg leading-none" }, Mt = { class: "text-xs text-gray-500 dark:text-gray-400 font-medium" }, Et = ["value", "placeholder", "disabled"], Rt = {
+}), 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 = {
   key: 1,
   class: "absolute left-0 top-full z-50 mt-1 w-72 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-xl overflow-hidden"
-}, jt = { class: "border-b border-gray-200 dark:border-gray-700 p-2" }, zt = { class: "max-h-48 overflow-y-auto" }, Ot = ["onMousedown"], Kt = { class: "text-lg leading-none" }, Pt = { class: "flex-1 truncate text-xs" }, Ut = { class: "text-[11px] text-gray-400 dark:text-gray-500 font-mono" }, Ht = {
+}, jt = { class: "border-b border-gray-200 dark:border-gray-700 p-2" }, Ot = { class: "max-h-48 overflow-y-auto" }, zt = ["onMousedown"], Kt = { class: "text-lg leading-none" }, Pt = { class: "flex-1 truncate text-xs" }, Ut = { class: "text-[11px] text-gray-400 dark:text-gray-500 font-mono" }, Ht = {
   key: 0,
   class: "px-3 py-4 text-center text-xs text-gray-400 dark:text-gray-500"
 }, Gt = /* @__PURE__ */ j({
@@ -1011,8 +1014,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u, s = {
+  setup(e, { emit: i }) {
+    const a = e, t = i, u = {
       AF: "Afghanistan",
       AL: "Albania",
       DZ: "Algeria",
@@ -1132,148 +1135,148 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       VN: "Vietnam",
       ZW: "Zimbabwe"
     };
-    function o(b) {
-      return b.toUpperCase().split("").map((v) => String.fromCodePoint(127462 + v.charCodeAt(0) - 65)).join("");
-    }
-    const d = x(() => {
-      var v;
-      return ((v = t.countries) != null && v.length ? t.countries.filter(
-        (B) => xe().includes(B)
-      ) : xe()).map((B) => ({
-        code: B,
-        name: s[B] ?? B,
-        dialCode: `+${ke(B)}`,
-        flag: o(B)
-      })).sort((B, S) => B.name.localeCompare(S.name));
-    }), l = D(t.defaultCountry), n = D(""), r = D(!1), i = D(""), k = D(null), g = x(() => {
-      const b = i.value.toLowerCase();
-      return b ? d.value.filter(
-        (v) => v.name.toLowerCase().includes(b) || v.code.toLowerCase().includes(b) || v.dialCode.includes(b)
-      ) : d.value;
-    }), $ = x(
-      () => d.value.find((b) => b.code === l.value) ?? d.value[0]
+    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 ? 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 && m(t.modelValue);
-    }), J(
-      () => t.modelValue,
-      (b) => {
-        b && m(b);
+    de(() => {
+      a.modelValue && y(a.modelValue);
+    }), W(
+      () => a.modelValue,
+      (C) => {
+        C && y(C);
       }
     );
-    function m(b) {
+    function y(C) {
       try {
-        const v = ze(b);
-        if (v != null && v.country) {
-          l.value = v.country, n.value = v.nationalNumber;
+        const V = Oe(C);
+        if (V != null && V.country) {
+          l.value = V.country, o.value = V.nationalNumber;
           return;
         }
       } catch {
       }
-      n.value = b.replace(/^\+\d+\s*/, "");
+      o.value = C.replace(/^\+\d+\s*/, "");
     }
-    function C() {
-      if (!n.value.trim()) {
-        a("update:modelValue", "");
+    function v() {
+      if (!o.value.trim()) {
+        t("update:modelValue", "");
         return;
       }
-      const b = new Oe(l.value);
-      b.input(`+${ke(l.value)}${n.value}`);
-      const v = b.getNumber();
-      a("update:modelValue", (v == null ? void 0 : v.format("E.164")) ?? n.value);
-    }
-    function h(b) {
-      const v = b.target;
-      n.value = v.value, C();
-    }
-    function y(b) {
-      l.value = b, r.value = !1, i.value = "", C();
-    }
-    function A() {
-      t.disabled || (r.value = !0, i.value = "", ae(() => {
-        var b;
-        return (b = k.value) == null ? void 0 : b.focus();
+      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 g(C) {
+      const V = C.target;
+      o.value = V.value, v();
+    }
+    function p(C) {
+      l.value = C, r.value = !1, s.value = "", v();
+    }
+    function N() {
+      a.disabled || (r.value = !0, s.value = "", te(() => {
+        var C;
+        return (C = k.value) == null ? void 0 : C.focus();
       }));
     }
-    function V() {
-      r.value = !1, i.value = "";
+    function B() {
+      r.value = !1, s.value = "";
     }
-    return (b, v) => {
-      var B, S;
-      return c(), f("div", At, [
-        p("div", {
-          class: F([
+    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: v[0] || (v[0] = Y((N) => r.value ? V() : A(), ["prevent"]))
+            onMousedown: V[0] || (V[0] = J((w) => r.value ? B() : N(), ["prevent"]))
           }, [
-            p("span", Dt, L((B = $.value) == null ? void 0 : B.flag), 1),
-            p("span", Mt, L((S = $.value) == null ? void 0 : S.dialCode), 1),
-            (c(), f("svg", {
-              class: F(["h-3 w-3 text-gray-400 transition-transform", r.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"
-            }, [...v[3] || (v[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: F(["flex-1 bg-transparent px-3 py-2 text-sm text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 outline-none min-w-0", e.showDialCode ? "rounded-r-lg" : "rounded-lg"]),
-            onInput: h,
-            onBlur: v[1] || (v[1] = (N) => a("blur", N))
+            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),
-        r.value ? (c(), f("div", {
+        r.value ? (d(), f("div", {
           key: 0,
           class: "fixed inset-0 z-40",
-          onMousedown: V
-        }, null, 32)) : T("", !0),
-        r.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: k,
-              "onUpdate:modelValue": v[2] || (v[2] = (N) => i.value = N),
+              "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, i.value]
+              [ye, s.value]
             ])
           ]),
-          p("div", zt, [
-            (c(!0), f(O, null, G(g.value, (N) => (c(), f("button", {
-              key: N.code,
+          h("div", Ot, [
+            (d(!0), f(z, null, G(S.value, (w) => (d(), f("button", {
+              key: w.code,
               type: "button",
-              class: F([
+              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",
-                N.code === l.value ? "bg-primary-50 dark:bg-primary-950/30 text-primary-700 dark:text-primary-300" : "text-gray-700 dark:text-gray-300"
+                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: Y((R) => y(N.code), ["prevent"])
+              onMousedown: J((D) => p(w.code), ["prevent"])
             }, [
-              p("span", Kt, L(N.flag), 1),
-              p("span", Pt, L(N.name), 1),
-              p("span", Ut, L(N.dialCode), 1)
-            ], 42, Ot))), 128)),
-            g.value.length === 0 ? (c(), f("p", Ht, " No countries found ")) : T("", !0)
+              h("span", Kt, A(w.flag), 1),
+              h("span", Pt, A(w.name), 1),
+              h("span", Ut, A(w.dialCode), 1)
+            ], 42, zt))), 128)),
+            S.value.length === 0 ? (d(), f("p", Ht, " No countries found ")) : I("", !0)
           ])
-        ])) : T("", !0)
+        ])) : I("", !0)
       ]);
     };
   }
@@ -1290,56 +1293,56 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u;
+  setup(e, { emit: i }) {
+    const a = e, t = i;
     K();
-    function s(n) {
-      return t.modelValue === n;
+    function u(o) {
+      return a.modelValue === o;
     }
-    function o(n) {
-      return t.disabled || !!n.disabled;
+    function n(o) {
+      return a.disabled || !!o.disabled;
     }
-    function d(n) {
-      o(n) || a("update:modelValue", n.value);
+    function c(o) {
+      n(o) || t("update:modelValue", o.value);
     }
-    function l(n, r) {
-      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(r));
+    function l(o, r) {
+      (o.key === " " || o.key === "Enter") && (o.preventDefault(), c(r));
     }
-    return (n, r) => (c(), f("div", {
+    return (o, r) => (d(), f("div", {
       role: "radiogroup",
-      class: F(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(O, null, G(e.options, (i) => (c(), f("label", {
-        key: String(i.value),
-        class: F([
+      (d(!0), f(z, null, G(e.options, (s) => (d(), f("label", {
+        key: String(s.value),
+        class: T([
           "inline-flex items-center gap-2 select-none",
-          o(i) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+          n(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ])
       }, [
-        p("input", {
+        h("input", {
           type: "radio",
-          checked: s(i.value),
-          disabled: o(i),
+          checked: u(s.value),
+          disabled: n(s),
           class: "sr-only",
-          onChange: (k) => d(i),
-          onBlur: r[0] || (r[0] = (k) => a("blur", k))
+          onChange: (k) => c(s),
+          onBlur: r[0] || (r[0] = (k) => t("blur", k))
         }, null, 40, Zt),
-        p("div", {
+        h("div", {
           role: "radio",
-          "aria-checked": s(i.value),
-          "aria-disabled": o(i) || void 0,
+          "aria-checked": u(s.value),
+          "aria-disabled": n(s) || void 0,
           tabindex: "0",
-          class: F([
+          class: T([
             "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-200",
-            s(i.value) ? "" : "border-gray-300"
+            u(s.value) ? "" : "border-gray-300"
           ]),
-          style: z(s(i.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onClick: (k) => d(i),
-          onKeydown: (k) => l(k, i)
+          style: O(u(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => c(s),
+          onKeydown: (k) => l(k, s)
         }, [
-          s(i.value) ? (c(), f("div", Yt)) : T("", !0)
+          u(s.value) ? (d(), f("div", Yt)) : I("", !0)
         ], 46, qt),
-        p("span", Jt, L(i.label), 1)
+        h("span", Jt, A(s.label), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -1373,174 +1376,177 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u, s = K(), o = D(!1), d = D(""), l = D(-1), n = D(null), r = D(null), i = x(() => t.modelValue === null || t.modelValue === void 0 ? [] : Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]), k = x(() => {
-      if (i.value.length === 0 || t.multiple) return "";
-      const S = t.options.find((N) => N.value === i.value[0]);
-      return (S == null ? void 0 : S.label) ?? String(i.value[0]);
-    }), g = x(() => {
-      if (!d.value) return t.options;
-      const S = d.value.toLowerCase();
-      return t.options.filter((N) => N.label.toLowerCase().includes(S));
+  setup(e, { emit: i }) {
+    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 $(S) {
-      return i.value.includes(S);
+    function F(m) {
+      return s.value.includes(m);
     }
-    function m() {
-      t.disabled || (o.value ? h() : C());
+    function y() {
+      a.disabled || (n.value ? g() : v());
     }
-    function C() {
-      o.value = !0, l.value = -1, d.value = "", ae(() => {
-        var S;
-        return (S = r.value) == null ? void 0 : S.focus();
+    function v() {
+      n.value = !0, l.value = -1, c.value = "", te(() => {
+        var m;
+        return (m = r.value) == null ? void 0 : m.focus();
       });
     }
-    function h() {
-      o.value = !1, d.value = "";
+    function g() {
+      n.value = !1, c.value = "";
     }
-    function y(S) {
-      if (!S.disabled)
-        if (t.multiple) {
-          const N = [...i.value], R = N.indexOf(S.value);
-          R >= 0 ? N.splice(R, 1) : N.push(S.value), a("update:modelValue", N);
+    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", S.value), h();
+          t("update:modelValue", m.value), g();
     }
-    function A(S) {
-      if (t.disabled) return;
-      const N = i.value.filter((R) => R !== S);
-      a("update:modelValue", N.length ? N : 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 V(S) {
-      S.stopPropagation(), a("update:modelValue", t.multiple ? [] : null);
+    function B(m) {
+      m.stopPropagation(), t("update:modelValue", a.multiple ? [] : null);
     }
-    function b(S) {
-      if (!o.value) {
-        (S.key === "Enter" || S.key === " " || S.key === "ArrowDown") && (S.preventDefault(), C());
+    function C(m) {
+      if (!n.value) {
+        (m.key === "Enter" || m.key === " " || m.key === "ArrowDown") && (m.preventDefault(), v());
         return;
       }
-      switch (S.key) {
+      switch (m.key) {
         case "ArrowDown":
-          S.preventDefault(), l.value = Math.min(
+          m.preventDefault(), l.value = Math.min(
             l.value + 1,
-            g.value.length - 1
+            S.value.length - 1
           );
           break;
         case "ArrowUp":
-          S.preventDefault(), l.value = Math.max(l.value - 1, 0);
+          m.preventDefault(), l.value = Math.max(l.value - 1, 0);
           break;
         case "Enter":
-          S.preventDefault(), l.value >= 0 && g.value[l.value] && y(g.value[l.value]);
+          if (m.preventDefault(), l.value >= 0) {
+            const w = S.value[l.value];
+            w && p(w);
+          }
           break;
         case "Escape":
-          S.preventDefault(), h();
+          m.preventDefault(), g();
           break;
       }
     }
-    function v(S) {
-      n.value && !n.value.contains(S.target) && h();
+    function V(m) {
+      o.value && !o.value.contains(m.target) && g();
     }
-    function B(S) {
-      const N = t.options.find((R) => R.value === S);
-      return (N == null ? void 0 : N.label) ?? String(S);
+    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", v)), Ve(() => document.removeEventListener("mousedown", v)), J(o, (S) => {
-      S || a("blur", new FocusEvent("blur"));
-    }), (S, N) => (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: F([
+      ref: o,
+      class: T([
         "relative w-full",
-        H(s).classes.value.input,
+        q(u).classes.value.input,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      p("div", {
+      h("div", {
         role: "combobox",
-        "aria-expanded": o.value,
+        "aria-expanded": n.value,
         "aria-haspopup": "listbox",
         tabindex: "0",
-        class: F([
+        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",
-          o.value ? "ring-2 ring-blue-500/20" : "",
+          n.value ? "ring-2 ring-blue-500/20" : "",
           e.disabled ? "pointer-events-none bg-gray-100" : ""
         ]),
-        style: z(o.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: m,
-        onKeydown: b
+        style: O(n.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: y,
+        onKeydown: C
       }, [
-        p("div", Qt, [
-          e.multiple ? (c(!0), f(O, { key: 0 }, G(i.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(B(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: Y((Q) => A(R), ["stop"])
+              onClick: J((P) => N(D), ["stop"])
             }, " × ", 8, Xt)
-          ]))), 128)) : k.value ? (c(), f("span", ea, L(k.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 && i.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: V
-        }, " × ")) : T("", !0),
-        (c(), f("svg", {
-          class: F(["ml-1 h-4 w-4 shrink-0 text-gray-400 transition-transform duration-200", o.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"
-        }, [...N[1] || (N[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),
-      o.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: r,
-            "onUpdate:modelValue": N[0] || (N[0] = (R) => d.value = 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: b
+            onKeydown: C
           }, null, 544), [
-            [ve, d.value]
+            [ye, c.value]
           ])
-        ])) : T("", !0),
-        p("ul", na, [
-          (c(!0), f(O, null, G(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": $(R.value),
-            class: F([
+            "aria-selected": F(D.value),
+            class: T([
               "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
-              $(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: z($(R.value) ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
-            onClick: (ee) => y(R),
-            onMouseenter: (ee) => l.value = Q
-          }, L(R.label), 47, oa))), 128)),
-          g.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__ */ oe(sa, [["__scopeId", "data-v-b34f2a7d"]]), ua = ["value", "min", "max", "step", "disabled", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-disabled"], da = { class: "mt-1 flex justify-between text-xs text-gray-400" }, ca = /* @__PURE__ */ j({
+}), 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: {},
@@ -1551,29 +1557,29 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u;
+  setup(e, { emit: i }) {
+    const a = e, t = i;
     K();
-    const s = D(!1), o = x(() => {
-      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: F([
+    return (l, o) => (d(), f("div", {
+      class: T([
         "relative w-full py-2",
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      e.showTooltip && s.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: z({ left: `calc(${o.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,
@@ -1586,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] = (r) => s.value = !0),
-        onMouseup: n[1] || (n[1] = (r) => s.value = !1),
-        onTouchstart: n[2] || (n[2] = (r) => s.value = !0),
-        onTouchend: n[3] || (n[3] = (r) => s.value = !1),
-        onFocus: n[4] || (n[4] = (r) => s.value = !0),
-        onBlur: n[5] || (n[5] = (r) => {
-          s.value = !1, a("blur", r);
+        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));
   }
@@ -1617,55 +1623,55 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = u;
+  setup(e, { emit: i }) {
+    const a = e, t = i;
     K();
-    const s = x(() => [
+    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 o() {
-      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(), o());
+    function c(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), n());
     }
-    return (l, n) => (c(), f("label", {
-      class: F(s.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: o,
-        onBlur: n[0] || (n[0] = (r) => a("blur", r))
+        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: F([
+        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: z(e.modelValue ? { backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: o,
-        onKeydown: d
+        style: O(e.modelValue ? { backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: n,
+        onKeydown: c
       }, [
-        p("span", {
-          class: F([
+        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 = {
@@ -1682,119 +1688,121 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: u }) {
-    const t = e, a = x(() => Array.isArray(t.modelValue) ? t.modelValue : []), s = u, o = K(), d = D(""), l = D(!1), n = D(!1), r = D(-1), i = D(null), k = D(null), g = x(() => !t.maxTags || a.value.length < t.maxTags), $ = x(() => {
-      if (!d.value || t.suggestions.length === 0) return [];
-      const V = d.value.toLowerCase();
-      return t.suggestions.filter(
-        (b) => b.toLowerCase().includes(V) && !a.value.includes(b)
+  setup(e, { emit: i }) {
+    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 m(V) {
-      const b = V.trim();
-      !b || !g.value || a.value.includes(b) || (s("update:modelValue", [...a.value, b]), d.value = "", n.value = !1, r.value = -1);
-    }
-    function C(V) {
-      if (t.disabled) return;
-      const b = a.value.filter((v, B) => B !== V);
-      s("update:modelValue", b);
-    }
-    function h(V) {
-      if (V.key === "Enter" || V.key === ",") {
-        V.preventDefault(), r.value >= 0 && $.value[r.value] ? m($.value[r.value]) : m(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 (V.key === "Backspace" && d.value === "" && a.value.length > 0) {
-        C(a.value.length - 1);
+      if (B.key === "Backspace" && c.value === "" && t.value.length > 0) {
+        v(t.value.length - 1);
         return;
       }
-      if (V.key === "ArrowDown" && n.value) {
-        V.preventDefault(), r.value = Math.min(
+      if (B.key === "ArrowDown" && o.value) {
+        B.preventDefault(), r.value = Math.min(
           r.value + 1,
-          $.value.length - 1
+          F.value.length - 1
         );
         return;
       }
-      if (V.key === "ArrowUp" && n.value) {
-        V.preventDefault(), r.value = Math.max(r.value - 1, 0);
+      if (B.key === "ArrowUp" && o.value) {
+        B.preventDefault(), r.value = Math.max(r.value - 1, 0);
         return;
       }
-      V.key === "Escape" && (n.value = !1, r.value = -1);
+      B.key === "Escape" && (o.value = !1, r.value = -1);
     }
-    function y() {
-      n.value = d.value.length > 0 && $.value.length > 0, r.value = -1;
+    function p() {
+      o.value = c.value.length > 0 && F.value.length > 0, r.value = -1;
     }
-    function A(V) {
-      i.value && !i.value.contains(V.target) && (n.value = !1);
+    function N(B) {
+      s.value && !s.value.contains(B.target) && (o.value = !1);
     }
-    return ue(() => document.addEventListener("mousedown", A)), Ve(() => document.removeEventListener("mousedown", A)), J(d, () => {
-      ae(y);
-    }), (V, b) => (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: i,
-      class: F([
+      ref: s,
+      class: T([
         "relative w-full",
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ])
     }, [
-      p("div", {
-        class: F([
+      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(o).classes.value.input
+          q(n).classes.value.input
         ]),
-        style: z(l.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-        onClick: b[3] || (b[3] = (v) => {
-          var B;
-          return (B = k.value) == null ? void 0 : B.focus();
+        style: O(l.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: C[3] || (C[3] = (V) => {
+          var b;
+          return (b = k.value) == null ? void 0 : b.focus();
         })
       }, [
-        (c(!0), f(O, null, G(a.value, (v, B) => (c(), f("span", {
-          key: v,
+        (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(v) + " ", 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: Y((S) => C(B), ["stop"])
+            onClick: J((m) => v(b), ["stop"])
           }, " × ", 8, pa))
         ]))), 128)),
-        de(p("input", {
+        ce(h("input", {
           ref_key: "inputRef",
           ref: k,
-          "onUpdate:modelValue": b[0] || (b[0] = (v) => d.value = v),
+          "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: h,
-          onFocus: b[1] || (b[1] = (v) => l.value = !0),
-          onBlur: b[2] || (b[2] = (v) => {
-            l.value = !1, s("blur", v);
+          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 && $.value.length > 0 ? (c(), f("ul", ha, [
-        (c(!0), f(O, null, G($.value, (v, B) => (c(), f("li", {
-          key: v,
+      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": r.value === B,
-          class: F([
+          "aria-selected": r.value === b,
+          class: T([
             "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
-            r.value !== B ? "text-gray-900 hover:bg-gray-50" : ""
+            r.value !== b ? "text-gray-900 hover:bg-gray-50" : ""
           ]),
-          style: z(r.value === B ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onMousedown: Y((S) => m(v), ["prevent"]),
-          onMouseenter: (S) => r.value = B
-        }, L(v), 47, xa))), 128))
-      ])) : T("", !0)
+          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({
@@ -1809,52 +1817,52 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: u }) {
-    const t = e, a = u, s = K(), o = D(null), d = x(
+  setup(e, { emit: i }) {
+    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" : "",
-        s.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 || !o.value) return;
-      const r = o.value;
+      if (!a.autoResize || !n.value) return;
+      const r = n.value;
       r.style.height = "auto", r.style.height = `${r.scrollHeight}px`;
     }
-    function n(r) {
-      const i = r.target;
-      a("update:modelValue", i.value), t.autoResize && ae(l);
+    function o(r) {
+      const s = r.target;
+      t("update:modelValue", s.value), a.autoResize && te(l);
     }
-    return J(
-      () => t.modelValue,
+    return W(
+      () => a.modelValue,
       () => {
-        t.autoResize && ae(l);
+        a.autoResize && te(l);
       }
-    ), ue(() => {
-      t.autoResize && l();
-    }), (r, i) => (c(), f("textarea", {
+    ), de(() => {
+      a.autoResize && l();
+    }), (r, s) => (d(), f("textarea", {
       ref_key: "textareaRef",
-      ref: o,
+      ref: n,
       value: e.modelValue,
       rows: e.rows,
       maxlength: e.maxLength,
       placeholder: e.placeholder,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: F(d.value),
+      class: T(c.value),
       "aria-disabled": e.disabled || void 0,
       "aria-readonly": e.readonly || void 0,
-      onInput: n,
-      onBlur: i[0] || (i[0] = (k) => a("blur", k)),
-      onFocus: i[1] || (i[1] = (k) => a("focus", k))
+      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__ */ oe($a, [["__scopeId", "data-v-67f80d90"]]), Va = {
+}), Ca = /* @__PURE__ */ ne($a, [["__scopeId", "data-v-67f80d90"]]), Va = {
   key: 0,
   class: "flex items-stretch"
 }, Sa = {
@@ -1877,41 +1885,41 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     mask: {}
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(e, { emit: u }) {
-    const t = e, a = u, s = K(), o = x(() => !!t.prefix || !!t.suffix), d = x(
+  setup(e, { emit: i }) {
+    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" : "",
-        s.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 r = n.target;
-      a("update:modelValue", r.value);
+    function l(o) {
+      const r = o.target;
+      t("update:modelValue", r.value);
     }
-    return (n, r) => o.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: F(d.value),
+        class: T(c.value),
         "aria-disabled": e.disabled || void 0,
         "aria-readonly": e.readonly || void 0,
         onInput: l,
-        onBlur: r[0] || (r[0] = (i) => a("blur", i)),
-        onFocus: r[1] || (r[1] = (i) => a("focus", i))
+        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,
@@ -1919,15 +1927,15 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       maxlength: e.maxLength,
       disabled: e.disabled,
       readonly: e.readonly,
-      class: F(d.value),
+      class: T(c.value),
       "aria-disabled": e.disabled || void 0,
       "aria-readonly": e.readonly || void 0,
       onInput: l,
-      onBlur: r[2] || (r[2] = (i) => a("blur", i)),
-      onFocus: r[3] || (r[3] = (i) => a("focus", i))
+      onBlur: r[2] || (r[2] = (s) => t("blur", s)),
+      onFocus: r[3] || (r[3] = (s) => t("focus", s))
     }, null, 42, Ta));
   }
-}), La = /* @__PURE__ */ oe(Ia, [["__scopeId", "data-v-a42b4343"]]), Aa = {
+}), La = /* @__PURE__ */ ne(Ia, [["__scopeId", "data-v-a42b4343"]]), Aa = {
   key: 0,
   class: "mb-1.5 flex items-center gap-1"
 }, Na = ["for"], Da = {
@@ -1938,7 +1946,7 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
   key: 0,
   role: "tooltip",
   class: "absolute bottom-full left-1/2 z-10 mb-2 -translate-x-1/2 rounded-md bg-gray-900 px-3 py-1.5 text-xs text-white shadow-lg whitespace-nowrap"
-}, Ra = ["id"], ja = ["id"], za = /* @__PURE__ */ j({
+}, Ra = ["id"], ja = ["id"], Oa = /* @__PURE__ */ j({
   __name: "BaseField",
   props: {
     fieldSchema: {},
@@ -1947,59 +1955,59 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     touched: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const u = e, t = q(ye), a = q(pe), s = D(!1), o = x(() => {
-      if (t) {
-        const g = t.t(u.fieldName, "label");
-        if (g) return g;
+    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 u.fieldSchema.label ?? u.fieldName;
-    }), d = x(() => {
-      if (t) {
-        const g = t.t(u.fieldName, "helpText");
-        if (g) return g;
+      return i.fieldSchema.label ?? i.fieldName;
+    }), c = x(() => {
+      if (a) {
+        const S = a.t(i.fieldName, "helpText");
+        if (S) return S;
       }
-      return u.fieldSchema.helpText ?? "";
+      return i.fieldSchema.helpText ?? "";
     }), l = x(() => {
-      if (t) {
-        const g = t.t(u.fieldName, "tooltip");
-        if (g) return g;
+      if (a) {
+        const S = a.t(i.fieldName, "tooltip");
+        if (S) return S;
       }
-      return u.fieldSchema.tooltip ?? "";
-    }), n = x(() => u.touched && u.errors.length > 0), r = x(() => [
-      (a == null ? void 0 : a.classes.value.field) ?? "fc-field",
-      u.fieldSchema.className ?? "",
-      u.fieldSchema.disabled ? "opacity-50 cursor-not-allowed" : "",
-      u.fieldSchema.readOnly ? "fc-readonly" : ""
-    ]), i = x(() => `fc-field-${u.fieldName}`), k = x(() => `fc-error-${u.fieldName}`);
-    return (g, $) => {
-      var m, C;
-      return c(), f("div", {
-        class: F([r.value, "relative mb-4"]),
-        style: z(e.fieldSchema.style)
+      return i.fieldSchema.tooltip ?? "";
+    }), 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 = 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", {
-            for: i.value,
-            class: F([((m = H(a)) == null ? void 0 : m.classes.value.label) ?? "fc-label", "block text-sm font-medium text-gray-700"])
+        e.fieldSchema.type !== "hidden" ? (d(), f("div", Aa, [
+          h("label", {
+            for: s.value,
+            class: T([((y = q(t)) == null ? void 0 : y.classes.value.label) ?? "fc-label", "block text-sm font-medium text-gray-700"])
           }, [
-            _(L(o.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: $[0] || ($[0] = (h) => s.value = !0),
-            onMouseleave: $[1] || ($[1] = (h) => s.value = !1),
-            onFocusin: $[2] || ($[2] = (h) => s.value = !0),
-            onFocusout: $[3] || ($[3] = (h) => s.value = !1)
+            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}`,
               tabindex: "0"
             }, " i ", 8, Ma),
-            Z(le, {
+            Z(ae, {
               "enter-active-class": "motion-safe:transition motion-safe:duration-200 motion-safe:ease-out",
               "enter-from-class": "opacity-0 scale-95",
               "enter-to-class": "opacity-100 scale-100",
@@ -2007,18 +2015,18 @@ 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(() => [
-                s.value ? (c(), f("div", Ea, [
-                  _(L(l.value) + " ", 1),
-                  $[4] || ($[4] = p("div", { class: "absolute left-1/2 top-full -translate-x-1/2 border-4 border-transparent border-t-gray-900" }, null, -1))
-                ])) : T("", !0)
+              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: i.value }, [
-          De(g.$slots, "default")
+          ], 32)) : I("", !0)
+        ])) : I("", !0),
+        h("div", { id: s.value }, [
+          De(S.$slots, "default")
         ], 8, Ra),
         Z(Me, {
           tag: "div",
@@ -2030,27 +2038,27 @@ 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(O, null, G(n.value ? e.errors : [], (h, y) => {
-              var A;
-              return c(), f("p", {
-                key: h + y,
-                id: y === 0 ? k.value : void 0,
-                class: F([((A = H(a)) == null ? void 0 : A.classes.value.error) ?? "fc-error", "mt-1 text-xs text-red-500"]),
+          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(h), 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: F([((C = H(a)) == null ? void 0 : C.classes.value.helpText) ?? "fc-help-text", "mt-1 text-xs text-gray-400"])
-        }, L(d.value), 3)) : T("", !0)
+          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);
     };
   }
-}), Oa = {
+}), za = {
   key: 1,
   class: "rounded-md border border-dashed border-amber-400 bg-amber-50 px-3 py-2 text-xs text-amber-700"
 }, $e = /* @__PURE__ */ j({
@@ -2059,68 +2067,68 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     name: {}
   },
   setup(e) {
-    const u = e, t = q(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 = q(
+    const t = a, u = Y(
       Be,
       null
-    ), s = x(
-      () => P(t.schema.fields).find((m) => m.name === u.name)
-    ), o = x(() => {
-      var h;
-      const m = s.value;
-      if (!m) return;
-      const C = (h = a == null ? void 0 : a.value) == null ? void 0 : h[m.type];
-      return C || Ke(m.type);
-    }), d = x(() => t.values[u.name]), l = x(() => t.errors[u.name] ?? []), n = x(() => t.touched[u.name] ?? !1), r = x(() => {
-      const m = s.value;
-      return m ? m.condition ? se(m.condition, t.values) : typeof m.visible == "function" ? m.visible({
-        values: { ...t.values },
-        getFieldValue: (C) => t.values[C]
-      }) : m.visible ?? !0 : !1;
-    }), i = x(() => {
-      const m = s.value;
-      return m ? typeof m.disabled == "function" ? m.disabled({
+    ), 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: (C) => t.values[C]
-      }) : m.disabled ?? !1 : !1;
+        getFieldValue: (g) => t.values[g]
+      }) : v.visible ?? !0 : !1;
     }), k = x(() => {
-      const m = s.value;
-      if (!m) return {};
+      const v = n.value;
+      return v ? typeof v.disabled == "function" ? v.disabled({
+        values: { ...t.values },
+        getFieldValue: (g) => t.values[g]
+      }) : v.disabled ?? !1 : !1;
+    }), S = x(() => {
+      const v = n.value;
+      if (!v) return {};
       const {
-        name: C,
-        label: h,
-        helpText: y,
-        tooltip: A,
-        condition: V,
-        translations: b,
-        meta: v,
-        rules: B,
-        visible: S,
-        className: N,
-        style: R,
-        defaultValue: Q,
-        ...ee
-      } = m;
+        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: i.value,
-        readonly: m.readOnly ?? !1,
-        placeholder: m.placeholder ?? ""
+        ...se,
+        modelValue: l.value,
+        disabled: k.value,
+        readonly: v.readOnly ?? !1,
+        placeholder: v.placeholder ?? ""
       };
     });
-    function g(m) {
-      t.setFieldValue(u.name, m);
+    function F(v) {
+      t.setFieldValue(i.name, v);
     }
-    function $() {
-      var m;
-      t.touched[u.name] = !0, ((m = t.schema.settings) == null ? void 0 : m.validateOnBlur) !== !1 && t.validateField(u.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 (m, C) => (c(), U(le, {
+    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",
@@ -2128,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(() => [
-        r.value && s.value ? (c(), U(za, {
+      default: _(() => [
+        s.value && n.value ? (d(), H(Oa, {
           key: 0,
-          "field-schema": s.value,
+          "field-schema": n.value,
           "field-name": e.name,
-          errors: l.value,
-          touched: n.value
+          errors: o.value,
+          touched: r.value
         }, {
-          default: W(() => [
-            o.value ? (c(), U(Se(o.value), Ee({ key: 0 }, k.value, {
-              "aria-invalid": n.value && l.value.length > 0 ? !0 : void 0,
-              "aria-describedby": n.value && l.value.length > 0 ? `fc-error-${e.name}` : void 0,
-              "onUpdate:modelValue": g,
-              onBlur: $
-            }), null, 16, ["aria-invalid", "aria-describedby"])) : (c(), f("div", Oa, ' No component registered for field type "' + L(s.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
     }));
@@ -2160,19 +2168,19 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    return (u, t) => (c(), f("div", {
-      class: F([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 = {
@@ -2192,53 +2200,53 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const u = e, t = D(u.collapsed);
-    function a() {
-      u.collapsible && (t.value = !t.value);
+    const i = e, a = M(i.collapsed);
+    function t() {
+      i.collapsible && (a.value = !a.value);
     }
-    const s = x(
-      () => u.title ? `fc-group-${u.title.toLowerCase().replace(/\s+/g, "-")}` : void 0
+    const u = x(
+      () => i.title ? `fc-group-${i.title.toLowerCase().replace(/\s+/g, "-")}` : void 0
     );
-    return (o, d) => (c(), f("fieldset", {
-      class: F([[e.className ?? ""], "rounded-lg border border-gray-200 bg-white"]),
-      "aria-labelledby": s.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: F(["flex w-full items-center justify-between text-left", e.collapsible ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500/40 rounded" : ""]),
-          "aria-expanded": e.collapsible ? !t.value : void 0,
-          "aria-controls": e.collapsible ? `fc-group-body-${s.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: s.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: F(["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),
-      Z(le, {
+      ])) : 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",
         "enter-to-class": "max-h-[2000px] opacity-100 overflow-hidden",
@@ -2246,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-${s.value}` : void 0,
+        default: _(() => [
+          ce(h("div", {
+            id: e.collapsible ? `fc-group-body-${u.value}` : void 0,
             class: "p-4"
           }, [
-            Z(re, { nodes: e.children }, null, 8, ["nodes"])
+            Z(oe, { nodes: e.children }, null, 8, ["nodes"])
           ], 8, Ya), [
-            [Re, !t.value]
+            [Re, !a.value]
           ])
         ]),
         _: 1
@@ -2267,10 +2275,10 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const u = e, t = x(() => Ae(u.content));
-    return (a, s) => (c(), f("div", {
-      class: F([e.className ?? "", "fc-html prose prose-sm max-w-none text-gray-700"]),
-      innerHTML: t.value
+    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({
@@ -2282,18 +2290,18 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const u = e, t = x(() => ({
+    const i = e, a = x(() => ({
       start: "items-start",
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    })[u.align] ?? "items-stretch"), a = x(() => u.gap ? typeof u.gap == "number" ? `${u.gap}px` : u.gap : "");
-    return (s, o) => (c(), f("div", {
-      class: F(["grid grid-cols-12", [t.value, e.className ?? ""]]),
-      style: z(a.value ? { gap: a.value } : { gap: "1rem" }),
+    })[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(re, { nodes: e.children }, null, 8, ["nodes"])
+      Z(oe, { nodes: e.children }, null, 8, ["nodes"])
     ], 6));
   }
 }), Xa = {
@@ -2323,84 +2331,84 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const u = e, t = q(ce), a = D(0), s = D(/* @__PURE__ */ new Set()), o = x(() => u.steps), d = x(() => o.value.length), l = x(() => a.value === 0), n = x(() => a.value === d.value - 1);
-    function r(m) {
-      const C = [];
-      function h(y) {
-        for (const A of y)
-          if (Ce(A))
-            C.push(A.name);
-          else if (A.type === "row" || A.type === "group")
-            h(A.children);
-          else if (A.type === "steps")
-            for (const V of A.steps) h(V.children);
-          else if (A.type === "tabs")
-            for (const V of A.tabs) h(V.children);
+    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 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 h(m.children), C;
-    }
-    async function i() {
-      if (!t || !u.linear) return !0;
-      const m = o.value[a.value];
-      if (!m) return !0;
-      const C = r(m);
-      let h = !0;
-      for (const y of C) {
-        const A = await t.validateField(y);
-        t.touched[y] = !0, A.length > 0 && (h = !1);
+      return g(y.children), v;
+    }
+    async function s() {
+      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 h;
+      return g;
     }
     async function k() {
-      n.value || u.linear && !await i() || (s.value.add(a.value), a.value++);
+      o.value || i.linear && !await s() || (u.value.add(t.value), t.value++);
     }
-    function g() {
-      l.value || a.value--;
+    function S() {
+      l.value || t.value--;
     }
-    function $(m) {
-      u.linear && m > a.value || (a.value = m);
+    function F(y) {
+      i.linear && y > t.value || (t.value = y);
     }
-    return (m, C) => (c(), f("div", {
-      class: F([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(O, null, G(o.value, (h, 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}: ${h.title}`,
-              class: F(["relative flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold motion-safe:transition-all motion-safe:duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/40", [
-                s.value.has(y) && y !== a.value ? "border-green-500 bg-green-500 text-white" : y !== a.value ? "border-gray-300 bg-white text-gray-500" : "text-white",
-                e.linear && y > a.value ? "cursor-not-allowed" : "cursor-pointer hover:shadow-md"
+              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: z(y === a.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
-              onClick: (A) => $(y)
+              style: O(p === t.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+              onClick: (N) => F(p)
             }, [
-              s.value.has(y) && y !== a.value ? (c(), f("svg", al, [...C[0] || (C[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 < o.value.length - 1 ? (c(), f("div", {
+            p < n.value.length - 1 ? (d(), f("div", {
               key: 0,
-              class: F(["mx-1 h-0.5 w-8 motion-safe:transition-colors motion-safe:duration-300 sm:w-12", s.value.has(y) ? "bg-green-500" : "bg-gray-200"])
-            }, null, 2)) : T("", !0)
+              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))
         ])
       ]),
-      o.value[a.value] ? (c(), f("div", nl, [
-        p("h3", ol, L(o.value[a.value].title), 1),
-        o.value[a.value].description ? (c(), f("p", rl, L(o.value[a.value].description), 1)) : T("", !0)
-      ])) : T("", !0),
-      Z(le, {
+      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",
         "enter-from-class": "opacity-0 translate-x-2",
@@ -2409,24 +2417,24 @@ 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(() => [
-          o.value[a.value] ? (c(), f("div", { key: a.value }, [
-            Z(re, {
-              nodes: o.value[a.value].children
+        default: _(() => [
+          n.value[t.value] ? (d(), f("div", { key: t.value }, [
+            Z(oe, {
+              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: g
+          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",
@@ -2451,57 +2459,57 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     className: {}
   },
   setup(e) {
-    const u = e, t = D(0), a = x(() => u.tabs);
-    function s(l) {
-      const n = a.value[l];
-      n != null && n.disabled || (t.value = l);
-    }
-    function o(l, n) {
-      var g;
-      const r = a.value.length;
-      let i = 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(), i = (n + 1) % r;
+        l.preventDefault(), s = (o + 1) % r;
       else if (l.key === "ArrowLeft" || l.key === "ArrowUp")
-        l.preventDefault(), i = (n - 1 + r) % r;
+        l.preventDefault(), s = (o - 1 + r) % r;
       else if (l.key === "Home")
-        l.preventDefault(), i = 0;
+        l.preventDefault(), s = 0;
       else if (l.key === "End")
-        l.preventDefault(), i = r - 1;
+        l.preventDefault(), s = r - 1;
       else
         return;
-      for (; (g = a.value[i]) != null && g.disabled && i !== n; )
-        l.key === "ArrowLeft" || l.key === "ArrowUp" ? i = (i - 1 + r) % r : i = (i + 1) % r;
-      s(i);
-      const k = document.getElementById(`fc-tab-${i}`);
+      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 d = x(() => `fc-tabpanel-${t.value}`);
-    return (l, n) => (c(), f("div", {
-      class: F(e.className ?? "")
+    const c = x(() => `fc-tabpanel-${a.value}`);
+    return (l, o) => (d(), f("div", {
+      class: T(e.className ?? "")
     }, [
-      p("div", fl, [
-        (c(!0), f(O, null, G(a.value, (r, i) => (c(), f("button", {
-          key: i,
-          id: `fc-tab-${i}`,
+      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": i === t.value,
-          "aria-controls": d.value,
+          "aria-selected": s === a.value,
+          "aria-controls": c.value,
           "aria-disabled": r.disabled || void 0,
-          tabindex: i === t.value ? 0 : -1,
-          class: F(["relative px-4 py-2.5 text-sm font-medium motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500/40", [
-            i !== t.value ? r.disabled ? "cursor-not-allowed text-gray-300" : "text-gray-500 hover:text-gray-700" : ""
+          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: z(i === t.value ? { color: "var(--fc-color-primary, #3b82f6)" } : {}),
-          onClick: (k) => s(i),
-          onKeydown: (k) => o(k, i)
+          style: O(s === a.value ? { color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (k) => u(s),
+          onKeydown: (k) => n(k, s)
         }, [
-          _(L(r.title) + " ", 1),
-          i === 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(le, {
+      Z(ae, {
         mode: "out-in",
         "enter-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
         "enter-from-class": "opacity-0 translate-y-1",
@@ -2510,65 +2518,65 @@ 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(re, {
-              nodes: a.value[t.value].children
+            Z(oe, {
+              nodes: t.value[a.value].children
             }, null, 8, ["nodes"])
-          ], 8, vl)) : T("", !0)
+          ], 8, vl)) : I("", !0)
         ]),
         _: 1
       })
     ], 2));
   }
-}), re = /* @__PURE__ */ j({
+}), oe = /* @__PURE__ */ j({
   __name: "LayoutRenderer",
   props: {
     nodes: {}
   },
   setup(e) {
-    const u = q(ce);
-    function t(s) {
-      return u ? se(s.condition, u.values) : !0;
+    const i = Y(fe);
+    function a(u) {
+      return i ? ie(u.condition, i.values) : !0;
     }
-    function a(s) {
-      return s === "full" ? { gridColumn: "1 / -1" } : s === "auto" ? { gridColumn: "auto" } : typeof s == "number" ? { gridColumn: `span ${s} / span ${s}` } : { gridColumn: "span 12 / span 12" };
+    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 (s, o) => {
-      const d = je("LayoutRenderer", !0);
-      return c(!0), f(O, null, G(e.nodes, (l, n) => {
+    return (u, n) => {
+      const c = je("LayoutRenderer", !0);
+      return d(!0), f(z, null, G(e.nodes, (l, o) => {
         var r;
-        return c(), f(O, { key: n }, [
-          H(Ce)(l) ? (c(), f("div", {
+        return d(), f(z, { key: o }, [
+          q(Ce)(l) ? (d(), f("div", {
             key: 0,
-            class: F(l.className ?? ""),
-            style: z(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: F(l.className ?? ""),
-            style: z(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,
@@ -2576,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(O, { 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"])) : (r = l.elseChildren) != null && r.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);
     };
@@ -2631,10 +2639,10 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
     components: {}
   },
   emits: ["submit", "error", "update:modelValue"],
-  setup(e, { expose: u, emit: t }) {
-    const a = e, s = t, o = q(Te, void 0), d = x(() => a.theme ?? (o == null ? void 0 : o.theme)), l = x(() => a.locale ?? (o == null ? void 0 : o.locale) ?? "en"), n = x(
-      () => a.fallbackLocale ?? (o == null ? void 0 : o.fallbackLocale) ?? "en"
-    ), r = x(() => a.components ?? (o == null ? void 0 : o.components) ?? {}), i = [
+  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],
@@ -2649,106 +2657,127 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
       ["tags", ka],
       ["phone", Gt]
     ];
-    for (const [b, v] of i)
-      Pe(b) || Fe(b, v);
-    ie(Be, r), tt(d);
-    const k = K(), g = et(a.schema, {
+    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: n.value
+      fallbackLocale: o.value
     });
-    if (a.modelValue)
-      for (const [b, v] of Object.entries(a.modelValue))
-        g.setFieldValue(b, v);
-    J(
-      () => a.modelValue,
+    if (t.modelValue)
+      for (const [b, m] of Object.entries(t.modelValue))
+        y.setFieldValue(b, m);
+    W(
+      () => t.modelValue,
       (b) => {
         if (b)
-          for (const [v, B] of Object.entries(b))
-            g.values[v] !== B && g.setFieldValue(v, B);
+          for (const [m, w] of Object.entries(b))
+            y.values[m] !== w && y.setFieldValue(m, w);
       },
       { deep: !0 }
-    ), J(
-      () => ({ ...g.values }),
+    ), W(
+      () => ({ ...y.values }),
       (b) => {
-        s("update:modelValue", b);
+        u("update:modelValue", b);
       },
       { deep: !0 }
-    ), J(l, (b) => {
-      b && g.setLocale(b);
+    ), W(l, (b) => {
+      b && y.setLocale(b);
     }), Ze();
-    const $ = x(() => {
-      var S, N;
-      const b = a.schema.translations;
+    const v = x(() => {
+      var D, P;
+      const b = t.schema.translations;
       if (!b) return "";
-      const v = b[l.value];
-      if ((S = v == null ? void 0 : v.messages) != null && S.title) return v.messages.title;
-      const B = b[n.value];
-      return ((N = B == null ? void 0 : B.messages) == null ? void 0 : N.title) ?? "";
-    }), m = x(() => {
-      var S, N;
-      const b = a.schema.translations;
+      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 v = b[l.value];
-      if ((S = v == null ? void 0 : v.messages) != null && S.description) return v.messages.description;
-      const B = b[n.value];
-      return ((N = B == null ? void 0 : B.messages) == null ? void 0 : N.description) ?? "";
-    }), C = x(() => {
-      const b = a.schema.translations;
+      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 v = b[l.value];
-      if (v != null && v.submit) return v.submit;
-      const B = b[n.value];
-      return (B == null ? void 0 : B.submit) ?? "Submit";
-    }), h = x(() => {
-      const b = a.schema.translations;
+      const m = b[l.value];
+      if (m != null && m.submit) return m.submit;
+      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 v = b[l.value];
-      if (v != null && v.reset) return v.reset;
-      const B = b[n.value];
-      return (B == null ? void 0 : B.reset) ?? "Reset";
-    }), y = x(() => {
-      var b, v;
-      return (v = (b = a.layout) == null ? void 0 : b.nodes) != null && v.length ? a.layout.nodes : a.schema.fields;
+      const m = b[l.value];
+      if (m != null && m.reset) return m.reset;
+      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 A() {
+    async function C() {
       try {
-        await g.submit(async (b) => {
-          s("submit", b);
+        await y.submit(async (b) => {
+          u("submit", b);
         });
       } catch (b) {
-        s("error", b);
+        u("error", b);
       }
     }
     function V() {
-      g.reset();
+      y.reset();
     }
-    return u({ form: g }), (b, v) => (c(), f("form", {
-      class: F([H(k).classes.value.form, "fc-form-builder"]),
-      style: z(H(k).cssVars.value),
+    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: Y(A, ["prevent"]),
-      onReset: Y(V, ["prevent"])
+      onSubmit: J(C, ["prevent"]),
+      onReset: J(V, ["prevent"])
     }, [
-      $.value || m.value ? (c(), f("div", pl, [
-        $.value ? (c(), f("h2", gl, L($.value), 1)) : T("", !0),
-        m.value ? (c(), f("p", hl, L(m.value), 1)) : T("", !0)
-      ])) : T("", !0),
-      Z(re, { nodes: y.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(g).isSubmitting.value,
-          class: F([H(k).classes.value.button, "fc-submit-btn rounded-md px-4 py-2 text-sm font-medium text-white motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50"]),
+          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(g).isSubmitting.value ? (c(), f("span", wl)) : T("", !0),
-          _(" " + L(C.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(g).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(h.value), 9, $l)
+        }, A(N.value), 9, $l)
       ])
     ], 38));
   }
@@ -2756,8 +2785,8 @@ const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disa
 export {
   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,