@formatica/vue 0.1.0

package/dist/formatica.es.js

@@ -0,0 +1,2764 @@
+import { titleCase as Fe, evaluateCondition as se, getRule as Te, extractFields as P, sanitizeHtml as Ie, isFieldNode as Ce } from "@formatica/core";
+export * from "@formatica/core";
+import { inject as J, provide as ie, ref as D, reactive as re, computed as h, watch as Y, isRef as Le, defineComponent as j, openBlock as c, createElementBlock as f, normalizeClass as S, Fragment as z, renderList as G, createElementVNode as p, normalizeStyle as O, createCommentVNode as T, toDisplayString as L, withKeys as he, withModifiers as q, createTextVNode as _, onMounted as ue, withDirectives as de, vModelText as ve, nextTick as te, onBeforeUnmount as Ve, unref as H, createVNode as Z, Transition as ae, withCtx as W, renderSlot as Ae, TransitionGroup as Ne, createBlock as U, resolveDynamicComponent as Se, mergeProps as De, vShow as Me, resolveComponent as Ee, toRef as Re } from "vue";
+import { getCountries as xe, getCountryCallingCode as ke, parsePhoneNumber as je, AsYouType as Oe } from "libphonenumber-js";
+const Be = Symbol("FormaticaComponents"), le = /* @__PURE__ */ new Map();
+function ze(e, i) {
+  le.set(e, i);
+}
+function Bl(e) {
+  le.delete(e);
+}
+function Ke(e) {
+  return le.get(e);
+}
+function Pe(e) {
+  return le.has(e);
+}
+function Fl() {
+  return Array.from(le.keys());
+}
+function Ue() {
+  const e = /* @__PURE__ */ new Map();
+  function i(a, r) {
+    e.has(a) || e.set(a, /* @__PURE__ */ new Set());
+    const u = e.get(a);
+    return u ? (u.add(r), () => {
+      u.delete(r);
+    }) : () => {
+    };
+  }
+  function t(a, r) {
+    const u = e.get(a);
+    if (u)
+      for (const d of u)
+        d(r);
+  }
+  return { on: i, emit: t };
+}
+const ye = Symbol("FormaticaI18n"), He = {
+  required: "This field is required",
+  email: "Please enter a valid email address",
+  url: "Please enter a valid URL",
+  min: "Must be at least {min}",
+  max: "Must be at most {max}",
+  minLength: "Must be at least {min} characters",
+  maxLength: "Must be at most {max} characters",
+  between: "Must be between {min} and {max}",
+  pattern: "Invalid format",
+  numeric: "Must be a number",
+  integer: "Must be an integer",
+  alpha: "Must contain only letters",
+  alphaNumeric: "Must contain only letters and numbers",
+  confirmed: "Confirmation does not match",
+  date: "Please enter a valid date"
+};
+function Ge(e) {
+  const {
+    locale: i,
+    fallbackLocale: t = "en",
+    fieldTranslations: a = {},
+    formTranslations: r = {}
+  } = e;
+  function u(o, s) {
+    const g = a[o];
+    if (g) {
+      const $ = g[i.value];
+      if ($) {
+        const b = $[s];
+        if (typeof b == "string") return b;
+      }
+      const V = g[t];
+      if (V) {
+        const b = V[s];
+        if (typeof b == "string") return b;
+      }
+    }
+    return s === "label" ? Fe(o) : "";
+  }
+  function d(o, s) {
+    var $, V;
+    const g = a[o];
+    if (g) {
+      const b = g[i.value];
+      if (($ = b == null ? void 0 : b.options) != null && $[s]) return b.options[s];
+      const v = g[t];
+      if ((V = v == null ? void 0 : v.options) != null && V[s]) return v.options[s];
+    }
+    return s;
+  }
+  function l(o, s) {
+    var b, v;
+    const g = (b = r[i.value]) == null ? void 0 : b.messages;
+    if (g != null && g[o])
+      return fe(g[o], s ?? {});
+    const $ = (v = r[t]) == null ? void 0 : v.messages;
+    if ($ != null && $[o])
+      return fe($[o], s ?? {});
+    const V = He[o];
+    return V ? fe(V, s ?? {}) : `Validation failed: ${o}`;
+  }
+  const n = {
+    locale: i,
+    fallbackLocale: t,
+    t: u,
+    tOption: d,
+    tValidation: l
+  };
+  return ie(ye, n), n;
+}
+function Ze() {
+  return J(ye);
+}
+function fe(e, i) {
+  return e.replace(/\{(\w+)\}/g, (t, a) => i[a] !== void 0 ? String(i[a]) : `{${a}}`);
+}
+function we(e) {
+  return e.split("|").map((i) => {
+    const [t, ...a] = i.split(":"), r = {};
+    if (a.length > 0) {
+      const d = a.join(":").split(",");
+      t === "between" && d.length === 2 ? (r.min = d[0], r.max = d[1]) : d.length === 1 ? r[t] = d[0] : r.values = d;
+    }
+    return { name: t, params: r };
+  });
+}
+function qe(e) {
+  const i = e.rules;
+  if (!i) {
+    const a = [];
+    return e.required && a.push({ name: "required" }), a;
+  }
+  if (typeof i == "string")
+    return we(i);
+  if (Array.isArray(i))
+    return i.flatMap((a) => typeof a == "string" ? we(a) : []);
+  const t = [];
+  for (const [a, r] of Object.entries(i)) {
+    if (r === !1) continue;
+    const u = {};
+    typeof r == "object" && r !== null && !Array.isArray(r) ? Object.assign(u, r) : r !== !0 && (u[a] = r), t.push({ name: a, params: u });
+  }
+  return t;
+}
+function Ye(e, i) {
+  let t = null, a = null;
+  return (...r) => new Promise((u) => {
+    t !== null && (clearTimeout(t), a && a([])), a = u, t = setTimeout(async () => {
+      t = null;
+      const d = await e(...r);
+      u(d), a = null;
+    }, i);
+  });
+}
+function Je(e) {
+  const { fields: i, values: t, settings: a } = e, r = D({}), u = /* @__PURE__ */ new Map();
+  function d($, V) {
+    const b = `${$}:${V}`;
+    u.has(b) || u.set(
+      b,
+      Ye(async (...m) => l(m[0], m[1]), V)
+    );
+    const v = u.get(b);
+    if (!v) throw new Error(`Debounced validator not found for ${b}`);
+    return v;
+  }
+  async function l($, V) {
+    var F;
+    const b = i.value.find((k) => k.name === $);
+    if (!b) return [];
+    const v = qe(b), m = t.value[$], y = [];
+    for (const k of v) {
+      if ((F = k.params) != null && F.when) {
+        const w = k.params.when;
+        if (("field" in w || "and" in w || "or" in w) && !se(
+          w,
+          t.value
+        ))
+          continue;
+      }
+      if (k.optional && We(m)) continue;
+      let C;
+      if (k.validator)
+        C = await k.validator(m, k.params ?? {}, V);
+      else {
+        const w = Te(k.name);
+        if (!w) continue;
+        C = await w(m, k.params ?? {}, V);
+      }
+      if (C !== !0) {
+        const w = k.message ? _e(k.message, k.params ?? {}) : typeof C == "string" ? C : `Validation failed for rule: ${k.name}`;
+        if (y.push(w), k.bail) break;
+      }
+    }
+    return r.value[$] = y, y;
+  }
+  async function n($, V) {
+    const b = a == null ? void 0 : a.debounce;
+    return b && b > 0 ? d($, b)($, V) : l($, V);
+  }
+  async function o($) {
+    const V = {}, b = i.value.map(async (v) => {
+      const m = await l(v.name, $);
+      m.length > 0 && (V[v.name] = m);
+    });
+    return await Promise.all(b), r.value = { ...V }, V;
+  }
+  function s($) {
+    delete r.value[$];
+  }
+  function g() {
+    r.value = {};
+  }
+  return {
+    errors: r,
+    validateField: n,
+    validateAll: o,
+    clearFieldErrors: s,
+    clearAllErrors: g
+  };
+}
+function We(e) {
+  return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
+}
+function _e(e, i) {
+  return e.replace(/\{(\w+)\}/g, (t, a) => i[a] !== void 0 ? String(i[a]) : `{${a}}`);
+}
+const ce = Symbol("FormaticaContext");
+function Qe(e) {
+  switch (e.type) {
+    case "tags":
+      return [];
+    case "checkbox-group":
+      return [];
+    case "checkbox":
+      return !1;
+    case "switch":
+      return !1;
+    case "number":
+    case "slider":
+      return null;
+    case "file":
+      return null;
+    default:
+      return "";
+  }
+}
+function me(e) {
+  const i = {};
+  for (const t of e)
+    i[t.name] = t.defaultValue ?? Qe(t);
+  return i;
+}
+function Xe(e) {
+  const i = {};
+  for (const t of e)
+    t.translations && (i[t.name] = t.translations);
+  return i;
+}
+function et(e, i) {
+  const t = D((i == null ? void 0 : i.locale) ?? "en"), a = (i == null ? void 0 : i.fallbackLocale) ?? "en";
+  let r = e;
+  const u = D(P(e.fields)), d = re(me(P(e.fields))), l = re({}), n = re({}), o = re({}), s = D(!1), g = D(0), $ = h(() => Object.values(l).every((x) => x.length === 0)), V = h(() => Object.values(o).some(Boolean)), b = Ue();
+  function v() {
+    return { values: { ...d }, getFieldValue: (x) => d[x] };
+  }
+  const m = h(() => ({ ...d })), y = Je({
+    fields: u,
+    values: m,
+    settings: e.settings
+  });
+  Ge({
+    locale: t,
+    fallbackLocale: a,
+    fieldTranslations: Xe(P(e.fields)),
+    formTranslations: e.translations
+  });
+  let F = me(P(e.fields));
+  Y(
+    () => ({ ...d }),
+    (x, I) => {
+      var M;
+      if (I) {
+        for (const E of Object.keys(x))
+          x[E] !== I[E] && (o[E] = !0, b.emit("field:change", {
+            field: E,
+            value: x[E],
+            previousValue: I[E]
+          }), (M = e.settings) != null && M.validateOnChange && N(E));
+        b.emit("change", { values: x });
+      }
+    },
+    { deep: !0 }
+  );
+  const k = /* @__PURE__ */ new Map();
+  function C(x) {
+    const I = x.name;
+    return {
+      name: I,
+      value: h({
+        get: () => d[I],
+        set: (M) => {
+          d[I] = M;
+        }
+      }),
+      errors: h(() => l[I] ?? []),
+      touched: h({
+        get: () => n[I] ?? !1,
+        set: (M) => {
+          n[I] = M;
+        }
+      }),
+      dirty: h({
+        get: () => o[I] ?? !1,
+        set: (M) => {
+          o[I] = M;
+        }
+      }),
+      disabled: h(
+        () => typeof x.disabled == "function" ? x.disabled(v()) : x.disabled ?? !1
+      ),
+      visible: h(() => x.condition ? se(x.condition, d) : typeof x.visible == "function" ? x.visible(v()) : x.visible ?? !0),
+      schema: x,
+      validate: () => N(I),
+      reset: () => {
+        d[I] = F[I] ?? null, delete l[I], n[I] = !1, o[I] = !1;
+      },
+      clear: () => {
+        d[I] = null, delete l[I];
+      }
+    };
+  }
+  function w() {
+    k.clear();
+    for (const x of P(r.fields))
+      k.set(x.name, C(x));
+  }
+  w();
+  async function N(x) {
+    const I = await y.validateField(x, v());
+    return l[x] = I, b.emit("validate:field", {
+      field: x,
+      valid: I.length === 0,
+      errors: I
+    }), I;
+  }
+  async function B() {
+    const x = await y.validateAll(v());
+    for (const M of Object.keys(l))
+      M in x || delete l[M];
+    for (const [M, E] of Object.entries(x))
+      l[M] = E;
+    const I = Object.values(x).every((M) => M.length === 0);
+    return b.emit("validate", { valid: I, errors: { ...x } }), I;
+  }
+  async function A(x) {
+    s.value = !0, g.value += 1;
+    try {
+      for (const M of P(r.fields)) n[M.name] = !0;
+      if (!await B()) {
+        b.emit("submit:error", {
+          values: { ...d },
+          error: new Error("Validation failed")
+        });
+        return;
+      }
+      b.emit("submit", { values: { ...d } }), x && await x({ ...d }, v()), b.emit("submit:success", { values: { ...d }, result: void 0 });
+    } catch (I) {
+      throw b.emit("submit:error", { values: { ...d }, error: I }), I;
+    } finally {
+      s.value = !1;
+    }
+  }
+  function R() {
+    for (const x of P(r.fields))
+      d[x.name] = F[x.name] ?? null, delete l[x.name], n[x.name] = !1, o[x.name] = !1;
+    y.clearAllErrors(), b.emit("reset", void 0);
+  }
+  function Q() {
+    for (const x of P(r.fields))
+      d[x.name] = null, delete l[x.name];
+    y.clearAllErrors();
+  }
+  function ee(x) {
+    r = x;
+    const I = P(x.fields);
+    u.value = I, F = me(I);
+    for (const E of I)
+      E.name in d || (d[E.name] = E.defaultValue ?? null);
+    const M = new Set(I.map((E) => E.name));
+    for (const E of Object.keys(d))
+      M.has(E) || (delete d[E], delete l[E], delete n[E], delete o[E]);
+    w();
+  }
+  const ge = {
+    values: d,
+    errors: l,
+    touched: n,
+    dirty: o,
+    isValid: $,
+    isDirty: V,
+    isSubmitting: s,
+    submitCount: g,
+    validate: B,
+    validateField: N,
+    submit: A,
+    reset: R,
+    clear: Q,
+    setError: (x, I) => {
+      l[x] = I;
+    },
+    clearError: (x) => {
+      delete l[x], y.clearFieldErrors(x);
+    },
+    clearErrors: () => {
+      for (const x of Object.keys(l)) delete l[x];
+      y.clearAllErrors();
+    },
+    getField: (x) => k.get(x),
+    setFieldValue: (x, I) => {
+      d[x] = I;
+    },
+    setFieldDisabled: (x, I) => {
+      const M = P(r.fields).find((E) => E.name === x);
+      M && (M.disabled = I);
+    },
+    setFieldVisible: (x, I) => {
+      const M = P(r.fields).find((E) => E.name === x);
+      M && (M.visible = I);
+    },
+    on: b.on,
+    locale: t,
+    setLocale: (x) => {
+      t.value = x;
+    },
+    schema: r,
+    updateSchema: ee
+  };
+  return ie(ce, ge), ge;
+}
+const pe = Symbol("FormaticaTheme"), be = {
+  name: "default",
+  colors: {
+    primary: "#3b82f6",
+    primaryHover: "#2563eb",
+    error: "#ef4444",
+    errorHover: "#dc2626",
+    success: "#22c55e",
+    warning: "#f59e0b",
+    info: "#3b82f6",
+    text: "#1f2937",
+    textSecondary: "#6b7280",
+    textDisabled: "#9ca3af",
+    background: "#ffffff",
+    backgroundDisabled: "#f3f4f6",
+    border: "#d1d5db",
+    borderFocus: "#3b82f6",
+    borderError: "#ef4444",
+    placeholder: "#9ca3af"
+  },
+  typography: {
+    fontFamily: "inherit",
+    fontSize: "0.875rem",
+    fontSizeSmall: "0.75rem",
+    fontSizeLarge: "1rem",
+    lineHeight: "1.5",
+    labelFontWeight: "500"
+  },
+  spacing: {
+    fieldGap: "1rem",
+    rowGap: "1rem",
+    inputPaddingX: "0.75rem",
+    inputPaddingY: "0.5rem",
+    labelMarginBottom: "0.375rem"
+  },
+  borders: {
+    radius: "0.375rem",
+    radiusSmall: "0.25rem",
+    radiusLarge: "0.5rem",
+    width: "1px",
+    style: "solid"
+  },
+  shadows: {
+    focus: "0 0 0 3px rgba(59, 130, 246, 0.1)",
+    error: "0 0 0 3px rgba(239, 68, 68, 0.1)",
+    dropdown: "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+  },
+  transitions: {
+    duration: "150ms",
+    timingFunction: "ease-in-out"
+  }
+};
+function tt(e) {
+  const i = Le(e) ? h(() => e.value ?? be) : D(e ?? be), t = h(() => {
+    const u = i.value.components ?? {};
+    return {
+      form: u.form ?? "fc-form",
+      field: u.field ?? "fc-field",
+      label: u.label ?? "fc-label",
+      input: u.input ?? "fc-input",
+      error: u.error ?? "fc-error",
+      helpText: u.helpText ?? "fc-help-text",
+      group: u.group ?? "fc-group",
+      row: u.row ?? "fc-row",
+      steps: u.steps ?? "fc-steps",
+      tabs: u.tabs ?? "fc-tabs",
+      button: u.button ?? "fc-button"
+    };
+  }), a = h(() => {
+    const u = i.value, d = {};
+    if (u.colors)
+      for (const [l, n] of Object.entries(u.colors))
+        n && (d[`--fc-color-${X(l)}`] = n);
+    if (u.typography)
+      for (const [l, n] of Object.entries(u.typography))
+        n && (d[`--fc-${X(l)}`] = n);
+    if (u.spacing)
+      for (const [l, n] of Object.entries(u.spacing))
+        n && (d[`--fc-${X(l)}`] = n);
+    if (u.borders)
+      for (const [l, n] of Object.entries(u.borders))
+        n && (d[`--fc-border-${X(l)}`] = n);
+    if (u.shadows)
+      for (const [l, n] of Object.entries(u.shadows))
+        n && (d[`--fc-shadow-${X(l)}`] = n);
+    if (u.transitions)
+      for (const [l, n] of Object.entries(u.transitions))
+        n && (d[`--fc-transition-${X(l)}`] = n);
+    return u.cssVars && Object.assign(d, u.cssVars), d;
+  }), r = {
+    config: i.value,
+    classes: t,
+    cssVars: a
+  };
+  return ie(pe, r), r;
+}
+function K() {
+  const e = J(pe);
+  return e || at();
+}
+function at() {
+  const e = h(() => ({
+    form: "fc-form",
+    field: "fc-field",
+    label: "fc-label",
+    input: "fc-input",
+    error: "fc-error",
+    helpText: "fc-help-text",
+    group: "fc-group",
+    row: "fc-row",
+    steps: "fc-steps",
+    tabs: "fc-tabs",
+    button: "fc-button"
+  })), i = h(() => ({}));
+  return { config: be, classes: e, cssVars: i };
+}
+function X(e) {
+  return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+const lt = ["checked", "disabled", "onChange"], nt = ["aria-checked", "aria-disabled", "onClick", "onKeydown"], ot = {
+  key: 0,
+  class: "h-3 w-3",
+  viewBox: "0 0 12 12",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+}, rt = { class: "text-sm text-gray-700" }, st = /* @__PURE__ */ j({
+  __name: "CheckboxGroupInput",
+  props: {
+    modelValue: {},
+    options: {},
+    inline: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    minSelect: {},
+    maxSelect: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i;
+    K();
+    function r(n) {
+      return t.modelValue.includes(n);
+    }
+    function u(n) {
+      return !!(t.disabled || n.disabled || t.maxSelect && !r(n.value) && t.modelValue.length >= t.maxSelect);
+    }
+    function d(n) {
+      if (u(n)) return;
+      const o = [...t.modelValue], s = o.indexOf(n.value);
+      if (s >= 0) {
+        if (t.minSelect && o.length <= t.minSelect) return;
+        o.splice(s, 1);
+      } else
+        o.push(n.value);
+      a("update:modelValue", o);
+    }
+    function l(n, o) {
+      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(o));
+    }
+    return (n, o) => (c(), f("div", {
+      role: "group",
+      class: S(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
+    }, [
+      (c(!0), f(z, null, G(e.options, (s) => (c(), f("label", {
+        key: String(s.value),
+        class: S([
+          "inline-flex items-center gap-2 select-none",
+          u(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+        ])
+      }, [
+        p("input", {
+          type: "checkbox",
+          checked: r(s.value),
+          disabled: u(s),
+          class: "sr-only",
+          onChange: (g) => d(s),
+          onBlur: o[0] || (o[0] = (g) => a("blur", g))
+        }, null, 40, lt),
+        p("div", {
+          role: "checkbox",
+          "aria-checked": r(s.value),
+          "aria-disabled": u(s) || void 0,
+          tabindex: "0",
+          class: S([
+            "flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition-colors duration-200",
+            r(s.value) ? "text-white" : "border-gray-300 bg-white"
+          ]),
+          style: O(r(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (g) => d(s),
+          onKeydown: (g) => l(g, s)
+        }, [
+          r(s.value) ? (c(), f("svg", ot, [...o[1] || (o[1] = [
+            p("path", {
+              d: "M2 6l3 3 5-5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])])) : T("", !0)
+        ], 46, nt),
+        p("span", rt, L(s.label), 1)
+      ], 2))), 128))
+    ], 2));
+  }
+}), it = ["checked", "disabled"], ut = ["aria-checked", "aria-disabled"], dt = {
+  key: 0,
+  class: "h-3 w-3",
+  viewBox: "0 0 12 12",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+}, ct = {
+  key: 0,
+  class: "text-sm text-gray-700"
+}, ft = /* @__PURE__ */ j({
+  __name: "CheckboxInput",
+  props: {
+    modelValue: { type: Boolean },
+    checkboxLabel: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i;
+    K();
+    const r = h(() => [
+      "inline-flex items-center gap-2 select-none",
+      t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+    ]);
+    function u() {
+      t.disabled || a("update:modelValue", !t.modelValue);
+    }
+    function d(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), u());
+    }
+    return (l, n) => (c(), f("label", {
+      class: S(r.value)
+    }, [
+      p("input", {
+        type: "checkbox",
+        checked: e.modelValue,
+        disabled: e.disabled,
+        class: "sr-only",
+        onChange: u,
+        onBlur: n[0] || (n[0] = (o) => a("blur", o))
+      }, null, 40, it),
+      p("div", {
+        role: "checkbox",
+        "aria-checked": e.modelValue,
+        "aria-disabled": e.disabled || void 0,
+        tabindex: "0",
+        class: S([
+          "flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition-colors duration-200",
+          e.modelValue ? "text-white" : "border-gray-300 bg-white"
+        ]),
+        style: O(e.modelValue ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: u,
+        onKeydown: d
+      }, [
+        e.modelValue ? (c(), f("svg", dt, [...n[1] || (n[1] = [
+          p("path", {
+            d: "M2 6l3 3 5-5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, null, -1)
+        ])])) : T("", !0)
+      ], 46, ut),
+      e.checkboxLabel ? (c(), f("span", ct, L(e.checkboxLabel), 1)) : T("", !0)
+    ], 2));
+  }
+}), mt = ["value", "min", "max", "placeholder", "disabled", "aria-disabled"], bt = /* @__PURE__ */ j({
+  __name: "DateInput",
+  props: {
+    modelValue: {},
+    format: {},
+    minDate: {},
+    maxDate: {},
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { emit: i }) {
+    const t = e, a = i, r = K(), u = h(
+      () => [
+        "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
+        "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-date-input",
+        "transition-colors duration-200",
+        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        r.classes.value.input
+      ].filter(Boolean).join(" ")
+    );
+    function d(l) {
+      const n = l.target;
+      a("update:modelValue", n.value);
+    }
+    return (l, n) => (c(), f("input", {
+      type: "date",
+      value: e.modelValue,
+      min: e.minDate,
+      max: e.maxDate,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      class: S(u.value),
+      "aria-disabled": e.disabled || void 0,
+      onInput: d,
+      onBlur: n[0] || (n[0] = (o) => a("blur", o)),
+      onFocus: n[1] || (n[1] = (o) => a("focus", o))
+    }, null, 42, mt));
+  }
+}), ne = (e, i) => {
+  const t = e.__vccOpts || e;
+  for (const [a, r] of i)
+    t[a] = r;
+  return t;
+}, 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 = {
+  key: 0,
+  class: "mt-3 space-y-2"
+}, xt = { class: "flex items-center gap-2 truncate" }, kt = { class: "truncate" }, wt = { class: "shrink-0 text-xs text-gray-400" }, $t = ["onClick"], Ct = /* @__PURE__ */ j({
+  __name: "FileInput",
+  props: {
+    modelValue: {},
+    accept: {},
+    maxSize: {},
+    multiple: { type: Boolean, default: !1 },
+    maxFiles: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i;
+    K();
+    const r = D(null), u = D(!1), d = h(() => t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : []);
+    function l(m) {
+      return m < 1024 ? `${m} B` : m < 1024 * 1024 ? `${(m / 1024).toFixed(1)} KB` : `${(m / (1024 * 1024)).toFixed(1)} MB`;
+    }
+    function n(m) {
+      let y = m;
+      if (t.maxSize) {
+        const F = t.maxSize;
+        y = y.filter((k) => k.size <= F);
+      }
+      if (t.multiple && t.maxFiles) {
+        const F = t.maxFiles - d.value.length;
+        y = y.slice(0, Math.max(0, F));
+      }
+      return y;
+    }
+    function o(m) {
+      const y = n(m);
+      y.length !== 0 && (t.multiple ? a("update:modelValue", [...d.value, ...y]) : a("update:modelValue", y[0]));
+    }
+    function s(m) {
+      const y = m.target;
+      y.files && (o(Array.from(y.files)), y.value = "");
+    }
+    function g(m) {
+      if (t.disabled) return;
+      const y = d.value.filter((F, k) => k !== m);
+      t.multiple ? a("update:modelValue", y.length ? y : []) : a("update:modelValue", null);
+    }
+    function $(m) {
+      m.preventDefault(), t.disabled || (u.value = !0);
+    }
+    function V() {
+      u.value = !1;
+    }
+    function b(m) {
+      var y;
+      m.preventDefault(), u.value = !1, !(t.disabled || !((y = m.dataTransfer) != null && y.files)) && o(Array.from(m.dataTransfer.files));
+    }
+    function v() {
+      var m;
+      t.disabled || (m = r.value) == null || m.click();
+    }
+    return (m, y) => (c(), f("div", {
+      class: S(e.disabled ? "opacity-50 cursor-not-allowed" : "")
+    }, [
+      p("div", {
+        role: "button",
+        tabindex: "0",
+        "aria-disabled": e.disabled || void 0,
+        class: S([
+          "flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 text-center transition-colors duration-200",
+          u.value ? "" : "border-gray-300 bg-gray-50",
+          e.disabled ? "pointer-events-none" : "cursor-pointer hover:border-gray-400"
+        ]),
+        style: O(u.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)" } : {}),
+        onClick: v,
+        onKeydown: [
+          he(v, ["enter"]),
+          he(q(v, ["prevent"]), ["space"])
+        ],
+        onDragover: $,
+        onDragleave: V,
+        onDrop: b,
+        onBlur: y[0] || (y[0] = (F) => a("blur", F))
+      }, [
+        y[1] || (y[1] = p("svg", {
+          class: "mb-2 h-8 w-8 text-gray-400",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          "aria-hidden": "true"
+        }, [
+          p("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", {
+            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)
+      ], 46, yt),
+      p("input", {
+        ref_key: "fileInputRef",
+        ref: r,
+        type: "file",
+        accept: e.accept,
+        multiple: e.multiple,
+        class: "hidden",
+        onChange: s
+      }, null, 40, gt),
+      d.value.length > 0 ? (c(), f("ul", ht, [
+        (c(!0), f(z, null, G(d.value, (F, k) => (c(), f("li", {
+          key: `${F.name}-${k}`,
+          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", {
+              class: "h-4 w-4 shrink-0 text-gray-400",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            }, [
+              p("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+              })
+            ], -1)),
+            p("span", kt, L(F.name), 1),
+            p("span", wt, "(" + L(l(F.size)) + ")", 1)
+          ]),
+          e.disabled ? T("", !0) : (c(), f("button", {
+            key: 0,
+            type: "button",
+            class: "ml-2 shrink-0 text-gray-400 hover:text-red-500 transition-colors duration-200",
+            "aria-label": "Remove file",
+            onClick: q((C) => g(k), ["stop"])
+          }, " × ", 8, $t))
+        ]))), 128))
+      ])) : T("", !0)
+    ], 2));
+  }
+}), Vt = {
+  key: 0,
+  class: "flex items-stretch"
+}, St = {
+  key: 0,
+  class: "inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500"
+}, Bt = ["value", "min", "max", "step", "disabled", "readonly", "aria-disabled", "aria-readonly"], Ft = {
+  key: 1,
+  class: "inline-flex items-center rounded-r-md border border-l-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500"
+}, Tt = ["value", "min", "max", "step", "disabled", "readonly", "aria-disabled", "aria-readonly"], It = /* @__PURE__ */ j({
+  __name: "NumberInput",
+  props: {
+    modelValue: {},
+    min: {},
+    max: {},
+    step: { default: 1 },
+    precision: {},
+    prefix: {},
+    suffix: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { emit: i }) {
+    const t = e, a = i, r = K(), u = h(() => !!t.prefix || !!t.suffix), d = h(
+      () => [
+        "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
+        "placeholder:text-gray-400",
+        "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-number-input",
+        "transition-colors duration-200",
+        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        t.prefix ? "rounded-l-none" : "",
+        t.suffix ? "rounded-r-none" : "",
+        r.classes.value.input
+      ].filter(Boolean).join(" ")
+    );
+    function l(n) {
+      const s = n.target.value;
+      if (s === "") {
+        a("update:modelValue", null);
+        return;
+      }
+      let g = parseFloat(s);
+      Number.isNaN(g) || (t.precision !== void 0 && (g = parseFloat(g.toFixed(t.precision))), a("update:modelValue", g));
+    }
+    return (n, o) => u.value ? (c(), f("div", Vt, [
+      e.prefix ? (c(), f("span", St, L(e.prefix), 1)) : T("", !0),
+      p("input", {
+        type: "number",
+        value: e.modelValue ?? "",
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        class: S(d.value),
+        "aria-disabled": e.disabled || void 0,
+        "aria-readonly": e.readonly || void 0,
+        onInput: l,
+        onBlur: o[0] || (o[0] = (s) => a("blur", s)),
+        onFocus: o[1] || (o[1] = (s) => a("focus", s))
+      }, null, 42, Bt),
+      e.suffix ? (c(), f("span", Ft, L(e.suffix), 1)) : T("", !0)
+    ])) : (c(), f("input", {
+      key: 1,
+      type: "number",
+      value: e.modelValue ?? "",
+      min: e.min,
+      max: e.max,
+      step: e.step,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      class: S(d.value),
+      "aria-disabled": e.disabled || void 0,
+      "aria-readonly": e.readonly || void 0,
+      onInput: l,
+      onBlur: o[2] || (o[2] = (s) => a("blur", s)),
+      onFocus: o[3] || (o[3] = (s) => a("focus", s))
+    }, null, 42, Tt));
+  }
+}), Lt = /* @__PURE__ */ ne(It, [["__scopeId", "data-v-4e51299b"]]), At = { class: "relative" }, Nt = ["disabled"], Dt = { class: "text-lg leading-none" }, Mt = { class: "text-xs text-gray-500 dark:text-gray-400 font-medium" }, Et = ["value", "placeholder", "disabled"], Rt = {
+  key: 1,
+  class: "absolute left-0 top-full z-50 mt-1 w-72 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-xl overflow-hidden"
+}, jt = { class: "border-b border-gray-200 dark:border-gray-700 p-2" }, Ot = { class: "max-h-48 overflow-y-auto" }, zt = ["onMousedown"], Kt = { class: "text-lg leading-none" }, Pt = { class: "flex-1 truncate text-xs" }, Ut = { class: "text-[11px] text-gray-400 dark:text-gray-500 font-mono" }, Ht = {
+  key: 0,
+  class: "px-3 py-4 text-center text-xs text-gray-400 dark:text-gray-500"
+}, Gt = /* @__PURE__ */ j({
+  __name: "PhoneInput",
+  props: {
+    modelValue: {},
+    defaultCountry: { default: "US" },
+    countries: {},
+    showDialCode: { type: Boolean, default: !0 },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i, r = {
+      AF: "Afghanistan",
+      AL: "Albania",
+      DZ: "Algeria",
+      AD: "Andorra",
+      AO: "Angola",
+      AR: "Argentina",
+      AM: "Armenia",
+      AU: "Australia",
+      AT: "Austria",
+      AZ: "Azerbaijan",
+      BH: "Bahrain",
+      BD: "Bangladesh",
+      BY: "Belarus",
+      BE: "Belgium",
+      BZ: "Belize",
+      BJ: "Benin",
+      BT: "Bhutan",
+      BO: "Bolivia",
+      BA: "Bosnia",
+      BW: "Botswana",
+      BR: "Brazil",
+      BN: "Brunei",
+      BG: "Bulgaria",
+      BF: "Burkina Faso",
+      BI: "Burundi",
+      KH: "Cambodia",
+      CM: "Cameroon",
+      CA: "Canada",
+      CL: "Chile",
+      CN: "China",
+      CO: "Colombia",
+      CR: "Costa Rica",
+      HR: "Croatia",
+      CU: "Cuba",
+      CY: "Cyprus",
+      CZ: "Czechia",
+      DK: "Denmark",
+      DO: "Dominican Rep.",
+      EC: "Ecuador",
+      EG: "Egypt",
+      SV: "El Salvador",
+      EE: "Estonia",
+      ET: "Ethiopia",
+      FI: "Finland",
+      FR: "France",
+      GE: "Georgia",
+      DE: "Germany",
+      GH: "Ghana",
+      GR: "Greece",
+      GT: "Guatemala",
+      HN: "Honduras",
+      HK: "Hong Kong",
+      HU: "Hungary",
+      IS: "Iceland",
+      IN: "India",
+      ID: "Indonesia",
+      IR: "Iran",
+      IQ: "Iraq",
+      IE: "Ireland",
+      IL: "Israel",
+      IT: "Italy",
+      JM: "Jamaica",
+      JP: "Japan",
+      JO: "Jordan",
+      KZ: "Kazakhstan",
+      KE: "Kenya",
+      KR: "South Korea",
+      KW: "Kuwait",
+      LV: "Latvia",
+      LB: "Lebanon",
+      LY: "Libya",
+      LT: "Lithuania",
+      LU: "Luxembourg",
+      MO: "Macau",
+      MY: "Malaysia",
+      MX: "Mexico",
+      MA: "Morocco",
+      MZ: "Mozambique",
+      MM: "Myanmar",
+      NP: "Nepal",
+      NL: "Netherlands",
+      NZ: "New Zealand",
+      NI: "Nicaragua",
+      NG: "Nigeria",
+      NO: "Norway",
+      OM: "Oman",
+      PK: "Pakistan",
+      PA: "Panama",
+      PY: "Paraguay",
+      PE: "Peru",
+      PH: "Philippines",
+      PL: "Poland",
+      PT: "Portugal",
+      QA: "Qatar",
+      RO: "Romania",
+      RU: "Russia",
+      SA: "Saudi Arabia",
+      RS: "Serbia",
+      SG: "Singapore",
+      SK: "Slovakia",
+      SI: "Slovenia",
+      ZA: "South Africa",
+      ES: "Spain",
+      LK: "Sri Lanka",
+      SE: "Sweden",
+      CH: "Switzerland",
+      TW: "Taiwan",
+      TZ: "Tanzania",
+      TH: "Thailand",
+      TR: "Turkey",
+      UA: "Ukraine",
+      AE: "UAE",
+      GB: "United Kingdom",
+      US: "United States",
+      UY: "Uruguay",
+      VE: "Venezuela",
+      VN: "Vietnam",
+      ZW: "Zimbabwe"
+    };
+    function u(C) {
+      return C.toUpperCase().split("").map((w) => String.fromCodePoint(127462 + w.charCodeAt(0) - 65)).join("");
+    }
+    const d = h(() => {
+      var w;
+      return ((w = t.countries) != null && w.length ? t.countries.filter(
+        (N) => xe().includes(N)
+      ) : xe()).map((N) => ({
+        code: N,
+        name: r[N] ?? N,
+        dialCode: `+${ke(N)}`,
+        flag: u(N)
+      })).sort((N, B) => N.name.localeCompare(B.name));
+    }), l = D(t.defaultCountry), n = D(""), o = D(!1), s = D(""), g = D(null), $ = h(() => {
+      const C = s.value.toLowerCase();
+      return C ? d.value.filter(
+        (w) => w.name.toLowerCase().includes(C) || w.code.toLowerCase().includes(C) || w.dialCode.includes(C)
+      ) : d.value;
+    }), V = h(
+      () => d.value.find((C) => C.code === l.value) ?? d.value[0]
+    );
+    ue(() => {
+      t.modelValue && b(t.modelValue);
+    }), Y(
+      () => t.modelValue,
+      (C) => {
+        C && b(C);
+      }
+    );
+    function b(C) {
+      try {
+        const w = je(C);
+        if (w != null && w.country) {
+          l.value = w.country, n.value = w.nationalNumber;
+          return;
+        }
+      } catch {
+      }
+      n.value = C.replace(/^\+\d+\s*/, "");
+    }
+    function v() {
+      if (!n.value.trim()) {
+        a("update:modelValue", "");
+        return;
+      }
+      const C = new Oe(l.value);
+      C.input(`+${ke(l.value)}${n.value}`);
+      const w = C.getNumber();
+      a("update:modelValue", (w == null ? void 0 : w.format("E.164")) ?? n.value);
+    }
+    function m(C) {
+      const w = C.target;
+      n.value = w.value, v();
+    }
+    function y(C) {
+      l.value = C, o.value = !1, s.value = "", v();
+    }
+    function F() {
+      t.disabled || (o.value = !0, s.value = "", te(() => {
+        var C;
+        return (C = g.value) == null ? void 0 : C.focus();
+      }));
+    }
+    function k() {
+      o.value = !1, s.value = "";
+    }
+    return (C, w) => {
+      var N, B;
+      return c(), f("div", At, [
+        p("div", {
+          class: S([
+            "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", {
+            key: 0,
+            type: "button",
+            disabled: e.disabled,
+            class: "flex items-center gap-1.5 px-3 border-r border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 rounded-l-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors shrink-0",
+            onMousedown: w[0] || (w[0] = q((A) => o.value ? k() : F(), ["prevent"]))
+          }, [
+            p("span", Dt, L((N = V.value) == null ? void 0 : N.flag), 1),
+            p("span", Mt, L((B = V.value) == null ? void 0 : B.dialCode), 1),
+            (c(), f("svg", {
+              class: S(["h-3 w-3 text-gray-400 transition-transform", o.value ? "rotate-180" : ""]),
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [...w[3] || (w[3] = [
+              p("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+            ])], 2))
+          ], 40, Nt)) : T("", !0),
+          p("input", {
+            type: "tel",
+            value: n.value,
+            placeholder: e.placeholder || "Phone number",
+            disabled: e.disabled,
+            autocomplete: "tel-national",
+            class: S(["flex-1 bg-transparent px-3 py-2 text-sm text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 outline-none min-w-0", e.showDialCode ? "rounded-r-lg" : "rounded-lg"]),
+            onInput: m,
+            onBlur: w[1] || (w[1] = (A) => a("blur", A))
+          }, null, 42, Et)
+        ], 2),
+        o.value ? (c(), f("div", {
+          key: 0,
+          class: "fixed inset-0 z-40",
+          onMousedown: k
+        }, null, 32)) : T("", !0),
+        o.value ? (c(), f("div", Rt, [
+          p("div", jt, [
+            de(p("input", {
+              ref_key: "searchInputRef",
+              ref: g,
+              "onUpdate:modelValue": w[2] || (w[2] = (A) => s.value = A),
+              type: "text",
+              placeholder: "Search country...",
+              class: "w-full rounded-md border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 px-3 py-1.5 text-xs text-gray-900 dark:text-white placeholder-gray-400 outline-none focus:border-primary-500"
+            }, null, 512), [
+              [ve, s.value]
+            ])
+          ]),
+          p("div", Ot, [
+            (c(!0), f(z, null, G($.value, (A) => (c(), f("button", {
+              key: A.code,
+              type: "button",
+              class: S([
+                "flex w-full items-center gap-3 px-3 py-2 text-left text-sm transition-colors hover:bg-gray-50 dark:hover:bg-gray-800",
+                A.code === l.value ? "bg-primary-50 dark:bg-primary-950/30 text-primary-700 dark:text-primary-300" : "text-gray-700 dark:text-gray-300"
+              ]),
+              onMousedown: q((R) => y(A.code), ["prevent"])
+            }, [
+              p("span", Kt, L(A.flag), 1),
+              p("span", Pt, L(A.name), 1),
+              p("span", Ut, L(A.dialCode), 1)
+            ], 42, zt))), 128)),
+            $.value.length === 0 ? (c(), f("p", Ht, " No countries found ")) : T("", !0)
+          ])
+        ])) : T("", !0)
+      ]);
+    };
+  }
+}), Zt = ["checked", "disabled", "onChange"], qt = ["aria-checked", "aria-disabled", "onClick", "onKeydown"], Yt = {
+  key: 0,
+  class: "h-2.5 w-2.5 rounded-full",
+  style: { backgroundColor: "var(--fc-color-primary, #3b82f6)" }
+}, Jt = { class: "text-sm text-gray-700" }, Wt = /* @__PURE__ */ j({
+  __name: "RadioInput",
+  props: {
+    modelValue: { type: [String, Number, Boolean, null] },
+    options: {},
+    inline: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i;
+    K();
+    function r(n) {
+      return t.modelValue === n;
+    }
+    function u(n) {
+      return t.disabled || !!n.disabled;
+    }
+    function d(n) {
+      u(n) || a("update:modelValue", n.value);
+    }
+    function l(n, o) {
+      (n.key === " " || n.key === "Enter") && (n.preventDefault(), d(o));
+    }
+    return (n, o) => (c(), f("div", {
+      role: "radiogroup",
+      class: S(e.inline ? "flex flex-wrap gap-4" : "flex flex-col gap-2")
+    }, [
+      (c(!0), f(z, null, G(e.options, (s) => (c(), f("label", {
+        key: String(s.value),
+        class: S([
+          "inline-flex items-center gap-2 select-none",
+          u(s) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+        ])
+      }, [
+        p("input", {
+          type: "radio",
+          checked: r(s.value),
+          disabled: u(s),
+          class: "sr-only",
+          onChange: (g) => d(s),
+          onBlur: o[0] || (o[0] = (g) => a("blur", g))
+        }, null, 40, Zt),
+        p("div", {
+          role: "radio",
+          "aria-checked": r(s.value),
+          "aria-disabled": u(s) || void 0,
+          tabindex: "0",
+          class: S([
+            "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-200",
+            r(s.value) ? "" : "border-gray-300"
+          ]),
+          style: O(r(s.value) ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (g) => d(s),
+          onKeydown: (g) => l(g, s)
+        }, [
+          r(s.value) ? (c(), f("div", Yt)) : T("", !0)
+        ], 46, qt),
+        p("span", Jt, L(s.label), 1)
+      ], 2))), 128))
+    ], 2));
+  }
+}), _t = ["aria-expanded"], Qt = { class: "flex flex-1 flex-wrap items-center gap-1" }, Xt = ["onClick"], ea = {
+  key: 1,
+  class: "truncate"
+}, ta = {
+  key: 2,
+  class: "text-gray-400"
+}, aa = {
+  key: 0,
+  class: "absolute z-50 mt-1 w-full rounded-md border border-gray-200 bg-white shadow-lg"
+}, la = {
+  key: 0,
+  class: "border-b border-gray-200 p-2"
+}, na = {
+  role: "listbox",
+  class: "max-h-60 overflow-auto py-1"
+}, oa = ["aria-selected", "onClick", "onMouseenter"], ra = {
+  key: 0,
+  class: "px-3 py-2 text-sm text-gray-400"
+}, sa = /* @__PURE__ */ j({
+  __name: "SelectInput",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Array, null] },
+    options: {},
+    multiple: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    placeholder: { default: "Select..." },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i, r = K(), u = D(!1), d = D(""), l = D(-1), n = D(null), o = D(null), s = h(() => t.modelValue === null || t.modelValue === void 0 ? [] : Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]), g = h(() => {
+      if (s.value.length === 0 || t.multiple) return "";
+      const B = t.options.find((A) => A.value === s.value[0]);
+      return (B == null ? void 0 : B.label) ?? String(s.value[0]);
+    }), $ = h(() => {
+      if (!d.value) return t.options;
+      const B = d.value.toLowerCase();
+      return t.options.filter((A) => A.label.toLowerCase().includes(B));
+    });
+    function V(B) {
+      return s.value.includes(B);
+    }
+    function b() {
+      t.disabled || (u.value ? m() : v());
+    }
+    function v() {
+      u.value = !0, l.value = -1, d.value = "", te(() => {
+        var B;
+        return (B = o.value) == null ? void 0 : B.focus();
+      });
+    }
+    function m() {
+      u.value = !1, d.value = "";
+    }
+    function y(B) {
+      if (!B.disabled)
+        if (t.multiple) {
+          const A = [...s.value], R = A.indexOf(B.value);
+          R >= 0 ? A.splice(R, 1) : A.push(B.value), a("update:modelValue", A);
+        } else
+          a("update:modelValue", B.value), m();
+    }
+    function F(B) {
+      if (t.disabled) return;
+      const A = s.value.filter((R) => R !== B);
+      a("update:modelValue", A.length ? A : t.multiple ? [] : null);
+    }
+    function k(B) {
+      B.stopPropagation(), a("update:modelValue", t.multiple ? [] : null);
+    }
+    function C(B) {
+      if (!u.value) {
+        (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), v());
+        return;
+      }
+      switch (B.key) {
+        case "ArrowDown":
+          B.preventDefault(), l.value = Math.min(
+            l.value + 1,
+            $.value.length - 1
+          );
+          break;
+        case "ArrowUp":
+          B.preventDefault(), l.value = Math.max(l.value - 1, 0);
+          break;
+        case "Enter":
+          B.preventDefault(), l.value >= 0 && $.value[l.value] && y($.value[l.value]);
+          break;
+        case "Escape":
+          B.preventDefault(), m();
+          break;
+      }
+    }
+    function w(B) {
+      n.value && !n.value.contains(B.target) && m();
+    }
+    function N(B) {
+      const A = t.options.find((R) => R.value === B);
+      return (A == null ? void 0 : A.label) ?? String(B);
+    }
+    return ue(() => document.addEventListener("mousedown", w)), Ve(() => document.removeEventListener("mousedown", w)), Y(u, (B) => {
+      B || a("blur", new FocusEvent("blur"));
+    }), (B, A) => (c(), f("div", {
+      ref_key: "containerRef",
+      ref: n,
+      class: S([
+        "relative w-full",
+        H(r).classes.value.input,
+        e.disabled ? "opacity-50 cursor-not-allowed" : ""
+      ])
+    }, [
+      p("div", {
+        role: "combobox",
+        "aria-expanded": u.value,
+        "aria-haspopup": "listbox",
+        tabindex: "0",
+        class: S([
+          "flex min-h-[38px] w-full cursor-pointer items-center rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm",
+          "transition-colors duration-200",
+          u.value ? "ring-2 ring-blue-500/20" : "",
+          e.disabled ? "pointer-events-none bg-gray-100" : ""
+        ]),
+        style: O(u.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: b,
+        onKeydown: C
+      }, [
+        p("div", Qt, [
+          e.multiple ? (c(!0), f(z, { key: 0 }, G(s.value, (R) => (c(), f("span", {
+            key: String(R),
+            class: "inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs",
+            style: { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 15%, white)", color: "var(--fc-color-primary, #3b82f6)" }
+          }, [
+            _(L(N(R)) + " ", 1),
+            p("button", {
+              type: "button",
+              class: "ml-0.5",
+              style: { color: "var(--fc-color-primary, #3b82f6)" },
+              "aria-label": "Remove",
+              onClick: q((Q) => F(R), ["stop"])
+            }, " × ", 8, Xt)
+          ]))), 128)) : g.value ? (c(), f("span", ea, L(g.value), 1)) : (c(), f("span", ta, L(e.placeholder), 1))
+        ]),
+        e.clearable && s.value.length > 0 && !e.disabled ? (c(), f("button", {
+          key: 0,
+          type: "button",
+          class: "ml-1 shrink-0 text-gray-400 hover:text-gray-600 transition-colors duration-200",
+          "aria-label": "Clear selection",
+          onClick: k
+        }, " × ")) : T("", !0),
+        (c(), f("svg", {
+          class: S(["ml-1 h-4 w-4 shrink-0 text-gray-400 transition-transform duration-200", u.value ? "rotate-180" : ""]),
+          viewBox: "0 0 20 20",
+          fill: "currentColor",
+          "aria-hidden": "true"
+        }, [...A[1] || (A[1] = [
+          p("path", {
+            "fill-rule": "evenodd",
+            d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+            "clip-rule": "evenodd"
+          }, null, -1)
+        ])], 2))
+      ], 46, _t),
+      u.value ? (c(), f("div", aa, [
+        e.searchable ? (c(), f("div", la, [
+          de(p("input", {
+            ref_key: "searchInputRef",
+            ref: o,
+            "onUpdate:modelValue": A[0] || (A[0] = (R) => d.value = R),
+            type: "text",
+            class: "w-full rounded border border-gray-300 px-2 py-1 text-sm focus:outline-none fc-select-search",
+            placeholder: "Search...",
+            onKeydown: C
+          }, null, 544), [
+            [ve, d.value]
+          ])
+        ])) : T("", !0),
+        p("ul", na, [
+          (c(!0), f(z, null, G($.value, (R, Q) => (c(), f("li", {
+            key: String(R.value),
+            role: "option",
+            "aria-selected": V(R.value),
+            class: S([
+              "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
+              V(R.value) ? "" : "text-gray-900",
+              l.value === Q ? "bg-gray-100" : "",
+              R.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-50"
+            ]),
+            style: O(V(R.value) ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
+            onClick: (ee) => y(R),
+            onMouseenter: (ee) => l.value = Q
+          }, L(R.label), 47, oa))), 128)),
+          $.value.length === 0 ? (c(), f("li", ra, " No options found ")) : T("", !0)
+        ])
+      ])) : T("", !0)
+    ], 2));
+  }
+}), ia = /* @__PURE__ */ ne(sa, [["__scopeId", "data-v-b34f2a7d"]]), ua = ["value", "min", "max", "step", "disabled", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-disabled"], da = { class: "mt-1 flex justify-between text-xs text-gray-400" }, ca = /* @__PURE__ */ j({
+  __name: "SliderInput",
+  props: {
+    modelValue: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    showTooltip: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i;
+    K();
+    const r = D(!1), u = h(() => {
+      const l = t.max - t.min;
+      return l === 0 ? 0 : (t.modelValue - t.min) / l * 100;
+    });
+    function d(l) {
+      const n = l.target;
+      a("update:modelValue", parseFloat(n.value));
+    }
+    return (l, n) => (c(), f("div", {
+      class: S([
+        "relative w-full py-2",
+        e.disabled ? "opacity-50 cursor-not-allowed" : ""
+      ])
+    }, [
+      e.showTooltip && r.value ? (c(), f("div", {
+        key: 0,
+        class: "absolute -top-8 rounded bg-gray-800 px-2 py-1 text-xs text-white shadow-sm transition-opacity duration-200",
+        style: O({ left: `calc(${u.value}% - 16px)` })
+      }, L(e.modelValue), 5)) : T("", !0),
+      p("input", {
+        type: "range",
+        value: e.modelValue,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        "aria-valuenow": e.modelValue,
+        "aria-valuemin": e.min,
+        "aria-valuemax": e.max,
+        "aria-disabled": e.disabled || void 0,
+        class: "h-2 w-full cursor-pointer appearance-none rounded-full bg-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:pointer-events-none",
+        style: { accentColor: "var(--fc-color-primary, #3b82f6)" },
+        onInput: d,
+        onMousedown: n[0] || (n[0] = (o) => r.value = !0),
+        onMouseup: n[1] || (n[1] = (o) => r.value = !1),
+        onTouchstart: n[2] || (n[2] = (o) => r.value = !0),
+        onTouchend: n[3] || (n[3] = (o) => r.value = !1),
+        onFocus: n[4] || (n[4] = (o) => r.value = !0),
+        onBlur: n[5] || (n[5] = (o) => {
+          r.value = !1, a("blur", o);
+        })
+      }, null, 40, ua),
+      p("div", da, [
+        p("span", null, L(e.min), 1),
+        p("span", null, L(e.max), 1)
+      ])
+    ], 2));
+  }
+}), fa = {
+  key: 0,
+  class: "text-sm text-gray-600"
+}, ma = ["checked", "disabled"], ba = ["aria-checked", "aria-disabled"], va = {
+  key: 1,
+  class: "text-sm text-gray-600"
+}, ya = /* @__PURE__ */ j({
+  __name: "SwitchInput",
+  props: {
+    modelValue: { type: Boolean },
+    activeLabel: {},
+    inactiveLabel: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = i;
+    K();
+    const r = h(() => [
+      "inline-flex items-center gap-2 select-none",
+      t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+    ]);
+    function u() {
+      t.disabled || a("update:modelValue", !t.modelValue);
+    }
+    function d(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), u());
+    }
+    return (l, n) => (c(), f("label", {
+      class: S(r.value)
+    }, [
+      e.inactiveLabel ? (c(), f("span", fa, L(e.inactiveLabel), 1)) : T("", !0),
+      p("input", {
+        type: "checkbox",
+        checked: e.modelValue,
+        disabled: e.disabled,
+        class: "sr-only",
+        onChange: u,
+        onBlur: n[0] || (n[0] = (o) => a("blur", o))
+      }, null, 40, ma),
+      p("button", {
+        type: "button",
+        role: "switch",
+        "aria-checked": e.modelValue,
+        "aria-disabled": e.disabled || void 0,
+        tabindex: "0",
+        class: S([
+          "relative inline-flex h-6 w-11 shrink-0 rounded-full border-2 border-transparent transition-colors duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)]",
+          e.modelValue ? "" : "bg-gray-300",
+          e.disabled ? "pointer-events-none" : "focus:outline-none focus:ring-2 focus:ring-blue-500/20"
+        ]),
+        style: O(e.modelValue ? { backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: u,
+        onKeydown: d
+      }, [
+        p("span", {
+          class: S([
+            "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)
+    ], 2));
+  }
+}), pa = ["onClick"], ga = ["placeholder", "disabled"], ha = {
+  key: 0,
+  class: "absolute z-50 mt-1 w-full rounded-md border border-gray-200 bg-white py-1 shadow-lg",
+  role: "listbox"
+}, xa = ["aria-selected", "onMousedown", "onMouseenter"], ka = /* @__PURE__ */ j({
+  __name: "TagsInput",
+  props: {
+    modelValue: { default: () => [] },
+    maxTags: {},
+    suggestions: { default: () => [] },
+    placeholder: { default: "Add a tag..." },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: i }) {
+    const t = e, a = h(() => Array.isArray(t.modelValue) ? t.modelValue : []), r = i, u = K(), d = D(""), l = D(!1), n = D(!1), o = D(-1), s = D(null), g = D(null), $ = h(() => !t.maxTags || a.value.length < t.maxTags), V = h(() => {
+      if (!d.value || t.suggestions.length === 0) return [];
+      const k = d.value.toLowerCase();
+      return t.suggestions.filter(
+        (C) => C.toLowerCase().includes(k) && !a.value.includes(C)
+      );
+    });
+    function b(k) {
+      const C = k.trim();
+      !C || !$.value || a.value.includes(C) || (r("update:modelValue", [...a.value, C]), d.value = "", n.value = !1, o.value = -1);
+    }
+    function v(k) {
+      if (t.disabled) return;
+      const C = a.value.filter((w, N) => N !== k);
+      r("update:modelValue", C);
+    }
+    function m(k) {
+      if (k.key === "Enter" || k.key === ",") {
+        k.preventDefault(), o.value >= 0 && V.value[o.value] ? b(V.value[o.value]) : b(d.value);
+        return;
+      }
+      if (k.key === "Backspace" && d.value === "" && a.value.length > 0) {
+        v(a.value.length - 1);
+        return;
+      }
+      if (k.key === "ArrowDown" && n.value) {
+        k.preventDefault(), o.value = Math.min(
+          o.value + 1,
+          V.value.length - 1
+        );
+        return;
+      }
+      if (k.key === "ArrowUp" && n.value) {
+        k.preventDefault(), o.value = Math.max(o.value - 1, 0);
+        return;
+      }
+      k.key === "Escape" && (n.value = !1, o.value = -1);
+    }
+    function y() {
+      n.value = d.value.length > 0 && V.value.length > 0, o.value = -1;
+    }
+    function F(k) {
+      s.value && !s.value.contains(k.target) && (n.value = !1);
+    }
+    return ue(() => document.addEventListener("mousedown", F)), Ve(() => document.removeEventListener("mousedown", F)), Y(d, () => {
+      te(y);
+    }), (k, C) => (c(), f("div", {
+      ref_key: "containerRef",
+      ref: s,
+      class: S([
+        "relative w-full",
+        e.disabled ? "opacity-50 cursor-not-allowed" : ""
+      ])
+    }, [
+      p("div", {
+        class: S([
+          "flex flex-wrap items-center gap-1.5 rounded-md border bg-white px-2 py-1.5 text-sm transition-colors duration-200",
+          l.value ? "ring-2 ring-blue-500/20" : "border-gray-300",
+          H(u).classes.value.input
+        ]),
+        style: O(l.value ? { borderColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+        onClick: C[3] || (C[3] = (w) => {
+          var N;
+          return (N = g.value) == null ? void 0 : N.focus();
+        })
+      }, [
+        (c(!0), f(z, null, G(a.value, (w, N) => (c(), f("span", {
+          key: w,
+          class: "inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs",
+          style: { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 15%, white)", color: "var(--fc-color-primary, #3b82f6)" }
+        }, [
+          _(L(w) + " ", 1),
+          e.disabled ? T("", !0) : (c(), f("button", {
+            key: 0,
+            type: "button",
+            class: "ml-0.5 transition-colors duration-200",
+            style: { color: "var(--fc-color-primary, #3b82f6)" },
+            "aria-label": "Remove tag",
+            onClick: q((B) => v(N), ["stop"])
+          }, " × ", 8, pa))
+        ]))), 128)),
+        de(p("input", {
+          ref_key: "inputRef",
+          ref: g,
+          "onUpdate:modelValue": C[0] || (C[0] = (w) => d.value = w),
+          type: "text",
+          placeholder: a.value.length === 0 ? e.placeholder : "",
+          disabled: e.disabled,
+          class: "min-w-[80px] flex-1 border-0 bg-transparent p-0 text-sm outline-none placeholder:text-gray-400",
+          onKeydown: m,
+          onFocus: C[1] || (C[1] = (w) => l.value = !0),
+          onBlur: C[2] || (C[2] = (w) => {
+            l.value = !1, r("blur", w);
+          })
+        }, null, 40, ga), [
+          [ve, d.value]
+        ])
+      ], 6),
+      n.value && V.value.length > 0 ? (c(), f("ul", ha, [
+        (c(!0), f(z, null, G(V.value, (w, N) => (c(), f("li", {
+          key: w,
+          role: "option",
+          "aria-selected": o.value === N,
+          class: S([
+            "cursor-pointer px-3 py-2 text-sm transition-colors duration-200",
+            o.value !== N ? "text-gray-900 hover:bg-gray-50" : ""
+          ]),
+          style: O(o.value === N ? { backgroundColor: "color-mix(in srgb, var(--fc-color-primary, #3b82f6) 8%, white)", color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onMousedown: q((B) => b(w), ["prevent"]),
+          onMouseenter: (B) => o.value = N
+        }, L(w), 47, xa))), 128))
+      ])) : T("", !0)
+    ], 2));
+  }
+}), wa = ["value", "rows", "maxlength", "placeholder", "disabled", "readonly", "aria-disabled", "aria-readonly"], $a = /* @__PURE__ */ j({
+  __name: "TextareaInput",
+  props: {
+    modelValue: {},
+    rows: { default: 3 },
+    autoResize: { type: Boolean, default: !1 },
+    maxLength: {},
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { emit: i }) {
+    const t = e, a = i, r = K(), u = D(null), d = h(
+      () => [
+        "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
+        "placeholder:text-gray-400 resize-y",
+        "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-textarea-input",
+        "transition-colors duration-200",
+        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        t.autoResize ? "resize-none overflow-hidden" : "",
+        r.classes.value.input
+      ].filter(Boolean).join(" ")
+    );
+    function l() {
+      if (!t.autoResize || !u.value) return;
+      const o = u.value;
+      o.style.height = "auto", o.style.height = `${o.scrollHeight}px`;
+    }
+    function n(o) {
+      const s = o.target;
+      a("update:modelValue", s.value), t.autoResize && te(l);
+    }
+    return Y(
+      () => t.modelValue,
+      () => {
+        t.autoResize && te(l);
+      }
+    ), ue(() => {
+      t.autoResize && l();
+    }), (o, s) => (c(), f("textarea", {
+      ref_key: "textareaRef",
+      ref: u,
+      value: e.modelValue,
+      rows: e.rows,
+      maxlength: e.maxLength,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      class: S(d.value),
+      "aria-disabled": e.disabled || void 0,
+      "aria-readonly": e.readonly || void 0,
+      onInput: n,
+      onBlur: s[0] || (s[0] = (g) => a("blur", g)),
+      onFocus: s[1] || (s[1] = (g) => a("focus", g))
+    }, null, 42, wa));
+  }
+}), Ca = /* @__PURE__ */ ne($a, [["__scopeId", "data-v-67f80d90"]]), Va = {
+  key: 0,
+  class: "flex items-stretch"
+}, Sa = {
+  key: 0,
+  class: "inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500"
+}, Ba = ["type", "value", "placeholder", "maxlength", "disabled", "readonly", "aria-disabled", "aria-readonly"], Fa = {
+  key: 1,
+  class: "inline-flex items-center rounded-r-md border border-l-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500"
+}, Ta = ["type", "value", "placeholder", "maxlength", "disabled", "readonly", "aria-disabled", "aria-readonly"], Ia = /* @__PURE__ */ j({
+  __name: "TextInput",
+  props: {
+    modelValue: {},
+    inputType: { default: "text" },
+    placeholder: { default: "" },
+    maxLength: {},
+    prefix: {},
+    suffix: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    mask: {}
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { emit: i }) {
+    const t = e, a = i, r = K(), u = h(() => !!t.prefix || !!t.suffix), d = h(
+      () => [
+        "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
+        "placeholder:text-gray-400",
+        "focus:outline-none focus:ring-2 focus:ring-blue-500/20 fc-text-input",
+        "transition-colors duration-200",
+        t.disabled ? "opacity-50 cursor-not-allowed bg-gray-100" : "",
+        t.prefix ? "rounded-l-none" : "",
+        t.suffix ? "rounded-r-none" : "",
+        r.classes.value.input
+      ].filter(Boolean).join(" ")
+    );
+    function l(n) {
+      const o = n.target;
+      a("update:modelValue", o.value);
+    }
+    return (n, o) => u.value ? (c(), f("div", Va, [
+      e.prefix ? (c(), f("span", Sa, L(e.prefix), 1)) : T("", !0),
+      p("input", {
+        type: e.inputType,
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        maxlength: e.maxLength,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        class: S(d.value),
+        "aria-disabled": e.disabled || void 0,
+        "aria-readonly": e.readonly || void 0,
+        onInput: l,
+        onBlur: o[0] || (o[0] = (s) => a("blur", s)),
+        onFocus: o[1] || (o[1] = (s) => a("focus", s))
+      }, null, 42, Ba),
+      e.suffix ? (c(), f("span", Fa, L(e.suffix), 1)) : T("", !0)
+    ])) : (c(), f("input", {
+      key: 1,
+      type: e.inputType,
+      value: e.modelValue,
+      placeholder: e.placeholder,
+      maxlength: e.maxLength,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      class: S(d.value),
+      "aria-disabled": e.disabled || void 0,
+      "aria-readonly": e.readonly || void 0,
+      onInput: l,
+      onBlur: o[2] || (o[2] = (s) => a("blur", s)),
+      onFocus: o[3] || (o[3] = (s) => a("focus", s))
+    }, null, 42, Ta));
+  }
+}), La = /* @__PURE__ */ ne(Ia, [["__scopeId", "data-v-a42b4343"]]), Aa = {
+  key: 0,
+  class: "mb-1.5 flex items-center gap-1"
+}, Na = ["for"], Da = {
+  key: 0,
+  class: "text-red-500 ml-0.5",
+  "aria-hidden": "true"
+}, Ma = ["aria-label"], Ea = {
+  key: 0,
+  role: "tooltip",
+  class: "absolute bottom-full left-1/2 z-10 mb-2 -translate-x-1/2 rounded-md bg-gray-900 px-3 py-1.5 text-xs text-white shadow-lg whitespace-nowrap"
+}, Ra = ["id"], ja = ["id"], Oa = /* @__PURE__ */ j({
+  __name: "BaseField",
+  props: {
+    fieldSchema: {},
+    fieldName: {},
+    errors: { default: () => [] },
+    touched: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const i = e, t = J(ye), a = J(pe), r = D(!1), u = h(() => {
+      if (t) {
+        const $ = t.t(i.fieldName, "label");
+        if ($) return $;
+      }
+      return i.fieldSchema.label ?? i.fieldName;
+    }), d = h(() => {
+      if (t) {
+        const $ = t.t(i.fieldName, "helpText");
+        if ($) return $;
+      }
+      return i.fieldSchema.helpText ?? "";
+    }), l = h(() => {
+      if (t) {
+        const $ = t.t(i.fieldName, "tooltip");
+        if ($) return $;
+      }
+      return i.fieldSchema.tooltip ?? "";
+    }), n = h(() => i.touched && i.errors.length > 0), o = h(() => [
+      (a == null ? void 0 : a.classes.value.field) ?? "fc-field",
+      i.fieldSchema.className ?? "",
+      i.fieldSchema.disabled ? "opacity-50 cursor-not-allowed" : "",
+      i.fieldSchema.readOnly ? "fc-readonly" : ""
+    ]), s = h(() => `fc-field-${i.fieldName}`), g = h(() => `fc-error-${i.fieldName}`);
+    return ($, V) => {
+      var b, v;
+      return c(), f("div", {
+        class: S([o.value, "relative mb-4"]),
+        style: O(e.fieldSchema.style)
+      }, [
+        e.fieldSchema.type !== "hidden" ? (c(), f("div", Aa, [
+          p("label", {
+            for: s.value,
+            class: S([((b = H(a)) == null ? void 0 : b.classes.value.label) ?? "fc-label", "block text-sm font-medium text-gray-700"])
+          }, [
+            _(L(u.value) + " ", 1),
+            e.fieldSchema.required ? (c(), f("span", Da, "*")) : T("", !0)
+          ], 10, Na),
+          l.value ? (c(), f("span", {
+            key: 0,
+            class: "relative inline-flex",
+            onMouseenter: V[0] || (V[0] = (m) => r.value = !0),
+            onMouseleave: V[1] || (V[1] = (m) => r.value = !1),
+            onFocusin: V[2] || (V[2] = (m) => r.value = !0),
+            onFocusout: V[3] || (V[3] = (m) => r.value = !1)
+          }, [
+            p("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(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",
+              "leave-active-class": "motion-safe:transition motion-safe:duration-150 motion-safe:ease-in",
+              "leave-from-class": "opacity-100 scale-100",
+              "leave-to-class": "opacity-0 scale-95"
+            }, {
+              default: W(() => [
+                r.value ? (c(), f("div", Ea, [
+                  _(L(l.value) + " ", 1),
+                  V[4] || (V[4] = p("div", { class: "absolute left-1/2 top-full -translate-x-1/2 border-4 border-transparent border-t-gray-900" }, null, -1))
+                ])) : T("", !0)
+              ]),
+              _: 1
+            })
+          ], 32)) : T("", !0)
+        ])) : T("", !0),
+        p("div", { id: s.value }, [
+          Ae($.$slots, "default")
+        ], 8, Ra),
+        Z(Ne, {
+          tag: "div",
+          "enter-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
+          "enter-from-class": "opacity-0 -translate-y-1 max-h-0",
+          "enter-to-class": "opacity-100 translate-y-0 max-h-8",
+          "leave-active-class": "motion-safe:transition-all motion-safe:duration-150 motion-safe:ease-in",
+          "leave-from-class": "opacity-100 translate-y-0 max-h-8",
+          "leave-to-class": "opacity-0 -translate-y-1 max-h-0",
+          class: ""
+        }, {
+          default: W(() => [
+            (c(!0), f(z, null, G(n.value ? e.errors : [], (m, y) => {
+              var F;
+              return c(), f("p", {
+                key: m + y,
+                id: y === 0 ? g.value : void 0,
+                class: S([((F = H(a)) == null ? void 0 : F.classes.value.error) ?? "fc-error", "mt-1 text-xs text-red-500"]),
+                role: "alert"
+              }, L(m), 11, ja);
+            }), 128))
+          ]),
+          _: 1
+        }),
+        d.value && !n.value ? (c(), f("p", {
+          key: 1,
+          class: S([((v = H(a)) == null ? void 0 : v.classes.value.helpText) ?? "fc-help-text", "mt-1 text-xs text-gray-400"])
+        }, L(d.value), 3)) : T("", !0)
+      ], 6);
+    };
+  }
+}), 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({
+  __name: "FormField",
+  props: {
+    name: {}
+  },
+  setup(e) {
+    const i = e, t = J(ce);
+    if (!t)
+      throw new Error(
+        "FormField must be used inside a FormBuilder (FormContextKey not provided)"
+      );
+    const a = J(
+      Be,
+      null
+    ), r = h(
+      () => P(t.schema.fields).find((b) => b.name === i.name)
+    ), u = h(() => {
+      var m;
+      const b = r.value;
+      if (!b) return;
+      const v = (m = a == null ? void 0 : a.value) == null ? void 0 : m[b.type];
+      return v || Ke(b.type);
+    }), d = h(() => t.values[i.name]), l = h(() => t.errors[i.name] ?? []), n = h(() => t.touched[i.name] ?? !1), o = h(() => {
+      const b = r.value;
+      return b ? b.condition ? se(b.condition, t.values) : typeof b.visible == "function" ? b.visible({
+        values: { ...t.values },
+        getFieldValue: (v) => t.values[v]
+      }) : b.visible ?? !0 : !1;
+    }), s = h(() => {
+      const b = r.value;
+      return b ? typeof b.disabled == "function" ? b.disabled({
+        values: { ...t.values },
+        getFieldValue: (v) => t.values[v]
+      }) : b.disabled ?? !1 : !1;
+    }), g = h(() => {
+      const b = r.value;
+      if (!b) return {};
+      const {
+        name: v,
+        label: m,
+        helpText: y,
+        tooltip: F,
+        condition: k,
+        translations: C,
+        meta: w,
+        rules: N,
+        visible: B,
+        className: A,
+        style: R,
+        defaultValue: Q,
+        ...ee
+      } = b;
+      return {
+        ...ee,
+        modelValue: d.value,
+        disabled: s.value,
+        readonly: b.readOnly ?? !1,
+        placeholder: b.placeholder ?? ""
+      };
+    });
+    function $(b) {
+      t.setFieldValue(i.name, b);
+    }
+    function V() {
+      var b;
+      t.touched[i.name] = !0, ((b = t.schema.settings) == null ? void 0 : b.validateOnBlur) !== !1 && t.validateField(i.name);
+    }
+    return (b, v) => (c(), U(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",
+      "leave-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-in",
+      "leave-from-class": "opacity-100 max-h-96",
+      "leave-to-class": "opacity-0 max-h-0"
+    }, {
+      default: W(() => [
+        o.value && r.value ? (c(), U(Oa, {
+          key: 0,
+          "field-schema": r.value,
+          "field-name": e.name,
+          errors: l.value,
+          touched: n.value
+        }, {
+          default: W(() => [
+            u.value ? (c(), U(Se(u.value), De({ key: 0 }, g.value, {
+              "aria-invalid": n.value && l.value.length > 0 ? !0 : void 0,
+              "aria-describedby": n.value && l.value.length > 0 ? `fc-error-${e.name}` : void 0,
+              "onUpdate:modelValue": $,
+              onBlur: V
+            }), null, 16, ["aria-invalid", "aria-describedby"])) : (c(), f("div", za, ' No component registered for field type "' + L(r.value.type) + '" ', 1))
+          ]),
+          _: 1
+        }, 8, ["field-schema", "field-name", "errors", "touched"])) : T("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Ka = {
+  key: 0,
+  class: "relative flex justify-center"
+}, Pa = { class: "bg-white px-3 text-xs text-gray-500" }, Ua = /* @__PURE__ */ j({
+  __name: "FormDivider",
+  props: {
+    label: {},
+    className: {}
+  },
+  setup(e) {
+    return (i, t) => (c(), f("div", {
+      class: S([e.className ?? "", "relative my-4"]),
+      role: "separator"
+    }, [
+      t[0] || (t[0] = p("div", {
+        class: "absolute inset-0 flex items-center",
+        "aria-hidden": "true"
+      }, [
+        p("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)
+    ], 2));
+  }
+}), Ha = ["aria-labelledby"], Ga = {
+  key: 0,
+  class: "border-b border-gray-100 px-4 py-3"
+}, Za = ["id"], qa = {
+  key: 1,
+  class: "mt-0.5 text-xs text-gray-500"
+}, Ya = ["id"], Ja = /* @__PURE__ */ j({
+  __name: "FormGroup",
+  props: {
+    title: {},
+    description: {},
+    collapsible: { type: Boolean, default: !1 },
+    collapsed: { type: Boolean, default: !1 },
+    children: {},
+    className: {}
+  },
+  setup(e) {
+    const i = e, t = D(i.collapsed);
+    function a() {
+      i.collapsible && (t.value = !t.value);
+    }
+    const r = h(
+      () => i.title ? `fc-group-${i.title.toLowerCase().replace(/\s+/g, "-")}` : void 0
+    );
+    return (u, d) => (c(), f("fieldset", {
+      class: S([[e.className ?? ""], "rounded-lg border border-gray-200 bg-white"]),
+      "aria-labelledby": r.value
+    }, [
+      e.title || e.description ? (c(), f("div", Ga, [
+        (c(), U(Se(e.collapsible ? "button" : "div"), {
+          type: e.collapsible ? "button" : void 0,
+          class: S(["flex w-full items-center justify-between text-left", e.collapsible ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500/40 rounded" : ""]),
+          "aria-expanded": e.collapsible ? !t.value : void 0,
+          "aria-controls": e.collapsible ? `fc-group-body-${r.value}` : void 0,
+          onClick: a
+        }, {
+          default: W(() => [
+            p("div", null, [
+              e.title ? (c(), f("legend", {
+                key: 0,
+                id: r.value,
+                class: "text-sm font-semibold text-gray-800"
+              }, L(e.title), 9, Za)) : T("", !0),
+              e.description ? (c(), f("p", qa, L(e.description), 1)) : T("", !0)
+            ]),
+            e.collapsible ? (c(), f("svg", {
+              key: 0,
+              class: S(["h-4 w-4 shrink-0 text-gray-400 motion-safe:transition-transform motion-safe:duration-200", t.value ? "" : "rotate-180"]),
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              "aria-hidden": "true"
+            }, [...d[0] || (d[0] = [
+              p("path", {
+                "fill-rule": "evenodd",
+                d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])], 2)) : T("", !0)
+          ]),
+          _: 1
+        }, 8, ["type", "class", "aria-expanded", "aria-controls"]))
+      ])) : T("", !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",
+        "leave-active-class": "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-in",
+        "leave-from-class": "max-h-[2000px] opacity-100 overflow-hidden",
+        "leave-to-class": "max-h-0 opacity-0 overflow-hidden"
+      }, {
+        default: W(() => [
+          de(p("div", {
+            id: e.collapsible ? `fc-group-body-${r.value}` : void 0,
+            class: "p-4"
+          }, [
+            Z(oe, { nodes: e.children }, null, 8, ["nodes"])
+          ], 8, Ya), [
+            [Me, !t.value]
+          ])
+        ]),
+        _: 1
+      })
+    ], 10, Ha));
+  }
+}), Wa = ["innerHTML"], _a = /* @__PURE__ */ j({
+  __name: "FormHtml",
+  props: {
+    content: {},
+    className: {}
+  },
+  setup(e) {
+    const i = e, t = h(() => Ie(i.content));
+    return (a, r) => (c(), f("div", {
+      class: S([e.className ?? "", "fc-html prose prose-sm max-w-none text-gray-700"]),
+      innerHTML: t.value
+    }, null, 10, Wa));
+  }
+}), Qa = /* @__PURE__ */ j({
+  __name: "FormRow",
+  props: {
+    children: {},
+    gap: {},
+    align: { default: "stretch" },
+    className: {}
+  },
+  setup(e) {
+    const i = e, t = h(() => ({
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    })[i.align] ?? "items-stretch"), a = h(() => i.gap ? typeof i.gap == "number" ? `${i.gap}px` : i.gap : "");
+    return (r, u) => (c(), f("div", {
+      class: S(["grid grid-cols-12", [t.value, e.className ?? ""]]),
+      style: O(a.value ? { gap: a.value } : { gap: "1rem" }),
+      role: "group"
+    }, [
+      Z(oe, { nodes: e.children }, null, 8, ["nodes"])
+    ], 6));
+  }
+}), Xa = {
+  "aria-label": "Form steps",
+  class: "flex items-center justify-center"
+}, el = { class: "flex items-center gap-0" }, tl = ["disabled", "aria-current", "aria-label", "onClick"], al = {
+  key: 0,
+  class: "h-4 w-4 motion-safe:transition-transform motion-safe:duration-200",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, ll = { key: 1 }, nl = {
+  key: 0,
+  class: "text-center"
+}, ol = { class: "text-base font-semibold text-gray-800" }, rl = {
+  key: 0,
+  class: "mt-1 text-sm text-gray-500"
+}, sl = { class: "flex items-center justify-between border-t border-gray-100 pt-4" }, il = ["disabled"], ul = { class: "text-xs text-gray-400" }, dl = {
+  key: 1,
+  class: "w-[72px]"
+}, cl = /* @__PURE__ */ j({
+  __name: "FormSteps",
+  props: {
+    steps: {},
+    linear: { type: Boolean, default: !1 },
+    className: {}
+  },
+  setup(e) {
+    const i = e, t = J(ce), a = D(0), r = D(/* @__PURE__ */ new Set()), u = h(() => i.steps), d = h(() => u.value.length), l = h(() => a.value === 0), n = h(() => a.value === d.value - 1);
+    function o(b) {
+      const v = [];
+      function m(y) {
+        for (const F of y)
+          if (Ce(F))
+            v.push(F.name);
+          else if (F.type === "row" || F.type === "group")
+            m(F.children);
+          else if (F.type === "steps")
+            for (const k of F.steps) m(k.children);
+          else if (F.type === "tabs")
+            for (const k of F.tabs) m(k.children);
+      }
+      return m(b.children), v;
+    }
+    async function s() {
+      if (!t || !i.linear) return !0;
+      const b = u.value[a.value];
+      if (!b) return !0;
+      const v = o(b);
+      let m = !0;
+      for (const y of v) {
+        const F = await t.validateField(y);
+        t.touched[y] = !0, F.length > 0 && (m = !1);
+      }
+      return m;
+    }
+    async function g() {
+      n.value || i.linear && !await s() || (r.value.add(a.value), a.value++);
+    }
+    function $() {
+      l.value || a.value--;
+    }
+    function V(b) {
+      i.linear && b > a.value || (a.value = b);
+    }
+    return (b, v) => (c(), f("div", {
+      class: S([e.className ?? "", "space-y-6"])
+    }, [
+      p("nav", Xa, [
+        p("ol", el, [
+          (c(!0), f(z, null, G(u.value, (m, y) => (c(), f("li", {
+            key: y,
+            class: "flex items-center"
+          }, [
+            p("button", {
+              type: "button",
+              disabled: e.linear && y > a.value,
+              "aria-current": y === a.value ? "step" : void 0,
+              "aria-label": `Step ${y + 1}: ${m.title}`,
+              class: S(["relative flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold motion-safe:transition-all motion-safe:duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/40", [
+                r.value.has(y) && y !== a.value ? "border-green-500 bg-green-500 text-white" : y !== a.value ? "border-gray-300 bg-white text-gray-500" : "text-white",
+                e.linear && y > a.value ? "cursor-not-allowed" : "cursor-pointer hover:shadow-md"
+              ]]),
+              style: O(y === a.value ? { borderColor: "var(--fc-color-primary, #3b82f6)", backgroundColor: "var(--fc-color-primary, #3b82f6)" } : {}),
+              onClick: (F) => V(y)
+            }, [
+              r.value.has(y) && y !== a.value ? (c(), f("svg", al, [...v[0] || (v[0] = [
+                p("path", {
+                  "fill-rule": "evenodd",
+                  d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+                  "clip-rule": "evenodd"
+                }, null, -1)
+              ])])) : (c(), f("span", ll, L(y + 1), 1))
+            ], 14, tl),
+            y < u.value.length - 1 ? (c(), f("div", {
+              key: 0,
+              class: S(["mx-1 h-0.5 w-8 motion-safe:transition-colors motion-safe:duration-300 sm:w-12", r.value.has(y) ? "bg-green-500" : "bg-gray-200"])
+            }, null, 2)) : T("", !0)
+          ]))), 128))
+        ])
+      ]),
+      u.value[a.value] ? (c(), f("div", nl, [
+        p("h3", ol, L(u.value[a.value].title), 1),
+        u.value[a.value].description ? (c(), f("p", rl, L(u.value[a.value].description), 1)) : T("", !0)
+      ])) : T("", !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",
+        "enter-to-class": "opacity-100 translate-x-0",
+        "leave-active-class": "motion-safe:transition-all motion-safe:duration-150 motion-safe:ease-in",
+        "leave-from-class": "opacity-100 translate-x-0",
+        "leave-to-class": "opacity-0 -translate-x-2"
+      }, {
+        default: W(() => [
+          u.value[a.value] ? (c(), f("div", { key: a.value }, [
+            Z(oe, {
+              nodes: u.value[a.value].children
+            }, null, 8, ["nodes"])
+          ])) : T("", !0)
+        ]),
+        _: 1
+      }),
+      p("div", sl, [
+        p("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: $
+        }, " Previous ", 8, il),
+        p("span", ul, L(a.value + 1) + " / " + L(d.value), 1),
+        n.value ? (c(), f("div", dl)) : (c(), f("button", {
+          key: 0,
+          type: "button",
+          class: "rounded-md px-4 py-2 text-sm font-medium text-white motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 fc-steps-next-btn",
+          style: { backgroundColor: "var(--fc-color-primary, #3b82f6)" },
+          onClick: g
+        }, " Next "))
+      ])
+    ], 2));
+  }
+}), fl = {
+  class: "relative flex border-b border-gray-200",
+  role: "tablist",
+  "aria-orientation": "horizontal"
+}, ml = ["id", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "onClick", "onKeydown"], bl = {
+  key: 0,
+  class: "absolute inset-x-0 -bottom-px h-0.5 motion-safe:transition-all motion-safe:duration-200",
+  style: { backgroundColor: "var(--fc-color-primary, #3b82f6)" }
+}, vl = ["id", "aria-labelledby"], yl = /* @__PURE__ */ j({
+  __name: "FormTabs",
+  props: {
+    tabs: {},
+    className: {}
+  },
+  setup(e) {
+    const i = e, t = D(0), a = h(() => i.tabs);
+    function r(l) {
+      const n = a.value[l];
+      n != null && n.disabled || (t.value = l);
+    }
+    function u(l, n) {
+      var $;
+      const o = a.value.length;
+      let s = n;
+      if (l.key === "ArrowRight" || l.key === "ArrowDown")
+        l.preventDefault(), s = (n + 1) % o;
+      else if (l.key === "ArrowLeft" || l.key === "ArrowUp")
+        l.preventDefault(), s = (n - 1 + o) % o;
+      else if (l.key === "Home")
+        l.preventDefault(), s = 0;
+      else if (l.key === "End")
+        l.preventDefault(), s = o - 1;
+      else
+        return;
+      for (; ($ = a.value[s]) != null && $.disabled && s !== n; )
+        l.key === "ArrowLeft" || l.key === "ArrowUp" ? s = (s - 1 + o) % o : s = (s + 1) % o;
+      r(s);
+      const g = document.getElementById(`fc-tab-${s}`);
+      g == null || g.focus();
+    }
+    const d = h(() => `fc-tabpanel-${t.value}`);
+    return (l, n) => (c(), f("div", {
+      class: S(e.className ?? "")
+    }, [
+      p("div", fl, [
+        (c(!0), f(z, null, G(a.value, (o, s) => (c(), f("button", {
+          key: s,
+          id: `fc-tab-${s}`,
+          type: "button",
+          role: "tab",
+          "aria-selected": s === t.value,
+          "aria-controls": d.value,
+          "aria-disabled": o.disabled || void 0,
+          tabindex: s === t.value ? 0 : -1,
+          class: S(["relative px-4 py-2.5 text-sm font-medium motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500/40", [
+            s !== t.value ? o.disabled ? "cursor-not-allowed text-gray-300" : "text-gray-500 hover:text-gray-700" : ""
+          ]]),
+          style: O(s === t.value ? { color: "var(--fc-color-primary, #3b82f6)" } : {}),
+          onClick: (g) => r(s),
+          onKeydown: (g) => u(g, s)
+        }, [
+          _(L(o.title) + " ", 1),
+          s === t.value ? (c(), f("span", bl)) : T("", !0)
+        ], 46, ml))), 128))
+      ]),
+      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",
+        "enter-to-class": "opacity-100 translate-y-0",
+        "leave-active-class": "motion-safe:transition-all motion-safe:duration-150 motion-safe:ease-in",
+        "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,
+            role: "tabpanel",
+            "aria-labelledby": `fc-tab-${t.value}`,
+            tabindex: "0",
+            class: "pt-4"
+          }, [
+            Z(oe, {
+              nodes: a.value[t.value].children
+            }, null, 8, ["nodes"])
+          ], 8, vl)) : T("", !0)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), oe = /* @__PURE__ */ j({
+  __name: "LayoutRenderer",
+  props: {
+    nodes: {}
+  },
+  setup(e) {
+    const i = J(ce);
+    function t(r) {
+      return i ? se(r.condition, i.values) : !0;
+    }
+    function a(r) {
+      return r === "full" ? { gridColumn: "1 / -1" } : r === "auto" ? { gridColumn: "auto" } : typeof r == "number" ? { gridColumn: `span ${r} / span ${r}` } : { gridColumn: "span 12 / span 12" };
+    }
+    return (r, u) => {
+      const d = Ee("LayoutRenderer", !0);
+      return c(!0), f(z, null, G(e.nodes, (l, n) => {
+        var o;
+        return c(), f(z, { key: n }, [
+          H(Ce)(l) ? (c(), f("div", {
+            key: 0,
+            class: S(l.className ?? ""),
+            style: O(a(l.span))
+          }, [
+            Z($e, {
+              name: l.name
+            }, null, 8, ["name"])
+          ], 6)) : l.type === "field" ? (c(), f("div", {
+            key: 1,
+            class: S(l.className ?? ""),
+            style: O(a(l.span))
+          }, [
+            Z($e, {
+              name: l.name
+            }, null, 8, ["name"])
+          ], 6)) : l.type === "row" ? (c(), U(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, {
+            key: 3,
+            title: l.title,
+            description: l.description,
+            collapsible: l.collapsible,
+            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, {
+            key: 4,
+            steps: l.steps,
+            linear: l.linear,
+            "class-name": l.className
+          }, null, 8, ["steps", "linear", "class-name"])) : l.type === "tabs" ? (c(), U(yl, {
+            key: 5,
+            tabs: l.tabs,
+            "class-name": l.className
+          }, null, 8, ["tabs", "class-name"])) : l.type === "divider" ? (c(), U(Ua, {
+            key: 6,
+            label: l.label,
+            "class-name": l.className
+          }, null, 8, ["label", "class-name"])) : l.type === "html" ? (c(), U(_a, {
+            key: 7,
+            content: l.content,
+            "class-name": l.className
+          }, null, 8, ["content", "class-name"])) : l.type === "conditional" ? (c(), f(z, { key: 8 }, [
+            t(l) ? (c(), U(d, {
+              key: 0,
+              nodes: l.children
+            }, null, 8, ["nodes"])) : (o = l.elseChildren) != null && o.length ? (c(), U(d, {
+              key: 1,
+              nodes: l.elseChildren
+            }, null, 8, ["nodes"])) : T("", !0)
+          ], 64)) : T("", !0)
+        ], 64);
+      }), 128);
+    };
+  }
+}), pl = {
+  key: 0,
+  class: "mb-6"
+}, gl = {
+  key: 0,
+  class: "text-lg font-semibold text-gray-900"
+}, hl = {
+  key: 1,
+  class: "mt-1 text-sm text-gray-500"
+}, xl = { class: "mt-6 flex items-center gap-3" }, kl = ["disabled"], wl = {
+  key: 0,
+  class: "mr-2 inline-block h-3.5 w-3.5 animate-spin rounded-full border-2 border-white border-t-transparent",
+  "aria-hidden": "true"
+}, $l = ["disabled"], Tl = /* @__PURE__ */ j({
+  __name: "FormBuilder",
+  props: {
+    schema: {},
+    layout: {},
+    locale: { default: "en" },
+    fallbackLocale: { default: "en" },
+    modelValue: {},
+    theme: {},
+    components: {}
+  },
+  emits: ["submit", "error", "update:modelValue"],
+  setup(e, { expose: i, emit: t }) {
+    const a = e, r = t, u = [
+      ["text", La],
+      ["number", Lt],
+      ["textarea", Ca],
+      ["select", ia],
+      ["checkbox", ft],
+      ["checkbox-group", st],
+      ["radio", Wt],
+      ["switch", ya],
+      ["date", vt],
+      ["file", Ct],
+      ["slider", ca],
+      ["tags", ka],
+      ["phone", Gt]
+    ];
+    for (const [v, m] of u)
+      Pe(v) || ze(v, m);
+    ie(
+      Be,
+      h(() => a.components ?? {})
+    ), tt(Re(a, "theme"));
+    const d = K(), l = et(a.schema, {
+      locale: a.locale,
+      fallbackLocale: a.fallbackLocale
+    });
+    if (a.modelValue)
+      for (const [v, m] of Object.entries(a.modelValue))
+        l.setFieldValue(v, m);
+    Y(
+      () => a.modelValue,
+      (v) => {
+        if (v)
+          for (const [m, y] of Object.entries(v))
+            l.values[m] !== y && l.setFieldValue(m, y);
+      },
+      { deep: !0 }
+    ), Y(
+      () => ({ ...l.values }),
+      (v) => {
+        r("update:modelValue", v);
+      },
+      { deep: !0 }
+    ), Y(
+      () => a.locale,
+      (v) => {
+        v && l.setLocale(v);
+      }
+    ), Ze();
+    const n = h(() => {
+      var F, k;
+      const v = a.schema.translations;
+      if (!v) return "";
+      const m = v[a.locale];
+      if ((F = m == null ? void 0 : m.messages) != null && F.title) return m.messages.title;
+      const y = v[a.fallbackLocale];
+      return ((k = y == null ? void 0 : y.messages) == null ? void 0 : k.title) ?? "";
+    }), o = h(() => {
+      var F, k;
+      const v = a.schema.translations;
+      if (!v) return "";
+      const m = v[a.locale];
+      if ((F = m == null ? void 0 : m.messages) != null && F.description) return m.messages.description;
+      const y = v[a.fallbackLocale];
+      return ((k = y == null ? void 0 : y.messages) == null ? void 0 : k.description) ?? "";
+    }), s = h(() => {
+      const v = a.schema.translations;
+      if (!v) return "Submit";
+      const m = v[a.locale];
+      if (m != null && m.submit) return m.submit;
+      const y = v[a.fallbackLocale];
+      return (y == null ? void 0 : y.submit) ?? "Submit";
+    }), g = h(() => {
+      const v = a.schema.translations;
+      if (!v) return "Reset";
+      const m = v[a.locale];
+      if (m != null && m.reset) return m.reset;
+      const y = v[a.fallbackLocale];
+      return (y == null ? void 0 : y.reset) ?? "Reset";
+    }), $ = h(() => {
+      var v, m;
+      return (m = (v = a.layout) == null ? void 0 : v.nodes) != null && m.length ? a.layout.nodes : a.schema.fields;
+    });
+    async function V() {
+      try {
+        await l.submit(async (v) => {
+          r("submit", v);
+        });
+      } catch (v) {
+        r("error", v);
+      }
+    }
+    function b() {
+      l.reset();
+    }
+    return i({ form: l }), (v, m) => (c(), f("form", {
+      class: S([H(d).classes.value.form, "fc-form-builder"]),
+      style: O(H(d).cssVars.value),
+      novalidate: "",
+      onSubmit: q(V, ["prevent"]),
+      onReset: q(b, ["prevent"])
+    }, [
+      n.value || o.value ? (c(), f("div", pl, [
+        n.value ? (c(), f("h2", gl, L(n.value), 1)) : T("", !0),
+        o.value ? (c(), f("p", hl, L(o.value), 1)) : T("", !0)
+      ])) : T("", !0),
+      Z(oe, { nodes: $.value }, null, 8, ["nodes"]),
+      p("div", xl, [
+        p("button", {
+          type: "submit",
+          disabled: H(l).isSubmitting.value,
+          class: S([H(d).classes.value.button, "fc-submit-btn rounded-md px-4 py-2 text-sm font-medium text-white motion-safe:transition-colors motion-safe:duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50"]),
+          style: { "background-color": "var(--fc-color-primary, #3b82f6)" }
+        }, [
+          H(l).isSubmitting.value ? (c(), f("span", wl)) : T("", !0),
+          _(" " + L(s.value), 1)
+        ], 10, kl),
+        p("button", {
+          type: "reset",
+          disabled: H(l).isSubmitting.value,
+          class: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 motion-safe:transition-colors motion-safe:duration-150 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50"
+        }, L(g.value), 9, $l)
+      ])
+    ], 38));
+  }
+});
+export {
+  Tl as FormBuilder,
+  Be as FormComponentsKey,
+  ce as FormContextKey,
+  ye as FormI18nKey,
+  Ke as getFieldComponent,
+  Fl as getRegisteredFieldTypes,
+  Pe as hasFieldType,
+  ze as registerFieldType,
+  Bl as unregisterFieldType,
+  et as useForm,
+  Ge as useFormI18n,
+  Ze as useFormI18nContext
+};
+//# sourceMappingURL=formatica.es.js.map